html,
body {
    perspective: 1000px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    overflow: hidden;
    transform-origin: 0 0;
}

.wrap {
    display: flex;
    position: relative;
    z-index: 6;
    width: 100%;
    height: 100%;
    padding: 6vw 0 0;
}

.scroll{
    position: absolute;
    z-index: 50;
    left: 2vw;
    bottom: 0;
}
.scroll img{
    width: 1.1vw;
}


/* 第1部分 */

.part1 {
    position: relative;
}
.banner{
    background: #e36c10;
}
.banner i{
    display: block;
}
.banner  img{
    width: 100%;
}

/* 第2部分 */

.part2 {
    position: relative;
    background: url(../images/part2_bg.jpg) no-repeat center 0 / cover;
}

.part2 .wrap{
    align-items: flex-end;
}

.part2-main {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 9.5vw;
}

.part2-group{
    width: 20.4vw;
    padding: 6vw 0 0;
}
.part2-group .ch{
    padding:0 0 1.5vw;
}
.part2-group .ch img{
    width: 20.2vw;
}

.part2-group .en img{
    width: 16vw;
}

.part2-box{
    position: relative;
    width: 55.2vw;
    overflow: hidden;
    padding: 6vw 28vw 12vw 6vw;
    border: 1px solid #000;
    border-bottom: 0;
    border-radius: 0 2vw 0 0;
}

.part2-title{
    color: #000;
    background: url(../images/line_y.png) no-repeat 7vw  0.8vw;
}
.part2-title .ch{
    font-size: 1.5vw;
    line-height: 1.8vw;
}
.part2-title .en{
    font-size: 1vw;
    line-height: 1.4vw;
}
.part2-p{
    margin: 2.4vw 0 0;
    height: 12.6vw;
    font-size: 0.9vw;
    line-height: 1.6vw;
    color: #000;
}
.part2-more{
    margin: 0.2vw 0 0;
}
.part2-more a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3vw;
    height: 3vw;
    background: #fde00a;
    border: 2px solid #000;
}
.part2-more img{
    width: 0.9vw;
}
.part2-more a:hover{
    background: #fff;
}

.part2-slide{
    position: absolute;
    z-index: 3;
    right: -5px;
    top: 3.5vw;
    width: 23.4vw;
}
.part2-icon{
    position: relative;
}
.part2-icon img{
    width: 23.2vw;
}
.part2-video{
    position: relative;
    width: 15vw;
    margin: 1.4vw 0 0;
}
.part2-video i{
    display: block;
    border: 2px solid #000;
}
.part2-video i img{
    width: 100%;
}
.part2-video-btn{
    position: absolute;
    z-index: 15;
    left: 50%;
    top: 50%;
    margin: -1.2vw 0 0 -1vw;
    cursor: pointer;
}
.part2-video-btn img{
    width: 2vw;
}

.part2-nav{
    position: absolute;z-index: 50;
    left: 50%;
    bottom: 0;
    width: 57.2vw;
    margin-left: -28.6vw;
    background: #000;
}
.part2-nav ul{
    display: flex;
}
.part2-nav ul li{
    width: 20%;
}
.part2-nav ul li:nth-child(2n){
    background: #fde00a;
}
.part2-nav ul a{
    display: block;
    padding: 1.5vw 0;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
.part2-nav ul li:nth-child(2n) a{
   color: #000;
} 
.part2-li-icon{
    height: 3vw;
    overflow: hidden;

}
.part2-li-icon img{
    transition: 0.6s;
}
.part2-li-font{
    font-size: 0.9vw;
    line-height: 1.6vw;
    text-align: center;
    transition: 0.6s;
}

.part2-nav ul a:hover .part2-li-icon img{
    transform: translate3d(0,-4vw,0);
}
.part2-nav ul a:hover .part2-li-font{
    transform: translate3d(0,-1vw,0);
}

/* 视频 */
.video-bg {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.alerts {
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 10%;
    width: 100%;
    text-align: center;
}

.alerts img {
    width: 40px;
}

.video-bg div {
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.videos {
    width: 100%;
}



/* 第3部分 */

.part3 {
    position: relative;
    background: url(../images/part3_bg.jpg) no-repeat center 0 / cover;
}
.part3-nav{
    position: absolute;
    left: 0;
    top: 5.2vw;
    width: 68.75vw;
    background: #fde00a;
}
.part3-nav ul{
    display: flex;
    justify-content: flex-end;
    padding-right: 1vw;
}
.part3-nav ul li{
    padding: 0 1vw;
}
.part3-nav ul a{
    position: relative;
    display: block;
    font-size: 1vw;
    line-height:2vw;
    color: #000000;
}
.part3-nav ul a:hover::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 100%;
    height: 12px;
    background: url(../images/three.png) no-repeat center 0;
}

.part3 .wrap{
    align-items: center;
    padding-bottom: 4vw;
}

.part3-main {
    width: 75vw;
    margin: 0 auto;
}

.part3-top{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1vw 1.5vw;
}

.part3-title{
    text-align: left;
}
.part3-title .ch{
    padding: 0 0 1vw;
    font-size: 1.5vw;
    line-height: 1.8vw;
    color: #fde00a;
}
.part3-title .en img{
    width: 32vw;
}

.part3-more a{
    display: flex;
    padding: 0 1vw;
    font-size: 1vw;
    line-height: 2.4vw;
    color: #fde00a;
    border: 2px solid #fde00a;
}

.part3-more a span{
    display: block;
    padding-right: 1vw;
}
.part3-more a:hover{
    color: #fff;
    background: #000;
    border-color: #000000;
}

.part3-box{
    height: 22vw;
    overflow: hidden;
    padding: 0;
}
.part3-box ul{
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
}
.part3-box ul li{
    width: 19vw;
    padding: 0 1.5vw;
}
.part3-box ul a{
    display: block;
    position: relative;
    height: 21.8vw;
    padding: 1.6vw 0 0;
}

.part3-li-bg{
    position: absolute;
    left: 0;
    top: 1.6vw;
    width: 100%;
    height: 16vw;
    background: rgba(255,255,255,0.8);
    border: 0.2vw solid #fde00a;
    transition: 0.6s;
}

.part3-li-img{
    position: relative;
    z-index: 50;
    transition: 0.6s;
}
.part3-li-img img{
    width: 100%;
}

.part3-li-font{
    margin: 0 1.2vw;
    padding: 1vw 3vw 1vw 0;
    color: #000;
    background: url(../images/arrow_border.png) no-repeat right center/2.2vw;
    border-top: 1px solid #000;
    opacity: 0;
    transform: translate3d(0,-100%,0);
    transition: 0.6s;
}
.part3-li-name{
    font-size: 1.2vw;
    line-height: 1.5vw;
}
.part3-li-weight{
    font-size: 0.9vw;
    line-height: 1.2vw;
}

.part3-box ul a:hover .part3-li-bg{
    top: 0;
    height: 21.8vw;
}
.part3-box ul a:hover .part3-li-img{
    transform: translate3d(0,-0.4vw,0);
}
.part3-box ul a:hover .part3-li-font{
    opacity: 1;
    transform: translate3d(0,0,0);
}

.part3-shop{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.2vw 0;
    background: rgba(0, 0, 0, 0.6);
}

.shop-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 72vw;
    margin: 0 auto;
}
.show-icon{
    width: 10vw;
    padding-left: 2.7vw;
    background: url(../images/part3_shop.png) no-repeat 0 center;
}
.show-icon .ch{
    font-size: 1.2vw;
    list-style: 1.4vw;
    color: #fff;
}
.show-icon span{
    color: #fde00a;
}
.show-icon .en{
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}
.show-ul{
    width: 54vw;
}
.show-ul ul{
    display: flex;
}
.show-ul ul li{
    padding: 0 1.5vw;
}
.show-ul ul a{
    display: block;
    transition: 0.6s;
}
.show-ul ul a img{
    width: 6.2vw;
}
.show-ul ul a:hover{
    transform: translate3d(0,-0.5vw,0);
}

/* 第4部分 */

.part4 {
    position: relative;
    background: url(../images/part4_bg.jpg) no-repeat center 0 / cover;
}

.part4 .wrap{
    align-items: center;
}

.part4-main {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 75vw;
    margin: 0 auto;
}

.part4-left{
    width: 36vw;
}
.part4-left ul{
    display: flex;
    flex-wrap: wrap;
}
.part4-left ul li{
    width: 50%;
    padding: 0.5vw;
}
.part4-left ul a{
    display: block;
    position: relative;
    transition: 0.6s;
}
.part4-left ul i{
    display: block;
    overflow: hidden;
}
.part4-left ul li:nth-child(1) i,.part4-left ul li:nth-child(4) i{
    border-radius: 0 1.2vw;
}
.part4-left ul li:nth-child(2) i,.part4-left ul li:nth-child(3) i{
    border-radius: 1.2vw 0;
}

.part4-left ul i img{
    width: 100%;
}
.part4-left ul p{
    position: absolute;
    z-index: 10;
    width: 2.2vw;
    font-size: 1vw;
    line-height: 1.1vw;
    color: #fff;
    text-align: center;
}
.part4-left ul li:nth-child(1) p{
    left: 1.2vw;
    top: 1.2vw;
}
.part4-left ul li:nth-child(2) p{
    right: 1.2vw;
    top: 1.2vw;
}
.part4-left ul li:nth-child(3) p{
    left: 1.2vw;
    bottom: 1.2vw;
}
.part4-left ul li:nth-child(4) p{
    right: 1.2vw;
    bottom: 1.2vw;
}
.part4-left ul li:nth-child(1) a:hover{
    transform: translate3d(-2vw,-2vw,0);
} 
.part4-left ul li:nth-child(2) a:hover{
    transform: translate3d(2vw,-2vw,0);
} 
.part4-left ul li:nth-child(3) a:hover{
    transform: translate3d(-2vw,2vw,0);
} 
.part4-left ul li:nth-child(4) a:hover{
    transform: translate3d(2vw,2vw,0);
} 


.part4-right{
    width: 34vw;
    padding: 3vw 0 0;
}

.part4-sub{
    display: flex;
    align-items: flex-end;
    font-size: 1.2vw;
    line-height: 1vw;
}
.part4-sub span{
    font-size: 3vw;
    line-height: 2.6vw;
    color: #e36c10;
}

.part4-p{
    width: 22vw;
    height: 6.4vw;
    overflow: hidden;
    margin: 0.6vw 0 0;
    font-size: 0.9vw;
    line-height: 1.4vw;
    color: #000;
}

.part4-name{
    margin: 2vw 0 0;
}

.part4-name .ch{
    font-size: 1.8vw;
    line-height: 2vw;
    color: #000;
}
.part4-name .en{
    padding: 1vw 0;
}
.part4-name .en img{
    width: 16.6vw;
}

.part4-nav{
    padding: 0;
}
.part4-nav ul{
    display: flex;
}
.part4-nav ul li{
    padding-right: 2vw;
}
.part4-nav ul a{
    display: block;
    font-size: 1vw;
    line-height: 1.4vw;
    color: #000;
    transition: 0.6s;
}
.part4-nav ul a span{
    color: #e36c10;
}
.part4-nav ul a:hover{
    transform: translate3d(0,1vw,0);
}

.part4-feng{
    position: absolute;
    z-index: 15;
    right: 0;
    top: -7.2vw;
}


/* 第5部分 */

.part5 {
    position: relative;
    background: url(../images/part5_bg.jpg) no-repeat center 0 / cover;
}

.part5 .wrap{
    align-items: center;
}

.part5-main {
    width: 80vw;
    margin: 0 auto;
    padding-left: 17vw;
}
.part5-top{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 0 2.4vw;
}
.part5-title{
    text-align: left;
}
.part5-title .en{
    font-size: 12px;
    line-height: 16px;
    color: #a7a7a7;
}
.part5-title .ch{
    font-size: 1.8vw;
    line-height: 2vw;
    color: #fde00a;
}

.part5-nav ul{
    display: flex;
}
.part5-nav ul li{
    padding-left: 1.6vw;
}
.part5-nav ul a{
    display: block;
    font-size: 1vw;
    line-height: 1.8vw;
    color: #999999;
    background: url(../images/part5_nav_line.png) no-repeat 0 bottom/0 1px;
    transition: 0.6s;
}

.part5-nav ul a:hover{
    color: #fde00a;
    background-size: 100% 1px;
}

.part5-new{
    padding: 0;
}
.part5-new a{
    display: flex;
    justify-content: space-between;
    padding: 1.5vw;
    background:rgba(255,255,255,0.85)  url(../images/new_arrow.png) no-repeat right bottom/3vw;;
    transition: 0.6s;
}
.new-li-img{
    width: 20.2vw;
}
.new-li-img img{
    width: 100%;
}
.new-li-box{
    display: flex;
    justify-content: space-between;
    width: 38.4vw;
    padding: 1.6vw 0 0;
    background: url(../images/new_icon.png) no-repeat 0 bottom;
}
.new-li-time{
    color: #000;
}
.new-li-time .day{
    font-size: 1.5vw;
    line-height: 1.8vw;
}
.new-li-time .year{
    font-size: 1vw;
    line-height: 1.2vw;
}

.new-li-font{
    width: 30.2vw;
    padding: 0 0 3vw 0;
}

.new-li-title{
    font-size: 1.2vw;
    line-height: 1.5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.new-li-p{
    height: 7.5vw;
    overflow: hidden;
    margin: 0.4vw 0 0;
    font-size: 0.9vw;
    line-height: 1.5vw;
    color: #666666;
}
.part5-new a:hover{
    transform: translate3d(-1vw,0,0);
}


/* 第6部分 */

.part6 {
    position: relative;
    background: url(../images/part6_bg.jpg) no-repeat center 0 / 100%;
}

.part6 .wrap{
    position: relative;
    z-index: 10;
    align-items: center;
}

.part6-main{
    display: flex;
    justify-content: space-between;
    width: 100vw;
}

.part6-slide{
    width: 23vw;
}

.part6-logo{
    padding: 0 0 4.5vw;
    text-align: center;
}

.part6-logo img{
    width: 10vw;
}

.part6-ewm{
    text-align: center;
}

.part6-ewm i{
    display: block;
}

.part6-ewm img{
    width: 7.6vw;
}

.part6-ewm p{
    padding: 0.4vw 0 0;
    font-size: 0.9vw;
    line-height: 1.4vw;
    color: #000;
}

.part6-box{
    width: 77vw;
    padding: 3.5vw 5vw 0;
}

.part6-con{
    display: flex;
    justify-content: space-between;
}

.part6-left{
    width: 30vw;
}
.part6-name{
    font-size: 1.5vw;
    line-height: 1.8vw;
    color: #000;
}
.part6-p{
    margin: 1.5vw 0 0;
    font-size: 0.9vw;
    line-height: 1.2vw;
    color: #626262;
}
.part6-p p{
    padding: 0.8vw 0;
}

.part6-right{
    width: 36vw;
}

.inputs{
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.5vw;
}
.inputs input{
    width: 48%;
    padding: 0.3vw 0;
    font-size: 0.9vw;
    line-height: 1.4vw;
    color: #000;
    background: none;
    border: 0;
    border-bottom: 1px solid #000;
}

textarea{
    width: 100%;
    height: 6.4vw;
    margin: 0 0 1.5vw;
    padding: 0.3vw 0;
    font-size: 0.9vw;
    line-height: 1.4vw;
    color: #000;
    background: none;
    border: 0;
    border-bottom: 1px solid #000;
}

.yzm{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.yzm input{
    width: 24vw;
    padding: 0.3vw 7.2vw 0.3vw 0;
    font-size: 0.9vw;
    line-height: 1.4vw;
    color: #000;
    background: none;
    border: 0;
    border-bottom: 1px solid #000;
}
.yzm img{
    position: absolute;
    left: 17vw;
    top: 0;
    width: 7vw;

    height: 1.8vw;
}
.yzm button{
    width: 9vw;
    padding: 0.3vw;
    font-size: 0.9vw;
    line-height: 1.4vw;
    color: #fff;
    background: #000;
    border: 0;
}

/* input和textarea 的文字颜色 */
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder  {
    color: #000;
}


footer{
    display: flex;
    margin: 4vw 0 0;
    font-size: 0.8vw;
    line-height: 1.2vw;
}

footer p{
    padding-right: 5px;
    color: #000;
}
footer a{
    padding-right: 5px;
    color: #000;
}

.part6-contact{
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
}
.part6-contact img{
    width: 48vw;
}