.header{width: 100%;height: 90px;font-size: 16px;}
.header .header_mid{width:1600px;height: 90px; margin:0 auto;}
.header .header_mid a img{height: 47px;margin-top: 21px; float: left;}
body .header .header_mid .nav{width: 72%;height: 45px;line-height: 45px;margin-left: 1%;margin-top: 22px;float: left;}
.header .header_mid ul{list-style-type:none}
.header .header_mid ul li{height: 45px;line-height: 45px;float: left;text-align:center;margin-left: 5%;position: relative;}
.header .header_mid ul li a{color: #666666;font-size: 16px;letter-spacing: 1px;}

.header ul.sub a.active {
    color: #e84567 !important;
}
.header .header_mid ul li a:hover {color: #e84567;text-decoration: none;}
.header .header_mid ul li a:visited {text-decoration: none;}
.header .header_mid .phone{height: 90px;float: right;width: 12%;}
.header .header_mid .phone img{float: left; margin-top: 35px;}
body .header .header_mid .phone p{font-size: 16px;color: #666666;margin-top: 37px;}

.body_index .header .header_mid .phone p {
    color: #fff !important;
}
.header .header_mid ul li.active a{color: #e84567;} 
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header *{}
.header .sub ul{
    overflow: hidden;
    max-width: 0;
    padding: 0;
    max-height: 0;
    transition: .4s;
    position: absolute;
    left: calc(100% - 1px);
    top: 0px;
    background: #fff;
    box-shadow: 0px 1px 3px 0px #0000004a;
    z-index: 4;
}

.header .sub li.hover ul {
    max-width: 300px;
    max-height: 300px;
}
.header .header_mid .sub li{
    height: 40px;
    position: relative;
    padding: 3px 29px;
    border-bottom: 1px solid #eee;
    float: none;
    text-align: left;
    margin: 0 auto;
}

.header .header_mid .sub li:last-child {
    margin-bottom: 20px;
}
.header .header_mid ul.sub li{
    height: auto;
}

.body_index .header .header_mid ul.sub li {
    background: #fff;
}

.header .header_mid ul.sub li a {
    letter-spacing: 0;
}

.header .header_mid ul.sub>li:first-child {
    border-top: 2px solid red;
}

.body_index .header .header_mid ul.sub>li:first-child {
    border-top: 0;
}

.header .header_mid ul.sub li:last-child {
    border: none;
    margin-bottom: 8px;
}
.header ul.sub{
    overflow: hidden;
    /* overflow-y: visible; */
    /* overflow-y: hidden; */
    height: auto;
    scale: 0;
    width: 180px;
    position: absolute;
    background: #fff;
    padding: 0;
    color: #333;
    left: 50%;
    top: 37px;
    transition: all .3s cubic-bezier(0.89, 0.79, 0.62, 0.98);
    transform: translateX(-50%);
    /* border-top: 2px solid #e84567; */
    opacity: 0;
    transform-origin: left top;
}

.body_index .header ul.sub {
    top: 44px;
    /* left: 0; */
    /* border-top: 10px solid transparent; */
    box-sizing: border-box;
    background: transparent;
    padding-top: 7px;
    /* background: red; */
}

.body_index .header ul.sub:before {
    height: 8px;
}

.body_index .body_index .header ul.sub:before {
    /* height: 0; */
}

.header ul.sub:before {
    content: "";
    display: block;
    width: 100%;
    height: 30px;
    /* background: red; */
}

.header li.hover ul.sub {
    /* max-height: 200px; */
    /* padding: 0; */
    /* width: min-content; */
    overflow: visible;
    opacity: 1;
    scale: 1;
    transition: none;
}

.header ul.sub a {
    display: inline-block;
    font-size: 14px !important;
    white-space: nowrap;
    color: #333 !important;
}

.header ul.sub a:hover {color: #e84567 !important;}




/* 底部 */
.footer{width:100%;height:500px;background: #212121;overflow: hidden;}
.footer .footer_mid{width:1350px;height: 90px; margin:0 auto;border-bottom: 1PX #777 solid;}
.footer .footer_mid a img{height: 47px;margin-top: 21px;float: left;}
.footer .footer_mid .nav{width: 66%;height: 45px;line-height: 45px;margin-top: 22px; float: right;}
.footer .footer_mid ul{list-style-type:none}
.footer .footer_mid ul li{height: 45px;line-height: 45px;float: left; text-align:right;margin-left: 5%;}
.footer .footer_mid ul li:nth-child(6){height: 45px;line-height: 45px;float: left; text-align:right;margin-right: 0;}
.footer .footer_mid ul li a{color: #ffffff;font-size: 15px;}
.footer .footer_mid ul li a:hover {color: #e84567;text-decoration: none;}
.footer .footer_mid ul li a:visited {text-decoration: none;}


.footer .footera{width: 30%;height: 200px;float: left;margin-top: 100px; margin-right: 5%;font-size: 15px;color: rgba(255,255,255,0.8);}
.footer .footera p{padding-left: 40px;margin-top: -20px;}
.footer .footera .footera_2{margin-top: 30px;}
.footer .footera .footera_3{margin-top: 30px;}
.footer .footerb{width: 30%;height: 200px;float: left;margin-top: 100px;margin-right: 5%; font-size: 15px;color: rgba(255,255,255,0.8);}
.footer .footerb p{padding-left: 40px;}
.footer .footerb .footerb_2{margin-top: 30px;}
.footer .footerb .footerb_3{margin-top: 30px;}
.footer .footerb .footerb_4{margin-left: 40px;margin-top: 20px;}
.footer .footerc{width: 30%;height: 200px;float: left;margin-top: 70px;}
.footer .footerc p{font-size: 18px;color: #fff;}
.footer .footerc .right{width: 100%;height: 200px;float: right;}
.footer .footerc .right .text1{width:49%;float: left;margin-right: 1%;margin-top: 10px; border-radius:10px; background-color: #383838;}
.footer .footerc .right .text1:nth-child(2){width:49%;float: right;margin-right: 0px;}
.footer .footerc .right .text1 input[type="text"]{
    box-sizing: border-box;
    font-size:14px;
    height: 50px;
    border-radius:10px;
    border:0 solid #ffffff;
    color:#fff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color: #383838;
  }
  .footer .footerc .right .msg{
    font-size: 14px;
    border:0 solid #ffffff;
    border-radius:10px;
    width: 100%;
    height: 80px;
    padding: 20px;
    resize: none;
    margin-top: 20px;
    background-color: #383838;
}

textarea{color:#fff;}
.footer .footerc .right .msg:focus{outline-color:#383838}
.footer .footerc .right .submit1{width: 100%;height: 50px;float: right;border-radius:25px;margin-top: 20px;background-color: #e84567;}
.footer .footerc .right .submit1 input[type="submit"]{
    box-sizing: border-box;
    font-size:20px;
    height: 50px;
    border:0 solid #ffffff;
    color:#ffffff;
    -web-kit-appearance:none;
    -moz-appearance: none;
    display:block;
    outline:0;
    padding-left: 20px;
    text-decoration:none;
    width:100%;
    background-color: #e84567;
    border-radius:25px;
  }


  @media (max-width:1400px){
    .footer .footer_mid{max-width: 96%;}
    .footer .footer_mid ul li{height: 45px;line-height: 45px;float: left; text-align:right;margin-left: 2%;}
    .c{max-width: 96%;}
  }



  /*固定的悬浮窗*/
  .yb_conct {
    position: fixed;
    z-index: 99999999999;
    /* top: 207px; */
    right: -130px;
    cursor: pointer;
    transition: all .3s ease;
}

.yb_bar ul li {
    width: 220px;
    height: 50px;
    font: 16px/50px 'Microsoft YaHei';
    color: #fff;
    text-indent: 50px;
    margin-bottom: 1px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}




.yb_bar .yb_top {
    background: #e84567 url(/images/fixCont.png) no-repeat 0 0;
}


.yb_bar .yb_mobile {
    background: #e84567 url(/images/mailbox.png) no-repeat;
}

.yb_bar .yb_mobile a{
  color: #fff;
}

.yb_bar .yb_ercode {
    background: #e84567 url(/images/WhatsApp.png) no-repeat;
}

.yb_bar .yb_ercode1 {
  background: #e84567 url(/images/Wehcat.png) no-repeat;
}

.hd_qr {
    margin-left: 50px;
}

.footer .back-top {
  width: 45px;
  height: 45px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 999999999999999999;
  cursor: pointer;
  /* display: none; */
  background: url(/lib/images/back-top.png);background-repeat: no-repeat;
}


.footer .back-top:hover {
  width: 45px;
  height: 45px;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 9999999999999999999;
  cursor: pointer;
  display: block;
  background: url(/lib/images/back-top-hover.png);background-repeat: no-repeat;
}