@media (max-width: 1200px) {
     .container_info {
         padding: 0 20px;
     }
 }
 
 @media (max-width: 1100px) {
     .logo_nav_info .nav_info nav ul li {
         margin: 0 20px 0 0;
     }
     .latestnews_info .latestnews_list ul li {
         height: calc(100vw * .42);
     }
     .latestnews_info .latestnews_list ul li:nth-child(2),
     .latestnews_info .latestnews_list ul li:nth-child(3),
     .latestnews_info .latestnews_list ul li:nth-child(4) {
         height: calc(100vw * .5 * .42);
     }
     .latestnews_info .latestnews_list ul li .latestnews_listinner .latestnews_listcont {
         padding: 10px;
         font-size: 14px;
         line-height: 24px;
     }
 }
 
 @media (max-width: 980px) {
     .top_header {
         margin: 0;
     }
     .logo_nav_info {
         padding: 10px 0;
     }
     .logo_nav_info .logo_info {
         float: left;
         margin: 0;
     }
     .nav_info {
         float: right;
         padding: 18.5px 0 0 0;
     }
     .nav_info .button-collapse {
         color: #000;
         font-size: 39px;
         height: auto;
         line-height: normal;
     }
     .nav_info .button-collapse i {
         color: #000;
         font-size: 39px;
         height: auto;
         line-height: normal;
     }
     .logo_nav_info .nav_info nav ul li {
         width: 100%;
         margin: 0;
     }
     .logo_nav_info .nav_info nav ul a {
         padding: 10px 20px;
         line-height: normal;
         height: auto;
     }
     .logo_nav_info .nav_info nav ul li ul {
         position: relative;
         display: block;
         top: 0;
         width: 100%;
         box-shadow: none;
         border: 0;
         padding: 0 0 0 40px;
     }
 }
 
 @media (max-width: 767px) {}