html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch
}

body {
  margin: 0;
  font-size: 12px;
  line-height: 1.2;
  color: #323232;
  background-color: #fff;
  padding-top: 80px;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
  *display: inline;
  *zoom: 1
}


audio:not([controls]) {
  display: none;
  height: 0;
}


[hidden],
template {
  display: none;
}


a {
  background: transparent;
  text-decoration: none;
  
}

a:hover{
	 color: #002496;
} 

abbr[title] {
  border-bottom: 1px dotted;
}

b,strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


img {
  border: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic
}

svg:not(:root) {
  overflow: hidden;
}


hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}



button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}


button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}

button[disabled],
html input[disabled] {
  cursor: default;
}


button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea:focus,
input:focus {
  outline: none;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="text"] {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  *margin-left: -7px
}

textarea {
  overflow: auto;
  resize: vertical
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}


q {
  quotes: none;
}

html,
button,
input,
select,
textarea {
  font-family:arial, "Microsoft Yahei",   sans-serif;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0;
}

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol ,li {
  list-style: none outside none;
}

h1, h2, h3 {
  font-weight: normal;
}

h1 {
  /*font-size: 18px;*/
}

h2 {
  /*font-size: 15.6px;*/
}

h3 {
  /*font-size: 14.04px;*/
}

h4 {
  /*font-size: 12px;*/
}

h5, h6 {
  /*font-size: 10.2px;*/
  text-transform: uppercase;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ccc;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}

.clear {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  content: ".";
}

.fl {
  float: left;
  /*display: inline;*/
}

.fr {
  float: right;
  /*display: inline;*/
}

.por {
  position: relative;
}

.poa {
  position: absolute;
}

.pof {
  position: fixed;
}

.poa-f {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ovh {
  overflow: hidden;
}

.noselect {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.z1 {
  z-index: 1;
}

.z2 {
  z-index: 2;
}

.z3 {
  z-index: 3;
}

.dn {
  display: none;
}

.dib {
  display: inline-block;
}

.w-f {
  width: 100%;
}

.h-f {
  height: 100%;
}

.fwn {
  font-weight: normal;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.t-f {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
          transition: all 0.5s;
}

.t-c {
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
          transition: color 0.5s;
}

.t-bg {
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -ms-transition: background 0.5s;
          transition: background 0.5s;
}

.nowrap{ 
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	text-overflow:ellipsis
	}

.nowrap-2{ 
text-overflow: ellipsis;
  overflow: hidden;
  empty-cells: initial;
  display: -webkit-box;
  white-space: normal!important;
   word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  }
	
.nowrap-3{ 
text-overflow: ellipsis;
  overflow: hidden;
  empty-cells: initial;
  display: -webkit-box;
  white-space: normal!important;
   word-wrap: break-word;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  }
  

.header{ 	height: 80px; 	background: #fff; min-width: 1200px;  width: 100%; position: fixed; 	 z-index: 9999; 	 width: 100%; 	 -moz-transition:all ease-in-out 0.4s; 	 -webkit-transition:all ease-in-out 0.4s; 	 -ms-transition:all ease-in-out 0.4s; 	 transition:all ease-in-out 0.4s; 	 top:0px;	 left: 0; -moz-box-shadow: rgba(0,0,0,0.1) 1px 0px 2px; -webkit-box-shadow: rgba(0,0,0,0.1) 1px 0px 2px; -ms-box-shadow: rgba(0,0,0,0.1) 1px 0px 2px; box-shadow: rgba(0,0,0,0.1) 1px 0px 2px; }  
.header .logo{ 	margin-top: 0px;	float: left;	 -moz-transition:all ease-in-out 0.4s; 	 -webkit-transition:all ease-in-out 0.4s; 	 -ms-transition:all ease-in-out 0.4s; 	 transition:all ease-in-out 0.4s; position: absolute; z-index: 15; }
.header .logo img{ float: left;}
.header .logo .dsp{ float: left; font-size: 18px; padding-left: 20px; padding-top: 20px;}
.header .logo .dsp p{ margin-top: 5px; color: #5E5E5E; font-size: 14px;}
.header .menu{ 	display: block;	 float: right;	  text-align: right;	  }
.header .menu li{	 line-height: 80px; 	 font-size: 16px;	 font-weight: bold;	 display: inline-block;	 padding-left:35px; padding-right: 35px;}	  
.header .menu li a{	color: #323232;	display: inline-block;	position: relative;}
.header .menu li .hot{ width: 60px; height: 21px; background:url(../images/icon.png) no-repeat 0px 0px; display: inline-block; position: absolute; right: -50px; top: 10px; 
	-webkit-animation: vibrate-1 0.7s linear infinite both;
	        animation: vibrate-1 0.7s linear infinite both;
}
.header .menu li a:hover{	color: #ff3b30;	}
.header .menu li a:before{	 content: '';	 width: 0;	 height: 2px;	 position: absolute;	 left: 50%;	 bottom: 0px;	 background: #ff3b30;	   -moz-transition: all .3s ease-out;	   -webkti-transition: all .3s ease-out;	   -ms-transition: all .3s ease-out;	   transition: all .3s ease-out;}	
.header .menu li a:hover:before{	width: 100%;	left: 0;}
.header .menu li a.current{	color: #ff3b30;	font-weight: bold;}
.header .menu li a.current:before{	content: '';	 width: 100%;	 height: 2px;	 position: absolute;	 left: 0;	 bottom: 0;	 background: #ff3b30;}
.header .menu li.current a:before{width: 100%;	left: 0;}
.header .sub-menu{ display: none; background-color: #FFF;z-index:12;position:absolute;left:0;right:0;top:80px;  padding: 50px 0 30px 0; -moz-box-shadow: rgba(0,0,0,.1) 0px 5px 5px; -webkit-box-shadow: rgba(0,0,0,.1) 0px 5px 5px; -ms-box-shadow: rgba(0,0,0,.1) 0px 5px 5px; box-shadow: rgba(0,0,0,.1) 0px 5px 5px; border-top: #f0f0f0 1px solid;}

/*.header .sub-menu dl{ float:left; width: 25%; padding-left: 50px; box-sizing: border-box; text-align: left; position: relative; margin: 0; line-height: 24px;}
.header .sub-menu dl:first-child{padding-left: 0px;}
.header .sub-menu dl:not(:last-child):after{ background: #F0F0F0; width: 1px; height: 385px; position: absolute; right: 0; top: 0; display: inline-block; content: '';}
.header .sub-menu dl dt{ font-size: 20px; font-weight: normal;}
.header .sub-menu dl dt.line{ margin-top: 30px; border-top: #F0F0F0 1px solid; padding-top: 30px;}
.header .sub-menu dl dd{ height: 40px; margin-top: 20px; font-weight: normal; line-height: 40px;}
.header .sub-menu dl dd span{ width: 40px; height: 40px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background: #7cd645; display: inline-block; float: left; margin-right: 10px;}
.header .sub-menu dl dd a{ font-size: 16px; color: #5E5E5E;}
.header .sub-menu dl dd a:hover{text-decoration: underline; color: #ff3b30;}
.header .sub-menu dl dd a:before{ display: none;}*/
.header .sub-menu .wrap{ padding-left: 200px; box-sizing: border-box;}
.header .sub-menu dl{ float:left; width: 33.3%;  box-sizing: border-box; text-align: left; position: relative; margin: 0; line-height: 24px; margin-bottom: 35px;}
.header .sub-menu dl dt{width: 40px; height: 40px; background: url(../images/nav-icon1.png) no-repeat; display: inline-block; float: left; margin-right: 10px;}
.header .sub-menu dl dt.icon1{ background-position: 0 0;}
.header .sub-menu dl dt.icon2{ background-position: 0 -40px;}
.header .sub-menu dl dt.icon3{ background-position: 0 -80px;}
.header .sub-menu dl dt.icon4{ background-position: 0 -120px;}
.header .sub-menu dl dt.icon5{ background-position: 0 -160px;}
.header .sub-menu dl dt.icon6{ background-position: 0 -200px;}
.header .sub-menu dl dt.icon7{ background-position: 0 -240px;}
.header .sub-menu dl dt.icon8{ background-position: 0 -280px;}
.header .sub-menu dl dt.icon9{ background-position: 0 -320px;}
.header .sub-menu dl dt.icon10{ background-position: 0 -360px;}
.header .sub-menu dl dt.icon11{ background-position: 0 -400px;}

.header .sub-menu dl dd{   font-weight: normal; color: #323232; float: left; margin-top: -2px;}
.header .sub-menu dl dd .tag{ width: 25px; height: 17px; background: url(../images/hot.png) no-repeat; display: inline-block; position: relative; vertical-align: top; margin-top: -8px;}
.header .sub-menu dl dd p{ font-size: 13px; color: #a5a5a5;}
.header .sub-menu dl  a{ font-size: 16px;  display: block;}
.header .sub-menu dl  a:hover{color: #ff3b30;}
.header .sub-menu dl  a:before{ display: none;}

.header.fixedTop{ -moz-transform: translateY(-80px); 	  -webkit-transform: translateY(-80px); 	  -ms-transform: translateY(-80px); 	  transform: translateY(-80px);}
.header.fixedTop .logo{-moz-transform: translateY(-66px); 	  -webkit-transform: translateY(-66px); 	  -ms-transform: translateY(-66px); 	  transform: translateY(-66px);}


.footer.mt{ margin-top: 80px;}
.footer{background: #250909; width: 100%; min-width: 1200px; padding: 50px 0px 30px 0px; position: relative; z-index: 9;}
.footer .content{ width: 1200px; margin: 0px auto;}
.footer .content dl{ float: left; width: 37%;}
.footer .content dl dt{ font-size: 14px; color: #fff;}
.footer .content dl dt span{ font-size: 12px; color: rgba(255,255,255,.3); margin-left: 5px;}
.footer .content dl dd{ font-size: 18px; color: #fff; font-family: "Helvetica Neue"; margin-top: 30px; line-height: 24px;}
.footer .content dl.other{ width: 26%;}
.footer .content dl.other .wechat{ float: left; padding: 5px; background: #fff;}
.footer .content dl.other .qq{ margin-left: 10px; margin-top: 25px; float: left;}
.footer .content dl.other .qq a{ width: 36px; height: 36px; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: -394px -99px; display: inline-block; margin-left: 10px;}
.footer .content dl.other .qq a:hover{background-position: -440px -99px;}
.footer .copyright{ width: 1200px; margin: 50px auto 0px auto; color:rgba(255,255,255,.6); font-size: 14px; line-height: 22px;}
.footer .copyright img{ width: 100px; display: inline-block; margin-right: 10px; float: left;}


.online-fixed{  position: fixed;  right: 0px;  top: 50%;  z-index: 50;  width: 77px;  height: 235px;  margin-top: -150px;}
.online-fixed li{  position: relative;  width: 77px;  height: 57px;  margin-bottom: 1px;  line-height: 27px;  color: #323232;  text-align: center; }
.online-fixed li.hover{  overflow: hidden;}
.online-fixed li a{  display: inline-block;  color: #323232;  font-size: 12px;}
.online-fixed li a.tit{  width: 77px;  height: 27px;  padding: 30px 10px 0 0;  color: #323232;}
.online-fixed li p{  position: relative;  z-index: 2;  height: 27px;  padding-top: 30px;  cursor: pointer;}
.online-fixed li.qq {background:url(../images/online.png) no-repeat; background-position: 0 0;}
.online-fixed li.tel {background:url(../images/online.png) no-repeat;  background-position: 0 -59px;}
.online-fixed li.zx a{background:url(../images/online.png) no-repeat;  background-position: 0 -118px;}
.online-fixed li.top a{background:url(../images/online.png) no-repeat;  background-position: 0 -177px;  cursor: pointer;}
.online-fixed li .tel{  position: absolute;  left: 77px;  top: 0;  z-index: 1;  width: 184px;  height: 57px;  font: 24px/57px Arial;  color: #323232;  background:url(../images/online.png) no-repeat 0px -236px;  cursor: pointer;}
.online-fixed li .qq{  position: absolute;  left: 77px;  top: 0;  z-index: 1;  width: 184px;  height: 57px;    color: #323232;  background:url(../images/online.png) no-repeat 0px -236px;  cursor: pointer;}
.online-fixed li .qq a{background:url(../images/qq.png) no-repeat 20px 10px;  padding-top: 30px; font-size: 12px; width: 33.3%; float: left; text-align: center;}
.online-fixed li .qq a:hover{-webkit-animation: vibrate-1 0.7s linear infinite both;	        animation: vibrate-1 0.7s linear infinite both;}

.mini-page{height:32px; text-align:center; margin-top:30px; font-size:0px;}
.mini-page a{height:32px; line-height:32px; padding:0 5px; min-width:22px; color:#282828; font-size:14px; display:inline-block; *display:inline; *zoom:1; white-space:nowrap; background:#f2f2f5; margin:0 5px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; border-radius:3px;}
.mini-page .prv,.mini-page .next{padding:0 15px;}
.mini-page .active,.mini-page a:hover{ background-color:#ff3b30; color:#fff;}
