.header_fr{ position:absolute; right:10px; display: flex; top:0px; display: flex; width: 20%; font-size: 14px;color: #333;}
    
    .sp_header{ height:82px; line-height:82px; text-align: center; background:url(../img/headbg.png) no-repeat; background-size: 100%; width:100%; color:#1f9bfc; position:relative}
    .sp_header i{font-size:24px; margin-right:8px}
    .sp_header h2{ font-size:38px;letter-spacing:4px;padding:0 15px; font-weight: normal; margin: 0; color: #333; font-family: "title";}
    .top_box{ display: flex;    justify-content: center;}
    .top_box ul li{float: left; color: #333; padding: 0 5px;}
    .top_box ul li a{color: #fff; text-decoration: none; }
    .top_box ul li a:hover{color: #89b8ff;}
    .top_box h2{display: flex; align-items: center;}
    .top_box h2 img{width: 36px; height: 36px; margin-right: 6px;}
    .sp_header a{color: #fff; text-decoration: none;text-align: center;}
    .header_fr a{margin: 0 15px; font-size: 14px;  border-radius: 5px;color: #0792fb; }
    .header_fr a img{width: 20px; margin-right: 3px; position: relative; top: 3px;}
     .header_fr a:hover{background:#3a86fd ;}
  
    .sp_header   .header_fr i{font-size:14px; margin-right:3px}

    @font-face { font-family: "title"; src: url("tengxiang.ttf") format("truetype"); }