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;}


body{
    background:url("../img/bg.jpg") repeat center #486ff8;
    background-size:7.5rem 0.01rem;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:7.5rem;
    min-width:3.2rem;
    overflow:hidden;
    position:relative;
}
.main{
    margin:0 auto;
    width:7.1rem;
}
.header{
    top:0;
    left:0;
    width:7.5rem;
    height:1rem;
    z-index:999;
    position:absolute;
}
.header .logo{
    margin-top:0.26rem;
    float:left;
    width:1.58rem;
    height:0.47rem;
    display:block;
}
.header .logo-text{
    margin-top:0.28rem;
    margin-left:0.11rem;
    float:left;
    font-size:0.2rem;
    color:#ffffff;
    line-height:0.24rem;
}
.header .phone{
    margin-top:0.34rem;
    padding-left:0.41rem;
    float:right;
    line-height:0.3rem;
    color:#ffffff;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.3rem 0.3rem;
}
.banner{
    height:12.99rem;
    position:relative;
    background:url("../img/line.jpg") no-repeat center bottom;
    background-size:7.5rem 0.01rem;
}
.banner .st1{
    top:8.04rem;
    left:0;
    width:4.32rem;
    height:2.25rem;
    position:absolute;
    background:url("../img/br-st1.png") no-repeat center bottom;
    background-size:4.32rem 2.25rem;
    animation:1s st1 infinite linear;
}
.banner .st2{
    top:1rem;
    right:0;
    width:4.24rem;
    height:4.95rem;
    position:absolute;
    background:url("../img/br-st2.png") no-repeat center bottom;
    background-size:4.24rem 4.95rem;
    animation:1s st2 infinite linear;
}
@keyframes st1 {
    0%{opacity:1}
    50%{opacity:0}
    100%{opacity:1}
}
@keyframes st2 {
    0%{opacity:0}
    50%{opacity:1}
    100%{opacity:0}
}
.banner .img{
    top:-1.5rem;
    left:50%;
    margin-left:-3.75rem;
    width:7.5rem;
    height:10.61rem;
    position:absolute;
    background:url("../img/br-zx.png") no-repeat center bottom;
    background-size:7.5rem 10.61rem;
    animation:1s op1 infinite linear;
}
@keyframes y1 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@keyframes y2 {
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
@keyframes op1 {
    0%{opacity:1}
    50%{opacity:0.6}
    100%{opacity:1}
}
@keyframes op2 {
    0%{opacity:0.6}
    50%{opacity:1}
    100%{opacity:0.6}
}
.banner .img1{
    top:0.65rem;
    left:50%;
    margin-left:-4.35rem;
    width:8.7rem;
    height:8.7rem;
    position:absolute;
    background:url("../img/br-y1.png") no-repeat center bottom;
    background-size:8.7rem 8.7rem;
    animation:5s y1 infinite linear;
}
.banner .img2{
    top:1.27rem;
    left:50%;
    margin-left:-3.725rem;
    width:7.45rem;
    height:7.45rem;
    position:absolute;
    background:url("../img/br-y2.png") no-repeat center bottom;
    background-size:7.45rem 7.45rem;
    animation:5s y2 infinite linear;
}
.banner .img3{
    top:1.4rem;
    left:50%;
    margin-left:-3.6rem;
    width:7.2rem;
    height:7.2rem;
    position:absolute;
    background:url("../img/br-y3.png") no-repeat center bottom;
    background-size:7.2rem 7.2rem;
    animation:5s y1 infinite linear;
}
.banner .img4{
    top:1.79rem;
    left:50%;
    margin-left:-3.3rem;
    width:6.6rem;
    height:6.6rem;
    position:absolute;
    background:url("../img/br-y4.png") no-repeat center bottom;
    background-size:6.6rem 6.6rem;
    animation:5s y2 infinite linear;
}
.banner .img5{
    top:1.78rem;
    left:50%;
    margin-left:-3.3rem;
    width:6.6rem;
    height:6.6rem;
    position:absolute;
    background:url("../img/br-y5.png") no-repeat center bottom;
    background-size:6.6rem 6.6rem;
    animation:5s y1 infinite linear;
}
.banner .img6{
    top:3.05rem;
    left:50%;
    margin-left:-1.95rem;
    width:3.9rem;
    height:3.9rem;
    position:absolute;
    background:url("../img/br-y6.png") no-repeat center bottom;
    background-size:3.9rem 3.9rem;
    animation:5s y2 infinite linear;
}
.banner .img7{
    top:3.5rem;
    left:50%;
    margin-left:-1.5rem;
    width:3rem;
    height:3rem;
    position:absolute;
    background:url("../img/br-y7.png") no-repeat center bottom;
    background-size:3rem 3rem;
    animation:5s y1 infinite linear;
}
.banner .img8{
    top:5.75rem;
    left:50%;
    margin-left:-2.1rem;
    width:4.2rem;
    height:3.29rem;
    position:absolute;
    background:url("../img/br-gl.png") no-repeat center bottom;
    background-size:4.2rem 3.29rem;
    animation:1s op2 infinite linear;
}
.banner img{
	width: 100%;
	height: 13rem;
}
.banner .txt{
    top:3.64rem;
    left:50%;
    margin-left:-2.73rem;
    width:5.46rem;
    height:1.3rem;
    position:absolute;
    background:url("../img/br-txt.png") no-repeat center bottom;
    background-size:5.46rem 1.3rem;
}
.banner .lx1{
    width:0.4rem;
    height:0.39rem;
    position:absolute;
    background:url("../img/lx1.png") no-repeat ;
    background-size:0.4rem 0.39rem;
    animation:2s lx1 infinite ease-in;
}
@keyframes lx1 {
    0%{top:0;left:110%;opacity:0}
    50%{opacity:1}
    100%{top:60%;left:-10%;opacity:0}
}
.banner .lx2{
    width:0.55rem;
    height:0.54rem;
    position:absolute;
    background:url("../img/lx2.png") no-repeat ;
    background-size:0.55rem 0.54rem;
    animation:1.5s lx2 infinite ease-in;
}
@keyframes lx2 {
    0%{top:30%;left:100%;opacity:0}
    50%{opacity:1}
    100%{top:60%;left:30%;opacity:0}
}
#banner .swiper-slide{overflow: hidden;width: 100%;height: 13rem;}
.banner .lx3{
    width:0.34rem;
    height:0.33rem;
    position:absolute;
    background:url("../img/lx3.png") no-repeat ;
    background-size:0.34rem 0.33rem;
    animation:2.5s lx3 infinite ease-in-out;
}
@keyframes lx3 {
    0%{top:10%;left:50%;opacity:0}
    50%{opacity:1}
    100%{top:40%;left:-10%;opacity:0}
}
.banner ul{
    top:9.89rem;
    left:2.2rem;
    position:absolute;
}
.banner ul li{
    margin-bottom:0.25rem;
    padding-left:0.39rem;
    line-height:0.3rem;
    font-size:0.3rem;
    color:#ffffff;
    background:url("../img/br-li.png") no-repeat left center;
    background-size:0.16rem 0.25rem;
}
.banner .link{
    top:11.7rem;
    left:50%;
    margin-left:-1.75rem;
    width:3.5rem;
    height:0.8rem;
    line-height:0.8rem;
    font-size:0.42rem;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    text-shadow:-2px -2px 2px #ff7e00;
    display:block;
    position:absolute;
    background:url("../img/link.png") no-repeat left center;
    background-size:3.5rem 0.8rem;
}
.part{
    padding-bottom:0.5rem;
    width:100%;
    background:url("../img/line.jpg") no-repeat center bottom;
    background-size:7.5rem 0.01rem;
}
.title{
    padding:0.5rem 0 0.3rem;
    width:100%;
}
.title h2{
    font-size:0.36rem;
    line-height:0.44rem;
    text-align:center;
    color:#ffe15c;
    font-weight:bold;
    background:url("../img/title.png") no-repeat center;
    background-size:7.5rem 0.44rem;
}
.title p{
    margin-top:0.08rem;
    font-size:0.24rem;
    line-height:0.24rem;
    text-align:center;
    color:#ffffff;
}
.p1 ul li{
    margin-top:0.08rem;
    margin-left:0.2rem;
    width:6.7rem;
    height:2.16rem;
    overflow:hidden;
}
.p1 ul li.l1{
    background:url("../img/p1-img1.png") no-repeat center;
    background-size:6.7rem 2.16rem;
}
.p1 ul li.l2{
    background:url("../img/p1-img2.png") no-repeat center;
    background-size:6.7rem 2.16rem;
}
.p1 ul li.l3{
    background:url("../img/p1-img3.png") no-repeat center;
    background-size:6.7rem 2.16rem;
}
.p1 ul li.l4{
    background:url("../img/p1-img4.png") no-repeat center;
    background-size:6.7rem 2.16rem;
}
.p1 ul li .info{
    margin-top:0.7rem;
    margin-left:3.14rem;
}
.p1 ul li.l2 .info, .p1 ul li.l4 .info{
    margin-left:1.06rem;
}
.p1 ul li .info h2{
    font-size:0.3rem;
    line-height:0.3rem;
    color:#ffe15c;
    font-weight:bold;
}
.p1 ul li .info p{
    margin-top:0.18rem;
    font-size:0.24rem;
    line-height:0.3rem;
    color:#ffffff;
}
.part .link{
    margin:0.3rem auto 0;
    width:3.5rem;
    height:0.8rem;
    line-height:0.8rem;
    font-size:0.4rem;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    text-shadow:-2px -2px 2px #ff7e00;
    display:block;
    background:url("../img/link.png") no-repeat left center;
    background-size:3.5rem 0.8rem;
}
.p2 .box{
    width:100%;
    height:5.55rem;
    position:relative;
    background:url("../img/p2-img.png") no-repeat center 0.52rem;
    background-size:7.5rem 4rem;
}
.p2 .box .txt{
    top:1.27rem;
    left:50%;
    margin-left:-1.64rem;
    width:3.28rem;
    height:2.94rem;
    position:absolute;
    background:url("../img/p2-txt.png") no-repeat center;
    background-size:3.28rem 2.94rem;
    animation:1s op1 infinite linear;
}
.p2 .box .info{
    width:1.7rem;
    height:0.57rem;
    position:absolute;
    background:url("../img/p2-line1.png") no-repeat center;
    background-size:1.3rem 0.03rem;
    animation:1s op2 infinite linear;
}
.p2 .box .info h2{
    font-size:0.22rem;
    line-height:0.22rem;
    color:#ffffff;
    text-align:center;
}
.p2 .box .info h2 span{
    font-weight:bold;
    color:#ffe15c;
}
.p2 .box .info p{
    margin-top:0.15rem;
    font-size:0.22rem;
    line-height:0.22rem;
    font-weight:bold;
    color:#ffe15c;
    text-align:center;
}
.p2 .box .info.i1{
    top:1.38rem;
    left:0.2rem;
}
.p2 .box .info.i2{
    top:3.28rem;
    left:0.2rem;
}
.p2 .box .info.i3{
    top:0;
    left:50%;
    margin-left:-1.25rem;
    width:2.5rem;
    height:0.35rem;
    position:absolute;
    background:url("../img/p2-line2.png") no-repeat bottom;
    background-size:2.5rem 0.03rem;
}
.p2 .box .info h2 span{
    font-weight:bold;
    color:#ffe15c;
}
.p2 .box .info.i4{
    top:4.71rem;
    left:50%;
    margin-left:-1.25rem;
    width:2.5rem;
    height:0.35rem;
    position:absolute;
    background:url("../img/p2-line2.png") no-repeat top;
    background-size:2.5rem 0.03rem;
}
.p2 .box .info.i4 h2{
    margin-top:0.09rem;
}
.p2 .box .info.i5{
    top:1.38rem;
    right:0.2rem;
}
.p2 .box .info.i6{
    top:3.28rem;
    right:0.2rem;
}
.p2 .box h3{
    bottom:0;
    right:0.2rem;
    font-size:0.18rem;
    line-height:0.18rem;
    color:#ffffff;
    text-align:right;
    position: absolute;
}
.p3 .main{
    height:5.8rem;
    position:relative;
}
.p3 .main .img{
    top:0;
    left:50%;
    margin-left:-2.675rem;
    width:5.35rem;
    height:5.05rem;
    position:absolute;
    background:url("../img/p3-img.png") no-repeat center;
    background-size:5.35rem 5.05rem;
}
.p3 .main .yun1{
    top:1.4rem;
    left:0.8rem;
    width:1.53rem;
    height:0.75rem;
    background:url("../img/p3-yun1.png") no-repeat center;
    background-size:1.53rem 0.75rem;
    position:absolute;
    animation:1s yun1 infinite linear;
}
.p3 .main .yun2{
    top:0.25rem;
    right:1.14rem;
    width:1.74rem;
    height:0.84rem;
    background:url("../img/p3-yun2.png") no-repeat center;
    background-size:1.74rem 0.84rem;
    position:absolute;
    animation:1s yun2 infinite linear;
}
@keyframes yun1 {
    0%{transform:scale(1)}
    50%{transform:scale(1.1)}
    100%{transform:scale(1)}
}
@keyframes yun2 {
    0%{transform:scale(1.1)}
    50%{transform:scale(1)}
    100%{transform:scale(1.1)}
}
.p3 .lx1{
    width:0.4rem;
    height:0.39rem;
    position:absolute;
    background:url("../img/lx1.png") no-repeat ;
    background-size:0.4rem 0.39rem;
    animation:2s lx4 infinite ease-in;
}
@keyframes lx4 {
    0%{top:-20%;left:100%;opacity:0}
    50%{opacity:1}
    100%{top:80%;left:-10%;opacity:0}
}
.p3 .lx2{
    width:0.55rem;
    height:0.54rem;
    position:absolute;
    background:url("../img/lx2.png") no-repeat ;
    background-size:0.55rem 0.54rem;
    animation:1.5s lx5 infinite ease-in;
}
@keyframes lx5 {
    0%{top:30%;left:90%;opacity:0}
    50%{opacity:1}
    100%{top:70%;left:50%;opacity:0}
}
.p3 .lx3{
    width:0.34rem;
    height:0.33rem;
    position:absolute;
    background:url("../img/lx3.png") no-repeat ;
    background-size:0.34rem 0.33rem;
    animation:2.5s lx6 infinite ease-in-out;
}
@keyframes lx6 {
    0%{top:-10%;left:30%;opacity:0}
    50%{opacity:1}
    100%{top:30%;left:-10%;opacity:0}
}
.p3 .main .st{
    top:-0.1rem;
    left:50%;
    margin-left:-3.57rem;
    width:7.14rem;
    height:6.21rem;
    background:url("../img/p3-st.png") no-repeat center;
    background-size:7.14rem 6.21rem;
    position:absolute;
    animation:1s st2 infinite ease-in-out;
}
.part.p3 .link{
    margin:0;
    top:5rem;
    left:50%;
    margin-left:-1.75rem;
    width:3.5rem;
    height:0.8rem;
    line-height:0.8rem;
    font-size:0.42rem;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    position:absolute;
    text-shadow:-2px -2px 2px #ff7e00;
    display:block;
    background:url("../img/link.png") no-repeat left center;
    background-size:3.5rem 0.8rem;
}
.p4 img{
    margin:0 auto;
    width:100%;
    height:auto;
    display:block;
}
.p5 ul{
    margin-left:0.35rem;
    width:7.5rem;
}
.p5 ul li{
    margin-right:0.4rem;
    float:left;
    width:1.3rem;
    height:1.7rem;
    position:relative;
}
.p5 ul li img.img1{
    top:0;
    left:0;
    width:1.3rem;
    height:1.3rem;
    position:absolute;
    background:url("../img/p5-y.png") no-repeat;
    background-size:1.3rem 1.3rem;
    animation:1s y1 infinite linear;
}
.p5 ul li img.img2{
    top:0.7rem;
    left:50%;
    margin-left:-0.65rem;
    position:absolute;
    animation:2s op1 infinite linear;
}
.p5 ul li.l1 .img2{
    background:url("../img/p5-l1.png") no-repeat;
    background-size:1.3rem 1rem;
}
.p5 ul li.l2 .img2{
    background:url("../img/p5-l2.png") no-repeat;
    background-size:1.33rem 1rem;
}
.p5 ul li.l3 .img2{
    background:url("../img/p5-l3.png") no-repeat;
    background-size:1.25rem 1rem;
}
.p5 ul li.l4 .img2{
    background:url("../img/p5-l4.png") no-repeat;
    background-size:1.3rem 1rem;
}
.p5 ul li h2{
    top:0.28rem;
    left:0;
    width:1.3rem;
    font-size:0.24rem;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    position:absolute;
}
.p6 ul{
    height:2.5rem;
    position:relative;
}
.p6 ul li{
    position:absolute;
}
.p6 ul li.l4{
    top:0.5rem;
    left:5.2rem;
    width:1.96rem;
    height:2.05rem;
    z-index:1;
    background:url("../img/p6-l4.png") no-repeat center;
    background-size:1.96rem 2.05rem;
    animation:1.5s tp2 infinite linear;
}
.p6 ul li.l3{
    top:0;
    left:3.5rem;
    width:1.95rem;
    height:2.05rem;
    z-index:2;
    background:url("../img/p6-l3.png") no-repeat center;
    background-size:1.95rem 2.05rem;
    animation:1.5s tp1 infinite linear;
}
.p6 ul li.l2{
    top:0.5rem;
    left:1.8rem;
    width:1.94rem;
    height:2.05rem;
    z-index:3;
    background:url("../img/p6-l2.png") no-repeat center;
    background-size:1.94rem 2.05rem;
    animation:1.5s tp2 infinite linear;
}
.p6 ul li.l1{
    top:0;
    left:0.1rem;
    width:1.94rem;
    height:2.04rem;
    z-index:4;
    background:url("../img/p6-l1.png") no-repeat center;
    background-size:1.84rem 2.04rem;
    animation:1.5s tp1 infinite linear;
}
@keyframes tp1 {
    0%{top:0;}
    50%{top:10%;}
    100%{top:0;}
}
@keyframes tp2 {
    0%{top:10%;}
    50%{top:0;}
    100%{top:10%;}
}
.p6 ul li p{
    margin-top:1.26rem;
    width:1.8rem;
    font-size:0.2rem;
    line-height:0.24rem;
    text-align:center;
    color:#4644f6;
}
.p7 img{
    margin:0 auto;
    width:5.93rem;
    height:4.45rem;
    display:block;
}
.p8 .main{
    height:7rem;
    position:relative;
}
.p8 .txt1{
    top:0.1rem;
    left:50%;
    margin-left:-3.43rem;
    width:6.86rem;
    height:6.56rem;
    position:absolute;
    background:url("../img/p8-img1.png");
    background-size:6.86rem 6.56rem;
    animation:1.5s op1 infinite ease-out;
}
.p8 .txt2{
    top:0;
    left:50%;
    margin-left:-3.49rem;
    width:6.98rem;
    height:6.86rem;
    position:absolute;
    background:url("../img/p8-img2.png");
    background-size:6.98rem 6.86rem;
    animation:1.5s op2 infinite ease-in;
}
.p9 .main{
    height:3.3rem;
    position:relative;
}
.p9 .img{
    top:0;
    left:50%;
    margin-left:-1.65rem;
    width: 3.3rem;
    height:3.3rem;
    position:absolute;
    background:url("../img/p9-y.png") no-repeat center;
    background-size:3.3rem 3.3rem;
    animation:5s y1 infinite linear;
}
.p9 ul{
    height:3.3rem;
    position:relative;
}
.p9 ul li{
    padding-right:0.34rem;
    font-size:0.2rem;
    text-align:left;
    color:#ffffff;
    line-height:0.25rem;
    position:absolute;
    background:url("../img/p9-tag.png") no-repeat right center;
    background-size:0.2rem 0.24rem;
}
.p9 ul li.tag{
    padding-left:0.34rem;
    padding-right:0;
    background:url("../img/p9-tag.png") no-repeat left center;
    background-size:0.2rem 0.24rem;
}
.p9 ul li.last{
    width:3rem;
}
.p9 ul li.l1{
    top:0.12rem;
    left:1.12rem;
}
.p9 ul li.l2{
    top:0.83rem;
    left:0.28rem;
}
.p9 ul li.l3{
    top:1.53rem;
    left:-0.02rem;
}
.p9 ul li.l4{
    top:2.24rem;
    left:0.25rem;
}
.p9 ul li.l5{
    top:2.93rem;
    left:0.97rem;
}
.p9 ul li.l6{
    top:0.12rem;
    left:4.09rem;
}
.p9 ul li.l7{
    top:0.83rem;
    left:4.83rem;
}
.p9 ul li.l8{
    top:1.53rem;
    left:4.98rem;
}
.p9 ul li.l9{
    top:2.24rem;
    left:4.83rem;
}
.p9 ul li.l10{
    top:2.93rem;
    left:4.1rem;
}
.p9 .info{
    top:1rem;
    left:50%;
    margin-left:-1.42rem;
    width:2.84rem;
    position:absolute;
}
.p9 .info h2{
    font-size:0.4rem;
    font-weight:bold;
    line-height:0.46rem;
    text-align:center;
    color:#ffffff;
}
.p9 .info p{
    margin-top:0.2rem;
    font-size:0.14rem;
    line-height:0.14rem;
    text-align:center;
    color:#ffffff;
}
.p9 .info .jt{
    top:1.6rem;
    left:50%;
    margin-left:-0.08rem;
    width:0.17rem;
    height:0.1rem;
    display:block;
    position:absolute;
    animation:1s tp3 infinite linear;
}
@keyframes tp3 {
    0%{top:120%;}
    50%{top:130%;}
    100%{top:120%;}
}
#th{
    margin:0 auto;
    width:7rem;
    height:4.25rem;
    overflow:hidden;
    border:0.04rem dashed #33ecff;
}
#th .box{
    margin:0 auto;
    width:6.6rem;
}
#th .box .img{
    margin-top:0.47rem;
    float:left;
    width:2.4rem;
    height:3.25rem;
}
#th .box .img.t1{
    background:url("../img/t1.jpg") no-repeat center;
    background-size:2.4rem 3.25rem;
}
#th .box .img.t2{
    background:url("../img/t2.jpg") no-repeat center;
    background-size:2.4rem 3.25rem;
}
#th .box .img.t3{
    background:url("../img/t3.jpg") no-repeat center;
    background-size:2.4rem 3.25rem;
}
#th .box .img.t4{
    background:url("../img/t4.jpg") no-repeat center;
    background-size:2.4rem 3.25rem;
}
#th .box .img.t5{
    background:url("../img/t5.jpg") no-repeat center;
    background-size:2.4rem 3.25rem;
}
#th .box .img.t6{
    background:url("../img/t6.jpg") no-repeat center;
    background-size:2.4rem 3.25rem;
}
#th .box .te{
    margin-top:2.55rem;
    margin-left:0.2rem;
    width:2.2rem;
    height:0.5rem;
    font-size:0.24rem;
    line-height:0.5rem;
    text-align:center;
    color:#ffffff;
    background:rgba(68,68,225,0.6);
}
#th .box .te span{
    font-size:0.2rem;
}
#th .box .info{
    margin-top:0.47rem;
    float:right;
    width:3.9rem;
}
#th .box .info h2{
    font-size:0.24rem;
    line-height:0.24rem;
    color:#ffffff;
    text-indent:0.1rem;
}
#th .box .info ul{
    margin-bottom:0.37rem;
    width:4rem;
}
#th .box .info ul li{
    margin-top:0.1rem;
    margin-right:0.1rem;
    float:left;
    width:1.9rem;
    height:0.7rem;
    font-size:0.2rem;
    line-height:0.7rem;
    text-align:center;
    color:#ffffff;
    background:url("../img/p10-tag.png") no-repeat center;
    background-size:1.9rem 0.7rem;
}
#th .box .info .txt{
    margin-top:0.1rem;
    width:3.9rem;
    height:0.7rem;
    background:url("../img/p10-txt.png") no-repeat center;
    background-size:3.9rem 0.7rem;
    overflow:hidden;
}
#th .box .info .txt p{
    margin-top:0.1rem;
    font-size:0.2rem;
    line-height:0.24rem;
    text-align:center;
    color:#ffffff;
}
.p11{
    height:7.1rem;
    position:relative;
}
.p11 h2{
    padding:0.5rem 0;
    font-size:0.45rem;
    line-height:0.72rem;
    font-weight:bold;
    text-align:center;
    color:#ffffff;
}
.p11 h2 span{
    font-size:0.6rem;
    color:#ffe15c;
}
.p11 .st{
    top:0.3rem;
    left:50%;
    margin-left:-3.62rem;
    width:7.24rem;
    height:6.21rem;
    position:absolute;
    background:url("../img/p11-st.png") no-repeat center;
    background-size:7.24rem 6.21rem;
    animation:1s op1 infinite ease-in-out;
}
.p11 .lx1{
    width:0.4rem;
    height:0.39rem;
    position:absolute;
    background:url("../img/lx1.png") no-repeat ;
    background-size:0.4rem 0.39rem;
    animation:2s lx7 infinite ease-in;
}
@keyframes lx7 {
    0%{top:0;left:110%;opacity:0}
    50%{opacity:1}
    100%{top:80%;left:-10%;opacity:0}
}
.p11 .lx2{
    width:0.55rem;
    height:0.54rem;
    position:absolute;
    background:url("../img/lx2.png") no-repeat ;
    background-size:0.55rem 0.54rem;
    animation:1.5s lx8 infinite ease-in;
}
@keyframes lx8 {
    0%{top:30%;left:100%;opacity:0}
    50%{opacity:1}
    100%{top:100%;left:30%;opacity:0}
}
.p11 .lx3{
    width:0.34rem;
    height:0.33rem;
    position:absolute;
    background:url("../img/lx3.png") no-repeat ;
    background-size:0.34rem 0.33rem;
    animation:2.5s lx9 infinite ease-in-out;
}
@keyframes lx9 {
    0%{top:10%;left:50%;opacity:0}
    50%{opacity:1}
    100%{top:50%;left:-10%;opacity:0}
}
.form{
    top:2.3rem;
    left:50%;
    margin-left:-2.35rem;
    width:4.7rem;
    position:absolute;
}
.form input{
    margin-bottom:0.3rem;
    font-size:0.24rem;
}
.form .name{
    padding:0 0.2rem 0 1rem;
    width:3.5rem;
    height:0.85rem;
    line-height:0.85rem;
    display:block;
    color:#ffffff;
    background:url("../img/p11-i1.png") no-repeat center;
    background-size:4.7rem 0.85rem;
    border:none;
}
.form .phone{
    padding:0 0.2rem 0 1rem;
    width:3.5rem;
    height:0.85rem;
    line-height:0.85rem;
    display:block;
    color:#ffffff;
    background:url("../img/p11-i2.png") no-repeat center;
    background-size:4.7rem 0.85rem;
    border:none;
}
.form .num{
    float:left;
    padding:0 0.4rem;
    width:2rem;
    height:0.85rem;
    line-height:0.85rem;
    color:#ffffff;
    text-align:center;
    background:url("../img/p11-i3.png") no-repeat center;
    background-size:2.8rem 0.85rem;
    border:none;
}
.form .send{
    float:right;
    width:1.7rem;
    height:0.85rem;
    line-height:0.85rem;
    color:#ffffff;
    font-size:0.24rem;
    text-align:center;
    cursor:pointer;
    background:url("../img/p11-i4.png") no-repeat center;
    background-size:1.7rem 0.85rem;
    border:none;
}
.form .submit{
    float:left;
    width:2.3rem;
    height:0.65rem;
    line-height:0.65rem;
    color:#ffffff;
    font-size:0.38rem;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    text-shadow:-2px -2px 2px #ff7e00;
    background:url("../img/link2.png") no-repeat center;
    background-size:2.3rem 0.65rem;
    border:none;
}
.form .link2{
    float:right;
    width:2.3rem;
    height:0.65rem;
    line-height:0.65rem;
    color:#ffffff;
    font-size:0.38rem;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
    text-shadow:-2px -2px 2px #ff7e00;
    display:block;
    background:url("../img/link2.png") no-repeat center;
    background-size:2.3rem 0.65rem;
    border:none;
}
input::-webkit-input-placeholder{
    color:#ffffff;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ffffff;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ffffff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#ffffff;
}
.footer{
    padding:0.3rem 0 1.3rem;
    background:#3946c6;
}
.footer p{
    font-size:0.18rem;
    line-height:0.28rem;
    color:#ffffff;
    text-align:center;
}
.footer p span{
    font-size:0.14rem;
}