body,html{
      font-family:'OpenSans','Myriad Pro','Verdana','PingFangSC-Light','Hiragino Sans GB','Microsoft YaHei';
    }
    h1,h2 {color: #191e28;}
    h3,h4 {color: #191e28;}
    a {color: #20ade5;}
    p {color: #8a9099;font-size: 13px; line-height: 25px;}
    section{
      padding: 50px 0;
    }
    section.banner{
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
    }
    section.greybg{
      background-color: #f7f8f9;
    }
    .childtitle{color:#20ade5}
    .banner.bot{
      height: 400px;
      background-image: url('images/aboutus-botbanner.png');
      position: relative;
    }
    .banner.bot h2{
      color: #fff;
      font-size: 24px;
      padding-top: 75px;
      padding-bottom: 50px;
    }
    .navbar-brand {float:left;padding: 15px 15px;height: 60px;width: 200px;}
    .navbar-default .navbar-nav>li{padding:11px 15px;}
    .navbar-default .navbar-nav>li>a{font-size: 16px;color: #333;padding: 12px 20px;;line-height: 16px;padding-top: 22px;padding-bottom: 22px;letter-spacing:1px}
    .navbar-default .navbar-nav>li>a:hover{color: #20ade5;}
    .nav-icon{margin-right: 25px;width: 24px;}
    .navbar-fixed-top{border-bottom: none;}
    .dropdown-menu>li>a {font-size: 16px;color: #666;padding:16px 20px;line-height: 16px;display: inline-block;min-width: 210px;border-radius: 4px;}
    .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{background-color: #fff;}
     .dropdown-menu>li:hover{transform: scale(1.05);transition: all .15s linear;border-color: rgba(3,27,78,.1);box-shadow: 0 2px 4px rgba(3,27,78,.06);}
     .dropdown-menu{border-radius:4px;padding: 0;border: 0;box-shadow: 0 8px 8px  rgba(0,40,80,0.20);background-color: #fafdff;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
      color: #20ade5;
      background-color: #f2f3f4;
    }
    .navbar-default .navbar-nav li a.download{
    border: 1px solid #20ade5;
    border-radius: 3px;
    color: #ffffff;
    background-color:#3c61fd;;
    padding: 10px 18px;
    width: auto;
    letter-spacing: 1px;
    margin:11px 11px;}
    .navbar-default .navbar-nav li a.download:hover {background-color: rgba(1,150,255,0.2);}
    .dropdown-menu{
      border-radius:0;
      -webkit-box-shadow:0 0 0;
      box-shadow:0 0 0;
      border: 0;
      border-bottom: 3px solid #20ade5;
    }
    .navbar-default .navbar-nav>li {padding: 0px 3px;}
    #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);}
    /*巨型导航*/
    .megamenu {min-width: 150px;}
    .megamenu>li>ul {padding-left: 0;}
    .megamenu>li>ul>li {
      list-style: none;
    }
    .megamenu .dropdown-header{
      padding: 5px 0px;
      font-size: 13px;
      color: #20ade5;
    }
    .dropdown-menu .divider{margin: 3px 0;}
    .megamenu>li>ul>li>a {
      font-size: 13px;
      display: block;
      padding: 5px 0px;
      clear: both;
      font-weight: normal;
      color: #7d8189;
      white-space: normal;
    }
    .megamenu>li>ul>li>a:hover, .megamenu>li>ul>li>a:focus {
      text-decoration: none;
      color: #20ade5;
      background-color: #f2f3f4;
    }
    /*列表组，按钮，巨幕*/
    .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
      background-color: #007ed3;
      border-color: #007ed3;
    }
      .btn{
        border-radius: 3px;
        width: 160px;
        background-color:rgba(255,255,255,0);
        height: 40px;
        font-size: 16px;
        line-height: 26px;
      }
      .btn-primary{ 
        border-color: #fff;
        color: #fff;
      }
      .btn-primary:hover{
        background-color:rgba(255,255,255,0.2);
        border-color: #fff;
      }
      .btn-primary:focus{
        color: #fff;
      }
      .btn-blue{
        border-color: #20ade5;
        color: #20ade5;
      }
      .btn-blue:hover{
        background-color:rgba(32,173,229,0.2);
        color: #20ade5;
      }
      .btn-blue:focus{
        color: #20ade5;
      }
      /*视频弹出*/
      .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;
      }
    .jumbotron h1 {color: #f2f4f6;font-size: 36px;}
    .jumbotron {
      background-size: cover;
      background-position: center;
    }
    .fastlink {padding-top:30px;padding-bottom:60px;}
    .thumbnail a>img, .thumbnail>img{max-height:100px;}
    hr.shortline{
      width: 60px;
      margin-left: 0;
      border: 2px #20ade5 solid;
    }
    /*返回顶部*/
    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;  
    }
    /*其他*/
    .main-container{
      margin-top: 60px;
    }
    .bot-nav{
      padding-top: 30px;
      padding-bottom: 30px;
      background-color: #191e28;
    }
    .bot-nav ol, ul {padding-left: 0;}
    .bot-nav .list-group-item{
      background-color: #191e28;
      padding-top: 5px;
      padding-bottom: 5px;
      border: 0;
    }
    .bot-nav h4{color: #fff;}
    .bot-nav .bottext{
      margin: 0;
      line-height: 22px;
      display: inline-block;
    }

    .list-group-item a{color: #7d8189; font-size: 13px;}
    .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;
    }
      /*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: #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: #54565a;margin-top: -30px;}
      .frtit2{font-size: 18px;color: #333;margin-bottom: 25px;line-height: 18px;}
      /*按钮样式*/
      .banner .frbtn-wht{margin-right: 20px;}
      .frbtn-wht{color: #017ed3;background-color: #fff;border: none;}
      .frbtn-wht:hover{background-color: rgba(1,150,255,0.2);color: #fff;border: 1px solid #fff;}
      .frbtn-wht:focus{background-color: rgba(1,150,255,0.2);color: #fff;border: 1px solid #fff;}
      .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;}
      /*tab切换样式*/
      .frswt{
        background: -webkit-linear-gradient(#357cee, #5ac5fc); 
        background: -o-linear-gradient(#357cee, #5ac5fc); 
        background: -moz-linear-gradient(#357cee, #5ac5fc); 
        background: linear-gradient(#357cee, #5ac5fc); 
      }
      .frswt .sec-tit{color: #fff;}
      .frswt .swt-link{color: #54565a;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: #017ed3;background-color: #e9f1ff;}
      .frswt .swt-link:focus{color: #54565a;background-color: #fff;}
      .frswt .swt-link.active{color: #017ed3;background-color: #e9f1ff;border-right: 2px solid #017ed3;}
      .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;
      }
      /*弹出广告*/
      #ad-box{padding: 0;background-color: rgba(0,20,40,0.2);position: fixed;left: 0;top: 0;opacity: 1;width: 100%;height: 100%;z-index: 1200;display: none;}
      #ad-box img{padding-top: 100px;margin: auto;}
      #ad-box #ad-close{color: #fff;font-size: 50px;line-height: 50px;margin: 0;position: absolute;right: 200px;top: 80px;}
      /*底部推荐样式*/
      .frbot{background-image: url('http://www.fanruan.com/images/frbot-bg.png');background-size: cover;background-position: center;}
      .frbot .sec-tit{color: #fff;}

    @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 .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{
        padding: 5px 0;
      }
      h2{padding-bottom: 30px;}
      .banner.bot{
        height: auto;
      }
      .banner.bot h2{
        padding-top: 0;
        padding-bottom: 20px;
      }
      .banner.bot .col-md-2{
        padding-bottom: 10px;
      }
      .producttrial .col-md-6{
        padding-bottom: 30px;
      }
      /*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%;}
    }