@charset "utf-8";
*{margin: 0;padding: 0;border: 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;-webkit-touch-callout: none;}
*{font-family:"Microsoft YaHei"}
/**{-webkit-appearance: none;}*/html { background: #FFFFFF; /* font-size: 10px;*/}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure ,div,form,img,ul,ol,li,i,b,table,tr,td,th,fieldset,label,legend,header{margin:0;padding:0; font-weight:normal;}
body { font-size: 12px; font-family: "Microsoft YaHei", "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB",  "Arial", sans-serif;; color: #333; font-weight:normal; font-style:normal;}
ul, ol, menu { list-style: none; margin: 0; padding: 0; }
li{list-style:none;}
table { border-collapse: collapse; border-spacing: 0; }
fieldset, a,img,a img, iframe { border: 0 none; }
address, em, i { font-style: normal; }
input, select, button { vertical-align: middle; }
input, textarea, select { *font-size: 100%; }
button { overflow: visible; }
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit;outline:none;}
input:-moz-placeholder{color: #999;}  
input::-webkit-input-placeholder{color:#999;}
input,select,button{ outline:none 0;}
textarea{ outline:none; resize:none; font-size:12px;}
input, textarea, select { *font-size: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input, textarea, keygen, select, button {text-rendering: auto;color: initial;letter-spacing: normal;word-spacing: normal;text-transform: none;text-indent: 0px;text-shadow: none;display: inline-block;font: 13.3333px Microsoft YaHei;}

a, input, textarea, select {-webkit-tap-highlight-color: transparent;cursor: pointer;} 
img{ vertical-align:top; -ms-interpolation-mode: bicubic; -moz-interpolation-mode: bicubic; -webkit-interpolation-mode: bicubic;/*图片缩放失真问题*/ transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease;}
a{text-decoration:none;cursor:pointer;color: #333}
a:hover{text-decoration:none;} 
/*a{transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moztransition:all 0.2s ease-in-out; color:#333;}
*/
ul{height: auto;overflow: hidden;}
 
/*等距离分布*/
.box{display: -moz-box; /*Firefox*/display: -webkit-box; /*Safari,Opera,Chrome*/display: box;}
.box{display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */display: -moz-box; /* 老版本语法: Firefox (buggy) */
display: -ms-flexbox; /* 混合版本语法: IE 10 */display: -webkit-flex; /* 新版本语法: Chrome 21+ */display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */}
.box{ display: -webkit-box;display: -ms-flexbox;display: flex; display: -moz-flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;width: 100%;}
.box1{ display: -webkit-flex;display: flex; display: -moz-flex;flex-direction: row;justify-content: space-between;width: 100%;}
/*清除浮动*/
.before:before {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.after:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {/* 触发 hasLayout */ zoom: 1; }
.min{ margin:0px auto;}
.min:before {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.min:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}

.fl{float:left;}
.fr{float:right;}
.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.pr{position: relative;}
.pa{position: absolute;}
.indent { text-indent: 2em;}
.banner img{width: 100%}

.maincl{ color:#ff7800;}
.fontcl1{ color:#ff6600;}
.fontcl2{ color:#ff9900;}
.fontcl3{ color:#0484cd;}
.pointcl{ color:#ff3300;}
.black9{ color:#999;}
.black6{ color:#666;}
.black3{ color:#333;}
.black0{ color:#000;}
.whitecl{ color:#fff;}

@keyframes clickfirst {
  0% {transform: translateY(4px) rotate(0deg);}
  100% { transform: translateY(0) rotate(45deg);}
}   
@keyframes clicksecond {
  0% {transform: translateY(-4px) rotate(0deg);}
  100% { transform: translateY(0) rotate(-45deg);}
}
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}   
@keyframes outsecond {
  0% {transform: translateY(0) rotate(45deg);}
100% { transform: translateY(4px) rotate(0deg);}
}

@-webkit-keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}
@keyframes returnToNormal {
  0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}
}