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{
  background: -webkit-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0)); /* 标准的语法 */
}
.nav li{
    float:left;
    width:16.666%;
    text-indent:0.3rem;
    line-height:0.65rem;
}
.nav li a{
    color:#ffffff;
    font-size:0.26rem;
    font-weight: 900
}
.nav li.li1{
    text-indent:0.3rem;
}
.nav li.li2{
    text-indent:0;
}
.nav li.li3{
    text-indent:0.05rem;
}
.nav li.li4{
    text-indent:0.55rem;
}
.nav li.li5{
    text-indent:0;
}
.nav li.li6{
    text-indent:0;
}
#banner{
    margin-top:0.9rem;
    width:100%;
    overflow:hidden;
}
#banner img{
    width:100%;
    height:auto;
    display:block;
}
.title{
    padding:0.55rem 0 0.4rem;
}
.title h2{
    color:#333333;
    font-size:0.38rem;
    text-align:center;
}
.title h2 span{
    color:#1b53ce;
}
.title p{
    margin-top:0.22rem;
    font-size:0.25rem;
    line-height:0.25rem;
    color:#999999;
    text-align:center;
}
.title.c2 h2{
    color:#ffffff;
}
.title.c2 h2 span{
    color:#f5305a;
}
.title.c2 p{
    color:#ffffff;
}
.p1{
    padding-bottom:0.65rem;
    border-bottom:1px solid #d3d3d3;
}
.p1 ul{
    width:200%;
}
.p1 ul li{
    float:left;
}
.p1 ul li h2{
    font-size:0.24rem;
    line-height:0.24rem;
}
.p1 ul li p{
    margin-top:0.1rem;
    font-size:0.18rem;
    line-height:0.18rem;
}
.p1 ul li.tag1{
    margin-left:0.14rem;
}
.p1 ul li.tag1 img{
    width:2.53rem;
    height:2.12rem;
}
.p1 ul li.tag1 h2{
    margin-top:-0.14rem;
    margin-left:1.14rem;
}
.p1 ul li.tag1 p{
    margin-left:0.82rem;
}
.p1 ul li.tag2{
    margin-top:0.01rem;
    margin-left:0.07rem;
}
.p1 ul li.tag2 img{
    width:2.3rem;
    height:2.3rem;
}
.p1 ul li.tag2 h2{
    margin-top:-0.33rem;
    margin-left:0.83rem;
}
.p1 ul li.tag2 p{
    margin-left:0.43rem;
}
.p1 ul li.tag3{
    margin-top:0.01rem;
    margin-left:-0.01rem;
}
.p1 ul li.tag3 img{
    width:2.3rem;
    height:2.3rem;
}
.p1 ul li.tag3 h2{
    margin-top:-0.33rem;
    margin-left:0.75rem;
}
.p1 ul li.tag3 p{
    margin-left:0.48rem;
}
.p1 .mac{
    margin-top:0.45rem;
    width:100%;
    height:4.96rem;
    position:relative;
    background:url("../img/macbook.jpg") no-repeat center;
    background-size:100% 4.96rem;
}
.p1 .btn{
    top:4.56rem;
    left:50%;
    margin-left:-1.415rem;
    position:absolute;
}
.btn{
    margin:0 auto;
    width:2.83rem;
    height:0.49rem;
    line-height:0.49rem;
    text-align:center;
    color:#656565;
    display:block;
    border:1px solid #999999;
    border-radius:0.22rem;
}
.p2{
    padding-bottom:0.6rem;
    background:#f4f4f4;
}
.p2 img{
    margin-bottom:0.3rem;
    width:100%;
    height:auto;
    display:block;
}
.p2 table{
    width:100%;
}
.p2 table th{
    font-size:0.24rem;
    text-align:center;
    color:#1b53ce;
    line-height:0.67rem;
    background:#b7ceff;
    border-right:1px solid #f4f4f4;
}
#table{
    width:100%;
    height:4.6rem;
    overflow:hidden;
    position:relative;
}
#table table{
    width:100%;
}
#table table td{
    font-size:0.24rem;
    text-align:center;
    color:#555555;
    line-height:0.67rem;
    background:#ffffff;
    border-right:1px solid #f4f4f4;
}
#p3 .swiper-slide{
    padding:1rem 0;
}
#p3 .box{
    margin:0 auto;
    width:100%;
    height:3.6rem;
    position:relative;
}
#p3 .box.b1{
    background:url("../img/p3-img1.jpg") no-repeat center;
    background-size:100% 3.6rem;
}
#p3 .box.b2{
    background:url("../img/p3-img2.jpg") no-repeat center;
    background-size:100% 3.6rem;
}
#p3 .box.b3{
    background:url("../img/p3-img3.jpg") no-repeat center;
    background-size:100% 3.6rem;
}
#p3 .box.b4{
    background:url("../img/p3-img4.jpg") no-repeat center;
    background-size:100% 3.6rem;
}
#p3 .box .img{
    top:-0.95rem;
    width:4rem;
    height:5.62rem;
    position:absolute;
    display: inline-block;
    overflow-y: hidden;
}
#p3 .box .img img{
    width: 100%;
    height: auto;
}
#p3 .box .info{
    margin-left:3.8rem;
    overflow:hidden;
}
#p3 .box .info h2{
    margin-top:1.58rem;
    font-size:0.36rem;
    font-weight:bold;
    line-height:0.36rem;
    color:#ffffff;
}
#p3 .box .info p{
    margin-top:0.15rem;
    font-size:0.24rem;
    line-height:0.3rem;
    color:#ffffff;
}
#p3{
    padding-bottom:0.6rem;
}
.p4{
    padding-bottom:0.65rem;
}
.p4 .main{
    position:relative;
}
.p4 .img{
    position:absolute;
}
.p4 img{
    margin-bottom:0.55rem;
    width:100%;
    height:auto;
    display:block;
}
.p5{
    padding-bottom:0.65rem;
    background:#f5f5f5;
}
.p5 ul{
    padding-bottom:0.3rem;
    width:110%;
}
.p5 ul li{
    margin-bottom:0.4rem;
    margin-right:0.35rem;
    float:left;
    width:2.14rem;
    height:2.14rem;
    overflow:hidden;
    position:relative;
    background:url("../img/p5-tag1.png") no-repeat center;
    background-size:2.14rem 2.14rem;
}
.p5 ul li.tag2{
    background:url("../img/p5-tag2.png") no-repeat center;
    background-size:2.14rem 2.14rem;
}
.p5 ul li img.ico{
    margin:0 auto;
    margin-top:0.38rem;
    width:0.25rem;
    height:0.25rem;
    display:block;
}
.p5 ul li h2{
    margin-top:0.2rem;
    font-size:0.24rem;
    font-weight:bold;
    line-height:0.24rem;
    color:#ffffff;
    text-align:center;
}
.p5 ul li p{
    margin-top:0.1rem;
    font-size:0.18rem;
    line-height:0.22rem;
    color:#ffffff;
    text-align:center;
}
.p5 ul li.tag2 h2{
    color:#222222;
}
.p5 ul li.tag2 p{
    color:#666666;
}
.p5 ul li img.dian{
    left:50%;
    margin-left:-0.09rem;
    bottom:0.25rem;
    width:0.18rem;
    height:0.03rem;
    position:absolute;
}
.p6{
    padding-bottom:0.65rem;
}
.p6 .main{
    height:7rem;
    position:relative;
}
.p6 .box.b1{
    top:0;
    left:0;
    width:2.29rem;
    position:absolute;
}
.p6 .box.b2{
    top:0;
    left:4.8rem;
    width:2.29rem;
    position:absolute;
}
.p6 .box.b3{
    top:3.12rem;
    left:2.4rem;
    width:2.29rem;
    position:absolute;
}
.p6 .box .info{
    width:2.29rem;
    height:2.92rem;
    overflow:hidden;
}
.p6 .box.b1 .info{
    background:#9ebce8;
}
.p6 .box.b2 .info{
    background:#eda7a3;
}
.p6 .box.b3 .info{
    background:#7adfa6;
}
.p6 .box .info p{
    margin:0 auto;
    margin-top:0.9rem;
    padding-top:0.12rem;
    width:1.84rem;
    height:1.1rem;
    font-size:0.2rem;
    line-height:0.3rem;
    color:#ffffff;
    text-align:center;
    background:url("../img/p6-tag.png") no-repeat top;
    background-size:1.84rem 1.1rem;
}
.p6 .box h2{
    margin-top:0.4rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
}
.p6 .box.b1 h2{
    color:#9ebce8;
}
.p6 .box.b2 h2{
    color:#eda7a3;
}
.p6 .box.b3 h2{
    color:#7adfa6;
}
.p6 .box h3{
    margin-bottom:0.2rem;
    margin-top:0.1rem;
    font-size:0.2rem;
    line-height:0.2rem;
    text-align:center;
    color:#666666;
}
.p6 .img{
    width:2.29rem;
    height:2.92rem;
    display:block;
    position:absolute;
}
.p6 .img.i1{
    top:0;
    left:2.4rem;
}
.p6 .img.i2{
    top:4.08rem;
    left:0;
}
.p6 .img.i3{
    top:4.08rem;
    left:4.82rem;
}

#p8{
    margin:0 auto;
    padding-bottom:0.8rem;
    width:94%;
}
#p8 .box a{
    margin-top:0.76rem;
    width:2.67rem;
    height:0.52rem;
    line-height:0.52rem;
    font-size:0.22rem;
    display:block;
    color:#ffffff;
    text-align:center;
    z-index:9999;
    background:#1b53ce;
}
#p8 .img{
    margin-top:0.52rem;
    width:2.69rem;
    height:3.23rem;
}
#p8 .img img{
    display:none;
}
#p8 .img.i1{
    background:url("../img/p8-t1-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .img.i2{
    background:url("../img/p8-t2-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .img.i3{
    background:url("../img/p8-t3-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .img.i4{
    background:url("../img/p8-t4-1.jpg") no-repeat center;
    background-size:2.69rem 3.23rem;
}
#p8 .box > h2{
    margin-top:0.12rem;
    width:2.69rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:right;
}
#p8 .box > h3{
    margin-top:0.08rem;
    width:2.69rem;
    font-size:0.18rem;
    line-height:0.18rem;
    text-align:right;
}
#p8 .info{
    display:none;
}
#p8 .swiper-slide-next a{
    display:none;
}
#p8 .swiper-slide-next .img{
    margin-top:0;
    margin-left:-0.7rem;
    width:3.53rem;
    height:6rem;
    position:relative;
}
#p8 .swiper-slide-next .img.i1{
    background:url("../img/p8-t1-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .img.i2{
    background:url("../img/p8-t2-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .img.i3{
    background:url("../img/p8-t3-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .img.i4{
    background:url("../img/p8-t4-2.jpg") no-repeat center;
    background-size:3.53rem 6rem;
}
#p8 .swiper-slide-next .box > h2{
    display:none;
}
#p8 .swiper-slide-next .box > h3{
    display:none;
}
#p8 .swiper-slide-next .img img{
    right:-0.66rem;
    top:2.1rem;
    width:1.52rem;
    height:2.02rem;
    display:block;
    position:absolute;
    border:2px solid #1b53ce;
}
#p8 .swiper-slide-next .info{
    right:-0.66rem;
    top:4.62rem;
    width:1.53rem;
    height:1.61rem;
    display:block;
    position:absolute;
    background:#1b53ce;
}
#p8 .swiper-slide-next .info h2{
    margin-top:0.16rem;
    width:1.53rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#ffffff;
}
#p8 .swiper-slide-next .info h3{
    margin-top:0.16rem;
    padding:0 0.1rem;
    font-size:0.14rem;
    line-height:0.24rem;
    color:#ffffff;
}
.sp4 .swiper-pagination-bullet {
    background:#ffffff;
    border:1px solid #1b53ce;
}
.sp4 .swiper-pagination-bullet-active{
    background:#1b53ce;
}
.p9{
    background:#f4f4f4;
}
.p9 ul{
    width:110%;
}
.p9 ul li{
    margin-bottom:0.55rem;
    margin-right:0.59rem;
    float:left;
    width:1.91rem;
}
.p9 ul li .img{
    width:1.91rem;
    height:2.18rem;
    position:relative;
    background:url("../img/p9-img1.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i1{
    background:url("../img/p9-img1.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i2{
    background:url("../img/p9-img2.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i3{
    background:url("../img/p9-img3.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i4{
    background:url("../img/p9-img4.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i5{
    background:url("../img/p9-img5.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li .img.i6{
    background:url("../img/p9-img6.png");
    background-size:1.91rem 2.18rem;
}
.p9 ul li h2{
    top:1.23rem;
    left:0;
    width:1.33rem;
    height:0.4rem;
    line-height:0.4rem;
    color:#ffffff;
    text-indent:0.1rem;
    font-size:0.24rem;
    position:absolute;
    background:#1b53ce;
}
.p9 ul li .info{
    margin:0.13rem auto 0;
    width:1.91rem;
    height:0.55rem;
    position:relative;
    background:url("../img/p9-tag.png") no-repeat center;
    background-size:1.91rem 0.55rem;
}
.p9 ul li .info h3{
    text-align:center;
    font-size:0.2rem;
    line-height:0.43rem;
}
.p9 ul li .info h4{
    text-align:center;
    font-size:0.24rem;
    font-weight:bold;
    line-height:0.3rem;
    color:#1b53ce;
}
.p10{
    padding-bottom:0.496rem;
    background:url("../img/p10-bg.jpg") no-repeat center /cover;
}
.p10 form{
    margin-left:1.42rem;
}
.p10 label{
    font-size:0.24rem;
    line-height:0.65rem;
    color:#ffffff;
    display:block;
}
.p10 input[type='text']{
    margin-left:0.17rem;
    margin-bottom:0.2rem;
    width:3.91rem;
    height:0.65rem;
    text-indent:0.2rem;
    border:none;
    font-size:0.24rem;
    background:#ffffff;
    border-radius:0.08rem;
}
.p10 input[type="submit"]{
    margin-left:0.64rem;
    width:3.88rem;
    height:0.64rem;
    cursor:pointer;
    line-height:0.64rem;
    text-align:center;
    font-size:0.24rem;
    color:#ffffff;
    display:block;
    background:#f5305a;
    border-radius:4px;
    border:none;
}
.p10 input{
    -webkit-appearance:none;
    outline:none
}
.footer{
    padding:0.32rem 0.32rem 1.3rem;
    background:#f0f0f0;
}
.footer{
    font-size:0.18rem;
    line-height:0.26rem;
    text-align:center;
    color:#333333;
}