/*================重置样式部分===============*/
html,
body,
div,
span,
object,
iframe,
table,
tr,
th,
td,
em,
img,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
dl,
dt,
dd,
ul,
li,
ol,
form,
label,input,textarea{
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  font-family: "微软雅黑";
  font-size: 22px;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}
.clear{ clear: both;}
em,i{ font-style:normal}
.tc{ text-align: center}
.pr{ position: relative}
.fl{ float: left}
.fr{ float: right}
.auto{margin: 0 auto}
.ov{ overflow: hidden}
.mr0{ margin-right: 0 !important;}
input,textarea{ outline: none; border: none}

.fz30{ font-size: 30px;}

.patb30{ padding: 30px 0}
.patb50{ padding: 50px 0}

.warp{ max-width: 1680px; min-width: 1300px; overflow: hidden; font-size: 24px}
.wi{ width: 1200px; position: relative; margin:0 auto;}
.warp img{ vertical-align:bottom}

.warp .btn a{ display: inline-block; border-radius: 50px; line-height: 60px; font-size:24px;
    color: #fff;position: relative;
    width: 486px; height:82px;
    animation: bounceIn 5s infinite; -webkit-animation: bounceIn 5s infinite;
    background: url(../images/btn.png) no-repeat;
    line-height:82px; font-size: 30px
}
.warp .btn a:nth-child(even){ margin-left: 10%;
  background: #e53555;
  background: -webkit-linear-gradient(left, #e53555, #f57038);
  background: -o-linear-gradient(right, #e53555, #f57038);
  background: -moz-linear-gradient(right, #e53555, #f57038);
  background: linear-gradient(to right,#e53555, #f57038); 
}
.warp .btn b{ font-size: 40px; color: #fff600}
.warp .btn i{ font-weight: normal; font-size: 26px}


.kv { position: relative}
.kv a { width: 18%; position: absolute;left: 50%; bottom: 11%; margin-left: 9%;animation: bounceIn 5s infinite; -webkit-animation: bounceIn 5s infinite;}
.kv i{ display: block; width: 12%; position: absolute;left: 50%;bottom: 52%;margin-left: -10%;
  -webkit-animation: 5s angle infinite;
  animation: 5s angle infinite;
}
.kv i .light {
  position: absolute;
  top: 53%;
  left: 57%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: -webkit-radial-gradient(center ellipse, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: radial-gradient(ellipse at center, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 100%;
  z-index: 2;
  -webkit-animation: 1s flash infinite;
  animation: 1s flash infinite;
}


.p1{ background: url(../images/bg1.jpg) no-repeat top center; padding: 100px 0 30px; line-height: 45px; text-align: center; color: #09056e}
.p1 p{ line-height: 50px}
.p1 i{ font-size: 39px}
.p1 span{ display: block; padding: 90px 0 0; line-height: 55px}
.p1 b{ font-size: 37px}
.p1:after{ content: ""; display: block; width:185px; height:179px; 
  background: url(../images/star.png) no-repeat; position: absolute; top:140px; right:5%;
  animation: rotate 5s infinite; -webkit-animation: rotate 5s infinite
}

.p2 .ti{ height:348px; background: url(../images/ti2.jpg) no-repeat top center}
.p2 .con{ background: url(../images/bg2.jpg) no-repeat top center; height:1033px;}
.p2 ul { padding: 150px; overflow: hidden;}
.p2 ul li{ width:393px; float: left; margin-bottom: 50px}
.p2 ul li:nth-child(odd){ margin-right: 110px}
.p2 .btn{ position: absolute; bottom:0; left:0; width: 100%}

.p3 .ti{ height:487px; background: url(../images/ti3.jpg) no-repeat top center}
.p3 .wi::before{ content: ""; display: block; width:144px; height:76px; background: url(../images/cur.png) no-repeat;
  position: absolute; top:-5%; left:28%;
  -webkit-animation: rightan 1s infinite;
  -webkit-animation-fill-mode: both;
}
.p3 .con{ background: url(../images/bg3-1.jpg) no-repeat top center,url(../images/bg3-2.jpg) no-repeat bottom center; height:1403px;}
.p3::before{ content: ""; display: block; width:406px; height:694px; 
  background: url(../images/yezi1.png) no-repeat; position: absolute; right:0;top:40% }
.p3 .db{ background:#e7f3ff; border-radius: 20px; width: 950px; margin:50px auto; 
  text-align: center}
.p3 .db::after{ content: ""; display: block; width:978px; height:74px; 
  background: url(../images/line3.png) no-repeat; position: absolute; bottom:-40px; left:120px; }
.p3 ul { overflow: hidden; position: relative}
.p3 ul li{ width: 390px; float: left; border: 1px solid #2c2b79; height:145px; margin-left: 15px;
   margin-bottom: 15px; border-radius: 20px; padding:20px 30px; text-align: left; color: #2c2b79; font-size: 30px}
.p3 ul li h3{font-size: 36px; color: #0f4cd8}
.p3 ul li:nth-child(2) h3{ color: #39ccde}
.p3 ul li:nth-child(3) h3{ color: #0f4cd8}
.p3 ul li:nth-child(4) h3{ color: #3c94f8}
.p3 ul li p{ padding:2% 0; line-height: 45px}
.p3 ul li.i2,.p3 ul li.i4{ width:350px; padding-left: 70px}
.p3 ul a{ display: block; width: 150px; height:90px; border-radius: 50%; background: #ffa300; padding: 30px 0;
  border: 8px solid #fff; font-size: 36px; color: #fff; position: absolute; left:0; right:0; margin:0 auto; top:30%}

.p4{ background: url(../images/bg4.jpg) no-repeat top center; height:1243px; position: relative}
.p4 ul li{ color: #2c2b79; position: absolute; width: 280px; font-size: 30px}
.p4 ul li:nth-child(1){ right:100px; top:500px}
.p4 ul li:nth-child(2){ left:180px; top:500px}
.p4 ul li:nth-child(3){ right:100px; top:940px}
.p4 ul li:nth-child(4){ left:180px; top:940px}
.p4 .btn{ position: absolute; bottom:0; left:0; width: 100%}

.p5{ background: url(../images/bg5.jpg) no-repeat top center; height:985px; position: relative; text-align: center}
.p5 ul{ padding: 450px 0 0; overflow: hidden;}
.p5 ul li{ width:402px; float: left; background: #e4f2ff; border-radius: 20px; 
  overflow: hidden; border: 3px solid #a2d5f9; margin: 0 90px}
.p5 ul li span{ padding: 5% 0; display: block; color: #09056e}
.p5 ul li p{ padding: 2% 0}

.p6{ background: url(../images/bg6.jpg) no-repeat top center; height:763px; position: relative}
.p6 span{ display: block; padding: 150px 0 0; line-height: 60px; font-size: 40px; color: #09056e}
.p6 span i{ color: #ffa300}


@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}
@keyframes rotate{ from{ transform:rotate(0deg); -webkit-transform:rotate(0deg);}to{ transform:rotate(360deg); -webkit-transform:rotate(360deg);}}
@-webkit-keyframes angle {
  0% {
    -webkit-transform: rotate(0deg);
    transform:rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes angle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@-webkit-keyframes flash {
  0% {
    width: 0;
    height: 0;
  }
  20% {
    width: 200px;
    height: 200px;
  }
  25% {
    width: 0;
    height: 0;
  }
  45% {
    width: 200px;
    height: 200px;
  }
  50% {
    width: 0;
    height: 0;
  }
  100% {
    width: 0;
    height: 0;
  }
}
@keyframes flash {
  0% {
    width: 0;
    height: 0;
  }
  20% {
    width: 200px;
    height: 200px;
  }
  25% {
    width: 0;
    height: 0;
  }
  45% {
    width: 200px;
    height: 200px;
  }
  50% {
    width: 0;
    height: 0;
  }
  100% {
    width: 0;
    height: 0;
  }
}
@-webkit-keyframes rightan
{

from
{
    bottom: 0%;
    opacity: 0;
}
to
{
    bottom: 5%;
    opacity: 1;
}
}