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;
    padding-bottom:1rem;
    width:100%;
    overflow:hidden;
    background:#173f8f;
}
.header{
    width:100%;
    height:11.78rem;
    background:url("../img/banner.jpg") no-repeat center;
    background-size:7.5rem 11.78rem;
}
.header .img1{
    top:1.14rem;
    left:1.64rem;
    width:4.2rem;
    height:4.84rem;
    display:block;
    position:absolute;
    animation:1.5s yh linear infinite;
}
@keyframes yh{
    0%{transform:rotate(5deg)}
    50%{transform:rotate(-5deg)}
    100%{transform:rotate(5deg)}
}
.header .img2{
    top:4.25rem;
    left:1rem;
    width:5.53rem;
    height:2.75rem;
    display:block;
    position:absolute;
}
.header a{
    width:100%;
    height:100%;
    display:block;
}
.title{
    margin:0.3rem auto 0;
    width:4.62rem;
    height:0.81rem;
    background:url("../img/title.png") no-repeat center;
    background-size:4.62rem 0.81rem;
}
.title.t3{
    margin-top:0.93rem;
    background:url("../img/title2.png") no-repeat center;
    background-size:4.62rem 0.81rem;
}
.title h2{
    font-size:0.42rem;
    line-height:0.68rem;
    color:#ffffff;
    text-indent:1.24rem;
}
.title.t2 h2{
    text-indent:1.4rem;
}
.title.t3 h2{
    text-indent:1.4rem;
}
.title-p{
    margin:0.3rem auto;
    width:6.8rem;
    font-size:0.28rem;
    line-height:0.46rem;
    color:#ffffff;
}
.p1 .box{
    margin-left:0.12rem;
    width:7.04rem;
    height:4.5rem;
    position:relative;
    background:url("../img/p1-box.png") no-repeat center;
    background-size:7.04rem 4.5rem;
}
.letter{
    top:0.67rem;
    left:1.24rem;
    width:4.78rem;
    height:3.25rem;
    position:absolute;
    background:url("../img/letter.png") no-repeat center;
    background-size:4.78rem 3.25rem;
}
.letter h2{
    margin-top:0.36rem;
    font-size:0.26rem;
    font-weight:bold;
    line-height:0.36rem;
    text-align:center;
    color:#000000;
}
.letter h2 span{
    font-size:0.32rem;
    line-height:0.44rem;
    color:#ff4200;
}
.letter-box{
    top:1.59rem;
    left:0.88rem;
    width:5.51rem;
    height:3rem;
    position:absolute;
    background:url("../img/letter-box.png") no-repeat center;
    background-size:5.51rem 3rem;
}
.letter-box h2{
    margin-top:1.28rem;
    font-size:0.28rem;
    line-height:0.28rem;
    color:#ffffff;
    text-align:center;
}
.letter-box a{
    margin-top:0.12rem;
    margin-left:1.64rem;
    width:2.22rem;
    height:0.5rem;
    line-height:0.4rem;
    font-size:0.28rem;
    font-weight:bold;
    display:block;
    color:#bd1024;
    text-align:center;
    background:#fbe39c;
    border-bottom:0.03rem solid #b51729;
    border-right:0.01rem solid #b51729;
    border-radius:0.08rem;
}
.letter-box a span{
    font-size:0.2rem;
}
.letter-box a b{
    font-size:0.32rem;
}
.p2 .box{
    margin:0 auto;
    width:6.77rem;
    height:11.94rem;
    background:url("../img/p2-box.png") no-repeat;
    background-size:6.77rem 11.94rem;
    overflow:hidden;
}
.p2-title{
    margin-top:0.68rem;
    margin-left:0.5rem;
    width:2.09rem;
    height:0.66rem;
    background:url("../img/p2-title.png") no-repeat center;
    background-size:2.09rem 0.66rem;
    overflow:hidden;
}
.p2-title.t2{
    margin-top:0.4rem;
}
.p2-title h2{
    margin-top:0.21rem;
    width:1.72rem;
    height:0.42rem;
    font-size:0.3rem;
    font-weight:bold;
    line-height:0.42rem;
    text-align:center;
    color:#ff1743;
}
.p2 .img{
    margin-top:0.34rem;
    margin-left:0.77rem;
    width:7.37rem;
    height:3.47rem;
    display:block;
}
#pig ul{
    margin-top:0.5rem;
    margin-left:-0.1rem;
    width:7.5rem
}
#pig ul li{
    margin-bottom:-0.3rem;
    margin-right:-0.48rem;
    float:left;
    width:2.58rem;
    height:2.38rem;
    background:url("../img/pig.png") no-repeat center;
    background-size:2.58rem 2.38rem;
}
#pig ul li.act{
    background:url("../img/pig-act.png") no-repeat center;
    background-size:2.58rem 2.38rem;
}
.p2 .info{
    margin:0 auto;
    width:3.17rem;
    height:0.62rem;
    background:url("../img/p2-info.png") no-repeat center bottom;
    background-size:3.17rem 0.62rem;
}
.p2 .info h2{
    margin-left:0.23rem;
    width:2.73rem;
    height:0.5rem;
    line-height:0.45rem;
    color:#ffffff;
    font-size:0.24rem;
    text-align:center;
}
.p2 .info h2 span{
    font-size:0.38rem;
    font-weight:bold;
}
.case{
    top:50%;
    left:50%;
    margin-left:-2.02rem;
    margin-top:-2.86rem;
    width:4.04rem;
    height:5.72rem;
    position:fixed;
    z-index:9999;
    display:none;
}
.close{
    top:0.3rem;
    right:0.3rem;
    width:0.46rem;
    height:0.46rem;
    display:block;
    position:absolute;
    cursor:pointer;
    background:url("../img/close.png") no-repeat center;
    background-size:0.46rem 0.46rem;
}
.close.c2{
    top:0;
    right:0;
}
#case1{
    background:url("../img/case1.png") no-repeat center;
    background-size:4.04rem 5.72rem;
}
#case2{
    background:url("../img/case2.png") no-repeat center;
    background-size:4.04rem 5.72rem;
}
#case3{
    background:url("../img/case3.png") no-repeat center;
    background-size:4.04rem 5.72rem;
}
.case a{
    top:5.03rem;
    left:1.4rem;
    width:1.36rem;
    height:0.54rem;
    display:block;
    position:absolute;
    background:url("../img/case-btn.png") no-repeat center;
    background-size:1.36rem 0.54rem;
}
#default{
    top:50%;
    left:50%;
    margin-left:-2.95rem;
    margin-top:-2.62rem;
    width:5.91rem;
    height:5.24rem;
    position:fixed;
    display:none;
    background:url("../img/default.png") no-repeat center;
    background-size:5.91rem 5.24rem;
}
#default a{
    top:3.59rem;
    left:0.91rem;
    width:4.11rem;
    height:0.74rem;
    display:block;
    position:absolute;
}
.footer{
    margin-top:0.4rem;
    width:100%;
    height:6.27rem;
    background:url("../img/footer.jpg") no-repeat center;
    background-size:7.5rem 6.27rem;
    overflow:hidden;
}
.footer .line{
    margin:0.3rem auto;
    width:6.5rem;
    height:0.02rem;
    display:block;
}
.footer .info{
    margin:0 auto;
    width:6.5rem;
}
.footer .info h2{
    font-size:0.24rem;
    line-height:0.42rem;
    color:#ffffff;
    font-weight:bold;
}
.footer .info p{
    margin-top:0.06rem;
    font-size:0.24rem;
    line-height:0.4rem;
    color:#ffffff;
    text-indent:0.48rem;
}