/* CSS Document */
@charset "utf-8";

*:focus {
    outline: none;
}

@font-face {
    font-family: 'FZSHENGSKSJW';
    src: url('../font/FZSHENGSKSJW.TTF');
}

html,
body {
    height: 100%;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fiedldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

body {
    font-family: "Microsoft YaHei";
    font-size: .2rem;
    color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

input,
select,
textarea,
button {
    vertical-align: middle;
    font-family: "Microsoft YaHei";
}

a,
a:link {
    text-decoration: none;
    outline: none;
    color: #b8bae6;
}

a, a:hover, a:visited, a:link, a:active , a:focus,li:hover {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*解决手机版点击背景问题*/
}

.pr {
    position: relative;
}

.wrap{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.hide{
    display: none;
}

.content1{
    width: 100%;
    min-height: 10.67rem;
    background: url(../img/more/content1.png) center top no-repeat;
    background-size: cover;
    position: relative;
    background-color: #dde1ea;
    overflow: hidden;
}

.banner{
    width: 100%;
    position: relative;
    margin-top: -1.16rem;
}

.banner img{
    width: 100%;
}

.banner .swiper-slide a{
    display: inline-block;
    position: absolute;
    top: 0rem;
    width: 100%;
    height: 100%;
    left: 0rem;
}

.banner .swiper-button-next{
    width: .59rem;
    height: 0.7rem;
    background: url(../img/more/right.png) center top no-repeat;
    background-size: cover;
}
.banner .swiper-button-prev{
    width: .59rem;
    height: 0.7rem;
    background: url(../img/more/left.png) center top no-repeat;
    background-size: cover;
}

.banner .banner-pagination{
    width: 6rem;
    left: 50%;
    margin-left: -3rem;
    bottom: 0.28rem;
}

.banner .banner-pagination span{
    width: .52rem;
    height: .57rem;
    background: url(../img/more/bullet.png) center top no-repeat;
    background-size: cover;
}

.banner .banner-pagination .swiper-pagination-bullet-active{
    background: url(../img/more/bullet-hl.png) center top no-repeat;
    background-size: cover;
}

.list-box{
    width: 6.63rem;
    margin:.1rem auto 0 auto;
}

.list-nav{
    width: 100%;
    height: 0.98rem;
    background: url(../img/more/list-navbg.png) left bottom no-repeat;
    background-size: contain;
}

.list-nav li{
    width:1.55rem;
    height:0.98rem;
    /*display: inline-block;*/
    line-height: 0.98rem;
    font-size: 0.28rem;
    text-align: center;
    font-family: 'FZSHENGSKSJW';
    /*cursor: pointer;*/
    float: left;
}

.list-nav li:first-child{
    margin-left: .29rem;
}

.list-nav .active{
    background: url(../img/more/list-navbghl.png) center bottom no-repeat;
    background-size: cover;
    color: #9a4650;
}

.list-item{
    width: 90%;
    margin: 0 auto;
}

.list-item li{
    height: .46rem;
    border-bottom:.02rem dotted #bd919a ;
    overflow: hidden;
    position: relative;
}

.list-item li div{
    width: .66rem;
    height: .33rem;
    background-color: black;
    margin-top: 0.1rem;
    display: inline-block;
    line-height: 0.33rem;
    font-size: .2rem;
    color: white;
    text-align: center;
    font-family: 'FZSHENGSKSJW';
} 

.list-item li p{
    display: inline-block;
    line-height: .48rem;
    vertical-align: top;
    margin-left: .1rem;
    color: black;
    max-width: 4.3rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.list-item li span{
    position: absolute;
    display: inline-block;
    right: 0rem;
    line-height: .48rem;
    vertical-align: top;
    color: gray;
    float: right;
}

.pages-box{
    margin: 0.3rem auto;
    text-align: center;
}

.pages-box a{
    vertical-align: top;
}

.pages-box a span{
    display: inline-block;
    text-align: center;
    height: .26rem;
    font-size: .2rem;
    line-height: .26rem;
    vertical-align: top;
    margin: 0 .12rem;
    padding: .03rem;
}

.before span,
.next span{
    width: 1.55rem;
    border: 0.02rem solid black;
    color: black;
}

.page span{
    width: .3rem;
    line-height: 0.3rem !important;
    height: 0.3rem !important;
    background: url(../img/more/page.png) center top no-repeat;
    background-size: contain;
    color: #26272c;
}

.page .on{
    background: url(../img/more/page-hl.png) center top no-repeat;
    background-size: contain;
    color: #dde1ea;
}

.pages-box .off{
    color: #99999a;
    border: 0.02rem solid #99999a;
}

.content2{
    background: url(../img/more/content2.png) center top no-repeat;
    background-size: cover;
    width: 100%;
    height: 9.9rem;
    position: relative;
    background-color: #dde1ea;
}

.active a {
    color: #9a4650 !important;
}
.list-nav li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}