body,html{font-family:'PingFangSC-Light','Hiragino Sans GB','Microsoft YaHei','OpenSans','Myriad Pro','Verdana';}
h1,h2 {color: #333;font-size: 28px;}
h3,h4 {color: #333;font-size: 18px;}
p {color: #666;font-size: 14px; line-height: 26px;}
/*板块预定义*/
section{padding: 50px 0;}
section.banner{background-size: cover;background-repeat: no-repeat;background-position: center;}
section.greybg{background-color: #f6faff;}
section.bot{padding: 20px;}
/*导航栏*/
.navbar-default{margin: 0;background-color: #fff;border:none;height: 60px;}
.navbar-default .navbar-brand{padding: 15px;height: 60px;width: 200px;}
.navbar-default .navbar-nav>li>a{font-size: 24px;color: #5b6068;line-height: 24px;padding: 18px 30px;}
.navbar-default .navbar-nav>li>a:hover{color: #007dd2;}
/*返回顶部*/
p#back-to-top{  position:fixed;  display:none;  bottom:50px;  right:40px;  }  
p#back-to-top a{  
  text-align:center;  
  text-decoration:none;  
  color:#d1d1d1;  
  display:block;  
  width:64px;  
  /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/  
  -moz-transition:color 0.5s;  
  -webkit-transition:color 0.5s;  
  -o-transition:color 0.5s;  
}  
p#back-to-top a:hover{  color:#979797;  }  
p#back-to-top a span{  
  background:transparent url(http://www.fanruan.com/images/top.png) no-repeat;  
  border-radius:6px;  
  display:block;  
  height:60px;  
  width:60px;
  margin:auto; 
  margin-bottom:5px;  
  /*使用CSS3中的transition属性给<span>标签背景颜色添加渐变效果*/  
  -moz-transition:background 0.5s;  
  -webkit-transition:background 0.5s;  
  -o-transition:background 0.5s;  
}  
#back-to-top a:hover span{  
  background:transparent url(http://www.fanruan.com/images/top.png) no-repeat;  
}
/*banner和板块的字体样式*/
.banner .slogan-tit{color: #fff;font-size: 56px;line-height: 56px;margin-bottom: 50px;letter-spacing: 2px;margin-top: 90px;}
.banner .slogan-p1{color: #fff;font-size: 24px;line-height: 24px;margin-bottom: 70px;letter-spacing: 1px;margin-top: 0;}
.banner .slogan-p2{color: #fff;font-size: 18px;line-height: 18px;margin-bottom: 70px;letter-spacing: 1px;margin-top: -50px;}
hr.line-blue-short{width: 60px;border-top: 2px solid #017ed3;margin: 15px 0;}
h2.sec-tit{margin-top: 0;margin-bottom: 50px;}
p.sec-des{margin-bottom: 50px;color: #618288;margin-top: -30px;}
/*按钮样式*/
.banner .frbtn-wht{margin-right: 20px;}
.frbtn-wht{color: #017ed3;background-color: #fff;border: none;}
.frbtn-wht:hover{background-color: #b9dcff;color: #017ed3;}
.frbtn-wht:focus{background-color: #b9dcff;color: #017ed3;}
.frbtn-wht2{color: #017ed3;background-color: #fff;border: 1px solid #017ed3;}
.frbtn-wht2:hover{background-color: rgba(1,150,255,0.2);color: #017ed3;}
.frbtn-wht2:focus{background-color: rgba(1,150,255,0.2);color: #017ed3;}
.frbtn-blue{color: #fff;background-color: #2c7adf;border: none;}
.frbtn-blue:hover{background-color: rgba(1,150,255,0.8);color: #fff;}
.frbtn-blue:focus{background-color: rgba(1,150,255,0.8);color: #fff;}
.frbtn-blue2{color: #fff;background-color: #2c7adf;border: 1px solid #fff;}
.frbtn-blue2:hover{background-color: rgba(1,150,255,0.2);color: #fff;}
.frbtn-blue2:focus{background-color: rgba(1,150,255,0.2);color: #fff;}
/*阴影盒子*/
.frbox{box-shadow:0 6px 20px #D1EBFC;-moz-box-shadow:0 6px 20px #D1EBFC;-webkit-box-shadow:0 6px 20px #D1EBFC;}
/*盒子的hover特效*/
.frhvr-shadow{
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, box-shadow;
  transition-property: transform, box-shadow;
}
.frhvr-shadow:hover{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow:0 6px 20px #D1EBFC;
  -webkit-box-shadow:0 6px 20px #D1EBFC;
}

@media (min-width: 1100px){
  .container {width: 1200px;}
}
@media screen and (max-width: 600px) {
  p#back-to-top{  
    position:fixed;  
    display:none;  
    bottom:10px;  
    right:10px;  
  }
  /*导航*/
  .navbar-nav{text-align:center;}
  .navbar-nav .dropdown-menu{text-align: center;}
  .navbar-default .navbar-nav>li>a{font-size: 20px;line-height: 20px;padding: 10px 0;}
}