*, body {

  margin: 0;

  padding: 0; }



ul, li {

  list-style-type: none; }

  .subn i {
    position: absolute;
    left: 54%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 22px;
    height: 20px;
}

h1, h2, h3, h4, h5, h6, p {

  margin: 0; }



img {

  max-width: 100%; }



body, html {

  scroll-behavior: smooth;

  overflow-x: hidden;

  font-family: Lato-Regular;

  color: #fff; }



a:hover {

  text-decoration: none;

  color: #000; }



.container {

  width: 1500px;

  padding: 0; }



.enquiry_make {

  position: fixed;

  z-index: 99;

  background: rgba(0, 0, 0, 0.7);

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  display: none; }



.enquiry_make p {

  position: absolute;

  left: 50%;

  top: 50%;

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

  background: #000;

  color: #fff;

  padding: 20px 30px; }



.fl {

  float: left; }



.fr {

  float: right; }



.header {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 333333;

  width: 100%;

  padding: 37px 0 28px;

  transition: all 1s; }



.dn {

  display: none; }



.header.active, .header.activec {

  position: fixed;

  background-color: #fff;

  box-shadow: 0px 0px 8px 0px rgba(9, 7, 6, 0.18);

  transition: all 1s; }

  .header.active .db, .header.activec .db {

    display: none; }

  .header.active .dn, .header.activec .dn {

    display: block; }

  .header.active .header_rt .dn, .header.activec .header_rt .dn {

    display: inline-block; }

  .header.active .header_cnt li .aa-a, .header.activec .header_cnt li .aa-a {

    color: #212121;

    transition: all .4s; }

  .header.active .header_rt div, .header.activec .header_rt div {

    color: #757575;

    transition: all .4s; }

  .header.active .pcmenu span, .header.activec .pcmenu span {

    background-color: #87898a; }



.header_cnt {

  margin-top: 17px; }

  .header_cnt ul {

    margin-bottom: 0; }

  .header_cnt li {

    margin-right: 40px;

    font-size: 17px;

    font-family: Lato-Regular;

    line-height: 24px;

    position: relative; }

    .header_cnt li .aa-a {

      color: #fff;

      transition: all .4s; }

    .header_cnt li:hover .nav-protype {

      display: block; }

    .header_cnt li:hover .nav-newtype {

      display: block; }



.hea_a {

  background-color: #fff;

  transition: all 1s; }

  .hea_a .db {

    display: none; }

  .hea_a .dn {

    display: block; }

  .hea_a .header_rt .dn {

    display: inline-block; }

  .hea_a .header_cnt li .aa-a {

    color: #212121;

    transition: all .4s; }

  .hea_a .header_rt div {

    color: #757575;

    transition: all .4s; }

  .hea_a .pcmenu span {

    background-color: #87898a; }



.nav-protype, .nav-newtype, .a-aa {

  position: absolute;

  width: 348px;

  padding: 0 0 30px;

  background-color: rgba(221, 221, 221, 0.8);

  display: none; }

  .nav-protype h5, .nav-newtype h5, .a-aa h5 {

    width: 100%;

    height: 28px;

    background-color: #fff;

    margin-bottom: 5px; }

  .nav-protype li, .nav-newtype li, .a-aa li {

    display: block;

    font-size: 16px;

    font-family: Lato-Regular;

    font-weight: 400;

    color: #212121;

    line-height: 42px;

    padding-left: 10px;

    width: 100%;

    transition: all .4s; }

    .nav-protype li a, .nav-newtype li a, .a-aa li a {

      color: #212121; }

    .nav-protype li b, .nav-newtype li b, .a-aa li b {

      opacity: 0;

      transition: all .4s;

      margin-right: 5px; }

    .nav-protype li:hover, .nav-newtype li:hover, .a-aa li:hover {

      background-color: #333;

      padding-left: 30px;

      transition: all .4s; }

  .nav-protype li:hover a, .nav-newtype li:hover a, .a-aa li:hover a {

    color: #fff; }

  .nav-protype li:hover b, .nav-newtype li:hover b, .a-aa li:hover b {

    opacity: 1;

    transition: all .4s; }



.a-aa {

  width: 200px; }



.b-b {

  position: relative;

  display: block; }

  .b-b:hover .a-aa {

    display: block; }



.header_rt {

  font-size: 0;

  margin-top: 17px; }

  .header_rt div {

    display: inline-block;

    margin-left: 30px;

    font-size: 17px;

    color: white;

    line-height: 24px;

    vertical-align: top;

    transition: all .4s;

    cursor: pointer; }

    .header_rt div img {

      margin-right: 10px;

      vertical-align: middle; }



.banner {

  position: relative; }



footer {

  background-color: #212121;

  position: relative; }



.footer {

  padding-top: 95px;

  font-size: 0;

  margin-bottom: 70px; }



.footer_box {

  display: inline-block;

  vertical-align: top;

  width: 27%; }

  .footer_box h2 {

    font-size: 16px;

    font-family: Lato-Bold;

    color: #bdbdbd;

    line-height: 24px; }

  .footer_box p {

    font-size: 16px;

    color: #9e9e9e;

    line-height: 28px;

    margin-top: 5px; }



.footer_rt {

  width: 250px; }

  .footer_rt h3 {

    font-size: 24px;

    font-family: Lato-Bold;

    color: white;

    line-height: 18px;

    margin-bottom: 30px; }



.ftinq, .ftele {

  width: 249px;

  height: 50px;

  background: #bdbdbd;

  text-align: center;

  line-height: 50px;

  display: block;

  font-size: 16px;

  color: #2f3030;

  margin-bottom: 22px; }



.ftele {

  background-color: transparent;

  border: 1px solid #bdbdbd;

  color: #BDBDBD; }



.b {

  width: 19%; }



.shejiao {

  font-size: 0;

  margin-top: 25px; }

  .shejiao a {

    display: inline-block;

    width: 39px;

    height: 39px;

    line-height: 40px;

    text-align: center;

    background-color: #757575;

    border-radius: 50%;

    font-size: 22px;

    font-weight: 900;

    color: #212121;

    vertical-align: top;

    margin-right: 8px; }



.ftline {

  display: block;

  width: 100%;

  height: 1px;

  background: #bdbdbd; }



.ftbtm {

  padding: 12px 0 20px;

  font-size: 12px;

  color: #616161;

  line-height: 26px;

  text-align: center; }

  .ftbtm a {

    margin-left: 17px;

    text-decoration: underline;

    color: #616161; }



.top {

  position: absolute;

  right: 7%;

  top: -31px;

  z-index: 3; }



.pcmenu {

  cursor: pointer;

  position: relative;

  z-index: 666;

  display: none; }

  .pcmenu span {

    width: 30px;

    height: 2px;

    background: #fff;

    border-radius: 1px;

    display: block;

    transition: -webkit-transform 0.5s,  width 0.3s;

    transition: transform 0.5s, width 0.3s; }

  .pcmenu > span:nth-child(2) {

    margin: 7px 0; }

  .pcmenu:hover span:nth-child(2) {

    width: 24px;

    transition: -webkit-transform 0.5s, background 0.5s, width 0.3s;

    transition: transform 0.5s, background 0.5s, width 0.3s; }



.actived span {

  background-color: #87898a; }

.actived > span:nth-child(1) {

  -webkit-transform: translateX(-12px) rotate(-45deg) translateY(12px);

  -ms-transform: translateX(-12px) rotate(-45deg) translateY(12px);

  transform: translateX(-12px) rotate(-45deg) translateY(12px);

  transition: -webkit-transform 0.5s, background 0.5s, width 0.3s;

  transition: transform 0.5s, background 0.5s, width 0.3s; }

.actived > span:nth-child(2) {

  opacity: 0; }

.actived > span:nth-child(3) {

  -webkit-transform: translateX(-12px) rotate(45deg) translateY(-12px);

  -ms-transform: translateX(-12px) rotate(45deg) translateY(-12px);

  transform: translateX(-12px) rotate(45deg) translateY(-12px);

  transition: -webkit-transform 0.5s, background 0.5s, width 0.3s;

  transition: transform 0.5s, background 0.5s, width 0.3s; }



.header_box {

  position: absolute;

  height: calc(100vh - 90px);

  right: 0;

  top: 100%;

  transform: translate(460px, 0px);

  overflow-y: auto;

  transition-delay: 0s;

  width: 460px;

  background-color: #f5f5f5;

  z-index: 9999;

  transition: z-index .3s, right .5s,transform .5s; }



.hdbox_tit ul {

  margin-bottom: 0; }

.hdbox_tit li {

  position: relative; }

  .hdbox_tit li a {

    display: block;

    color: #333;

    margin: auto;

    width: 100%;

    font-size: 20px;

    font-family: Roboto-Bold;

    font-weight: bold;

    line-height: 51px;

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    padding: 0 50px;

    text-transform: uppercase; }

  .hdbox_tit li span {

    font-weight: 400;

    line-height: 50px;

    display: block;

    font-size: 18px;

    position: absolute;

    z-index: 123;

    top: 0;

    right: 50px;

    transition: all .4s;

    color: #333; }

.hdbox_tit > ul > li > a:hover {

  color: #212121;

  text-decoration: none; }

.hdbox_tit > ul > li:hover span {

  color: #212121; }

.hdbox_tit ul.myulaa {

  border-top: 1px solid rgba(0, 0, 0, 0.1);

  padding: 15px 0;

  display: none; }

  .hdbox_tit ul.myulaa li a {

    font-size: 16px;

    border: none;

    line-height: 32px;

    color: #666;

    text-transform: uppercase;

    font-weight: 400;

    font-family: 'Roboto-Bold'; }

    .hdbox_tit ul.myulaa li a:hover {

      color: #212121; }

.hdbox_tit .activeul {

  color: #212121; }

.hdbox_tit .activespan {

  color: #212121;

  transform: rotate(45deg);

  transition: all .4s; }



.activea {

  transform: translate(0px, 0px);

  transition: z-index .3s,transform .5s; }



.headera {

  position: relative; }



.lang {

  padding: 0 50px; }

  .lang .langbox {

    width: 100%;

    margin: auto;

    text-align: left; }

    .lang .langbox a {

      font-size: 18px;

      color: #999;

      font-family: 'Roboto-Bold';

      line-height: 50px;

      display: inline-block;

      margin-right: 4px; }

      .lang .langbox a:hover {

        color: #212121;

        text-decoration: none; }



.btmline {

  background-color: black;

  opacity: 0.102;

  display: block;

  width: 100%;

  height: 1px;

  margin-bottom: 10px; }



#search_form_phonea {

  padding: 15px 0px 15px 50px;

  font-size: 0; }

  #search_form_phonea input[type="text"] {

    width: 70%;

    padding: 10px;

    font-size: 16px;

    color: black;

    border: 1px solid #87898a;

    outline: none;

    vertical-align: top; }

  #search_form_phonea input[type="submit"] {

    border: none;

    background-color: #87898a;

    color: white;

    font-size: 18px;

    padding: 9.5px 15px;

    vertical-align: top; }



.show-box {

  background: rgba(0, 0, 0, 0.7);

  display: none;

  position: fixed;

  width: 100%;

  height: 100%;

  z-index: 33;

  top: 0;

  left: 0; }

  .show-box .search-wrapper {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%); }

    .show-box .search-wrapper .input-holder {

      overflow: hidden;

      height: 70px;

      position: relative; }

      .show-box .search-wrapper .input-holder input {

        width: 600px;

        height: 65px;

        border: none;

        border-bottom: 1px solid #fff;

        background-color: transparent;

        font-size: 18px;

        font-family: Lato-Regular;

        font-weight: 400;

        color: white;

        line-height: 63px;

        padding-left: 81px;

        outline: none; }

    .show-box .search-wrapper .search-input {

      background: rgba(21, 101, 192, 0.8); }

    .show-box .search-wrapper input::-webkit-input-placeholder {

      color: white;

      font-size: 18px; }

    .show-box .search-wrapper .search-icon {

      width: 50px;

      outline: none;

      cursor: pointer;

      position: absolute;

      left: 20px;

      top: 25px;

      border: none;

      background-color: transparent; }

      .show-box .search-wrapper .search-icon i {

        color: white;

        text-align: center;

        font-size: 20px; }



.closes {

  position: absolute;

  right: 10px;

  top: 106px;

  z-index: 123;

  display: block;

  font-size: 34px;

  color: #fff; }



@media screen and (max-width: 1540px) and (min-width: 1400px) {

  .container {

    width: 1370px; } }

@media screen and (max-width: 1399px) and (min-width: 1200px) {

  .container {

    width: 1170px; }



  .header_cnt li {

    margin-right: 30px; }



  .header_rt p {

    margin-left: 20px; } }

@media screen and (max-width: 1199px) and (min-width: 1000px) {

  .container {

    width: 970px; }



  .header {

    padding: 25px 0 20px; }



  .header_lf {

    width: 180px; }



  .header_rt, .header_cnt {

    margin-top: 10px; }



  .header_cnt li {

    margin-right: 15px; }



  .header_rt p {

    margin-left: 10px; }



  .footer_box {

    width: 26%; }



  .b {

    width: 22%; }



  .footer_rt {

    width: 100%; }



  .ftinq, .ftele {

    width: 100%;

    height: 45px;

    line-height: 44px;

    margin-bottom: 18px; }



  .footer_rt h3 {

    font-size: 20px;

    margin-bottom: 20px; }



  .footer_box p {

    font-size: 14px; }



  .footer {

    padding-top: 80px;

    margin-bottom: 50px; } }

@media screen and (max-width: 999px) and (min-width: 768px) {

  .container {

    width: 750px; }



  .pcmenu {

    display: block;

    margin-top: 6px;

    margin-bottom: 0;

    margin-right: 30px; }



  .header {

    padding: 25px 0 20px; }



  .header_lf {

    width: 150px; }



  .header_rt, .header_cnt {

    display: none; }



  .footer_box {

    width: 26%; }



  .b {

    width: 22%; }



  .footer_rt {

    width: 100%; }



  .ftinq, .ftele {

    width: 100%;

    height: 45px;

    line-height: 44px;

    margin-bottom: 18px; }



  .footer_rt h3 {

    font-size: 20px;

    margin-bottom: 20px; }



  .footer_box p {

    font-size: 14px; }



  .footer {

    padding-top: 80px;

    margin-bottom: 50px; } }

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

  .container {

    width: 100%;

    padding: 0 20px; }



  #search_form_phonea {

    padding: 15px 25px;

    font-size: 0; }

    #search_form_phonea input[type="text"] {

      width: 68%;

      padding: 10px;

      font-size: 16px;

      color: black;

      border: 1px solid #87898a;

      outline: none;

      vertical-align: top; }

    #search_form_phonea input[type="submit"] {

      border: none;

      background-color: #87898a;

      color: white;

      font-size: 18px;

      padding: 9.5px 15px;

      vertical-align: top; }



  .header_box {

    width: 100%; }



  .hdbox_tit li a {

    font-size: 16px;

    line-height: 44px;

    padding: 0 25px;

    text-transform: uppercase; }



  .hdbox_tit li span {

    line-height: 44px;

    font-size: 16px;

    right: 25px; }



  .lang {

    padding: 0 25px; }



  .header_box {

    height: calc(100vh - 60px); }



  .pcmenu {

    display: block;

    margin-top: 3px;

    margin-bottom: 0; }



  .header {

    padding: 20px 0 15px; }



  .header_lf {

    width: 150px; }



  .header_rt, .header_cnt {

    display: none; }



  .footer_box {

    width: 100%;

    margin-right: 0;

    margin-bottom: 20px; }



  .b {

    width: 100%;

    margin-top: 20px; }



  .footer_rt {

    width: 100%; }



  .ftinq, .ftele {

    height: 45px;

    line-height: 44px;

    margin-bottom: 18px; }



  .footer_rt h3 {

    font-size: 20px;

    margin-bottom: 20px; }



  .footer_box p {

    font-size: 14px; }



  .footer {

    padding-top: 50px;

    margin-bottom: 20px; }



  .top {

    top: -22px;

    width: 50px; }



  .ftbtm {

    padding: 12px 0 50px; } }



/*# sourceMappingURL=common.css.map */