@media (max-width:600px) {
  /* mobile_top */
  .top_phone {
    display: block;
    width: 100%;
    margin: 0;
    padding:5.6vw 0px 5.6vw 0px;
    height: 9.3vw;
    position: relative;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
  }
  .header_top {
    display: block;
    position: relative;
    padding: 0;
    overflow: hidden;
  }
  .header_top_logo {
    float: none;	
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 1.02rem;
    height: 0.35rem;		
    /* margin-top: 0.05rem; */
  }
  .header_img {
    position: absolute;
    display: block;	
    margin: 0;
    padding: 0;
    top: 1vw;
    left: 0;
    width: 6.2vw;
    height: 6.2vw;
  }

  .header_img img {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 6.2vw;
    height: 6.2vw;
  }
  .header_top a {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;	
  }
/*导航*/
  .hu-wai {
    display: none;
  }
  .share_box_show{
    bottom: 0!important;
    transition: all 0.5s;        
  }
  .share_box{
    position: fixed;
    width: 100vw;
    height: 40vw;
    bottom: -60vw;    
    transition: all 0.5s;
    background-color: rgba(255,255,255,0.9);
    z-index: 997;
  }
  .share_box ul{
    width: 100vw;
    height: auto;
    padding:4vw 4vw 0 4vw; 
    overflow: hidden;               
  }
  .share_box li{
    float: left;        
    width: 18vw;
    height: 18vw;
    margin-right: 6.6vw;
    margin-bottom: 4vw;                
  }
  .share_box li:nth-child(4n){
    margin-right: 0vw;        
  }
  .share_box li img{        
    width: 18vw;
    height: 18vw;        
  }
  .share_box p{
    width: 100vw;
    height: 12vw;         
    background-color: #fff;
    line-height: 12vw;
    text-align: center;
    font-size: 6vw;
    color: #333;
  }
  .menu_div{
    display: none;
    top:0;
    left: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(255,255,255,0.1);
    z-index: 998;
  }
  .menu {
    width: 50vw;
    background-image: linear-gradient(to bottom,
      rgba(7,62,110,0.96) 0%,
      rgba(7,62,110,0.96) 85%,
      rgba(7,62,110,0.96) 85%,
      rgba(7,62,110,0) 100%);
    left:-50vw;     
    transition: all 0.5s;
  }
  .nav_show{
    left:0;
    transition: all 0.5s;
  }

  .sub_nav {
    display: block;
  }

  .container_iphone {
    display: block;
  }

  .top_phone .nav_show {
    display: block;
  }
  .menu p {
    position: relative;
    padding:4vw;
    display: block;
    width:40vw;
    height: 20px;
  }
  .menu p a{
    float: right;
    display: block;
    width:20px;
    height: 20px;
  }
  .menu p a img{
    width:20px;
    height: 20px;
  }
  .menu ul {
    position: relative;
    display: block;
    width: 50vw;
    height: 100vh;
    background-color:transparent;

    padding-bottom: 0.3rem;

  }

  .menushow {
    right: 0rem !important;
    transition: all 0.5s;
  }

  .menu li {
    height: 50px;
    line-height: 50px;
    /* border-top: 1px solid #fff; */
    overflow: hidden;
    font-size: 20px;
    padding-left: 9.5vw;
    background-color: #184368;
  }
  .menu li:hover{
    background-color: #145a8f;
  }

  .menu a, .menu li a {
    font-family: "微软雅黑";
    font-size: 20px;
    color: #fff;
    float: left;
  }
  .nav a, .nav li a:hover{
    color: #fff;
    text-decoration: none;
  }
    .artical_share{
    width: 100%;
    height: 30px;
    margin-bottom: 33px;
  }
  .artical_share_source{
    width: 100%;
    height: 30px;
    text-align: center;
  }
  .artical_share_source span{
    font-size: 12px;
    line-height: 30px;
    color: #7f7f7f;
  }
  .artical_share_date{
    padding-left: 20px;
  }
  .artical_share_bt{
    display: none;
  }
  .artical_share_bt2{        
    position: absolute;
    top:1.3vw;
    right: 0;
    width: 18px;
    height: 21px;
  }
  .artical_share_bt2 em{ 
    display: block;           
    width: 18px;
    height: 21px;
    background:  center center no-repeat;
    background-size: 18px 21px;
    cursor: pointer;
  }

  .artical_share_bt_box{
    display: none;
    position: absolute;
    top:35px;
    right: 5px;
    width: 260px;
    height: 30px;
    padding:10px;
    border-radius: 10px;
    box-shadow: 0 0 5px #aaa;
    z-index: 12;
  }

  .artical_share_bt_box ul{
    width: 260px;
    height: 30px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    overflow: hidden;        
  }
  .artical_share_bt_box li{
    width: 30px;
    height: 30px;        
  }
}