body{
    /* overflow: hidden; */
  
}
/* lunbo */
.swiper {
    position: relative;
    z-index: -1;
}

.mySwiper {
    width: 100%;
    height: 500px;
    /* margin-bottom: 25px; */
}

.mySwiper .swiper-slide {
    width: 100%;
    position: relative;
    -webkit-align-items: inherit;
    align-items: inherit;
    overflow: hidden;
}

.mySwiper .swiper-slide img {
    width: 100%;
    height: 500px;
}

/* header2 */
.header2 {
    height: 500px;
    margin-top: -500px;
    padding-top: 25px;
    position: absolute;
    z-index: 9;
}

.hd {
    position: relative;
    z-index: 9;
    /* margin-top: -500px; */
}

.hd .logo {
    /* width: 436px; */
    width: 350px;
    margin: 0%;
}

.hd-word {
    height: 154px;
    position: relative;
    z-index: 9;
    text-align: center;
    margin-top: 90px;
}

.hd-word .word1 {
    width: 43%;
    margin-bottom: 30px;
}

.hd-word .word2 {
    width: 65%;
}

/* 文字飞入效果 */
@keyframes righteaseinAnimate {
    0% {
        transform: translateX(2000px);
        opacity: 0;
    }

    /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/
    100% {
        transform: translateX(0px);
        opacity: 1;
    }

    /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
}

@-webkit-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-o-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-ms-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-moz-keyframes righteaseinAnimate {
    0% {
        -webkit-transform: translateX(2000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

.word1,
.word2 {
    animation: righteaseinAnimate 1s ease 1;
    /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/
    -webkit-animation: righteaseinAnimate 1s ease 1;
    -moz-animation: righteaseinAnimate 1s ease 1;
    -ms-animation: righteaseinAnimate 1s ease 1;
    -o-animation: righteaseinAnimate 1s ease 1;

    /*规定动画的最后状态为结束状态*/
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}

/* 头部导航 */
.hd-nav {
    /* height: 54px; */
    background: #0088FF;
}

.hd-nav ul {
    display: flex;
}

.hd-nav ul .li1{
    width: 25%;
    text-align: center;
    position: relative;
    z-index: 999;
}

/* .hd-nav ul>li:first-child {
    flex: 1.6;
}

.hd-nav ul>li:nth-of-type(2) {
    flex: 2.5;
}

.hd-nav ul>li:nth-of-type(3) {
    flex: 3.5;
}

.hd-nav ul>li:nth-of-type(4) {
    flex: 2.5;
} */

.hd-nav ul>li>a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 54px;
}

.hd-nav ul>li:hover {
    background-color: #FFAA00;
}

.hd-nav ul>li .ul2 {
    width: 100%;
    display: block;
    background-color: #0088FF;
    position: absolute;
    display: none;
    transition: all 5s ease-in;
    
}
.hd-nav ul>li .ul2 li{
    width:100%;
  } 
.hd-nav ul>li:hover .ul2 {
    display: block;
    max-height: 9999px;
    transition-timing-function:ease-out;
}

.hd-nav ul>li .ul2>li .ul3 {
    width: 90%;
    display: block;
    position: absolute;
    background-color: #0088FF;
    left: 100%;
    margin-top: -54px;
    display: none;
}
.hd-nav ul>li .ul2>li .ul3 li{
    width: 100%;
}
.hd-nav ul>li .ul2>li:hover .ul3 {
    display: block;
}


/* 手机导航栏 */
.nav-home{
    width: 36px;
    height: 36px;
    position: absolute;
    top: 30px;
    right: 10%;
    margin-left: 10px;
    cursor: pointer;
    overflow: hidden;
    z-index: 9999;
    display: none;
}
.nav-home::after{
    content: "";
    display: block;
    overflow: hidden;
}
.nav-home img{
    /* display: none; */
   width: 100%;
    position: absolute;
    right: 10%;
    margin-left: 10px;
    cursor: pointer;
  }
  .nav1 {
    /* display: none; */
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    position: fixed;
    top: 0;
    left: -100%;
    overflow-y: scroll;
    transition: all 0.7s;
    z-index: 99999;
}

.nav1 .nav-auto {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow-y: scroll;
    background-color: #3a3a3a;
}

.left {
    left: 0;
}

.nav1 .nav-auto .phone_ul1 {
    width: 100%;
    height: 100%;
    background-color: #3a3a3a;
}

.nav1 .nav-auto .phone_ul1 .dhang {
    width: auto;
    height: 70px;
    line-height: 70px;
    background: #2c2c2c;
}

.nav1 .nav-auto .phone_ul1 .dhang span {
    margin-left: 24px;
    font-size: 24px;
    color: #fff;
}

.nav1 .nav-auto .phone_ul1 .dhang .x1 {
    width: 22px;
    margin-right: 24px;
}

.nav1 .nav-auto .phone_ul1 li {
    width: 100%;
    text-align: left;
}

.nav1 .nav-auto .phone_ul1 li a {
    float: left;
    width: 80%;
    line-height: 60px;
    display: block;
    height: 100%;
    font-size: 20px;
    color: #fff;
    transition: none;
    padding-left: 20px;
    border-bottom: 1px solid #525252;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.nav1 .nav-auto .phone_ul1 li .drop_01 {
    float: left;
    text-align: center;
    width: 20%;
    height: 61px;
    line-height: 61px;
    background: #3a3a3a;
    border-left: 2px solid #525252;
    border-bottom: 1px solid #525252;
}

.nav1 .nav-auto .phone_ul1 li .drop_01 img {
    width: 20px;
}

.nav1 .nav-auto .phone_ul1 li.active {
    background-color: #393939;
}

.nav1 .nav-auto .phone_ul1 li.active a {
    background: none;
    font-weight: bold;
    color: #ffffff;
}

.nav1 .nav-auto .phone_ul1 li:hover a {
    background: none;
    font-weight: bold;
}

.nav1 .nav-auto .phone_ul1 li .phone_ul2 {
    background-color: #282828;
    display: none;
}

.nav1 .nav-auto .phone_ul1 li .phone_ul2 li a {
    font-size: 20px;
    line-height: 60px;
    padding-left: 30px;
}

.nav1 .nav-auto .phone_ul1 li .phone_ul2 li .drop_02 {
    float: left;
    text-align: center;
    width: 20%;
    height: 61px;
    line-height: 61px;
    background: #282828;
    border-left: 2px solid #525252;
    border-bottom: 1px solid #525252;
}

.nav1 .nav-auto .phone_ul1 li .phone_ul2 li .drop_02 img {
    width: 20px;
}

.nav1 .nav-auto .phone_ul1 li .phone_ul2 li .phone_ul3 {
    background-color: #000000;
    display: none;
}

.nav1 .nav-auto .phone_ul1 li .phone_ul2 li .phone_ul3 li a {
    float: none;
    width: 100%;
    font-size: 18px;
    line-height: 50px;
    padding-left: 40px;
    border-bottom: 1px solid #525252;
}