.m-header .logo {
  display: block;
  position: relative;
  z-index: 12;
  height: 0.75rem;
}
.m-header .logo svg {
  fill: #055bbb;
  height: .75rem;
}
.m-header .logo a {
  display: block;
}
.m-header .nav .tit {
  width: 100%;
  padding: 16px 0;
  line-height: 60px;
  position: relative;
  border-bottom: 1px solid rgba(0,0,0, 0.2);
}
.m-header .nav .tit {
  line-height: 1.5;
}
.m-header .nav .sub-tit{
  display:block;
}
.m-header .nav .sub-tit:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  position: absolute;
  right: 5%;
  top: 20px;
  background: url(../img/img1.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 15px auto;
  transform: rotate(0);
  transform-origin: center center;
  transition: all .3s ease-in-out;
}
.m-header .warp-nav {
  height: calc(100vh - 50px);
  padding: 0 0 45px;
  position: fixed;
  /*background: rgba(17, 96, 165, 0.98);*/
  /*background-color: rgba(0,0,0,.8);*/
  background-color: #f1f1f1;
  width: 100%;
  left: 0;
  top: 50px;
  z-index: 9;
  display: none;
}
.m-header .nav {
  font-size: 16px;
  color: #333;
  position: relative;
  overflow-y: auto;
  height: calc(100vh - 50px);
}
.m-header .nav .li {
  position: relative;
  width: 100%;
  padding: 0 5%;
}
.m-header .nav .warp-btn {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  display: block;
  padding: 16px 0;
  line-height: 1.5;
  position: relative;
  transition: all .3s ease;
  border-bottom: 1px solid rgba(0,0,0, 0.2);
}
.m-header .nav .warp-btn .btn {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  margin-right: 5px;
  top: 50%;
  margin-top: -10px;
  left: 0;
}
.m-header .nav .warp-btn .btn img {
  position: absolute;
  left: 0;
  top: 0;
}
.m-header .nav .lilang {
  background: #063274;
}
.m-header .nav .lilang .tit {
  border-bottom: none;
}
.m-header .nav .lilang .langicon {
  margin-right: .35rem;
}
.m-header .nav .lilang .icon2 {
  margin-left: .25rem;
  width: .5rem;
  height: .5rem;
  fill: #005bbb;
}
.m-header .nav .lilang .sec-list {
  padding: .35rem 0;
  border-top: 1px solid rgba(0,0,0, 0.2);
}
.m-header .nav .lilang .sub-tit:after {
  display: none;
}
.m-header .langbox {
  position: relative;
}
.m-header .langbox .icon {
  width: 20px;
  height: 20px;
  fill: #005bbb;
  margin-right: 10px;
}
.m-header .langbox .libox {
  padding: 10px;
  background: #222;
  width: 100px;
  position: absolute;
  top: 30px;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transform: translate(0, -20px);
}
.m-header .langbox .libox a {
  display: block;
  width: 80px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 5px;
  background: #eee;
  color: #999;
  transition: all .3s;
  margin-bottom: .25rem;
}
.m-header .langbox .libox a:hover {
  color: #222;
  background: #1060A4;
}
.m-header .langbox:hover .libox {
  transition: none;
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}
.m-header .tipbox {
  width: auto;
}
.m-header .tipbox a {
  margin-left: .35rem;
}
.m-header .tipbox a:nth-child(1) {
  margin-left: 0;
}
.m-header .nav .sub-tit.on:after {
  transform: rotate(90deg);
}
.m-header .nav .sec-list {
  line-height: 40px;
  padding: .35rem 0 .35rem 6%;
  display: none;
  font-size: 14px;
}
.m-header .nav .sec-list a {
  color: #222;
}
.m-header .hamburger {
  padding: 0;
  height: 24px;
}
.m-header .hamburger-box {
  width: 30px;
  height: 24px;
}
.m-header .hamburger-inner, .m-header .hamburger-inner::before, .m-header .hamburger-inner::after {
  width: 30px;
  height: 3px;
  background: #005bbb;
}
.m-header .hamburger.is-active .hamburger-inner, .m-header .hamburger.is-active .hamburger-inner::before, .m-header .hamburger.is-active .hamburger-inner::after {
  background: #005bbb;
}
.m-header .hamburger--3dx-r .hamburger-inner {
  transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.5s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.m-header .hamburger--3dx-r .hamburger-inner::before, .m-header .hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0.6s 0s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.m-header .h-right span {
  margin-left: .25rem;
}
.m-header .search {
  width: 90%;
  margin: 0 auto;
  padding: 1.25rem 0;
  border-bottom: 1px solid rgba(0,0,0, 0.3);
}
.m-header .search .input1 {
  padding: 0 .5rem;
  height: 40px;
  width: 100%;
  background: transparent;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0, 0.3);
}
.m-header .search .input1::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #222;
}
.m-header .search .input1:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #222;
}
.m-header .search .input1::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #222;
}
.m-header .search .input1:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #222;
}
.m-header .search .input2 {
  width: 30px;
  height: 30px;
  background: url(../img/search.png) no-repeat center center;
  background-size: 15px 16px;
  position: absolute;
  right: 3%;
  top: 50%;
  margin-top: -15px;
}

.m-header.active .header2 .logo .logoimg {
  opacity: 0;
}
.m-header.active .header2 .logo .logoimg2 {
  opacity: 1;
}
.m-header.active .header2 .hamburger-inner, .m-header.active .header2 .hamburger-inner::before, .m-header.active .header2 .hamburger-inner::after {
  background: #222;
}
.mlangs {
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start
}
.mlangs a .icon{
  width: 20px;
    height: 20px;
    fill: #005bbb;
    margin-right: 10px;

}


.m-header .nav .sec-tit{
  font-size:15px;
  /*color:#8ebfea;*/
  color: rgba(0,0,0,.6);
  position: relative;
  transition: all .4s;
}
.m-header .nav a:hover{
  color: #222;
}


.m-header .nav .sec-list-nav{
  font-size:13px;
  padding-left:8px;
  line-height:30px;
  display:none;
}
.m-header .nav .sec-list-nav a{
  color:#666;
}
.m-header .nav .sec-tit:before{
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  position: absolute;
  right:5%;
  top: 10px;
  background: url(../img/jbtn2.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10px auto;
  transform-origin: center center;
  transition: all .3s ease-in-out;
}
.m-header .nav .sec-tit.on:before{
  background: url(../img/jbtn2-1.png);
   background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 10px auto;
  transform-origin: center center;
  
}

.m-header .nav .sec-tit.on{
  color:#222;
}

.m-header .nav a.sec-tit{
  display: block;
}
.m-header .nav a.sec-tit:before{
  display: none;
}

.m-header .nav .col-fff{
  color: #222;
}