.pc{display:block;}
.mobile{display:none;}
@media all and (max-width:767px){
    .pc{display:none;}
    .mobile{display:block;}
}
.btit{ font-size:40px; color:#222}
@media all and (min-width:768px){.about{margin-top:547px;}
}
@media (max-width:767px){.leftmenu{}
}

@media all and (min-width:768px){.top{margin-top:-655px;}
}
@media (max-width:767px){.top{}
}
.btn1{margin-top:2em; line-height:2em; padding: 0.3em 2em; display: inline-block; border: 1px solid #133984; background:#133984; color:#fff;}
.btn1 a:hover{ color:#fff;}
#pros{ padding-top:50px;}
#pros ul{ padding:0; margin:0px}
#pros ul li{ list-style:none; text-align:center;}


#news{ padding:50px 0}
.getstart a { border-radius:0px;
              text-align: center;
              font-size: 14px; 
              text-decoration: none;
              padding:12px 30px;
              color: #ffffff;
              background:#133984;
              border:1px solid #133984;

}
.getstart a:hover{
    border:1px solid #a3a3a3;
    color:#fff;
    background:#a3a3a3;
    text-decoration: none;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
}
#f-menu{ padding:50px 0}
#f-menu li{ list-style:none; float:left; border:1px solid #133984; margin:5px 0}
#f-menu a li{ font-size:14px; padding:10px 15px; margin-right:20px; color:#133984}
#f-menu a:hover li{ background:#133984; color:#fff}
#f-menu .on{background:#133984; color:#fff}

#news-bottom{ border-bottom:1px solid #d2d2d2;}
#news-bottom a .bg1{ color:#979797;}
#news-bottom a:hover .bg1{ background:#133984; color:#fff;
                           -webkit-transition:color 0.2s linear;
                           -moz-transition:color 0.2s linear;
                           -o-transition:color 0.2s linear;
                           transition:color 0.2s linear;}