* {
     margin: 0;
     padding: 0;
 }

 ul,
 li,
 ol {
     list-style: none;
 }

 .top-nav {
     height: 56px;
     border-top: 3px solid #3e7ab7;
     border-bottom: 1px solid #dbdbdb;
     background: #f2f2f2;
 }

 .w1200 {
     width: 1200px;
     margin: 0 auto;
     overflow: hidden;
 }

 .top-nav-links {
     float: left;
     width: 826px;
 }

 .top-nav-links li {
     float: left;
     font-size: 16px;
     line-height: 57px;
     color: #333;
 }

 .top-nav-links li a {
     text-decoration: none;
     display: inline-block;
     padding: 0 15px;
     color: #333;
 }

 .top-nav-links li i {
     display: inline-block;
     width: 2px;
     height: 17px;
     background: #9f9f9f;
     position: relative;
     top: 3px;
 }

 .top-nav-links li a:hover {
     background-color: #ededed;
     color: #d61518;
 }

 .top-nav-media {
     float: right;
     width: 244px;
     height: 57px;
 }

 .top-nav-media .guide {
     display: block;
     float: left;
     padding: 0 15px;
     width: 92px;
     height: 57px;
     color: #3171b2;
     overflow: hidden;
 }

 .top-nav-media .guide i.icon {
     display: block;
     float: left;
     width: 17px;
     height: 27px;
     margin-top: 15px;
 }

 .top-nav-media .guide i.icon1 {
     background-image: url(../images/top-icon-1.png);
     background-repeat: no-repeat;
 }

 .top-nav-media .guide i.icon2 {
     width: 25px;
     background-image: url(../images/top-icon-2.png);
     background-repeat: no-repeat;
 }

 .top-nav-media .guide:hover {
     background-color: #3171b2;
     color: #fff;
 }

 .top-nav-media .guide p {
     float: left;
     margin-top: 20px;
     font-size: 14px;
     margin-left: 5px;
 }

 .top-nav-media .guide:hover i.icon1 {
     background-position: -18px 0;
 }

 .top-nav-media .guide:hover i.icon2 {
     background-position: -26px 0;
 }

 @media screen and (max-width:1024px) {

     body .top-nav {
         display: block;
     }

     .top-nav {
         border: none;
         background-color: transparent;
         height: auto;
     }

     .top-nav-links li i {
         display: none;
     }

     .top-nav .w1200 {
         width: 100%;
     }

     .top-nav-media {
         display: none;
     }

     .top-nav-inner {
         height: auto;
         width: auto;
         margin: 0;
     }

     .top-nav .top-nav-other {
         display: none;
     }

     .top-nav .top-nav-links {
         position: absolute;
         right: 0;
         top: 0;
         width: 100px;
         height: 100%;
         background: #100964;
     }

     .top-nav-links li:first-child a:after {
         font-size: 14px;
         content: "";
         color: #fff;
     }

     .top-nav-links li {
         float: none;
     }

     .top-nav-links li a {
         padding: 0;
         width: 100%;
         ;
         border-bottom: 1px solid #282274;
         text-align: center;
         color: #fff;
     }

     .top-nav-links li a:link,
     .top-nav-links li a:visited {
         color: #fff;
     }

     .top-nav-links li a:hover {
         background-color: #060053;
         border-left: 2px solid #cb1625;
     }

     .showmenu {
         -webkit-transform: translate3d(-100px, 0px, 0px);
         transition: all 0.2s;
     }

     .sidenavHid {
         display: none;
         transition: all 0.3s;
     }

     .top-nav-links li:first-child a:link,
     .top-nav-links li:first-child a:visited {
         line-height: 24px;
         padding: 0px;
     }

 }