body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{font-weight:normal;font-family:'Microsoft YaHei', sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:none;}




.wrap{
    margin:0 auto;
    width:100%;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:6.9rem;
}
.header{
    width:7.5rem;
}
.header .top{
    height:1.07rem;
}
.header .top .logo{
    margin-top: 0.25rem;
    float: left;
    width: 1.55rem;
    height: 0.47rem;
}
.header .top .logo-text{
    margin-top: 0.23rem;
    margin-left: 0.15rem;
    padding-left: 0.15rem;
    float: left;
    color: #222222;
    font-size: 0.22rem;
    line-height: 0.34rem;
    border-left: 1px solid #666666;
}
.header .top .phone{
    margin-top: 0.4rem;
    padding-left: 0.27rem;
    float: right;
    font-size: 0.24rem;
    line-height: 0.22rem;
    background: url(../img/pho.png) no-repeat left center;
    background-size: 0.22rem 0.22rem;
    color: #222;
    margin-right: -0.2rem;
}
.header .nav{
    height:0.8rem;
    overflow:hidden;
    background:#222222;
}
.header .nav ul li{
    float:left;
    padding:0 0.4rem;
    line-height:0.8rem;
    border-right:1px solid #000000;
}
.header .nav ul li:last-child{
    border:none;
}
.header .nav ul li a{
    font-size:0.26rem;
    color:#ffffff;
}
.header .nav ul li.act a{
    color:#f5ba17;
}







.banner{
    width:100%;
    height:4.5rem;
    overflow:hidden;
}
.banner img{
    width:100%;
    height:4.5rem;
    display:block;
}
.pagination.br{
    width:100%;
    text-align:center;
}
.pagination.br .swiper-pagination-bullet{
    margin:0 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    border-radius:100%;
    background:#d1d1d1;
    display: inline-block;
    transition:0.4s;
}
.pagination.br .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 0.6rem;
    height: 0.2rem;
    background:#ed8210;
    border-radius:0.1rem;
    transition:0.2s;
}
.part{
    margin:0 auto;
    width:100%;
}
.title{
    padding:0.7rem 0;
}
.title h2{
    font-size:0.36rem;
    line-height:0.36rem;
    text-align:center;
}
.title.c2 h2{
    color:#ffffff;
}
.title.c2 p{
    margin-top:0.24rem;
    font-size:0.22rem;
    line-height:0.22rem;
    color:#999999;
    text-align:center;
}
#p1{
    width:100%;
    height:7rem;
    position:relative;
    overflow:hidden;
}
#p1 .box{
    margin:0 auto;
    width:4.26rem;
    height:6.4rem;
    position:relative;
    background:#ed8210;
    overflow:visible;
}
#p1 .box .tag {
    width:4.26rem;
    height:1.12rem;
}
#p1 .box .tag.t1{
    background:url("../img/p1-tag1.png") no-repeat center;
    background-size:1.84rem 0.6rem;
}
#p1 .box .tag.t2{
    background:url("../img/p1-tag2.png") no-repeat center;
    background-size:1.83rem 0.44rem;
}
#p1 .box .tag.t3{
    background:url("../img/p1-tag3.png") no-repeat center;
    background-size:1.46rem 0.51rem;
}
#p1 .box .tag.t4{
    background:url("../img/p1-tag4.png") no-repeat center;
    background-size:2.39rem 0.32rem;
}
#p1 .box .tag2{
    margin:0 auto;
    width:1.83rem;
    height:0.44rem;
    display:block;
}
#p1 .box .img{
    top:1.12rem;
    left:50%;
    margin-left:-2.94rem;
    width:5.88rem;
    height:3.84rem;
    position:absolute;
}
#p1 .box .img img{
    width:100%;
    height:100%;
    display:block;
}
#p1 .box p{
    margin:4.1rem auto 0;
    width:3.8rem;
    font-size:0.24rem;
    line-height:0.42rem;
    color:#ffffff;
    text-align:center;
}
.pagination.p1{
    width:100%;
    text-align:center;
}
.pagination.p1 .swiper-pagination-bullet{
    margin:0 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    border-radius:100%;
    background:#d1d1d1;
    display: inline-block;
    transition:0.4s;
}
.pagination.p1 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 0.6rem;
    height: 0.2rem;
    background:#ed8210;
    border-radius:0.1rem;
    transition:0.2s;
}
.p1-left{
    top:2.9rem;
    left:0.3rem;
    width:0.23rem;
    height:0.43rem;
    cursor:pointer;
    z-index:9999;
    background:url("../img/p1-left.png") no-repeat center;
    background-size:0.23rem 0.43rem;
    position:absolute;
}
.p1-right{
    top:2.9rem;
    right:0.3rem;
    width:0.23rem;
    height:0.43rem;
    cursor:pointer;
    z-index:9999;
    background:url("../img/p1-right.png") no-repeat center;
    background-size:0.23rem 0.43rem;
    position:absolute;
}
.btn{
    margin:0.45rem auto;
    width:4.49rem;
    height:0.74rem;
    font-size:0.24rem;
    color:#ffffff;
    text-align:center;
    line-height:0.74rem;
    display:block;
    background:#ed8210;
    border-radius:0.35rem;
}
.btn.c2{
    margin:0.45rem auto;
    width:4.49rem;
    height:0.74rem;
    font-size:0.24rem;
    color:#ffffff;
    text-align:center;
    line-height:0.74rem;
    display:block;
    background:none;
    border:1px solid #ffffff;
    border-radius:0.35rem;
}
.p2 .book{
    margin:0 auto;
    width:6.91rem;
    height:4.64rem;
    background:url("../img/p2-img.jpg") no-repeat center;
    background-size:6.91rem 4.64rem;
    overflow:hidden;
}
.p2 .book img{
    margin-top:0.07rem;
    margin-left:0.16rem;
    width:6.6rem;
    height:4.5rem;
    display:none;
}
.p2 .book img.act{
    display:block;
}
.p2 ul{
    margin-left:0.35rem;
}
.p2 ul li{
    margin-top:0.1rem;
    margin-right:0.1rem;
    float:left;
    width:2.17rem;
    height:1.41rem;
}
.p2 ul li.act{
    background:url("../img/p2-act.png") no-repeat;
    background-size:2.17rem 1.41rem;
}
.p2 ul li .tag{
    width:2.17rem;
    height:0.9rem;
}
.p2 ul li .tag.t1{
    background:url("../img/p2-tag1.png") no-repeat bottom;
    background-size:0.46rem 0.42rem;
}
.p2 ul li .tag.t2{
    background:url("../img/p2-tag2.png") no-repeat bottom;
    background-size:0.43rem 0.37rem;
}
.p2 ul li .tag.t3{
    background:url("../img/p2-tag3.png") no-repeat bottom;
    background-size:0.43rem 0.38rem;
}
.p2 ul li.act .tag.t1{
    background:url("../img/p2-tag1-act.png") no-repeat bottom;
    background-size:0.46rem 0.42rem;
}
.p2 ul li.act .tag.t2{
    background:url("../img/p2-tag2-act.png") no-repeat bottom;
    background-size:0.46rem 0.42rem;
}
.p2 ul li.act .tag.t3{
    background:url("../img/p2-tag3-act.png") no-repeat bottom;
    background-size:0.46rem 0.42rem;
}
.p2 ul li p{
    margin-top:0.1rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
}
.p2 ul li.act p{
    color:#ed8210;
}
.p2 h3{
    padding-right:0.4rem;
    margin-top:0.4rem;
    font-size:0.14rem;
    text-align:right;
    line-height:0.14rem;
}
.p2 h3 span{
    color:#ed8210;
}
.p3{
    overflow:hidden;
    background:#333333;
}
.p3 .main{
    height:5.2rem;
    position:relative;
}
.p3 .tag1{
    top:0;
    left:0;
    width:2.42rem;
    height:3.4rem;
    background:#ffffff;
    border-radius:0.1rem;
    overflow:hidden;
    position:absolute;
}
.p3 .tag1 img{
    margin:0 auto;
    margin-top:0.3rem;
    width:0.72rem;
    height:0.55rem;
    display:block;
}
.p3 .tag1 p{
    margin:0 auto;
    margin-top:0.32rem;
    width:1.9rem;
    color:#666666;
    font-size:0.24rem;
    line-height:0.4rem;
}
.p3 .tag2{
    top:0;
    left:2.58rem;
    width:2.42rem;
    height:1.61rem;
    background:#ffffff;
    border-radius:0.1rem;
    overflow:hidden;
    position:absolute;
}
.p3 .tag2 img{
    margin:0 auto;
    margin-top:0.1rem;
    width:0.43rem;
    height:0.39rem;
    display:block;
}
.p3 .tag2 h2{
    margin:0 auto;
    margin-top:0.16rem;
    text-align:center;
    font-size:0.24rem;
    line-height:0.24rem;
}
.p3 .tag2 p{
    margin:0 auto;
    margin-top:0.1rem;
    color:#666666;
    text-align:center;
    font-size:0.18rem;
    line-height:1.3;
}
.p3 .tag3{
    top:0;
    right:0;
    width:1.74rem;
    height:1.61rem;
    background:#ffffff;
    border-radius:0.1rem;
    overflow:hidden;
    position:absolute;
}
.p3 .tag3 img{
    margin:0 auto;
    margin-top:0.1rem;
    width:0.43rem;
    height:0.39rem;
    display:block;
}
.p3 .tag3 h2{
    margin:0 auto;
    margin-top:0.16rem;
    text-align:center;
    font-size:0.24rem;
    line-height:0.24rem;
}
.p3 .tag3 p{
    margin:0 auto;
    margin-top:0.1rem;
    color:#666666;
    text-align:center;
    font-size:0.18rem;
    line-height:1.3;
}
.p3 .tag4{
    top:1.79rem;
    right:0;
    width:4.33rem;
    height:1.61rem;
    background:#ffffff;
    border-radius:0.1rem;
    overflow:hidden;
    position:absolute;
}
.p3 .tag4 img{
    margin:0 auto;
    margin-top:0.6rem;
    margin-left:0.8rem;
    float:left;
    width:0.57rem;
    height:0.41rem;
    display:block;
}
.p3 .tag4 .info{
    float:left;
    margin-top:0.55rem;
    margin-left:0.6rem;
}
.p3 .tag4 h2{
    margin:0 auto;
    text-align:center;
    font-size:0.24rem;
    line-height:0.24rem;
}
.p3 .tag4 p{
    margin:0 auto;
    margin-top:0.14rem;
    color:#666666;
    text-align:center;
    font-size:0.18rem;
    line-height:0.18rem;
}
.p3 .tag5{
    top:3.56rem;
    left:0;
    width:2.42rem;
    height:1.6rem;
    background:#ed8210;
    border-radius:0.1rem;
    overflow:hidden;
    position:absolute;
}
.p3 .tag5 img{
    margin:0 auto;
    margin-top:0.2rem;
    width:0.46rem;
    height:0.46rem;
    display:block;
}
.p3 .tag5 h2{
    margin:0 auto;
    margin-top:0.16rem;
    text-align:center;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.24rem;
}
.p3 .tag5 p{
    margin:0 auto;
    margin-top:0.14rem;
    color:#ffffff;
    text-align:center;
    font-size:0.18rem;
    line-height:0.18rem;
}
.p3 .tag6{
    top:3.56rem;
    left:2.58rem;
    width:2.08rem;
    height:1.6rem;
    background:#ed8210;
    border-radius:0.1rem;
    overflow:hidden;
    position:absolute;
}
.p3 .tag6 img{
    margin:0 auto;
    margin-top:0.2rem;
    width:0.45rem;
    height:0.45rem;
    display:block;
}
.p3 .tag6 h2{
    margin:0 auto;
    margin-top:0.16rem;
    text-align:center;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.24rem;
}
.p3 .tag6 p{
    margin:0 auto;
    margin-top:0.14rem;
    color:#ffffff;
    text-align:center;
    font-size:0.18rem;
    line-height:0.18rem;
}
.p3 .tag7{
    top:3.56rem;
    right:0;
    width:2.08rem;
    height:1.6rem;
    background:#ed8210;
    border-radius:0.1rem;
    overflow:hidden;
    position:absolute;
}
.p3 .tag7 img{
    margin:0 auto;
    margin-top:0.2rem;
    width:0.36rem;
    height:0.36rem;
    display:block;
}
.p3 .tag7 h2{
    margin:0 auto;
    margin-top:0.16rem;
    text-align:center;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.24rem;
}
.p3 .tag7 p{
    margin:0 auto;
    margin-top:0.14rem;
    color:#ffffff;
    text-align:center;
    font-size:0.18rem;
    line-height:0.18rem;
}
.p4 ul li{
    margin-bottom:0.4rem;
    width:100%;
    height:2.3rem;
    box-shadow:15px 15px 15px #dddddd;
}
.p4 ul li img{
    float:left;
    width:3.1rem;
    height:2.3rem;
    display:block;
}
.p4 ul li .info{
    float:left;
    margin-top:0.44rem;
    margin-left:0.5rem;
    width:3rem;
}
.p4 ul li .info h2{
    font-size:0.25rem;
    line-height:0.3rem;
    font-weight:bold;
    text-align:center;
}
.p4 ul li .info p{
    margin-top:0.1rem;
    font-size:0.24rem;
    line-height:0.4rem;
    color:#666666;
}
#5{
    width:100%;
}
#p5 .box{
    margin:0 auto;
    width:7.33rem;
    height:4.78rem;
    background:url("../img/p5-box.png") no-repeat center;
    background-size:7.33rem 4.78rem;
    position:relative;
}
#p5 .box img{
    top:0.09rem;
    left:2.51rem;
    width:4.57rem;
    height:4.29rem;
    position:absolute;
    border-radius: 0 0.08rem 0.08rem 0;
}
#p5 .box .info{
    top:1.27rem;
    left:1.12rem;
    width:3.36rem;
    height:1.84rem;
    position:absolute;
    background:rgba(51,51,51,0.9);
    border-radius:0.08rem;
}
#p5 .box .info p{
    padding:0.4rem 0.24rem 0;
    font-size:0.22rem;
    line-height:0.36rem;
    color:#ffffff;
    word-break:break-all;
}
.pagination.p5{
    width:100%;
    text-align:center;
}
.pagination.p5 .swiper-pagination-bullet{
    margin:0 0.15rem;
    width: 0.2rem;
    height: 0.2rem;
    border-radius:100%;
    background:#d1d1d1;
    display: inline-block;
    transition:0.4s;
}
.pagination.p5 .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 0.6rem;
    height: 0.2rem;
    background:#ed8210;
    border-radius:0.1rem;
    transition:0.2s;
}
.p6{
    background:#f9f9f9;
    overflow:hidden;
}
.p6 ul{
    width:8rem;
    margin-left:0.3rem;
}
.p6 ul li{
    margin-bottom:0.4rem;
    margin-right:0.2rem;
    float:left;
    width:3.37rem;
}
.p6 ul li.last{
    margin-bottom:0;
}
.p6 ul li img{
    width: 3.37rem;
    height:2.42rem;
    display:block;
}
.p6 ul li h2{
    margin-top:0.2rem;
    font-size:0.25rem;
    font-weight:bold;
    line-height:0.3rem;
    text-align:center;
}
.p6 ul li p{
    margin:0 auto;
    margin-top:0.1rem;
    font-size:0.24rem;
    line-height:0.4rem;
    width:2.9rem;
    color:#666666;
}
#7{
    width:100%;
}
#p7 .box{
    margin:0 auto;
    width:7.5rem;
    height:5.92rem;
    position:relative;
}
#p7 .box img{
    width:7.5rem;
    height:5.92rem;
    display:block;
}
#p7 .tit{
    top:1.05rem;
    left:4.95rem;
    width:1.84rem;
    position:absolute;
}
#p7 .tit h2{
    font-size: 0.32rem;
    line-height:0.32rem;
    font-weight:bold;
    text-indent:0.15rem;
}
#p7 .tit p{
    margin-top:0.08rem;
    font-size: 0.22rem;
    line-height:0.36rem;
    width:1.58rem;
    height:0.36rem;
    color:#ffffff;
    text-align:center;
    background:#0b0b0b;
}
#p7 .info{
    top:3.95rem;
    left:1.7rem;
    width:3.6rem;
    height:1.7rem;
    position:absolute;
    background:rgba(20,22,32,0.7);
}
#p7 .info p{
    padding:0.2rem 0.16rem 0;
    color:#ffffff;
    font-size:0.25rem;
    line-height:0.34rem;
    word-break:break-all;
}
.p7 ul{
    margin-top:0.55rem;
    margin-left:0.7rem;
}
.p7 ul li{
    margin-right:0.3rem;
    float:left;
    width:1.32rem;
    height:1.31rem;
    cursor:pointer;
}
.p7 ul li img{
    width:1.32rem;
    height:1.31rem;
    display:block;
}
.p7-left{
    top:2.85rem;
    left:0.3rem;
    width:0.32rem;
    height:0.57rem;
    position:absolute;
    z-index:9999;
    cursor:pointer;
    background:url("../img/p7-left.png") no-repeat center;
    background-size:0.32rem 0.57rem;
}
.p7-right{
    top:2.85rem;
    right:0.3rem;
    width:0.32rem;
    height:0.57rem;
    position:absolute;
    z-index:9999;
    cursor:pointer;
    background:url("../img/p7-right.png") no-repeat center;
    background-size:0.32rem 0.57rem;
}
.p8{
    background:#f9f9f9;
    overflow:hidden;
}
.p8 ul li{
    float:left;
    width:50%;
    cursor:pointer;
    line-height:0.62rem;
    text-indent:1.2rem;
    font-size:0.24rem;
    border-bottom:3px solid #ffffff;
}
.p8 ul li.act{
    font-weight:bold;
    color:#ed8210;
    border-bottom:3px solid #ed8210;
}
.p8 ul li.l1{
    background:url("../img/p8-tag1.png") no-repeat 0.8rem center #ffffff;
    background-size:0.26rem 0.23rem;
}
.p8 ul li.l2{
    background:url("../img/p8-tag2.png") no-repeat 0.8rem center #ffffff;
    background-size:0.22rem 0.24rem;
}
.p8 ul li.act.l1{
    background:url("../img/p8-tag1-act.png") no-repeat 0.8rem center #ffffff;
    background-size:0.26rem 0.23rem;
}
.p8 ul li.act.l2{
    background:url("../img/p8-tag2-act.png") no-repeat 0.8rem center #ffffff;
    background-size:0.22rem 0.24rem;
}
.p8-img img{
    margin-top:0.2rem;
    width:100%;
    height:auto;
    display:none;
}
.p8-img img.act{
    display:block;
}
.p8 p{
    padding:0.3rem;
    font-size:0.2rem;
    text-align:right;

}
.p9{
    width:7.5rem;
    height:5.5rem;
    background:url("../img/p9-bg.jpg") no-repeat center;
    background-size:7.5rem 5.5rem;
}
.p9 form{
    margin-left:1.15rem;
}
.p9 input[type="text"]{
    margin-bottom:0.2rem;
    width:4.59rem;
    height:0.71rem;
    font-size:0.24rem;
    color:#dcdcdc;
    text-indent:0.6rem;
    line-height:0.71rem;
    border-radius:0.08rem;
}
.p9 input[type="text"].tag1{
    background:url("../img/p9-tag1.png") no-repeat 0.3rem center;
    background-size:0.21rem 0.24rem;
}
.p9 input[type="text"].tag2{
    background:url("../img/p9-tag2.png") no-repeat 0.3rem center;
    background-size:0.15rem 0.28rem;
}
.p9 input[type="submit"]{
    width:4.61rem;
    height:0.69rem;
    font-size:0.24rem;
    color:#ffffff;
    text-align:center;
    line-height:0.69rem;
    background:#ed8210;
    border:none;
    cursor:pointer;
    border-radius:0.06rem;
    -webkit-appearance: none;
}
.footer{
    width:100%;
    color: #646464;
    font-size:0.2rem;
    text-align:center;
    background:#0e0e0e;
    padding: 0.2rem 0.2rem 1rem;
}
