@charset "UTF-8";
html, body {
  font-size: 16px;
  font-family: "微软雅黑";
  position: relative;
  height: 100%;
  background-color: #f2f2f2 !important;
}
@font-face{
     font-family: "clear-bold"; 
     src: url('/css/font/ClearSans-Thin.ttf');
}
.main-container{
  border-top:0.1px solid #f2f2f2 !important;
}

.color-red {
  color: #e75153; }

.color-grey {
  color: #999999; }

.fs12{
  font-size:12px;}

.fs14{
  font-size:14px;}

.fs16{
  font-size:16px;}

.fs20{
  font-size:20px;}

.pdl5{
  padding-left: 5px;
}
.pdr5{
  padding-right: 5px;
}
.img-box-fix {
  font-size: 0; }

.bgcolor{
  background-color: #ffffff;
}
.height10{
  height: 10px;
}
.dpn{
  display: none
}
.row{
  margin: 0 !important;
}

@keyframes fade-in {  
    0% {opacity: 0;}/*初始状态 透明度为0*/  
    40% {opacity: 0;}/*过渡状态 透明度为0*/  
    100% {opacity: 1;}/*结束状态 透明度为1*/  
  }  
@-webkit-keyframes fade-in {/*针对webkit内核*/  
    0% {opacity: 0;}  
    40% {opacity: 0;}  
    100% {opacity: 1;}  
}  
.block {    
    animation: fade-in;/*动画名称*/  
    animation-duration: 1.5s;/*动画持续时间*/  
    -webkit-animation:fade-in 1.5s;/*针对webkit内核*/  
}

.header{
  position: fixed;
  width: 100%;
  z-index: 20;
  background-color: #ffffff;
}
nav{
  width: 100%;
  z-index: 19;
  height: 88px;
  padding-right: 100px;
}
nav.pc-nav a{
	font-family:"clear-bold";
  display: inline-block;
  width: 120px;
  height: 88px;
  padding:25px 0;
  font-size:24px;
  color:#000000; text-decoration:none
}
nav.pc-nav a:hover{ text-decoration:underline
}
nav.mobile-nav {
  display: none;
}
.fixed-logo{
  position: fixed;
  padding:10px 50px;
  z-index: 20;
} 
.fixed-logo img{
  margin-top:3px;
}
.fixed-logo>a{
  padding:0 !important;
}

.footer .container{
  padding:96px 0;
}
.footer .container .footer-left p{
  text-align: left;
  color:#777777;
  font-size: 14px;
  line-height:24px;
}
.footer .container .footer-right p{
  text-align: left;
  font-size: 14px;
  line-height:24px;
}
.footer .container .footer-right p:first-child
{
font-size:16px
}
.footer .container .footer-right{
    color:#777777;
    font-size: 20px;
    text-align: right;
  }
  .footer .container .footer-right p.number{
    font-weight: bold;
  }
  .footer .container .footer-right img{
    display: inline-block;
    width: 150px;
    height: 150px;
	margin-top:10px;
	margin-bottom:10px;
  }
  .footer .container .footer-right p.attention{
    font-size:14px;
  }
.clearfloat:after{
  display: block;
  clear: both;
  content: ""
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
  padding:0 !important;
}


.vh-all {
    height: calc(80vh - 12px);
}
.vh-half{
    height: calc((80vh - 18px)/2);
}
/*.vh-all-to-half{
  height: calc(80vh - 12px);
}*/
.uk-grid-mini {
  margin-left: -6px;
}
.uk-grid-mini > * {
  padding-left: 6px;
}
/* Vertical */
.uk-grid + .uk-grid-mini,
.uk-grid-mini > .uk-grid-margin,
* + .uk-grid-margin-mini {
  margin-top: 6px;
}
.img-box-text h2 { font-weight:bold; margin-bottom:5px; font-size:18px;}
.img-box-text>p{
  text-align: center;
}