@charset "UTF-8";



.fd::after {

  content: " ";

  display: block;

  clear: both;

}



.fd {

  zoom: 1;

}



@font-face {

  font-family: "bold";

  src: url(../fonts/DIN-Bold.otf);

}

@font-face {

  font-family: "bin";

  src: url(../fonts/DINMittelschriftStd.otf);

}

@font-face {

  font-family: "com";

  src: url(../fonts/Comfortaa-Regular.ttf);

}





/* .animated {

  animation-duration: 1s;

  animation-fill-mode: both;

} */



.container, .wrap, .index-container, .foot-container, .drop-container {

  padding-right: 15px;

  padding-left: 15px;

  margin: 0 auto;

}



@media (min-width: 768px) {

  .wrap, .container, .foot-container, .index-container {

    width: 750px;

    padding: 0;

  }

}



@media (min-width: 992px) {

  .index-container,.wrap, .container, .foot-container {

    width: 970px;

  }

}



@media (min-width: 1260px) {

  .wrap {

    width: 1100px;

  }

  .index-container{

    width: 1240px;

  }

  .container, .foot-container {

    width: 1100px;

  }

}



@media (min-width: 1460px) {

  .wrap {

    width: 1400px;

  }

  .index-container{

    width: 1440px;

  }

  .foot-container, .container {

    width: 1400px;

  }

}



@media (min-width: 1680px) {

  /* 首页内容区 */

  .container {

    width: 1600px;

  }

  /* 头部 */

  .index-container {

    width: 1800px;

  }

  /* 底部内容区 */

  .foot-container {

    width: 1600px;

  }

}



.header {

  z-index: 1000;

  position: fixed;

  top: 0px;

  height: 100px;

  width: 100%;

  background: #fff;

  transition: all .5s;

}



.header2 {

  top: -100px;

}



/* .header.white{background: rgba(0,0,0,0.8);border-color: rgba(0,0,0,0.1);}

.header:hover{background: rgba(0,0,0,0.8);border-color: rgba(0,0,0,0.1);} */



/*===============下拉==============*/



.header .logo {

  padding: 37px 0;

  float: left;

}

.header .wz_lo{

  width: 180px;

  height: 100px;

  float: left;

  margin-left: 30px;

  position: relative;

  padding: 29px 0;

}

.header .wz_lo::before{

  content: '';

  width: 1px;

  height: 32px;

  background: rgb(214,214,214);

  position: absolute;

  left: -10%;

  top: 51%;

  transform: translateY(-50%);

}

.header .wz_lo p{

  font-size: 16px;

  color: #666666;

}

.header .logo img {

  width: 100%;

  height: 100%;

}



.nav_con {

  float: right;

}



.navbar {

  float: left;

  margin-right: 175px;

}

/* 语言切换 */

.yy {

  float: left;

  margin-right: 60px;

  padding-top: 39px;

  padding-bottom: 37px;

  font-size: 16px;

  line-height: 24px;

  width: 24px;

}

.yy .cn{

  display: none;

}

.yy:hover .cn {

  display: block;

}



.navbar * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.category-item {

  float: left;

  padding: 0 22px;

}



.category-a {

  padding: 0 0;

  display: block;

  font-size: 18px;

  line-height: 100px;

  color: #444444;

  opacity: 0.8;

  -webkit-transition: all .4s;

  -o-transition: all .4s;

  transition: all .4s;

  position: relative;

}



.category-a img {

  margin-bottom: 3px;

}



.category-a::after {

  content: '';

  width: 0;

  height: 2px;

  background: rgb(230,45,33);

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  transform: translateX(-50%);

  -webkit-transition: all .5s;

  -o-transition: all .5s;

  transition: all .5s;

}



.category-item.active .category-a::after, .category-item:hover .category-a::after {

  width: 100%;

}



.category-item.active .category-a {

  color: #e62d21;

}



.category-item:hover .category-a {

  color: #e62d21;

}



/* 搜索 */



.ss {

  padding: 38px 0;

  float: left;

  cursor: pointer;

  position: relative;

}

.ss::before{

  content: '';

  width: 1px;

  height: 15px;

  background: rgb(204,204,204);

  position: absolute;

  left: -38px;

  top: 50%;

  transform: translateY(-50%);

}



.sousuo {

  width: 500px;

  height: 60px;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%) scale(0);

  opacity: 0;

  border-bottom: 1px solid #444444;

  transition: all .5s;

  transition-duration: .5s;

}



.sousuo input {

  width: 420px;

  height: 60px;

  border: none;

  float: left;

  font-size: 16px;

  color: #444444;

  opacity: 0.8;

}



.sousuo button {

  width: 80px;

  height: 60px;

  border: none;

  float: right;

  background: none;

  font-size: 18px;

  color: #444444;

  opacity: 0.8;

}



/* 改变搜索框默认字体颜色 */



.sousuo input:-moz-placeholder, .ss2 input:-moz-placeholder {

  color: #444444;

  opacity: 0.8;

}



.sousuo input:-ms-input-placeholder, .ss2 input:-ms-input-placeholder {

  color: #444444;

  opacity: 0.8;

}



.sousuo input::-webkit-input-placeholder, .ss2 input::-webkit-input-placeholder {

  color: #444444;

  opacity: 0.8;

}



.sousuo .gb {

  width: 20px;

  position: absolute;

  top: 50%;

  left: 110%;

  transform: translateY(-50%);

  transition: all .5s;

  cursor: pointer;

}



.header_in {

  transition-duration: .5s;

}



.hide1 {

  transform: scale(0) !important;

  opacity: 0;

  transition: .6s ease-in-out;

  transition-duration: .5s;

}



.show1 {

  z-index: 8;

  opacity: 1;

  transform: translate(-50%, -50%) scale(1);

}



/* 下拉 */

.navbar .category-item{

  position: relative;

}

.navbar .category-item .two {

  width: 100%;

  opacity: 1;

  max-height: 0;

  height: auto;

  transition: all .5s;

  position: absolute;

  top: 100px;

  left: 0;

  background: rgb(245, 245, 245);

  overflow: hidden;

}



.navbar .category-item:hover>.two {

  opacity: 1;

  max-height: 1000px;

}

.navbar .category-item .two a{

  display: block;

  width: 100%;

  line-height: 40px;

  font-size: 14px;

  text-align: center;

  color: #333;

  background: #fff;

  transition: all .5s;

}

.navbar .category-item .two a:hover{

  background: #e62d21;

  color: #fff;

}



/*app-头部*/



.header-app {

  background: #fff;

  display: none;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 60px;

  z-index: 500;

  -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}



.header-app.open-menu {

  height: 100%;

  background: #fff;

  -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

  transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);

}



.navbar-app {

  position: relative;

  -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

  box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);

  height: 60px;

  text-align: center;

}



.header-app .logo {

  float: left;

  height: 60px;

  vertical-align: middle;

  padding: 10px 15px;

}



.header-app .logo img {

  height: 100%;

}



.navbar-togger {

  float: right;

  background: transparent;

  border: none;

  padding: 22px 15px;

  display: inline-block;

  visibility: visible;

  transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);

}



.navbar-togger .icon_bar {

  width: 24px;

  height: 2px;

  background-color: #e63024;

  opacity: 1;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}



.navbar-togger .icon_bar:nth-of-type(2) {

  margin: 5px 0;

}



.open-menu .navbar-togger .icon_bar:nth-of-type(2) {

  opacity: 0;

}



.open-menu .navbar-togger .icon_bar:first-child {

  -webkit-transform: translate(0, 7px) rotate(45deg);

  -ms-transform: translate(0, 7px) rotate(45deg);

  transform: translate(0, 7px) rotate(45deg);

}



.open-menu .navbar-togger .icon_bar:last-child {

  -webkit-transform: translate(0, -7px) rotate(-45deg);

  -ms-transform: translate(0, -7px) rotate(-45deg);

  transform: translate(0, -7px) rotate(-45deg);

}



.nav-menu {

  position: absolute;

  top: 60px;

  left: 0;

  bottom: 0;

  right: 0;

  width: 100%;

  z-index: 620;

  padding: 20px 15px;

  overflow-x: hidden;

  overflow-y: auto;

  visibility: hidden;

  -webkit-transition: visibility 0s linear 1s;

  -o-transition: visibility 0s linear 1s;

  transition: visibility 0s linear 1s;

}



.header-app.open-menu .nav-menu {

  visibility: visible;

  -webkit-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

}



.nav-list li {

  border-bottom: 1px solid #424242;

  opacity: 0;

  pointer-events: none;

}



.nav-list li.open {

  border-bottom: none;

}



.header-app.open-menu .nav-list li {

  opacity: 1;

  pointer-events: auto;

  -webkit-transform: none;

  -ms-transform: none;

  transform: none;

}



.nav-list li:nth-child(1) {

  -webkit-transform: translateY(-44px);

  -ms-transform: translateY(-44px);

  transform: translateY(-44px);

  transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;

}



.header-app.open-menu .nav-list li:nth-child(1) {

  transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;

}



.nav-list li:nth-child(2) {

  -webkit-transform: translateY(-40px);

  -ms-transform: translateY(-40px);

  transform: translateY(-40px);

  transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;

}



.header-app.open-menu .nav-list li:nth-child(2) {

  transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;

}



.nav-list li:nth-child(3) {

  -webkit-transform: translateY(-36px);

  -ms-transform: translateY(-36px);

  transform: translateY(-36px);

  transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;

}



.header-app.open-menu .nav-list li:nth-child(3) {

  transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;

}



.nav-list li:nth-child(4) {

  -webkit-transform: translateY(-32px);

  -ms-transform: translateY(-32px);

  transform: translateY(-32px);

  transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;

}



.header-app.open-menu .nav-list li:nth-child(4) {

  transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;

}



.nav-list li:nth-child(5) {

  -webkit-transform: translateY(-28px);

  -ms-transform: translateY(-28px);

  transform: translateY(-28px);

  transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;

}



.header-app.open-menu .nav-list li:nth-child(5) {

  transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;

}



.nav-list li:nth-child(6) {

  -webkit-transform: translateY(-24px);

  -ms-transform: translateY(-24px);

  transform: translateY(-24px);

  transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;

}



.header-app.open-menu .nav-list li:nth-child(6) {

  transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;

}



.nav-list li:nth-child(7) {

  -webkit-transform: translateY(-20px);

  -ms-transform: translateY(-20px);

  transform: translateY(-20px);

  transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;

}



.header-app.open-menu .nav-list li:nth-child(7) {

  transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;

}



.nav-list li:nth-child(8) {

  -webkit-transform: translateY(-16px);

  -ms-transform: translateY(-16px);

  transform: translateY(-16px);

  transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;

}



.header-app.open-menu .nav-list li:nth-child(8) {

  transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;

}



.cate-item {

  position: relative;

}



.cate-item a {

  font-family: "regular";

  font-size: 16px;

  line-height: 48px;

  margin-right: 60px;

  display: block;

  color: #333;

  opacity: 0.8;

}



.nav-list li.active .cate-item a, .nav-list li.open .cate-item a {

  color: #e63024;

}



.nav-list li.open .category-pad a {

  color: #333;

  opacity: 0.8;

}



.category-cont a:last-child {

  border: none;

}



.category-cont a.active {

  color: #e63024;

}



.category-tig {

  font-size: 14px;

  color: #888;

  text-align: right;

  line-height: 48px;

  width: 50px;

  height: 48px;

  position: absolute;

  right: 0;

  top: 0;

  z-index: 2;

}



.category-tig::before, .category-tig::after {

  content: '';

  background: #888;

  position: absolute;

  top: 50%;

  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;

}



.category-tig::before {

  width: 16px;

  height: 2px;

  right: 0;

  margin-top: -1px;

}



.category-tig::after {

  width: 2px;

  height: 16px;

  margin-top: -8px;

  right: 7px;

}



.nav-list li.open .category-tig::after {

  opacity: 0;

}



.nav-list li.open .category-tig::before {

  background: #e63024;

}



.category-cont {

  display: none;

}



.nav-list li.open .category-cont {

  display: block;

  border-top: solid 1px #424242;

  border-bottom: solid 1px #424242;

}



.category-pad {

  padding: 0 15px;

}



.category-cont a {

  font-family: "regular";

  font-size: 14px;

  line-height: 40px;

  border-bottom: 1px solid #424242;

  display: block;

  color: #333;

}



.nav-list li.open .category-pad a.on {

  color: #e63024;

}



.lan-box-app {

  padding: 20px 0;

  text-align: center;

}



.lan-box-app a {

  font-size: 14px;

  color: #333;

  opacity: 0.8;

  display: inline-block;

  padding: 0 10px;

  position: relative;

}



.lan-box-app a:after {

  content: '';

  width: 1px;

  height: 10px;

  background: #333;

  position: absolute;

  right: 0;

  top: 50%;

  margin-top: -5px;

}



.lan-box-app a:hover, .lan-box-app a.on {

  color: #e63024;

}



.lan-box-app a:last-child:after {

  display: none;

}



.ss2 {

  width: 90%;

  height: 48px;

  border-radius: 48px;

  padding-left: 15px;

  float: none;

  margin: 0 auto;

  border: 2px solid rgb(190, 188, 186);

}



.ss2:hover {

  border: 2px solid #21b2bb;

}



.ss2 input {

  width: 85%;

  height: 100%;

  border: none;

  background: none;

  font-size: 14px;

  color: #fff;

  opacity: 0.8;

}



.ss2 button {

  float: right;

  width: 15%;

  height: 100%;

  border: none;

  background: none;

  background-repeat: no-repeat;

  background-position: center;

}



/*底部*/



.foot {

  width: 100%;
  overflow: hidden;

  background-image: url(../images/img1.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  border-top: 4px solid rgb(230,45,33);

}

.foot .foot_top{

  width: 100%;

  padding-top: 90px;

  padding-bottom: 90px;

}

.foot .foot_top .foot-container{

  display: flex;

}

.foot_top .lef{

  width: 52%;

  display: flex;

  justify-content:flex-start;

}

.foot_top .lef .div{

  width: 25%;

}

.foot_top .lef .div a{

  display: block;

  font-size: 14px;

  color: #ffffff;

  opacity: 0.6;

  line-height: 30px;

}

.foot_top .lef .div a:first-child{

  font-size: 18px;

  opacity: 1;

  margin-bottom: 25px;

}

.foot_top .rig{

  width: 36%;

  padding-left: 5%;

  border-right: 1px solid rgb(73,74,81);

  border-left: 1px solid rgb(73,74,81);

}

.foot_top .rig .p1{

  font-size: 18px;

  color: #ffffff;

  margin-bottom: 25px;

}

.foot_top .rig .p2{

  font-size: 14px;

  color: #ffffff;

  opacity: 0.6;

  padding-bottom: 15px;

  transition: all .5s;

}

.foot_top .rig .p2:hover{

  opacity: 1;

}

.foot_top .rig2{

  width: 12%;

}

.foot_top .rig2 div{

  width: 70%;

  float: right;

}

.foot_top .rig2 div img{

  width: 100%;

}

.foot_top .rig2 div p{

  font-size: 14px;

  opacity: 0.6;

  color: #fff;

  text-align: center;

  margin-top: 5px;

}



.foot .foot_bot{
  width: 100%;
  background: rgba(0,0,0,0.4);
  padding: 35px 0;
  box-sizing: initial;
}
.foot .foot_bot .foot-container{ display: flex; justify-content: space-between; }
.foot .foot_bot .lef{
  /*float: right;*/
  width: 100%;
  margin-left: 20px;
  text-align: right;
}

.foot .foot_bot .rig{
  /*float: left;*/
}

.foot_bot a,

.foot_bot .p1{

  font-size: 14px;

  color: #fff;

  opacity: 0.8;

  display: inline-block;

}



.foot_bot a{

  margin-left: 30px;

  opacity: 0.5;

}

.foot a:hover{

  opacity: 1 !important;

}







@media (max-width: 1680px) {

  .category-a {

    font-size: 16px;

}

.navbar {

  margin-right: 70px;

}







}



@media (max-width: 1459px) {

  .yy {

    margin-right: 60px;

    padding-top: 28px;

    padding-bottom: 29px;

    font-size: 15px;

    line-height: 24px;

    width: 24px;

}

.navbar {

  margin-right: 20px;

}

.category-item {

  padding: 0 12px;

}

.header .wz_lo p {

  font-size: 14px;

}

.header .wz_lo {

  width: 160px;

  height: 80px;

  padding: 20px 0;

}

.header{

  height: 80px;

}

.category-a{

  line-height: 80px;

}

.header .logo {

  padding: 25px 0;

}

.ss {

  padding: 28px 0;

}

.foot_top .rig .p1 {

  font-size: 16px;

  margin-bottom:15px;

}

.foot_top .lef .div a:first-child {

  font-size: 16px;

  margin-bottom:15px;

}

.foot .foot_top {

  padding-top: 60px;

  padding-bottom: 60px;

}

.foot .foot_bot {

  padding: 25px 0;

}





}



@media (max-width: 1259px) {

  .header .logo {

    width: 150px;

    padding: 31px 0;

}

.header .wz_lo {

  width: 135px;

  height: 80px;

  padding: 23px 0;

}

.header .wz_lo p {

  font-size: 12px;

}

.header .wz_lo::before {

  height: 27px;

}

.category-item {

  padding: 0px 8px;

}

.navbar {

  margin-right: 0;

}

.yy {

  margin-right: 40px;

  font-size: 13px;

}

.ss::before {

  left: -20px;

}

.ss img{

  width: 18px;

}

.foot_top .lef .div a {

  font-size: 12px;

  line-height: 25px;

}

.foot_top .rig .p2 {

  font-size: 12px;

}

.foot_top .rig {

  padding-left: 3%;

}

.foot_bot a, .foot_bot .p1 {

  font-size: 12px;

}

.foot .foot_bot .rig img{

  width: 150px;

}

.category-a {

  font-size: 14px;

}



}



@media (max-width: 991px) {

  .foot .foot_top,

  .header{

    display: none;

  }

  .header-app {

    display: block;

  }

  .foot .foot_bot .foot-container{ display: block; }
  .foot .foot_bot .rig{

    width: 100%;

  }

  .foot .foot_bot .rig img{

    display: block;

    margin: 0 auto;

  }

  .foot .foot_bot .lef{

    width: 100%;

    text-align: center;

  }

}



@media (max-width: 768px) {

  .header-app .logo {

    padding: 20px 15px;

}

.header-app .logo img{

  width: 148px;

  height: 20px;

}

}



@media (max-width: 414px) {}