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;
    max-width:750px;
    min-width:320px;
    width:100%;
    overflow:hidden;
}
.main{
    margin:0 auto;
    width:92%;
}
.header{
    top:0;
    width:100%;
    max-width:750px;
    min-width:320px;
    z-index:9999;
    position:absolute;
}
.header .top{
    height:0.9rem;
    background:#171819;
}
.logo{
    float:left;
    margin-top:0.23rem;
    width:1.52rem;
    height:0.45rem;
}
.logo-text{
    float:left;
    margin-top:0.17rem;
    margin-left:0.14rem;
    padding-left:0.15rem;
    font-size:0.2rem;
    color:#ffffff;
    line-height:0.275rem;
    border-left:1px solid #ffffff;
}
.phone{
    padding-left:0.56rem;
    float:right;
    display:block;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.9rem;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.43rem 0.43rem;
}
.header .bottom{
    width:100%;
    height:0.75rem;
}
.nav li{
    float:left;
    width:25%;
    line-height:0.65rem;
}
.nav li a{
    color:#ffffff;
    font-size:0.24rem;
}
.nav li.li1{
    text-indent:0.5rem;
}
.nav li.li2{
    text-indent:0.6rem;
}
.nav li.li3{
    text-align:right;
}
#banner{
    margin-top:0.9rem;
    width:100%;
    overflow:hidden;
}
#banner img{
    width:100%;
    height:auto;
    display:block;
}
.title{
    padding:0.68rem 0 0.6rem;
    text-align:center;
}
.title h2{
    font-size:0.48rem;
    line-height:0.58rem;
    text-align:center;
}
.title.c2 h2{
    color:#ffffff;
}
.title h2 span{
    color:#3e71cc;
    font-weight:bold;
}
.title.c2 h3{
    font-size:0.3rem;
    line-height:0.57rem;
    color:#6099ff;
}
.p1 ul{
    margin:0 auto;
    width:95%
}
.p1 ul li{
    float:left;
    margin:0 2% 0.18rem;
    width:46%;
    position:relative;
}
.p1 ul li .info{
    top:0.4rem;
    width:100%;
    position:absolute;
}
.p1 ul li .info img{
    margin:0 auto;
    width:0.86rem;
    height:0.86rem;
    display:block;
}
.p1 ul li .info h2{
    margin:0.2rem 0 0.1rem;
    font-size:0.3rem;
    font-weight:bold;
    line-height:0.36rem;
    color:#ffffff;
    text-align:center;
}
.p1 ul li .info p{
    font-size:0.24rem;
    line-height:0.24rem;
    color:#ffffff;
    text-align:center;
}
.p1 ul li .info h3{
    margin:0.3rem 0 0.3rem;
    font-size:0.3rem;
    font-weight:bold;
    line-height:0.36rem;
    color:#ffffff;
    text-align:center;
}
.btn{
    margin:0.6rem auto;
    width:2.72rem;
    height:0.6rem;
    color:#ffffff;
    text-align:center;
    font-size:0.24rem;
    line-height:0.6rem;
    display:block;
    background:#3e71cc;
    border-radius:5px;
}
.p2{
    padding-bottom:1rem;
    background:url("../img/p2-bg.jpg") no-repeat center /cover;
}
.p2 .main{
    position:relative;
}
.p2 .main h5{
    right:0.1rem;
    bottom:-0.5rem;
    color:#ffffff;
    font-size:0.2rem;
    line-height:0.2rem;
    position:absolute;
}
#p2 .swiper-slide{
    height:3.8rem;
    position:relative;
}
#p2 .box{
    margin-top:0.15rem;
    width:100%;
    height:3.49rem;
    position:relative;
    background:#d3d3d3;
    border-radius:4px;
    overflow:hidden;
}
#p2 .box h2{
    margin-top:0.3rem;
    font-size:0.2rem;
    line-height:0.2rem;
    text-align:center;
}
#p2 .box .img{
    margin:0 auto;
    width:1.1rem;
    height:1.1rem;
    background:url("../img/p2-img.png") no-repeat;
    background-size:100% 100%;
}
#p2 .box .img h3{
    margin-top:0.33rem;
    font-size:0.24rem;
    line-height:1.1rem;
    color:#ffffff;
    text-align:center;
}
#p2 .box h4{
    right:0.2rem;
    bottom:0;
    font-size:0.16rem;
    line-height:0.4rem;
    text-align:center;
    position:absolute;
}
#p2 .box p{
    padding:0 0.1rem;
    margin-top:0.4rem;
    font-size:0.18rem;
    line-height:0.28rem;
    color:#5b5b5b;
}
#p2 .swiper-slide.swiper-slide-next .box{
    top:0;
    left:50%;
    margin-top:0;
    margin-left:-1.29rem;
    width:2.58rem;
    height:3.8rem;
    background:#ffffff;
    z-index:9999;
    position:absolute;
}
#p2 .swiper-slide.swiper-slide-next .box h2{
    font-size:0.3rem;
    line-height:0.3rem;
    font-weight:bold;
}
#p2 .swiper-slide.swiper-slide-next .box p{
    font-size:0.2rem;
    line-height:0.32rem;
}
.p3 .main{
    padding:0.5rem 0 1rem;
}
.p3 .img{
    margin:0 auto;
    width:4.57rem;
    height:4.57rem;
    position:relative;
    background:url("../img/p3-img.png") no-repeat center;
    background-size:4.57rem;
}
.p3 .img h2{
    width:100%;
    font-size:0.3rem;
    line-height:0.3rem;
    position:absolute;
}
.p3 .img h2.c1{
    color:#3e71cc;
}
.p3 .img h2.c2{
    color:#f7bf01;
}
.p3 .img h2.h1{
    top:-0.47rem;
    left:1.75rem;
}
.p3 .img h2.h2{
    top:0.67rem;
    left:0.05rem;
}
.p3 .img h2.h3{
    top:2.27rem;
    left:-0.98rem;
}
.p3 .img h2.h4{
    top:3.77rem;
    left:0.3rem;
}
.p3 .img h2.h5{
    top:4.78rem;
    left:1.96rem;
}
.p3 .img h2.h6{
    top:3.57rem;
    left:3.4rem;
}
.p3 .img h2.h7{
    top:1.95rem;
    left:4.7rem;
}
.p3 .img h2.h8{
    top:0.55rem;
    left:2.9rem;
}
.p3 .img img{
    display:block;
    position:absolute;
}
.p3 .img img.i1{
    top:-0.07rem;
    left:1.82rem;
    width:0.56rem;
    height:0.57rem;
}
.p3 .img img.i2{
    top:0.87rem;
    left:-0.7rem;
    width:0.61rem;
    height:0.45rem;
}
.p3 .img img.i3{
    top:2.19rem;
    left:0;
    width:0.49rem;
    height:0.49rem;
}
.p3 .img img.i4{
    top:3.41rem;
    left:-0.32rem;
    width:0.42rem;
    height:0.51rem;
}
.p3 .img img.i5{
    top:4.16rem;
    left:2.13rem;
    width:0.53rem;
    height:0.51rem;
}
.p3 .img img.i6{
    top:3.22rem;
    left:4.66rem;
    width:0.45rem;
    height:0.45rem;
}
.p3 .img img.i7{
    top:1.91rem;
    left:4.18rem;
    width:0.43rem;
    height:0.43rem;
}
.p3 .img img.i8{
    top:0.73rem;
    left:4.52rem;
    width:0.48rem;
    height:0.48rem;
}
.p4{
    padding-bottom:0.4rem;
    background:url("../img/p4-bg.jpg") no-repeat center /cover;
}
#p4{
    background:url("../img/p4-title.png") no-repeat top;
    background-size:6.9rem 0.83rem;
}
#p4 .box h2{
    width:100%;
    height:0.83rem;
    font-size:0.36rem;
    text-align:center;
    line-height:0.66rem;
    color:#ffffff;
}
#p4 .box .ctn{
    margin-top:0.22rem;
    width:100%;
    height:6.31rem;
    position:relative;
    overflow:hidden;
    background:rgba(62,113,204,0.56);
    border-radius:4px;
}
#p4 .box .ctn img{
    margin:0 auto;
    width:80%;
    height:auto;
    display:block;
}
#p4 .box .ctn img.i1{
    margin-top:0.55rem;
}
#p4 .box .ctn img.i2{
    margin-top:0.4rem;
}
#p4 .box .ctn img.i3{
    margin-top:0.6rem;
}
#p4 .box .ctn img.i4{
    margin-top:0.44rem;
}
#p4 .box .ctn img.i5{
    margin-top:0.74rem;
}
#p4 .box .ctn h3{
    left:50%;
    padding:0.1rem;
    top:4.55rem;
    margin-left:-40%;
    width:80%;
    color:#ffffff;
    font-size:0.24rem;
    line-height:0.32rem;
    position:absolute;
    background:#3e71cc;
    border-radius:4px;
}
#p4 .sp2{
    bottom:0.1rem;
}
#p5{
    position:relative;
}
#p5 .box{
    padding:0 0.5rem 0.6rem;
    position:relative;
}
#p5 .box img{
    width:3.31rem;
    height:4.43rem;
}
#p5 .box .info{
    top:0.23rem;
    left:3.12rem;
    width:3.49rem;
    height:4.84rem;
    position:absolute;
}
#p5 .box .info.i1{
    background:url("../img/p5-i1.png") no-repeat center;
}
#p5 .box .info.i2{
    background:url("../img/p5-i2.png") no-repeat center;
}
#p5 .box .info.i3{
    background:url("../img/p5-i3.png") no-repeat center;
}
#p5 .box .info.i4{
    background:url("../img/p5-i4.png") no-repeat center;
}
#p5 .box .info.i5{
    background:url("../img/p5-i5.png") no-repeat center;
}
#p5 .box .info h2{
    margin-top:0.78rem;
    font-size:0.36rem;
    font-weight:bold;
    line-height:0.36rem;
    color:#f7bf01;
    text-align:center;
}
#p5 .box .info ul{
    margin-top:0.28rem;
}
#p5 .box .info ul li{
    font-size:0.24rem;
    line-height:0.48rem;
    color:#ffffff;
    text-align:center;
}
.p5-prev{
    top:1.9rem;
    left:0;
    width:0.23rem;
    height:0.31rem;
    z-index:9999;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-prev.png") no-repeat center;
    background-size:0.23rem 0.31rem;
}
.p5-next{
    top:1.9rem;
    right:0;
    width:0.23rem;
    height:0.31rem;
    z-index:9999;
    cursor:pointer;
    position:absolute;
    background:url("../img/p5-next.png") no-repeat center;
    background-size:0.23rem 0.31rem;
}
.p6{
    padding-bottom:0.7rem;
    background:#efefef;
}
.p6 ul li{
    margin:0 1.16666% 0.16rem;
    float:left;
    width:31%;
    position:relative;
}
.p6 ul li img{
    width:100%;
    height:auto;
    display:block;
}
.p6 ul li h2{
    bottom:0;
    left:0;
    width:100%;
    font-size:0.3rem;
    line-height:0.55rem;
    text-align:center;
    color:#ffffff;
    position:absolute;
    background:rgba(0,0,0,0.7);
}
.p7{
    padding-bottom:0.78rem;
    overflow:hidden;
    background:url("../img/p7-bg.jpg") no-repeat center /cover;
}
.p7 label{
    margin-bottom:0.24rem;
    margin-left:1.25rem;
    display:block;
    font-size:0.24rem;
    line-height:0.5rem;
    color:#a1a0a0;
}
.p7 input{
    -webkit-appearance:none;
    outline:none
}
.p7 input[type="text"]{
    margin-left:0.25rem;
    width:3.47rem;
    height:0.5rem;
    font-size:0.24rem;
    text-indent:0.2rem;
    color:#ffffff;
    background:rgba(62,113,204,0.26);
    border:1px solid #3e71cc;
}
.p7 ul{
    margin-left:1.97rem;
}
.p7 ul li{
    float:left;
}
/*.p7 ul li a{*/
    /*width:1.56rem;*/
    /*height:0.46rem;*/
    /*font-size:0.24rem;*/
    /*line-height:0.46rem;*/
    /*text-align:center;*/
    /*display:block;*/
    /*color:#a1a0a0;*/
    /*background:rgba(62,113,204,0.26);*/
    /*border:1px solid #3e71cc;*/
/*}*/
.p7 ul li a{
    width:1.58rem;
    height:0.48rem;
    font-size:0.24rem;
    line-height:0.48rem;
    text-align:center;
    display:block;
    color:#ffffff;
    background:#3e71cc;
    border:none;
}
.p7 ul li input[type="submit"]{
    margin-left:0.34rem;
    width:1.58rem;
    height:0.48rem;
    font-size:0.24rem;
    line-height:0.48rem;
    text-align:center;
    display:block;
    color:#ffffff;
    background:#3e71cc;
    border:none;
    border-radius:0;
}
.footer{
    padding:0.32rem 0.32rem 1.3rem;
    background:#2a2c32;
}
.footer{
    font-size:0.18rem;
    line-height:0.26rem;
    text-align:center;
    color:#eeeeee;
}