.mtopsblank{height:85px;display: none}

.mtop{display:none;position: fixed; left: 0; top:0px;width:100%;z-index:  9998}
.mtop .pagetitle{background:#900028;height:35px;line-height:35px;font-size:12px;color:#fff;padding-right:5px;}
.mtop .pagetitle .t1{float:left;padding-left:15px;}
.mtop .pagetitle .t2{float:right;padding-top:7px;}
.mtop .pagetitle .t2 li{float:left;height:20px;line-height:20px;padding:0 15px;margin-left:5px;}
.mtop .pagetitle .t2 li:hover{background:#E83E31}
.mtop .pagetitle .t2 .hoverss{background:#E83E31}
.mtop .pagetitle a{color:#fff}

/*spr*/
.page_nav .logo:before,
.page_nav .nav_open:before,
.nav_list > li >a:after{background-image: url(../images/js-spr.png);background-size: 434px 174px}

/*commNav*/
.page_nav{ width: 100%; height:51px; background: #FBFCFC;display: block;border-bottom:1px solid #ddd;z-index: 9998; }
.page_nav .logo{padding-top:5px;display: block;float:left;padding-left:5px}
.page_nav .logo img{height:40px; width: 100%;}
.page_nav .nav_open{ transition: right .4s ease-in-out;width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top:15px; }
.page_nav .nav_open:before{ width: 30px; height: 20px; display: block; content: ''; background-position: -222px -11px; }
.page_nav .nav-cont{ display: block;animation: FadeOut 0.4s ease-in-out;-webkit-animation: FadeOut 0.4s ease-in-out;}
.page_nav.transparent{ background: transparent; border-bottom: 1px solid rgba(250,250,250,.1); }
.page_nav.transparent .logo:before{ background-position: 0 0; }
.page_nav.transparent .nav_open:before{ background-position: -174px -11px; }



.page_nav .nav-cont{
    width: 100%;
    height: auto;
    background: rgba(250,250,250,1);
    max-height: 100%;
    overflow: auto;
    z-index: 997;
    min-height:450px;
    margin-top: 49px;
}
.nav_list{
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
}
.nav_list > li{
    width: 100%;
    min-height: 100%;
    border-bottom: 1px solid #dcdcdc;
}
.nav_list > li >a{
    display: block;
    width: 88%;
    margin: 0 auto;
    height: 40px;
    line-height: 40px;
    position: relative;
    color: #464646;
}
.nav_list > li >a:after{
    display: block;
    content: '';
    height: 28px;
    position: absolute;
    right: 0;
    top:50%;
    margin-top: -7.5px;
    background-position: -303px -11px;
}
.nav_list > li .list_find{
    display: none;
}
.nav_list > li .list_find > li{
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-top: 1px solid #dcdcdc;
}
.nav_list > li .list_find > li > a{
    display: block;
    width: 100%;
    height: 100%;
    line-height: 35px;
    color: #464646;
    background: #f4f4f4;
    text-align: center;
}
.nav_list > li .list_find > li > a:active{
    background: #daa954;
    color: #fff;
}
.page_nav.open .nav_open{
    right:0px;
    margin-top:0px
}
.page_nav.open .nav_open:before{
    width: 30px;
    height:30px;
    background-position: -303px -40px;
}
.page_nav.open .nav-cont{display: block}
.page_nav .nav-cont{display: none}
.page_nav.open{
    background: #FBFCFC;
}
.page_nav.open .logo:before{
    opacity: 0;
}
.nav_list > li >a.open+.list_find{
    display: block;
    animation: FadeOut 0.4s ease-in-out;
}
.slide_page{
    width: 100%;
    height:9.78rem;
    margin: -1.4rem auto 0;
    position: relative;
    overflow: hidden;
}
.slide_page li{
    width: 100%;
    height:9.78rem;
    position: relative;
}
.slide_page li img{
    display: block;
    width: 100%;
}
.slide_page li section{
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top:50%;
}
.slide_page li section h2{
    font-size: .4rem;
    text-align: center;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .16em;
}
.slide_page li section p{
    font-size: .2rem;
    text-align: center;
    color: #fff;
    line-height: 1.5;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.slide_page .pagination{
    position: absolute;
    width: 100%;
    bottom:0 !important;
    height:.84rem;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    color: #fff;
    z-index: 33;
}
.slide_page .pagination .swiper-pagination-bullet{
    background: transparent;
    border: .01rem solid #fff;
}
.slide_page .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
    border: .01rem solid #fff;
}