body{
	background: #fff;
	font-size: 0.8vw;
   font-family:"微软雅黑";	margin:0; padding:0 0;
}
a{color: #333;text-decoration: none;outline: none;transition: all .3s;}
a:hover,a:focus{color:#df0716;transition: all .3s;}

html {
    -ms-touch-action: none;
    height: 100%;
	overflow-x: hidden;
}
body, ul, li {
    padding: 0;
    margin: 0;
    border: 0;
	list-style:none;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{vertical-align:middle;border:0;}<!--控制图片放大缩小区域不变-->

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
    clear: both;
}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:bold;line-height:30px;margin:0; padding:0;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999999;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
p,span{ margin:0; padding:0;}

img{
	outline: none;
	border:none;
}
input:-webkit-autofill,select:-webkit-autofill {  
    -webkit-box-shadow: 0 0 0px 1000px white  inset !important;  
} 
  
input{
    outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	border: none ;
	border-style: none ;
	text-shadow: none ;
	-webkit-appearance: none ;
	-webkit-user-select: text ;
	outline-color: transparent ;
	box-shadow: none;
	border-radius:0;
}

/*----s - banner------*/

.topHeight{ height:70px;}
/*----e - banner------*/
.shadow {
	-webkit-box-shadow: 1px 1px 20px #cacaca;
	-moz-box-shadow: 1px 1px 20px #cacaca;
	box-shadow: 1px 1px 20px #cacaca;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=10);
}

.shadow-down {
	-webkit-box-shadow: 1px 1px 20px #cacaca;
	-moz-box-shadow: 1px 1px 20px #cacaca;
	box-shadow: 1px 1px 20px #cacaca;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=120, strength=10);
}

.shadow-up {
	-webkit-box-shadow: 0 0 5px #cacaca;
	-moz-box-shadow: 00 5px #cacaca;
	box-shadow: 0 0 5px #cacaca;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090, direction=120, strength=4);
}


input:-webkit-autofill,select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset!important;
}

.bg-white {
	background: #FFF;
}

.bg-gray {
	background: #fdfdfd;
}

input:-webkit-autofill,select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset!important;
}

button,input,select,textarea {
	margin: 0;
	font-size: 100%;
	font-family: inherit;
}

button,input {
	line-height: normal;
}

button,select {
	text-transform: none;
}

button,html input[type=button],input[type=submit],input[type=reset] {
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],html input[disabled] {
	cursor: default;
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

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

*,:after,:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input {
	outline-width: 0;
	outline-style: none;
	outline-color: invert;
	outline-color: transparent;
	border: none;
	border-style: none;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	-webkit-appearance: none;
	-webkit-user-select: text;
}

input[type=checkbox] {
	-webkit-appearance: checkbox;
}


.pr {
	position: relative;
}

.ps {
	position: static;
}

.pa {
	position: absolute;
}

.hidden {
	display: none;
}

.tc {
	margin: 0 auto;
	text-align: center;
}
.mainContainer{width: 80%; text-align:center; margin:0 auto; padding:0 0;  }
.hidden {
    display: none;
}
.chevron{
    -webkit-animation: pulse 2s infinite;
            animation: pulse 2s infinite;}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes pulse {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

  50% {
    -webkit-transform: translate(0, 10px);
            transform: translate(0, 10px); }

  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
 }
			
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
/*返回顶部*/ 
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat; z-index:20000;}
.toolbar{position:fixed;right:0px;bottom:0px;}
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s; }
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:100px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 0;}
.toolbar-item-top:hover{background-position:0 -62px; cursor:pointer;}
.toolbar-layer{position:absolute;right:52px;bottom:0;width:200px;opacity:0;filter:alpha(opacity=0);transform-origin:95% 95%;-moz-transform-origin:95% 95%;-ms-transform-origin:95% 95%;-o-transform-origin:95% 95%;-webkit-transform-origin:95% 95%;transform:translate(0,-10px);-webkit-transform:translate(0,40px);-moz-transform:translate(0,40px);-o-transform:translate(0,40px);-ms-transform:translate(0,40px);transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s}


 /*返回顶部*/ 
 @media (min-width:769px) {
	h1 {
		font-size: 1.9vw;
	}

	h2 {
		font-size: 1.5vw;
	}

	h3 {
		font-size: 1.3vw;
	}

	h4 {
		font-size: 1vw;
	}

	h5 {
		font-size: .9vw;
	}

	h6 {
		font-size: .85vw;
	}
	

}
@media (min-width: 1281px) and (max-width: 1920px){	
	
}
@media (min-width: 769px) and (max-width: 1440px){	

	
}
@media (max-width: 768px) { 
body{
	font-size: 14px;
   
}
.topHeight{ height:60px;}
.mainContainer{ width:100%;  padding:0 20px;}
}
@media (max-width: 360px) { 
body{
	font-size: 12px;
   
}
.topHeight{ height:100px;}
.mainContainer{ padding:0 20px;}
}
@media all and (orientation : landscape) {

.heng{height:100%;width:100%;text-align:center;background:#fff;position:absolute;z-index: 99999;display:block;}/*横屏时的样式*/

.heng p{margin:0 auto;color:#000;margin-top:90px;}

}

@media screen and (orientation:portrait) {
/* css[竖向定义样式] */
#content{ display:block;}
#coverBg{display:none;}
}
@media screen and (orientation:landscape) {
/* css[横向定义样式] */

#content{ display:none;}
#coverBg{display: block;width: 100%;height: 100%; background:url(../images/coverbg.jpg) #fafafa ;opacity:1;position: absolute;z-index: 9999;top: 0px;left: 0px;display:table;}
#coverBg .showCon{ width:300px; height:auto;text-align:center; margin:0 auto; display:table-cell;vertical-align:middle}
#coverBg .showCon img{width:150px; height:auto; text-align:center; margin:5px auto;}
#coverBg .showCon h5{ font-size:16px; font-weight:normal; color:#333}
#coverBg .showCon p{ font-size:16px; line-height:24px; color:#df0716;}
}

@media only screen and (min-width: 768px) {
	#content{ display:block;}
    #coverBg{display:none;}
	}