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%;
    max-width:7.5rem;
    min-width:3.2rem;
    overflow:hidden;
    position:relative;
    background:#050a30;
}
.main{
    margin:0 auto;
    width:7.1rem;
}
.header{
    top:0;
    width:7.5rem;
    height:1rem;
    z-index:99;
    position:absolute;
}
.header .logo{
    margin-top:0.27rem;
    float:left;
    width:1.58rem;
    height:0.47rem;
    display:block;
}
.header .logo-text{
    margin-top:0.29rem;
    margin-left:0.11rem;
    float:left;
    color:#ffffff;
    font-size:0.2rem;
    line-height:0.24rem;
}
.header .phone{
    margin-top:0.35rem;
    padding-left:0.41rem;
    float:right;
    font-size:0.24rem;
    line-height:0.3rem;
    color:#ffffff;
    background:url("../img/phone.png") no-repeat left center;
    background-size:0.3rem 0.3rem;
}
.banner{
    width:7.5rem;
    height:13rem;
    position:relative;
}
.line{
    padding-bottom:0.5rem;
    background:url("../img/line.png") no-repeat center bottom;
    background-size:7.5rem 0.01rem;
}
.banner .y1{
    top:0.22rem;
    left:50%;
    margin-left:-5.26rem;
    width:10.52rem;
    height:10.52rem;
    position:absolute;
    background:url("../img/br-y1.png") no-repeat center;
    background-size:10.52rem 10.52rem;
    animation:5s y1 infinite linear;
}
@keyframes y1 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.banner .y2{
    top:0.22rem;
    left:50%;
    margin-left:-5.26rem;
    width:10.52rem;
    height:10.52rem;
    position:absolute;
    background:url("../img/br-y2.png") no-repeat center;
    background-size:10.52rem 10.52rem;
    animation:5s y2 infinite linear;
}
@keyframes y2 {
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
.banner .y3{
    top:2.01rem;
    left:50%;
    margin-left:-3.475rem;
    width:6.95rem;
    height:6.95rem;
    position:absolute;
    background:url("../img/br-y3.png") no-repeat center;
    background-size:6.95rem 6.95rem;
    animation:5s y3 infinite linear;
}
@keyframes y3 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
.banner .lx{
    width:1.6rem;
    height:1.18rem;
    position:absolute;
    background:url("../img/br-lx.png") no-repeat center;
    background-size:1.6rem 1.18rem;
}
.banner .lx.l1{
    top:1.5rem;
    left:4.5rem;
    animation:2s l1 infinite ease-in-out;
}
@keyframes l1 {
    0%{opacity:0;top:20%;left:80%;}
    50%{opacity:1}
    100%{opacity:0;top:50%;left:0;}
}
.banner .lx.l2{
    top:8.85rem;
    left:0.66rem;
    animation:1s l2 infinite linear;
}
@keyframes l2 {
    0%{opacity:0;top:40%;left:90%;}
    50%{opacity:1}
    100%{opacity:0;top:70%;left:0;}
}
.banner .sj{
    top:0;
    left:0;
    width:7.5rem;
    height:13rem;
    position:absolute;
    background:url("../img/br-sj.png") no-repeat center;
    background-size:7.5rem 13rem;
}
.banner .ty{
    top:2.79rem;
    left:0.84rem;
    width:1.35rem;
    height:1.35rem;
    position:absolute;
    background:url("../img/br-ty.png") no-repeat center;
    background-size:1.35rem 1.35rem;
    animation:1s ty infinite linear;
}
@keyframes ty {
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
.banner .txt{
    top:0;
    left:0;
    width:7.5rem;
    height:13rem;
    position:absolute;
    background:url("../img/br-txt.png") no-repeat center;
    background-size:7.5rem 13rem;
}
.banner .d1{
    top:0;
    left:0;
    width:7.5rem;
    height:13rem;
    position:absolute;
    background:url("../img/br-d1.png") no-repeat center;
    background-size:7.5rem 13rem;
    animation:1s d1 infinite linear;
}
@keyframes d1 {
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}
.banner .d2{
    top:0;
    left:0;
    width:7.5rem;
    height:13rem;
    position:absolute;
    background:url("../img/br-d2.png") no-repeat center;
    background-size:7.5rem 13rem;
    animation:1s d2 infinite linear;
}
@keyframes d2 {
    0%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 1}
}
.banner .txt2{
    top:7.45rem;
    left:0;
    width:100%;
    position:absolute;
}
.banner .txt2 p{
    font-size:0.4rem;
    line-height:0.4rem;
    text-align:center;
    color:#ffffff;
}
.banner .txt2 h3{
    margin-top:0.2rem;
    font-size:0.6rem;
    font-weight:bold;
    line-height:0.6rem;
    text-align:center;
    color:#ff2b92;
}
.banner .txt2 h2{
    margin-top:1.8rem;
    font-size:0.46rem;
    font-weight:bold;
    line-height:0.46rem;
    text-align:center;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8984e), to(#b6076e));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner .link{
    top:11.7rem;
    left:50%;
    margin-left:-1.75rem;
    width:3.5rem;
    height:0.8rem;
    font-size:0.5rem;
    line-height:0.8rem;
    display:block;
    color:#ffffff;
    text-align:center;
    position:absolute;
    background:url("../img/br-link.png") no-repeat center;
    background-size:3.5rem 0.8rem;
}
.title{
    margin:0.5rem auto;
}
.title.t1{
    background:url("../img/t1.png") no-repeat center 0.2rem;
    background-size:6.18rem 0.12rem;
}
.title.t2{
    background:url("../img/t2.png") no-repeat center 0.2rem;
    background-size:7.11rem 0.12rem;
}
.title.t3{
    background:url("../img/t3.png") no-repeat center 0.2rem;
    background-size:5.9rem 0.12rem;
}
.title.t4{
    background:url("../img/t4.png") no-repeat center 0.2rem;
    background-size:6.48rem 0.12rem;
}
.title.t5{
    background:url("../img/t5.png") no-repeat center 0.2rem;
    background-size:6.3rem 0.12rem;
}
.title.t6{
    background:url("../img/t6.png") no-repeat center 0.2rem;
    background-size:6.06rem 0.12rem;
}
.title.t7{
    background:url("../img/t7.png") no-repeat center 0.2rem;
    background-size:6.79rem 0.12rem;
}
.title.t8{
    background:url("../img/t8.png") no-repeat center 0.2rem;
    background-size:6.79rem 0.12rem;
}
.title.t9{
    background:url("../img/t9.png") no-repeat center 0.2rem;
    background-size:6.55rem 0.12rem;
}
.title h2{
    font-size:0.5rem;
    line-height:0.5rem;
    text-align:center;
    font-weight:bold;
    background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8984e), to(#b6076e));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.title p{
    margin-top:0.12rem;
    font-size:0.3rem;
    line-height:0.3rem;
    text-align:center;
    color:#ffffff;
}
.p1 .img{
    width:7.5rem;
    height:3.93rem;
    position:relative;
    background:url("../img/p1-img.png") no-repeat center;
    background-size:7.5rem 3.93rem;
}
.p1 .img1{
    top:0;
    left:0;
    width:7.5rem;
    height:3.93rem;
    display:block;
    position:absolute;
    animation:4s op1 infinite ease-in-out;
}
@keyframes op1 {
    0%{opacity: 1}
    50%{opacity: 0}
    100%{opacity: 1}
}
.p1 .img2{
    top:0;
    left:0;
    width:7.5rem;
    height:3.93rem;
    display:block;
    position:absolute;
    animation:4s op2 infinite ease-in-out;
}
@keyframes op2 {
    0%{opacity: 0}
    50%{opacity: 1}
    100%{opacity: 0}
}
.btn{
    margin:0.5rem auto 0;
    width:3.5rem;
    height:0.8rem;
    font-size:0.5rem;
    line-height:0.8rem;
    display:block;
    color:#ffffff;
    text-align:center;
    background:url("../img/br-link.png") no-repeat center;
    background-size:3.5rem 0.8rem;
}
.p2 .main{
    width:100%;
    height:4.85rem;
    position:relative;
    background:url("../img/p2-img.png") no-repeat center;
    background-size:5.09rem 0.99rem;
}
.p2 .box{
    width:2rem;
    position:absolute;
}
.p2 .box.b1{
    left:0.1rem;
}
.p2 .box.b2{
    left:2.6rem;
}
.p2 .box.b3{
    left:5.2rem;
}
.p2 .box.b4{
    top:3.2rem;
    left:1.35rem;
}
.p2 .box.b5{
    top:3.2rem;
    left:3.9rem;
}
.p2 .box .img{
    margin:0 auto;
    width:1rem;
    height:1rem;
    position:relative;
}
.p2 .box .img img{
    margin:0 auto;
    width:1rem;
    height:1rem;
    display:block;
    animation:1s r1 infinite linear;
}
@keyframes r1 {
    0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@keyframes r2 {
    0%{transform:rotate(360deg)}
    100%{transform:rotate(0deg)}
}
.p2 .box .img h2{
    top:0;
    left:0;
    width:1rem;
    line-height:1rem;
    font-size:0.3rem;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    position:absolute;
}
.p2 .box p{
    margin-top:0.12rem;
    font-size:0.22rem;
    line-height:0.26rem;
    color:#ffffff;
    text-align:center;
}
.p3 ul li{
    margin-left:0.5rem;
    margin-top:0.3rem;
    float:left;
    width:1.71rem;
    height:1.97rem;
    background:url("../img/p3-img.png") no-repeat center;
    background-size:1.71rem 1.97rem;
}
.p3 ul li h2{
    margin-top:0.3rem;
    font-size:0.22rem;
    line-height:0.22rem;
    text-align:center;
    color:#ffffff;
}
.p3 ul li p{
    margin-top:0.2rem;
    font-size:0.3rem;
    line-height:0.34rem;
    text-align:center;
    color:#ffffff;
}
.p4{
    position:relative;
}
.p4 .bg{
    background:url("../img/p4-bg.png") no-repeat center top;
    background-size:7.5rem 10.45rem;
}
.p4 .main{
    height:6.83rem;
    position:relative;
    background:url("../img/p4-img.png") no-repeat center top;
    background-size:5.6rem 6.83rem;
}
.p4 .box{
    position:absolute;
}
.p4 .box h2{
    font-size:0.3rem;
    line-height:0.3rem;
    color:#ffffff;
}
.p4 .box p{
    margin-top:0.16rem;
    font-size:0.24rem;
    line-height:0.24rem;
    color:#ffffff;
}
.p4 .box.b1{
    top:0.39rem;
    left:2.11rem;
}
.p4 .box.b2{
    top:1.73rem;
    right:2.11rem;
    text-align:right;
}
.p4 .box.b3{
    top:3.06rem;
    left:2.11rem;
}
.p4 .box.b4{
    top:4.41rem;
    right:2.11rem;
    text-align:right;
}
.p4 .box.b5{
    top:5.76rem;
    left:2.11rem;
}
.p4 .lx{
    width:1.6rem;
    height:1.18rem;
    position:absolute;
    background:url("../img/br-lx.png") no-repeat center;
    background-size:1.6rem 1.18rem;
}
.p4 .lx.l1{
    top:1.5rem;
    left:4.5rem;
    animation:2s l1 infinite ease-in-out;
}
.p4 .lx.l2{
    top:6.5rem;
    left:0.66rem;
    animation:1s l2 infinite linear;
}
.p5 .box{
    margin-left:0.2rem;
    width:6.69rem;
    height:2rem;
    overflow:hidden;
}
.p5 .box.b1{
    background:url("../img/p5-box1.png") no-repeat center;
    background-size:6.69rem 2rem;
}
.p5 .box.b2{
    margin-top:0.3rem;
    background:url("../img/p5-box2.png") no-repeat center;
    background-size:6.69rem 2rem;
}
.p5 .box h2{
    margin-top:0.52rem;
    margin-left:1.85rem;
    width:3.8rem;
    height:0.36rem;
    font-size:0.36rem;
    text-align:center;
    color:#ffffff;
    line-height:0.36rem;
    background:url("../img/p5-te.png")no-repeat center;
    background-size:3.8rem 0.06rem;
}
.p5 .box.b2 h2{
    margin-top:0.29rem;
}
.p5 .box h2 b{
    font-weight:bold;
    color:#f6914f;
}
.p5 .box ul{
    margin-top:0.26rem;
}
.p5 .box ul li{
    margin-bottom:0.15rem;
    margin-right:0.1rem;
    float:left;
    font-size:0.24rem;
    color:#ffffff;
    padding:0 0.12rem;
    line-height:0.4rem;
}
.p5 .box ul.ul1{
    margin-left:1rem;
}
.p5 .box ul.ul1 li{
    background:#ff2b92;
    border-radius:0.18rem;
}
.p5 .box ul.ul2{
    margin-left:1rem;
}
.p5 .box ul.ul2 li{
    background:#0032ff;
    border-radius:0.18rem;
}
.p5 .box ul.ul2 li.li4{
    margin-left:0.95rem;
}
.p6 .main ul{
    width:100%;
    height:3.1rem;
    position:relative;
}
.p6 .main ul li{
    position:absolute;
    overflow:hidden;
}
.p6 .main ul li img{
    top:0.17rem;
    left:50%;
    margin-left:-0.675rem;
    width:1.35rem;
    height:1.35rem;
    display:block;
    position:absolute;
    animation:2s op1 infinite ease-in-out;
}
.p6 .main ul li h2{
    top:0.53rem;
    left:50%;
    margin-left:-0.53rem;
    padding-bottom:0.16rem;
    width:1.06rem;
    font-size:0.3rem;
    line-height:0.3rem;
    text-align:center;
    color:#ffffff;
    position:absolute;
    background:url("../img/p6-line.png") no-repeat center bottom;
    background-size:1.06rem 0.07rem;
}
.p6 .main ul li.l1{
    top:0;
    left:1rem;
    width:2.4rem;
    height:1.3rem;
    background:url("../img/p6-b1.png") no-repeat center;
    background-size:2.4rem 1.3rem;
}
.p6 .main ul li.l2{
    top:0;
    left:3.7rem;
    width:2.4rem;
    height:1.6rem;
    background:url("../img/p6-b2.png") no-repeat center;
    background-size:2.4rem 1.6rem;
}
.p6 .main ul li.l2 img{
    top:0.23rem;
}
.p6 .main ul li.l2 h2{
    top:0.58rem;
}
.p6 .main ul li.l3{
    top:1.5rem;
    left:1rem;
    width:2.4rem;
    height:1.6rem;
    background:url("../img/p6-b3.png") no-repeat center;
    background-size:2.4rem 1.6rem;
}
.p6 .main ul li.l3 img{
    top:0.23rem;
}
.p6 .main ul li.l3 h2{
    top:0.58rem;
}
.p6 .main ul li.l4{
    top:1.8rem;
    left:3.7rem;
    width:2.4rem;
    height:1.3rem;
    background:url("../img/p6-b4.png") no-repeat center;
    background-size:2.4rem 1.3rem;
}
.p7 ul{
    padding:0 0.1rem;
}
.p7 ul li{
    margin-bottom:0.5rem;
    width:6rem;
    height:1rem;
    position:relative;
    background:url("../img/p7-b1.png") no-repeat center;
    background-size:6rem 1rem;
}
.p7 ul li.l2{
    margin-left:0.9rem;
    background:url("../img/p7-b2.png") no-repeat center;
    background-size:6rem 1rem;
}
.p7 ul li .te{
    top:-0.15rem;
    left:0.5rem;
    width:2.6rem;
    height:0.35rem;
    position:absolute;
    background:url("../img/p7-t1.png") no-repeat center;
    background-size:2.6rem 0.35rem;
}
.p7 ul li.l2 .te{
    top:-0.15rem;
    left:2.9rem;
    background:url("../img/p7-t2.png") no-repeat center;
    background-size:2.6rem 0.35rem;
}
.p7 ul li h2{
    top:-0.18rem;
    left:0.08rem;
    font-weight:bold;
    font-size:0.36rem;
    line-height:0.36rem;
    color:#ffffff;
    position:absolute;
}
.p7 ul li span{
    top:0;
    left:0.9rem;
    font-size:0.18rem;
    line-height:0.18rem;
    color:#ffffff;
    position:absolute;
}
.p7 ul li p{
    padding-top:0.41rem;
    margin-left:0.62rem;
    font-size:0.3rem;
    line-height:0.3rem;
    color:#ffffff;
}
.p7 ul li.l2 h2{
    left:1.8rem;
}
.p7 ul li.l2 span{
    left:0.64rem;
}
.p7 ul li.l2 p{
    margin-left:1.73rem;
}
.p8 #th .swiper-slide{

}
.p8 #th .box{
    margin:0 auto;
    width:2.2rem;
    height:3.15rem;
    background:url("../img/p8-box.png") no-repeat center;
    background-size:2.2rem 3.15rem;
    overflow:hidden;
}
.p8 #th .box img{
    margin:0.24rem auto 0;
    width:1.7rem;
    height:1.7rem;
    display:block;
}
.p8 #th .box h2{
    margin-top:0.12rem;
    font-size:0.24rem;
    font-weight:bold;
    line-height:0.24rem;
    color:#ffffff;
    text-align:center;
}
.p8 #th .box p{
    margin-top:0.3rem;
    font-size:0.16rem;
    line-height:0.2rem;
    color:#ffffff;
    text-align:center;
}
.p9 #wk{
    margin:0 auto;
    height:4rem;
    width:100%;
}
.p9 #wk .swiper-slide{
    width:3rem;
    height:2rem;
}
.p9 #wk .swiper-slide .img{
    top:0.6rem;
    left:50%;
    margin-left:-1.5rem;
    width:3rem;
    height:2rem;
    position:absolute;
}
.p9 #wk .swiper-slide .img.img1{
    background:url("../img/p9-img1.png") no-repeat center;
    background-size:3rem 2rem;
}
.p9 #wk .swiper-slide .img.img2{
    background:url("../img/p9-img2.png") no-repeat center;
    background-size:3rem 2rem;
}
.p9 #wk .swiper-slide .img.img3{
    background:url("../img/p9-img3.png") no-repeat center;
    background-size:3rem 2rem;
}
.p9 #wk .swiper-slide.swiper-slide-active{
    width:4.7rem;
    height:3.2rem;
}
.p9 #wk .swiper-slide.swiper-slide-active .img{
    top:0;
    left:50%;
    margin-left:-2.35rem;
    width:4.7rem;
    height:3.2rem;
    position:absolute;
    background-size:4.7rem 3.2rem;
}
.p9 #wk .swiper-slide.swiper-slide-active .img.img1{
    background:url("../img/p9-img1.png") no-repeat center;
    background-size:4.7rem 3.2rem;
}
.p9 #wk .swiper-slide.swiper-slide-active .img.img2{
    background:url("../img/p9-img2.png") no-repeat center;
    background-size:4.7rem 3.2rem;
}
.p9 #wk .swiper-slide.swiper-slide-active .img.img3{
    background:url("../img/p9-img3.png") no-repeat center;
    background-size:4.7rem 3.2rem;
}
.p9 #wk p{
    top:3.5rem;
    left:0;
    width:100%;
    font-size:0.3rem;
    line-height:0.3rem;
    text-align:center;
    color:#ffffff;
    position:absolute;
    display:none;
    background:url("../img/p9-line.png") no-repeat center;
    background-size:2.76rem 0.01rem;
}
.p9 #wk .swiper-slide.swiper-slide-active p{
    display:block;
}
.p10{
    height:6.44rem;
    background:url("../img/p10-bg.jpg") no-repeat center;
    background-size:7.5rem 6.44rem;
}
.p10 .lx{
    width:1.6rem;
    height:1.18rem;
    position:absolute;
    background:url("../img/br-lx.png") no-repeat center;
    background-size:1.6rem 1.18rem;
}
.p10 .lx.l1{
    top:1.5rem;
    left:4.5rem;
    animation:2s l3 infinite ease-in-out;
}
.p10 .lx.l2{
    top:6.5rem;
    left:0.66rem;
    animation:1s l4 infinite linear;
}
@keyframes l3 {
    0%{opacity:0;top:0%;left:80%;}
    50%{opacity:1}
    100%{opacity:0;top:60%;left:5%;}
}
@keyframes l4 {
    0%{opacity:0;top:15%;left:90%;}
    50%{opacity:1}
    100%{opacity:0;top:70%;left:10%;}
}
.p10 .main{
    position:relative;
}
.p10 form{
    margin:0 auto;
    width:4.7rem;
}
.p10 form input.txt{
    margin-bottom:0.3rem;
    float:left;
    width:4.7rem;
    height:0.85rem;
    font-size:0.24rem;
    color:#ffffff;
    text-indent:0.99rem;
    line-height:0.85rem;
    border:none;
}
.p10 form input.name{
    background:url("../img/p10-tag1.png") no-repeat center;
    background-size:4.7rem 0.85rem;
}
.p10 form input.phone{
    background:url("../img/p10-tag2.png") no-repeat center;
    background-size:4.7rem 0.85rem;
}
.p10 form input.qq{
    background:url("../img/p10-tag3.png") no-repeat center;
    background-size:4.7rem 0.85rem;
}
.p10 form input[type="submit"]{
    margin:0 auto;
    width:3.5rem;
    height:0.8rem;
    font-size:0.5rem;
    line-height:0.8rem;
    display:block;
    color:#ffffff;
    text-align:center;
    background:url("../img/br-link.png") no-repeat center;
    background-size:3.5rem 0.8rem;
    border:none;
    cursor:pointer;
}
.p10  form .ly-send-num{
    margin-bottom:0.3rem;
    float:left;
    padding:0 0.4rem;
    width:2rem;
    height:0.85rem;
    line-height:0.85rem;
    color:#ffffff;
    font-size:0.24rem;
    text-align:center;
    background:url("http://bj.tedu.cn/ly-send-m/num.png") no-repeat center;
    background-size:2.8rem 0.85rem;
    border:none;
}
.p10  form .ly-send-send{
    margin-bottom:0.3rem;
    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("http://bj.tedu.cn/ly-send-m/send.png") no-repeat center;
    background-size:1.7rem 0.85rem;
    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{
    height:1.34rem;
    background:url("../img/footer.jpg") no-repeat center;
    background-size:7.5rem 1.34rem;
    overflow:hidden;
}
.footer h2{
    margin-top:0.35rem;
    font-size:0.18rem;
    text-align:center;
    color:#ffffff;
}
.footer p{
    margin-top:0.04rem;
    text-align:center;
    font-size:0.14rem;
    color:#ffffff;
    line-height:0.24rem;
}