@charset "utf-8";
html{
    min-width: 1024px;
    font-size: calc(100vw / 1920);
}
body {
    background: #ffffff;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei', 'segoe ui',Roboto, Helvetica,Arial,sans-serif,'apple color emoji','segoe ui emoji','segoe ui symbol';
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    width: 100%;
    height: 100vh;
    position: relative;
    overflow:hidden;
}
.header{
    background-color: rgba(232,232,232,0);
}
.header .logo{background-position:center bottom;}
.swiper {width: 100%;height: 100vh;transform: translate3d(0, 0, 0);overflow: hidden;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;height: 100vh;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}
.swiper-slide * {transform: translate3d(0, 0, 0);}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.full{float:left;width: 100%;height: 100vh;}
.swiper .item{float:left;position:relative;width:100%;height:100vh;overflow:hidden;}
.swiper .item-1{position:relative;background-color: #666666;}
.swiper .item-1 .image {overflow: hidden;}
.swiper .item-1 .image img{float:left;width: 100%;height: 100vh;object-fit:cover;object-position:center center;}

.swiper .item-1-1 .info{position: absolute;z-index:1;left:0;right:0;top:0;bottom:0;width: 100%;height: 100%;display: flex;flex-flow: column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.swiper .item-1-1 .info .title{
    font-weight: lighter;
    /*font-family:alimama_dongfangdakai;*/
    font-size:72rem;color:#ffffff;
    /*letter-spacing: 0.1em;*/
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75);
    padding-bottom: 20rem;
}
.swiper .item-1-1 .info .remarks{
    font-weight: lighter;
    font-size:30rem;color:#ffffff;
    /*letter-spacing: 0.1em;*/
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75);}

.swiper .item-1-2 .info{position: absolute;z-index:1;left:0;right:0;top:0;bottom:0;width: 100%;height: 100%;display: flex;flex-flow: column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.swiper .item-1-2 .info .title{
    font-weight: lighter;
    /*font-family:alimama_dongfangdakai;*/
    font-size:72rem;color:#ffffff;
    /*letter-spacing: 0.1em;*/
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75);
    padding-bottom: 20rem;
}
.swiper .item-1-2 .info .remarks{
    font-size:30rem;color:#ffffff;
    /*letter-spacing: 0.1em;*/
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75);}

.swiper .item-1-3 .info{position: absolute;z-index:1;left:0;right:0;top:0;bottom:0;width: 100%;height: 100%;display: flex;flex-flow: column nowrap;justify-content:center;align-items:center;align-content:center;overflow: hidden;}
.swiper .item-1-3 .info .title{
    font-weight: lighter;
    /*font-family:alimama_dongfangdakai;*/
    font-size:72rem;color:#ffffff;
    /*letter-spacing: 0.1em;*/
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75);
    padding-bottom: 20rem;
}
.swiper .item-1-3 .info .remarks{
    font-size:30rem;color:#ffffff;
    /*letter-spacing: 0.1em;*/
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75);}


.swiper .item-1-4 .info{
    position: absolute;z-index:1;left:0;right:0;top:0;bottom:0;width: 100%;height: 100%;
    /*padding-left:780rem;*/
    display: flex;flex-flow: column nowrap;
    justify-content:center;align-items:center;
    align-content:center;overflow: hidden;}
.swiper .item-1-4 .info .title{
    font-weight: lighter;
    /*font-family:alimama_dongfangdakai;*/
    font-size:60rem;color:#ffffff;
    /*letter-spacing: 0.1em;*/
    text-shadow: 2px 2px rgba(0,0,0,.75);padding-bottom: 20rem;
}
.swiper .item-1-4 .info .year{font-size:100rem;color:#e05059;padding-right:20rem;font-weight: normal;}
.swiper .item-1-4 .info .remarks{
    text-align:left;
    font-size:30rem;color:#ffffff;
    text-shadow: 2px 2px rgba(0,0,0,.75);}



.swiper .item-2{position: relative;background-color: #666666;}
.swiper .item-2 .mark{
    position: absolute;width:100%;height:100vh;left:0;top:0;bottom:0;right:0;z-index: 1;background-color: rgba(44,44,44,.6);
}
.swiper .item-2 .bg-image {overflow: hidden;}
.swiper .item-2 .bg-image img{float:left;width: 100%;height: 100vh;object-fit:cover;object-position:center center;}

.swiper .item-2 .content{float:left;width: 100%;height: 100%;padding:0 200rem;position: relative;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;align-content:center;overflow: hidden;}
.swiper .item-2 .content .video{float:left;z-index:3;margin-top:15vh;width: 565rem;height: 37vh;position: relative;border-radius:10px;overflow: hidden;}
.swiper .item-2 .content .video i{
    width: 130rem;height: 130rem;line-height: 130rem;
    font-size:120rem;color:#ffffff;z-index: 4;
    position: absolute;left:50%;top:50%;margin-top:-65rem;margin-left: -65rem;
    transition: all .3s;cursor:pointer;
    overflow: hidden;
}
.swiper .item-2 .content .video i:hover{color: #a94658;}
.swiper .item-2 .content .video img{float: left;width: 100%;height: 100%;border-radius:10px;overflow: hidden;}
.swiper .item-2 .content .image{position: absolute;z-index:2;left:0;margin-left:500rem;width: 530rem;height: 58vh;border-radius:10px;overflow: hidden;}
.swiper .item-2 .content .image img{float:left;width: 100%;height: 100%;border-radius:10px;overflow: hidden;}
.swiper .item-2 .content .info{float:right;width:30vw;height: 65vh;text-align:justify;overflow: hidden;}
.swiper .item-2 .content .info .title{float:left;width:100%;color:#ffffff;margin-bottom:10rem;overflow: hidden;}
.swiper .item-2 .content .info .title b{font-size:50rem;font-weight: normal;padding-right: 20rem;}
.swiper .item-2 .content .info .title span{font-size:36rem;text-transform:uppercase;}
.swiper .item-2 .content .info .text{width: 100%;font-size:18rem;color:#ffffff;line-height: 50rem;overflow: hidden;}
.swiper .item-2 .content .info .text .more{float: left;width: 100%;text-align: right;font-size:18rem;color:#ffffff;margin-top: 20rem;overflow: hidden;}

.swiper .item-3{position: relative;background-color:#666666;display: flex;flex-flow: row nowrap;justify-content: space-between;align-content: center;align-items: stretch;}
.swiper .item-3 .image {float:left;width:100%;height:100%;position:relative;overflow: hidden;}
.swiper .item-3 .image img{float:left;width: 100%;height: 100%;object-fit:cover;object-position:center center;transition: all .3s;}
.swiper .item-3 .border-bottom{border-bottom: 0px solid #ffffff;}
.swiper .item-3 .border-right{border-right: 0px solid #ffffff;}

.swiper .item-3 .item-title{position:relative;flex:auto;width: 335rem;height: 100vh;overflow: hidden;}
.swiper .item-3 .item-title .title{
    position: absolute;z-index:1;left:0;top:0;right:0;bottom:0;display: flex;flex-flow: column nowrap;
    justify-content: center;align-content: center;align-items: flex-start;color:#ffffff;
    padding:60rem 40rem;
}
.swiper .item-3 .item-title .title .name{font-weight:normal;font-size:50rem;width: 70rem;writing-mode: vertical-lr;margin-bottom: 2vh;letter-spacing:0.1em;/*word-spacing:0.2em;*/}
.swiper .item-3 .item-title .title .en-name{margin-left:5rem;font-size:26rem;text-transform:uppercase;margin-bottom: 5vh;writing-mode: vertical-lr;letter-spacing:0.1em;/*word-spacing:0.2em;*/}
.swiper .item-3 .item-title .title .more{font-size:18rem;}

.swiper .item-3 .item-title .category{
    position: absolute;width:70%;z-index:1;top:0;right:0;bottom:0;display: flex;flex-flow: column nowrap;
    justify-content: flex-end;align-content: center;align-items: flex-start;color:#ffffff;
    padding-right:30rem;padding-bottom: 200rem;
}
.swiper .item-3 .item-title .category span{float:left;font-size:16rem;width: 100%;text-align: left;margin-bottom: 10rem;}
.swiper .item-3 .item-title .category span a{color:#ffffff;transition: all .3s;}
.swiper .item-3 .item-title .category span a:hover{margin-left: -10rem;color:rgba(119,137,136,1);}

.swiper .item-3 .list{flex:auto;width: 83vw;height: 100vh;overflow: hidden;}
.swiper .item-3 .list .box{
    float: left;width: 100%;
    display: flex;flex-flow: row nowrap;justify-content: space-between;align-content:center;align-items: center;
}
.swiper .item-3 .list .box1{height: 55.5vh;}
.swiper .item-3 .list .box2{height: 44.5vh;}
.swiper .item-3 .list .box .item-list-1{width: 45%;}
.swiper .item-3 .list .box .item-list-2{width: 26%;}
.swiper .item-3 .list .box .item-list-3{width: 29%;}
.swiper .item-3 .list .box .item-list-4{width: 25%;}
.swiper .item-3 .list .box .item-list-5{width: 25%;}
.swiper .item-3 .list .box .item-list-6{width: 28%;}
.swiper .item-3 .list .box .item-list-7{width: 22%;}

.swiper .item-3 .list .box .item-list-1:hover{width: 50%;}
.swiper .item-3 .list .box .item-list-2:hover{width: 34%;}
.swiper .item-3 .list .box .item-list-3:hover{width: 34%;}
.swiper .item-3 .list .box .item-list-4:hover{width: 36%;}
.swiper .item-3 .list .box .item-list-5:hover{width: 36%;}
.swiper .item-3 .list .box .item-list-6:hover{width: 40%;}
.swiper .item-3 .list .box .item-list-7:hover{width: 30%;}



.swiper .item-3 .item-list:hover{transform: scale(1.5);}
.swiper .item-3 .item-list{border:1px solid rgba(255,255,255,.1);flex:auto;position:relative;height: 100%;transition:all .5s;overflow: hidden;}
.swiper .item-3 .item-list .mark{position: absolute;z-index: 1;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);display: block;overflow: hidden;transition:all .3s;}
.swiper .item-3 .item-list:hover .mark{opacity:0;}
.swiper .item-3 .item-list:after{
    content: '';z-index: 1;
    position: absolute;left:0;right:0;bottom:0;transition: all 0.6s;
    background-color: rgba(0,0,0,.6);width: 100%;height: 100%;
}
.swiper .item-3 .item-list:hover:after{
    content: '';z-index: 1;
    position: absolute;left:0;right:0;bottom:0;
    background-color: rgba(119,137,136,.6);height:130rem;
    overflow:hidden;

}
/*.swiper .item-3 .item-list:hover img{transform: scale(1.2);transition: all .3s;}*/
.swiper .item-3 .item-list .title{
    transition: all .3s;left:auto;width:auto;
    position: absolute;z-index: 2;bottom:0;right:0;color:#ffffff;padding:30rem;
    display: flex;flex-flow:column nowrap;
    justify-content: space-between;
    align-content: center;align-items: flex-end;
    overflow: hidden;}
.swiper .item-3 .item-list:hover .title{}
.swiper .item-3 .item-list a{color:#ffffff;}
.swiper .item-3 .item-list .title b{font-weight:normal;z-index:2;font-size:28rem;}
.swiper .item-3 .item-list .title span{z-index:2;font-size:18rem;text-align:right;text-transform:uppercase;}
.swiper .item-3 .item-list-7 .title b{font-weight:normal;z-index:2;font-size:22rem;}
.swiper .item-3 .item-list-7 .title span{z-index:2;font-size:14rem;text-align:right;text-transform:uppercase;}






.swiper .item-4{
    position: relative;
    background:#666666 url(../images/slide-4-1.jpg) no-repeat center center;
    background-size: cover;overflow:hidden;}
.swiper .item-4 .video{float: left;width: 100%;height: 100%;overflow:hidden;}
.swiper .item-4 .video video{float: left;width: 100%;height: 100%;overflow: hidden;
    object-fit:cover;object-position: center center;}
.swiper .item-4 .content{
    z-index:1;position: absolute;width:100%;height:100vh;top:0;left:0;right:0;bottom:0;
    background-color: rgba(0,0,0,.5);text-align: justify;
    color:#ffffff;padding:100rem 50rem;overflow: hidden;}
.swiper .item-4 .content .title{float:left;margin-top:50rem;width:100%;color:#ffffff;margin-bottom:10rem;overflow: hidden;}
.swiper .item-4 .content .title b{font-size:50rem;font-weight: normal;padding-right: 20rem;}
.swiper .item-4 .content .title span{font-size:36rem;text-transform:uppercase;}
.swiper .item-4 .content .text{width: 100%;font-size:18rem;color:#ffffff;line-height: 50rem;overflow: hidden;}
.swiper .item-4 .content .text .tel{color:#db505d;}
.swiper .item-4 .content .text .more{float: left;width: 100%;text-align: left;font-size:18rem;color:#ffffff;margin-top: 20rem;overflow: hidden;}
.swiper .item-4 .content .text .more a{color:#ffffff;}

.swiper .item-5{position: relative;background-color: #666666;display: flex;flex-flow: row nowrap;justify-content: space-between;align-items: flex-start;align-content: center;overflow: hidden;}
.swiper .item-5 .image {float:left;width:100%;height:100%;position:relative;overflow: hidden;}
.swiper .item-5 .image img{float:left;width: 100%;height: 100%;object-fit:cover;object-position:center center;transition: all .3s;}

.swiper .item-5 .item-title{position:relative;flex:auto;width: 17.5vw;height: 100vh;overflow: hidden;}
.swiper .item-5 .item-title .title{
    position: absolute;z-index:1;left:0;top:0;right:0;bottom:0;display: flex;flex-flow: column nowrap;
    justify-content: center;align-content: center;align-items: flex-start;color:#ffffff;
    padding:60rem 40rem;
}
.swiper .item-5 .item-title .title .name{font-weight:normal;font-size:50rem;margin-bottom: 2vh;writing-mode: vertical-lr;letter-spacing:0.1em;}
.swiper .item-5 .item-title .title .name a{color: #ffffff;}
.swiper .item-5 .item-title .title .en-name{font-size:26rem;margin-left:5rem;text-transform:uppercase;margin-bottom: 5vh;writing-mode: vertical-lr;letter-spacing:0.1em;/*word-spacing:0.2em;*/}
.swiper .item-5 .item-title .title .more{font-size:18rem;}
.swiper .item-5 .item-title .title .more a{color:#ffffff;}

.swiper .item-5 .item-mid{flex:auto;float: left;width: 53vw;height: 100%;border-right:1px solid #ffffff;position:relative;overflow:hidden;}
.swiper .item-5 .item-mid .image {float:left;width:100%;height:100%;position:relative;overflow: hidden;}
.swiper .item-5 .item-mid .image img{float:left;width: 100%;height: 100vh;object-fit:cover;object-position:center center;transition: all 1s;}
.swiper .item-5 .item-mid:hover img{width: 105%;}

.swiper .item-5 .item-mid .box{
    z-index:2;position: absolute;width:100%;height:100vh;left:0;right:0;bottom:0;
    text-align: justify;transition: all .8s;
    display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;
    color:#ffffff;padding:100rem 50rem;overflow: hidden;}
.swiper .item-5 .item-mid .box:before{
    content: '';background-color: rgba(0,0,0,.5);display: block;transition: all .3s;
    z-index:1;position: absolute;width:100%;height:100vh;left:0;right:0;bottom:0;
}
.swiper .item-5 .item-mid:hover .box:before{
    content: '';background-color: rgba(0,0,0,0);
}

.swiper .item-5 .item-mid .box .content{
    z-index:3;position: relative;
    background-color: rgba(0,0,0,0);transition: all .3s;
    width: 80%;padding:40rem;
    display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: flex-start;}
.swiper .item-5 .item-mid:hover .box .content{
    background-color: rgba(0,0,0,.7);
}
.swiper .item-5 .item-mid .box .content:before{
    content: '';
    position: absolute;left:-7rem;top:-30rem;width: calc(100% + 12rem);height:0;
    border-left:2rem solid #ffffff;
    border-right:2rem solid #ffffff;display: block;
    transition: all .3s;
}
.swiper .item-5 .item-mid:hover .box .content:before{
    content: '';height: calc(100% + 60rem);

}
.swiper .item-5 .item-mid .box .content:after{
    content: '';
    position: absolute;left:-30rem;top:-7rem;width: 0;height: calc(100% + 12rem);
    border-top:2rem solid #ffffff;
    border-bottom:2rem solid #ffffff;display: block;
    transition: all .3s;
}
.swiper .item-5 .item-mid:hover .box .content:after{
    content: '';width: calc(100% + 60rem);
}

.swiper .item-5 .item-mid .content .title{float:left;width:100%;color:#ffffff;margin-bottom:10rem;overflow: hidden;}
.swiper .item-5 .item-mid .content .title a{color:#ffffff;}
.swiper .item-5 .item-mid .content .title b{font-size:36rem;font-weight: normal;padding-right: 20rem;}
.swiper .item-5 .item-mid .content .title span{font-size:24rem;text-transform:uppercase;}
.swiper .item-5 .item-mid .content .text{width: 100%;font-size:16rem;color:#ffffff;line-height: 30rem;overflow: hidden;}
.swiper .item-5 .item-mid .content .text .tel{color:#db505d;}
.swiper .item-5 .item-mid .content .text .more{float: left;width: 100%;text-align: left;font-size:18rem;color:#ffffff;margin-top: 20rem;overflow: hidden;}


.swiper .item-5 .item-right{flex:auto;float: left;width: 29.5vw;height: 100%;position:relative;overflow:hidden;}
.swiper .item-5 .item-right .list{float: left;width: 100%;height: 50vh;position:relative;overflow: hidden;}
.swiper .item-5 .item-right .list .image {float:left;width:100%;height:100%;position:relative;overflow: hidden;}
.swiper .item-5 .item-right .list .image img{float:left;width: 100%;height: 100%;object-fit:cover;object-position:center center;transition: all 1s;}
.swiper .item-5 .item-right .list:hover img{width:105%;}
.swiper .item-5 .item-right .border-bottom{border-bottom:1px solid #ffffff;}

.swiper .item-5 .item-right .box{
    z-index:2;position: absolute;width:100%;height:100%;left:0;right:0;bottom:0;
    text-align: justify;transition: all .8s;
    display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;
    color:#ffffff;padding:100rem 50rem;overflow: hidden;}
.swiper .item-5 .item-right .box:before{
    content: '';background-color: rgba(0,0,0,.5);display: block;transition: all .3s;
    z-index:1;position: absolute;width:100%;height:100vh;left:0;right:0;bottom:0;
}
.swiper .item-5 .item-right .selected .box:before{
    content: '';background-color: rgba(0,0,0,0);
}

.swiper .item-5 .item-right .box .content{
    z-index:3;position: relative;color:#ffffff;
    background-color: rgba(0,0,0,0);transition: all .3s;
    width: 80%;padding:40rem;
    display: flex;flex-flow: column nowrap;justify-content: center;align-content: center;align-items: center;}
.swiper .item-5 .item-right .selected .box .content{
    background-color: rgba(0,0,0,.7);
}
.swiper .item-5 .item-right .box .content:before{
    content: '';
    position: absolute;left:-7rem;top:-30rem;width: calc(100% + 12rem);height:0;
    border-left:2rem solid #ffffff;
    border-right:2rem solid #ffffff;display: block;
    transition: all .3s;
}
.swiper .item-5 .item-right .selected .box .content:before{
    content: '';height: calc(100% + 60rem);

}
.swiper .item-5 .item-right .box .content:after{
    content: '';
    position: absolute;left:-30rem;top:-7rem;width: 0;height: calc(100% + 12rem);
    border-top:2rem solid #ffffff;
    border-bottom:2rem solid #ffffff;display: block;
    transition: all .3s;
}
.swiper .item-5 .item-right .selected .box .content:after{
    content: '';width: calc(100% + 60rem);
}

.swiper .item-5 .item-right .content .title{font-size:36rem;font-weight: normal;padding-right: 20rem;}
.swiper .item-5 .item-right .content .en-title{font-size:20rem;text-transform:uppercase;}

.swiper .swiper-bottom{position:fixed;left:0;bottom:0;width:100%;z-index:10;
    background-color: rgba(0,0,0,.5);color:#aaaaaa;
    padding:10px;text-align:center;font-size:14px;overflow: hidden;}
.swiper .swiper-bottom a{color:#aaaaaa;}
.swiper .swiper-bottom a:hover{color:#ffffff;}


.first-screen{}

