*{padding:0; margin:0;}
li{list-style:none;}
a{text-decoration:none;}
b,strong,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;border: none;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.absl{position: absolute;left: 0;top: 0;}
.absr{position: absolute;right: 0;top: 0;}
.abslt{position: absolute;left: 0;bottom: 0;}
.absrt{position: absolute;right: 0;bottom: 0;}
input{ outline:none;}
body{font-family: 'Microsoft YaHei',sans-serif;color: #293042;}
.wrap{width: 100%;overflow: hidden;text-align: center;}
.main{width: 1002px;margin: 0 auto;}
.nav{width: 100%;height: 70px;background: url(../img/bg1.jpg) no-repeat top center;}
.nav .main{width: 1030px;}
.nav h1{background: url(../img/logo.png) no-repeat;width: 108px;height: 34px;margin-top: 20px;}
.nav h1 a{width: 100%;height: 100%;display: block;text-indent: -99em;}
.nav ul{margin-top: 20px;margin-left: 54px;}
.nav li{padding: 0px 22px;font-size: 18px;border-radius: 30px;height: 30px;line-height: 28px;margin-right: 16px;background: #13171f;transition: 0.3s;}
.nav li a{color: #fff;width: 100%;height: 100%;display: block;}
.nav li span{width: 0px;height: 2px;background: #fff;transition: 0.3s;left: 50%;margin-left: -20px;top: 38px;}
.nav li.on{background: #3c4ed8;transition: 0.3s;}
.nav li.on span{width: 40px;transition: 0.3s;}
.tel{background: url(../img/tel.png) no-repeat left center;font-size: 18px;color: #fff;padding-left: 34px;margin-top: 22px;}
.banner{width: 100%;height: 650px;}
.banner .imgnn{background: url(../img/bannernn.jpg) no-repeat top center;width: 100%;height: 650px;display: block;}
.banner .img{background: url(../img/banner.jpg) no-repeat top center;width: 100%;height: 650px;display: block;}
.ly-top{top: 156px;color: #fff;width: 1002px;left: 50%;margin-left: -501px;z-index: 2;animation: totop 2.5s infinite linear;}
.ly-top .lyBox{width: 270px;height: 378px;background:#fff;z-index: 2;}
.ly-top  .lyBox h2{background:#293041;width:270px;height: 80px;line-height: 80px;font-size: 28px;}
.ly-top form{padding-top: 40px;}
#informm input[type=text]{width: 206px;height: 27px;font-size: 14px;padding-left: 28px;background: url(../img/icon01.png) no-repeat 6px center;border: none; border-bottom: 2px solid #e5e5e5;margin-bottom: 30px;}
#informm #phonee{background: url(../img/icon02.png) no-repeat 6px 0px;}
#informm #phoneCodee{background: url(../img/icon03.png) no-repeat 6px center;}
#getcodee{width: 80px;height: 24px;line-height: 24px;color: #fff;background: #3e53d5;font-size: 12px;cursor: pointer;right: 20px;}
#submsgg{background: url(../img/btn.jpg) no-repeat;width: 244px;height: 40px;border: none;cursor: pointer;margin: 10px auto 0;}
.ly-top i{width: 270px;height: 4px;background: #293041;}
@keyframes totop{
  0%{
    top:136px;
  }
  50%{
    top: 156px;
  }
  100%{
    top: 136px;
  }
}
.p1 h2{font-size: 40px;color: #3c4ed8;padding: 60px 0 20px;}
.p1 .line{width: 100%;background: url(../img/line.png) no-repeat top center;height: 15px;opacity: 0.2;filter:alpha(opacity=20);}
.p1 .txt{font-size: 24px;margin: 20px 0 50px;}
.p1 .main1{width: 990px;height: 570px;color: #fff;}
#one,#two{margin-left: 30px;}
.p1 .main1 div{margin-bottom: 50px;}
.p1 .main1 p.rel{width: 180px;height: 40px;background: #64c9b5;border-radius: 30px;font-size: 24px;line-height: 40px;margin: -62px auto 0;}
.p1 .main1 h3{width: 440px;height: 210px;left: 50px;top: 20px;opacity: 0;filter:alpha(opacity=0);transition: 0.5s;}
.p1 .main1 h3 i{background: #3c4ed8;opacity: 0.95;filter:alpha(opacity=95);width: 100%;height: 100%;}
.p1 .main1 h3 p{font-size: 20px;text-align: left;padding:36px 36px 0;width: 368px;height: 174px;}
.p1 .main1 .on h3{animation: fadeInUp 0.5s linear;opacity: 1;filter:alpha(opacity=100);transition: 0.5s;-webkit-animation: fadeInUp 0.5s linear;}
.btn,.btn2{width: 390px;height: 64px;background: #3c4ed8;border-radius: 6px;display: block;margin: 0 auto 50px;color: #fff;line-height: 64px;font-size: 30px;}



.btn img{margin-top: 20px;margin-left: 16px;}
.p2{background: url(../img/bg2.jpg) no-repeat;width: 100%;height: 780px;}
.p2 h2,.p4 h2,.p5 h2{padding-top: 36px;}
.p2 .txt{margin-bottom: 30px;}
.p2 .main{width: 950px;height: 440px;}
.p2 .outer{animation: roll 6s infinite linear;}
.p2 .inner{animation: roll_anti 6s infinite linear;}
.p2 .com{left: 54px;top: 86px;}
.p2 .right{width: 496px;top: 70px;}
.p2 .right p{font-size: 20px;line-height: 36px;text-align: left;width: 422px;}
.p2 .right img{margin-top:16px;}
.p2 .right div{margin-bottom: 38px;}
.p3 .main{width: 966px;background: url(../img/list.jpg) no-repeat 0 54px;height: 436px;}
.p3  h3{font-size: 24px;color: #3c4ed8;padding-left: 28px;left: 66px;}
.p3  span{width: 15px;height: 15px;background: #3c4ed8;top:8px;}
.p3  .two{left: 550px;}
.p3 div.abslt{width: 46px;bottom: 74px;}
.p3 .listH1 { width: 46px; height:140px;}
.p3 .top {top: -14px;z-index: 9;}
.p3 b.abslt{height: 0%;width: 100%;background: url(../img/line2.jpg) repeat;transition: 0.8s;}
.p3 .list1{left: 109px;}
.p3 .list2{left: 190px;}
.p3 .list2 .listH1{height: 170px;}
.p3 .list3{left:270px;}
.p3 .list3 .listH1{height: 192px;}
.p3 .list4{left:350px;}
.p3 .list4 .listH1{height: 210px;}
.p3 .dot{width: 417px;bottom: 72px;height: 297px;}
.p3 .dot b{background: url(../img/dot.png) no-repeat;height: 0%;width: 100%;}
.p3 .main .toH {height: 100%;transition: 0.8s;}
.p3 .btn{margin-top: 32px;}
.p2 .btn,.p3 .btn{width: 356px;}
.p3 h4{font-size: 16px;}
.p4{background: url(../img/bg3.jpg) no-repeat;height: 939px;width: 100%;color: #fff;}
.p4 .line{background: url(../img/line3.png) no-repeat top center;}
.p4 h2{color: #fff;}
.p4 li{width: 236px;height: 96px;border: 2px solid #364392;border-radius: 10px;margin-right: 12px;}
.p4 li i{width: 80px;height: 2px;top: -2px;left: 8px;background: #64c9b5;animation: move 2.2s linear infinite;}
.p4 li i.even{top: 95px;}
.p4 li img{margin-left: 36px;margin-top: 22px;}
.p4 li p{font-size: 22px;margin-left: 16px;line-height: 32px;margin-top: 16px;text-align: left;}
.p4 .list{background: url(../img/list2.png) no-repeat;height: 435px;margin-top: 10px;overflow: hidden;}
.p4 .list .fir{left: 148px;top: 600px;transition: 0.6s;}
.p4 .list .sec{left: 300px;top: -600px;transition: 0.6s;}
.p4 .list .thr{left: 452px;top: 600px; transition: 0.6s;}
.p4 .list .fou{left: 598px;top: -600px;transition: 0.6s;}
.p4 .list .fiv{left: 754px;top: 600px;transition: 0.6s;}
.p4 .list .firr{top: 218px;transition: 0.6s;}
.p4 .list .secc{top: 100px;transition: 0.6s;}
.p4 .list .thrr{top: 100px;transition: 0.6s;}
.p4 .list .fouu{top: 200px;transition: 0.6s;}
.p4 .list .fivv{top: 200px;transition: 0.6s;}
.p4 .btn{margin-top: 46px;}
.p5{background: url(../img/bg4.jpg) no-repeat center;height: 787px;}
.p5 .main{margin-top: 106px;}
.p5 .main li{width: 235px;height: 326px;margin-right: 20px;}
.p5 .main li h3{width: 150px;margin: -74px auto 0;}
.p5 .main h3 img{animation: roll_half2 2.5s infinite linear;}
.p5 .even h3 img{animation: roll_half 2.5s infinite linear;}
.p5 li h4,.p5 li p{width: 100%;height: 100%;}
.p5 .main li h4{background: #fff;box-shadow: 0px 0px 10px 2px rgb(60,78,216,0.12);border-radius: 6px;margin-top: 72px;}
.p5 h3 p{font-size: 24px;color: #fff;padding-top:32px;}
.p5 h4 p{font-size: 16px;text-align: justify;padding: 30px 18px;width: 202px;line-height: 26px;}
.p4 li.last,.p5 li.last{margin-right: -16px;}
.p5-1 ul{
  margin-left:5px;
  width:1200px;
}
.p5-1 ul li{
  margin-bottom:30px;
  margin-right:30px;
  float:left;
  width:310px;
  height:270px;
  position:relative;
  border:1px solid #f5f5f5;
  box-shadow:0 0 10px 2px #f5f5f5;
}
.p5-1 ul li img{
  width:310px;
  height:170px;
}
.p5-1 ul li h3{
  top:110px;
  width:150px;
  height:40px;
  font-size:24px;
  color:#ffffff;
  line-height:40px;
  text-align:center;
  position:absolute;
  background:#3c4ed8;
}
.p5-1 ul li p{
  margin-top:24px;
  color:#818181;
  text-align:left;
  font-size:18px;
  line-height:24px;
}
.p5-1 ul li p.t1{
  padding-left:20px;
}
.p5-1 ul li p.t2{
  padding-left:10px;
}
.p5-1 ul li p.t3{
  margin-top:14px;
  padding-left:60px;
}
.p5-1 ul li p.t4{
  padding-left:20px;
}
.p5-1 ul li p.t5{
  margin-top:14px;
  padding-left:20px;
}
.p5-1 ul li p.t6{
  padding-left:20px;
}

.p6{padding-bottom: 52px;}
.p6 .bgbox{color: #fff;margin-bottom: 20px;}
.p6 .bgbox{width: 300px;height: 400px;background: url(../img/bg5.jpg) no-repeat;}
.p6 h3{font-size: 24px;padding: 34px 0 48px;}
.p6 h4{font-size: 24px;line-height:45px;}
.p6 h5{font-size: 26px;padding: 32px 0 30px;}
.p6 div .txt1{font-size: 22px;text-align: left;padding-left: 60px;line-height: 34px;}
.p6 .txtbox{width: 640px;height: 400px;box-shadow: 0px 0px 20px 1px rgb(60,78,216,0.12);padding-left: 40px;text-align: left;position:relative}

.p6 .txtbox div{width: 66px;height: 52px;border: 8px solid #d8dadd;margin-top: 30px;}
.p6 .txtbox div p{width: 440px;height: 34px;font-size: 26px;background: url(../img/arrow1.jpg) no-repeat 10px center #fff;padding-left: 26px;margin-top: 9px;}
.p6 .txtbox div i{opacity: 0.3;filter:alpha(opacity=30);font-size: 24px;}
.p6 .txtbox h6{font-size: 18px;line-height: 42px;padding-top: 22px;}
.p6 .txtbox a{font-size: 22px;width: 200px;height: 40px;line-height: 40px;text-align: center;position:absolute; bottom:-20px;right:40px;}
.p6 .sec a{background: #f01404;}
.p6 .sec .bgbox{background: url(../img/bg6.jpg) no-repeat;}
.p6 .sec h3{padding: 34px 0 32px;}
.p6 .sec h5{padding: 32px 0 22px;}
.p6 .thr a{background: #64c9b5;margin-top: 6px;}
.p6 .thr .bgbox{background: url(../img/bg7.jpg) no-repeat;}
.p6 .thr h6{line-height: 36px;}
.p7{background:url(../img/bg8.jpg) no-repeat top center;height: 1010px;width: 100%;}
.p7 .main{margin-top: 116px;}
.p7 .main .fl{width: 350px;background: #3c4ed8;height: 534px;}
.p7 .main b{width: 100%;height: 124px;background: #293042;margin-top: 410px;display: block;}
.p7 .teacher{width: 350px;height: 600px;margin-top: -600px;margin-left: 20px;overflow: hidden;}
.p7 .main .fr{width: 594px;height: 630px;border-top: 2px solid #edeff1;margin-top: -66px;text-align: left;overflow: hidden;}
.p7 .fr div{left: 30px;top: 700px;transition: 0.6s;}
.p7 .fr div.on{top: 0;transition: 0.6s;}
.p7 .fr h3{font-size: 30px;padding: 82px 0 26px;}
.p7 .fr h3 i{font-size: 24px;}
.p7 .fr span{display: inline-block;width: 102px;height: 32px;background: #64c9b5;border-radius: 6px;text-align: center;color: #fff;font-size: 18px;line-height: 32px;margin-right: 10px;}
.p7 .fr h4{font-size: 22px;padding: 48px 0 24px;color: #3c4ed8;}
.p7 .fr p{font-size: 18px;line-height: 30px;}
.p7 .fr .sec{padding:22px 0 10px;}
.p7 .fr .absrt{bottom: 40px;right: 36px;cursor: pointer;}
.p7 .btn{width: 290px;}

.p7-1{
  height:955px;
  background:url("../img/p7-1-bg.jpg") no-repeat center;
}
.p7-1 .main{
  position:relative;
}
.p7-1 h2{
  color:#ffffff;
}
.p7-1 p.txt{
  color:#ffffff;
}
.p7-1 .main{
  position:relative;
}
.p7-1 .img{
  top:20px;
  left:46px;
  width:340px;
  height:500px;
  position:relative;
  background:#3c4ed8;
}
.p7-1-img{
  top:-20px;
  left:20px;
  width:350px;
  height:600px;
  overflow:hidden;
  position:absolute;
}
.p7-1-img img{
  top:-600px;
  left:0;
  width:340px;
  height:500px;
  position:absolute;
  transition:0.4s;
}
.p7-1-img img.act{
  top:0;
  transition:0.4s;
}
.p7-1-li{
  top:540px;
  left:46px;
  width:400px;
  height:30px;
  overflow:hidden;
  position:absolute;
}
.p7-1-li ul{
  top:30px;
  left:0;
  width:400px;
  height:30px;
  position:absolute;
  transition:0.1s;
}
.p7-1-li ul.act{
  top:0;
  transition:0.4s;
}
.p7-1-li ul li{
  float:left;
  padding:0 22px;
  margin-right:10px;
  color:#ffffff;
  text-align:center;
  font-size:20px;
  line-height:30px;
  background:#64c9b5;
}
.p7-1-info{
  top:0;
  left:490px;
  width:480px;
  height:480px;
  overflow:hidden;
  position:absolute;
}
.p7-1-info div{
  top:0;
  left:500px;
  width:480px;
  height:480px;
  position:absolute;
  transition:0.4s;
}
.p7-1-info div.act{
  left:0;
  transition:0.4s;
}
.p7-1-info div h3{
  font-size:36px;
  line-height:36px;
  color:#ffffff;
  text-align:left;
}
.p7-1-info div span{
  margin-top:15px;
  width:50px;
  height:3px;
  display:block;
  background:#3c4ed8;
}
.p7-1-info div h4{
  margin-top:14px;
  font-size:24px;
  line-height:24px;
  color:#ffffff;
  text-align:left;
}
.p7-1-info div h5{
  margin-top:14px;
  margin-bottom:10px;
  padding-left:10px;
  width:105px;
  height:30px;
  font-size:24px;
  line-height:30px;
  color:#ffffff;
  text-align:left;
  background:#3c4ed8;
}
.p7-1-info div p{
  font-size:18px;
  line-height:26px;
  color:#ffffff;
  text-align:left;
}
.p7-1-sw{
  top:490px;
  left:460px;
  width:430px;
  height:80px;
  position:absolute;
}
#p7-1-sw{
  margin:0 auto;
  width:380px;
  height:80px;
  overflow:hidden;
}
.p7-1-left{
  top:15px;
  left:0;
  width:20px;
  height:50px;
  cursor:pointer;
  position:absolute;
  background:url("../img/p7-1-btn1.jpg") no-repeat center;
}
.p7-1-right{
  top:15px;
  right:0;
  width:20px;
  height:50px;
  cursor:pointer;
  position:absolute;
  background:url("../img/p7-1-btn2.jpg") no-repeat center;
}












.p7-1 .btn{
    margin:100px auto 0;
}













.p8 .main ul{width: 322px;overflow: hidden;}
.p8 .main li{width: 100%;height: 100px;background: #293042;color: #fff;text-align: left;font-size: 22px;margin-bottom: 3px;transition: 0.5s;}
.p8 .main li img{margin-top: 36px;margin-left: -20px;transition: 0.5s;}
.p8 .main li p{display: inline-block;margin-top: 20px;margin-left: 40px;transition: 0.5s;}
.p8 .main li .lih{margin-top: 34px;}
.p8 .main li.on{background: #3c4ed8;transition: 0.5s;}
.p8 .main li.on img{margin-left: 0px;transition: 0.5s;}
.p8 .main li.on p{margin-left: 18px;transition: 0.5s;}
.p8 .fr{width: 666px;height: 615px;}
.p8 .fr i{width: 656px;height: 430px;border: 2px solid #9da6eb;}
.p8 .fr .pro{width: 715px;height: 462px;border: 1px solid #5666dd;left: -72px;top: 130px;overflow: hidden;}
.p8 .fr .dec{width: 96.5%;height: 130px;overflow: hidden;}
.p8 .dec div{top: -200px;transition: 0.5s;}
.p8 .dec div.opa{top: 0px;transition: 0.5s;}
.p8 .dec h3{font-size: 24px;color: #3c4ed8;background: url(../img/arrow4.jpg) no-repeat right center;padding-right: 30px;width: 98px;margin-bottom: 14px;}
.p8 .dec p{font-size: 18px;text-align: justify;}
.p9{background:url(../img/bg9.jpg) no-repeat top center;height: 736px;width: 100%;}
.p9 .main{margin-top: 70px;}
.p9 .fl{width: 554px;height: 300px;background: #293042;}
.p9 .cert{width: 432px;height: 305px;margin-top: -40px;margin-left: 32px;overflow: hidden;}
.p9 ul{right: 26px;top: 30px;}
.p9 ul li{width: 40px;height: 40px;background: #545968;font-size: 24px;font-weight: bold;line-height: 40px;margin-bottom: 30px;cursor: pointer;transition: 0.5s;}
.p9 ul li.on{background: #fff;transition: 0.5s;}
.p9 .fr{width: 380px;height: 300px;background: #3c4ed8;color: #fff;overflow: hidden;}
.p9 .fr div{width: 100%;height: 100%;top: 300px;transition: 0.5s;}
.p9 .fr .act{top: 0;transition: 0.5s;}
.p9 .fr h3{font-size: 28px;line-height: 50px;padding-top: 20px;}
.p9 .fr p{font-size: 20px;line-height: 30px;margin: 16px 0 24px;text-align: left;padding-left: 46px;}
.p9 .fr img{margin-right: 8px;}
.p9 .fr img.fir{margin-left: 2px;}
#sec p{padding-left: 78px;}
#thr p{padding-left: 100px;}
.p5 .btn,.p8 .btn,.p9 .btn{margin-top: 44px;width: 330px;}
.p9 img.absrt{cursor: pointer;right: 26px;bottom: 26px;}
.p10{background:url(../img/bg10.jpg) no-repeat top center;height: 1030px;width: 100%;}
.p10 ul{overflow: hidden;height: 64px;margin-bottom: 50px}
.p10 li{width: 196px;height: 46px;border: 1px solid #64c9b5;border-radius: 30px;font-size: 20px;line-height: 46px;margin-left: 44px;margin-right: 0;}
.p10 li b{width: 70px;height: 2px;background: #64c9b5;top: -40px;left: 64px;}
.p10 li.on{background: #64c9b5;transition: 0.5s;}
.p10 li.on b{top: 60px;transition: 0.5s;}
.p10 .bot{width: 100%;height: 528px;overflow: hidden;}
.p10 .bot img{margin: 0 6px 6px 0;}
.p10 .bot .last{margin-right: -6px;}
.p10 .btn{width: 320px;}
.foot{background: #ffffff;color:#848484;font-size: 18px;padding: 45px 0;line-height:32px;}
.p11{position: fixed;bottom: 0;left: 0;background: url(../img/bg11.jpg) no-repeat center;height: 80px;width: 100%;z-index: 999;display: none;}
.p11 .mesg{width: 1024px;margin: 0 auto;height: 100%;}
.p11 .mesg img{top: -152px;left: -100px;}
.p11 .mesg form{margin:22px 0 0 154px;}
.p11 .mesg .bor{width: 138px;height: 38px;border: 1px solid #fff;margin-right: 10px;}
.p11 .mesg .bor img{margin: 8px 8px 0 10px;}
.p11 .mesg .bor input{width: 100px;height: 100%;border: none;background: none;font-size: 16px;color: #fff;}
.p11 .mesg .bor .two{margin-top: 5px;}
.p11 .mesg .bor2{width: 191px;}
#phoneCode{width: 52px;}
#getcode{width: 96px;border-left: 1px solid #fff;height: 28px;line-height: 28px;padding-left: 4px;margin-top: 5px;cursor: pointer;color: #fff;}
#submsg{background: url(../img/sub.png) no-repeat;width: 135px;height: 36px;border: none;cursor: pointer;}
.p11 .mesg .bor input::-webkit-input-placeholder{color: #fff;}
.p11 .mesg .bor input::-moz-placeholder,.ly_top input::-moz-input-placeholder{color: #fff;}
.p11 .mesg .bor input::-ms-input-placeholder,.ly_top input::-ms-input-placeholder{color: #fff;}
@keyframes roll_half{
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(-360deg);
  }
}
@keyframes roll_half2{
  0% {
    transform:rotate(0deg);
  }
  100% {
    transform:rotate(360deg);
  }
}
@keyframes move{
  0% {
    transform:translateX(8px);
  }
  50% {
    transform:translateX(130px);
  }
  100% {
    transform:translateX(8px);
  }
}
@keyframes roll{
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes roll_anti {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.poster-main{margin:0 auto;position: relative;}
.poster-main .poster-list .poster-item{position:absolute;left:0;top:0;}
.poster-main .poster-btn{position:absolute;top:0;cursor:pointer;}
.poster-main .poster-prev-btn{left:0;background:url("../img/btn_l.png") no-repeat center;}
.poster-main .poster-next-btn{right:0;background:url("../img/btn_r.png") no-repeat center;}
.poster-main .poster-item{position:relative;}
.poster-main .poster-item img{width:100%;height:auto;border-radius:20px;}
.poster-main .btn-3d{left:50%;top:50%;margin-top:-25px;margin-left:-100px;;width:200px;height:40px;line-height:40px;text-indent:55px;font-size:22px;color:#ffffff;position:absolute;z-index:99999;display:block;background:url("../img/btn-3d.png") no-repeat 10px center #ff8e2d;border-radius:16px;}


.p12 .img{
  margin:0 auto;
}
.p12 .btn{
  margin:50px auto 0;
}