@font-face {
    font-family: 'font';
    src: url(/map/hlm/css/font.ttf);
}
*{
    padding:0;
    margin:0;
    font-family: 'font',sans-serif;
}
ul li{
    list-style:none;
}
a,
img{
    text-decoration:none;
    border:none;
}
.section{
    overflow:hidden;
    display:table;
    table-layout:fixed;
    width:100%;
    position:relative;
    padding:100px 0
}
.fp-tablecell{
    display:table-cell;
    vertical-align:middle;
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
#section1{
    height:100vh;
    padding:0;
    background-color:transparent;
    background-image:url(/map/hlm/img/Main.jpg);
    background-position:center;
    background-attachment:fixed;
    background-repeat:no-repeat;

}
#section1:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    width:100%;
    height:100%;
    background-color:rgba(187, 225, 255, 0.4)
}
#section1,
#section2{
    background-size:cover
}
/*第一屏 开始*/
.page1 .nav{
    text-align:center;
    color:#FFF
}
.page1 p{
    letter-spacing:10px;
    margin:20px 0
}
.page1 .nav .btn{
    padding:10px 40px;
    background:0 0;
    border-radius:4px;
    border:2px solid #FFF;
    color:#FFF;
    cursor:pointer;
    margin-top:20px;
    font-family:'Microsoft YaHei';
    display:inline-block
}
.page1 .next{
    display:block;
    width:50px;
    height:50px;
    border-radius:50%;
    position:absolute;
    bottom:30px;
    left:50%;
    margin-left:-25px !important;
    z-index:0;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
    cursor:pointer
}
.page1 .next:hover{
    -webkit-animation:nextanimation 1s linear;
    animation:nextanimation 1s linear;
    background-color:#6bc30d
}
.page1 .next:after{
    font-family:FontAwesome;
    content:"\f107";
    color:#fff;
    font-size:3rem;
    display:table;
    margin:0 auto
}
/*第一屏 结束*/
/*第二屏 开始*/
.page2{
    width:90%;
    position:relative;
    margin:0 auto;
    padding-top:.1px;
    font-family:"Microsoft YaHei";
    align-items: center;
    justify-content: center;
}
.warp-box{
    width:100%;
    height:100%;
    position:relative
}
.warp{
    display:table;
    margin:0 auto;
    height:100%;
    position:relative
}
.page2 .single-news{
    margin-top:50px;
    background:#faf9f9;
    width: 400px;
}
.page2 .single-news:hover .news-head img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2)
}
.page2 .single-news:hover .news-head:before{
    opacity:1;
    visibility:visible;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0)
}
.page2 .single-news:hover .link{
    top:50%;
    opacity:1;
    visibility:visible
}
.page2 .news-head{
    position:relative;
    overflow:hidden
}
.page2 .news-head::before{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:rgba(255,255,255,.51);
    content:"";
    opacity:0;
    visibility:hidden;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    transform:translateY(-100%);
    z-index:8
}
.page2 .news-head img{
    width:100%;
    height:244px;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.page2 .link{
    position:absolute;
    left:0;
    top:0;
    width:40px;
    height:40px;
    background-image: url('/map/hlm/img/map.png');
    background-repeat: no-repeat;
    background-size: contain;
    color:#fff;
    opacity:0;
    visibility:hidden;
    text-align:center;
    left:50%;
    margin:-20px 0 0 -20px;
    line-height:40px;
    z-index:10;
    -webkit-transition:all .4s ease;
    -moz-transition:all .4s ease;
    transition:all .4s ease
}
.page2 .news-content{
    padding:30px 15px
}
.page2 .news-content h4{
    margin-bottom:10px
}
.page2 .news-content p{
    color:#999;
    overflow:visible;
    line-height: 25px;
}
.page2 .new-article{
    text-align:center
}
.page2 .inner{
    display:inline-block;
    vertical-align:middle
}
.page2 .new-article h1{
    font-size:32px;
    padding-bottom:30px;
    position:relative;
    font-weight:500
}
.page2 .new-article h1:after{
    position:absolute;
    width:50px;
    height:2px;
    content:"";
    left:50%;
    margin-left:-25px;
    bottom:-1px;
    background:#00C2FF
}
.page2 .new-article p{
    margin-top:20px;
    line-height:22px;
    color:#626262
}
/*第二屏 结束*/