@charset "utf-8";
/*@font-face {
	font-family:'pinghei';
	src: url('/templets/2018/font/Ping_Hei.otf');
	font-weight:normal;
}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0;}
body{color:#333;background:#fff;font-size:14px;font-family:'微软雅黑", Georgia, serif',sans-serif;/*font-family:Calibri,sans-serif,Verdana, Arial, Helvetica, "Microsoft YaHei";*/} 
table{border-collapse:collapse;border-spacing:0;} 
caption,th{text-align:left;} 
fieldset,img{border:0;} 
abbr,acronym{border:0;font-variant: normal;}
:focus{outline:0;} 
input,select{font-size:14px;} 
del,ins{text-decoration:none;} 
ol,ul,dl{list-style:none;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
a,a:link,a:visited,a:active{color:#999;text-decoration:none;} 
a:hover{color:#111;} 
dl{-webkit-margin-before:0;-webkit-margin-after:0;}
input,button,input[type="button"] {outline: none;}
button,input[type="button"]  {color:#FFF;background-color: #00baf2;line-height: 30px;border:none;padding:5px;border-radius: 5px;cursor: pointer;}
button:hover,input[type="button"]:hover {opacity: .9;}
.img img{width: 100%;height: 100%;overflow: hidden;}
.clear  {clear: both;width: 0px;height: 0px;overflow: hidden;}
.fl{float: left;}.fr{float: right;}.tl{text-align: left;}.tc{text-align: center;}.tr{text-align: right;}
.fb {font-weight: bold;}
.f14  {font-size: 14px;}.f16  {font-size: 16px;}.f18  {font-size: 18px;}.f20  {font-size: 20px;}.f22  {font-size: 22px;}
.mt5{margin-top: 5px;}.ml5{margin-left:5px;}.mr5{margin-right:5px;}.mb5{margin-bottom: 5px;}
.mt10{margin-top: 10px;}.ml10{margin-left: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.mt15{margin-top: 15px;}.ml15{margin-left: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.mt20{margin-top: 20px;}.ml20{margin-left: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}
.mt30{margin-top: 30px;}.ml30{margin-left: 30px;}.mr30{margin-right: 30px;}.mb30{margin-bottom: 30px;}
.mt40{margin-top: 40px;}.ml40{margin-left: 40px;}.mr40{margin-right: 40px;}.mb40{margin-bottom: 40px;}
.ml50{margin-left: 50px;}.mt50{margin-top: 50px;}.mr50{margin-right: 50px;}.mb50{margin-bottom: 50px;}
.mt80{margin-top: 80px;}.mt100{margin-top: 100px;}
.ml-10{margin-left: -10px;}
.ml-20{margin-left: -20px;}
.mr-0{ margin-right:0;}
.en {}
.fs10{font-size: 12px; transform: scale(0.8333);display:inline-block; transform-origin:0 88% 0;}
.page{ width:100%;}


@keyframes loading-anim {
  0% {
    transform: translate(0, 0);
    width: 0;
  }
  100% {
    transform: translate(300%, 0);
    width: 45%;
  }
}

.page-loader {
  position: fixed;
  z-index: 200;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ffffff;
  display: block;
}
.page-loader .fa {
  font-size: 2.5rem;
}
.page-loader.visible {
  -webkit-transition: 0.6s;
  -ms-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
  opacity: 1;
  visibility: visible;
}
.page-loader.hidden {
  visibility: hidden;
  /*    display: none;*/
  opacity: 0;
}
.page-loader .loader-bar {
  width: 80%;
  height: 5px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.page-loader .loader-bar:after {
  content: '';
  background: #000000;
  position: absolute;
  width: 20%;
  height: 45%;
  left: 0;
  top: 0px;
  -webkit-animation: loading-anim 3s infinite forwards;
  -khtml-animation: loading-anim 3s infinite forwards;
  -moz-animation: loading-anim 3s infinite forwards;
  -ms-animation: loading-anim 3s infinite forwards;
  -o-animation: loading-anim 3s infinite forwards;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
  -khtml-transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
  -moz-transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
  transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
}
.page-loader .loader-bar:before {
  content: '';
  background: #000000;
  position: absolute;
  width: 20%;
  height: 45%;
  left: 0;
  top: 0px;
  -webkit-animation: loading-anim 3s infinite reverse;
  -khtml-animation: loading-anim 3s infinite reverse;
  -moz-animation: loading-anim 3s infinite reverse;
  -ms-animation: loading-anim 3s infinite reverse;
  -o-animation: loading-anim 3s infinite reverse;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
  -khtml-transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
  -moz-transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
  transition: all cubic-bezier(0.34, 0.57, 0.21, 0.99) 1.3s;
}
.page-loader div {
  position: absolute;
  top: 48%;
  width: 100%;
  text-align: center;
  color: #1e1e1e;
  margin-top: -1rem;
  font-size: 4rem;
}