﻿
#headnav li a.download{
border: 1px solid #20ade5;
border-radius: 3px;
color: #20ade5;
padding: 10px 18px;
font-size: 16px;
line-height: 16px;
width: auto;
}
#headnav li a.download:hover{background-color: rgba(1,150,255,0.2);}
/*返回顶部*/
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;  
}

.abstract>.col-md-9 h3{color:#20ade5;}
.singleimg{
margin: auto;
padding-bottom: 20px;
}
/*老版本样式*/
#content { 
clear: left; 
} 
.entrylist-title h2{font-size:18px;}
#content{ 
width: 1140px;
margin: 10px auto;
background:#FFFFFF;
color: #3f4e55;
text-align:justify;
overflow:hidden;
margin-top:60px;
}
#content h2{margin-top: 30px; margin-bottom:20px;}
.entry-content a{
color: #20ade5;
}
.entry-content a:hover {
color: #016aa8;
}
.entry-content{
width: 70%;
padding: 25px 20px;
line-height: 36px;
font-size:16px;
color:#313131;
position: relative;
float: left;
background-color: #f8f8f8;
}
.entry-right{
position: relative;
width: 28%;
float: right;
background-color: #f8f8f8;
padding: 6px 6px;
}
.entry-right h3{
margin-top: 30px;
margin-bottom: 15px;
font-size: 20px;
}
.entry-right p{
margin-bottom: 6px;
padding-left: 6px;
}
.entry-right a{
display: block;
font-size: 15px;
color: #333333;
}
.entry-right a.rec-btn {
width: 100%;
height: 40px;
background-color: #0199ff;
color: #fff;
font-size: 18px;
letter-spacing: 2px;
}
.entry-content p{
color:#7d8189;
}
.entry-content h4{
color: #000;
font-size:16px;
font-weight:bold;
line-height:44px;
}
.entry-content h4 a{
color: #000;
} 
.entry-content ul{
margin:0;
padding:0;
list-style-type:none;
}
.entry-content li{
margin:0; 
line-height:34px;
padding: 0 10px 0 10px;
list-style-type:none;
background:url(images/bullet-sidebar.gif) no-repeat 0 14px;
}
.entry-content li a:hover{
color: #016aa8;
}
#knowledge-container {
padding: 0;
margin: 0;  
}
#knowledge-container h3 {
float: left;
display:inline;
display: block;
width: 550px;
margin: 8px 0;
padding-left:15px;
line-height: 40px;
color: #016cac;
  background:url(images/list.gif) no-repeat left; 
font-weight:bold;
}
.knowledge li {
float: left;
display:block;
width: 48%;
margin: 0;
}
.knowledge li a {
padding: 0;
line-height: 44px;
font-size:13px;
}
.navigation{  
width: 100%;
font-size:  11px;
line-height: 18px;
padding:30px 0;
text-align: center;
}
.navigation a{
text-decoration: none;
color: #20ade5;
font-size: 15px;
}
.navigation a:hover{
text-decoration: underline;
}
.nav-previous{
display: inline-block;
padding-right: 50px;
}
.nav-next{
display: inline-block;
}

@media screen and (max-width: 600px) {
p#back-to-top{  
  position:fixed;  
  display:none;  
  bottom:10px;  
  right:10px;  
}
/*affix*/
.container.all .affix{position: relative;}
.container.all ul.nav-tabs.affix{top:0;}
.container.all ul.nav-tabs li a{padding:8px 0;}
.container.all ul.nav-tabs{width:100%;text-align:left;margin-top:0;border-bottom:1px solid #ccc;padding-bottom:15px;}
/*导航*/
.navbar-nav{text-align:center;background-color:#f7f8f9;}
.navbar-nav .dropdown-menu{text-align: center;}
.navbar-default .navbar-nav>li>a{font-size: 20px;line-height: 20px;padding: 0;}
.megamenu{width:100%;min-width:auto;}
/*视频弹出*/
#shipin{
  width: 100%;
  position: absolute;
  top: 20%;
  z-index:999;
  padding: 50px 0;
  background-color: #2E323B;
}
#shipin .col-md-6{margin:auto;}
#shipin a.closeshipin{right: 4%;}
}
body,html{font-family:'PingFangSC-Light','Hiragino Sans GB','Microsoft YaHei','OpenSans','Myriad Pro','Verdana';}
h1,h2 {color: #333;font-size: 30px;padding: 0;}
h3,h4 {color: #333;font-size: 16px;}
p {color: #666;font-size: 14px; line-height: 21px;}
section{padding: 50px 0;}
section.banner{background-size: cover;background-repeat: no-repeat;background-position: center;}
section.greybg{background-color: #f2f3f4;}
/*banner和板块的字体样式*/
.banner .slogan-tit{color: #fff;font-size: 80px;line-height: 80px;margin-bottom: 30px;letter-spacing: 10px;margin-top: 50px;}
.banner .slogan-p1{color: #fff;font-size: 36px;line-height: 36px;margin-bottom: 70px;letter-spacing: 1px;margin-top: 0;}
.banner .slogan-p2{color: rgba(255,255,255,.6);font-size: 18px;line-height: 18px;margin-bottom: 70px;letter-spacing: 1px;margin-top: -40px;}
hr.frline-blue{width: 60px;border-top: 2px solid #2849f7;margin: 30px 0;}
h2.sec-tit{margin-top: 0;margin-bottom: 50px;}
p.sec-des{margin-bottom: 50px;color: #666;margin-top: -30px;}
/*按钮样式*/
.btn{border-radius: 3px;width: 160px;background-color: #fff;height: 40px;font-size: 16px;line-height: 26px;border-radius: 20px;}
.banner .frbtn-wht{margin-right: 20px;}
.frbtn-wht{color: #337ab7;background-color: #fff;border: none;}
.frbtn-blue2{color: #337ab7;background-color: #fff;border: none;}
.frbtn-wht:hover{background-color: rgba(255,255,255,.8);color: #2849F7;}
.frbtn-wht:focus{background-color: rgba(255,255,255,.8);color: #2849F7;}
.frbtn-wht2{color: #fff;background-color: transparent;border: 1px solid #fff;}
.frbtn-wht2:hover{background-color: rgba(255,255,255,.3);color: #fff;}
.frbtn-wht2:focus{background-color: rgba(255,255,255,.3);color: #fff;}
.frbtn-blue{color: #fff;background-color: #2849f7;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;}

/*tab切换样式*/
.frswt{
  background: -webkit-linear-gradient(#3852f5, #3c60f7); 
  background: -o-linear-gradient(#3852f5, #3c60f7); 
  background: -moz-linear-gradient(#3852f5, #3c60f7); 
  background: linear-gradient(#3852f5, #3c60f7); 
}
.frswt .sec-tit{color: #fff;}
.frswt .swt-link{color: #666;font-size: 16px;height: 45px;line-height: 45px;border: none;padding: 0;border-radius: 0;border-right: 1px solid #e6e6e6;}
.frswt .swt-link:hover{color: #2849f7;background-color: #e9f1ff;}
.frswt .swt-link:focus{color: #666;background-color: #fff;}
.frswt .swt-link.active{color: #2849f7;background-color: #e9f1ff;border-right: 2px solid #2849f7;}
.frswt .swt-row{background-color: #fff;padding: 60px 0;margin: 0;}
.frswt .swt-left{padding: 0}
.frswt .swt-tit{font-size: 30px;margin-top: 30px;margin-bottom: 40px;color: #333;}
.frswt .swt-text{font-size: 16px;line-height: 32px;}
/*阴影盒子*/
.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;
}
/*底部推荐样式*/
.frbot{background-image: url('http://www.finereport.com/tw/wp-content/themes/BusinessNews/images/homepagebg.png');background-size: cover;background-position: center;height: 300px;}
.frbot .sec-tit{color: #fff;}
/*视频弹出*/
.popup{
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1100;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: none;
  opacity: 1;
  background-color: rgba(0,20,40,0.9);
}
#shipin{
  position: absolute;
  top: 20%;
  z-index:999;
  padding: 50px;
}
#shipin .col-md-6{margin:auto;float: none;}
#shipin a.closeshipin{
  font-size: 26px;
  line-height: .5;
  position: absolute;
  top: 25px;
  right: 20%;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0,0,0,.6);
  font-weight: bold;
  cursor: pointer;
}
@media (min-width: 1100px){
.container {width: 1200px;}
}
@media screen and (max-width: 600px) {
#shipin{
  width: 100%;
  position: absolute;
  top: 20%;
  z-index:999;
  padding: 50px 0;
  background-color: #2E323B;
}
#shipin .col-md-6{margin:auto;}
#shipin a.closeshipin{right: 4%;}
}
    

