/*base*/
* {
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
li {
  list-style: none;
}
a {
  color: #000;
  text-decoration: none;
}
b,
strong {
  font-weight: normal;
}
i,
em {
  font-style: normal;
}

img {
  vertical-align: top;
}
.clearfix:after {
  display: block;
  content: '';
  clear: both;
}
.clearfix {
  zoom: 1;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
input {
  outline: none;
}
body {
  font-family: 'Microsoft YaHei';
}
.wrap {
  width: 100%;
  overflow-x: hidden;
}
/*banner*/
/*.banner{width: 100%;height: 32.5rem;background: url(../img/banner.jpg) no-repeat top center;background-size: 100% 100%;position: relative;}*/
.tb {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.head {
  z-index: 9999;
  width: 17.8rem;
  position: absolute;
  left: 50%;
  top: 0.65rem;
  margin-left: -8.9rem;
}
h1 {
  width: 3.95rem;
  height: 1.175rem;
  background: url(../img/logo.png) no-repeat;
  background-size: 100% 100%;
  z-index: 999;
}
h1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -99em;
}
.head p {
  font-size: 0.5rem;
  color: #fff;
  margin-left: 0.25rem;
  line-height: 0.6rem;
}
.tel {
  height: 0.75rem;
  background: url(../img/tel.png) no-repeat;
  background-size: 0.75rem 0.75rem;
  font-size: 0.6rem;
  color: #fff;
  padding-left: 1.1rem;
  margin-top: 0.2rem;
  line-height: 0.75rem;
}
/*time*/
.time {
  width: 17.1rem;
  margin: 0 auto;
  padding: 1.25rem 0 0.75rem;
}
#time {
  width: 17rem;
  height: 1.35rem;
  line-height: 1.25rem;
  font-size: 0.9rem;
  color: #ff7642;
  background: #ebecf0;
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
}
#time em {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #ff7642;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1rem;
  font-weight: normal;
}
#time span {
  color: #828282;
  font-weight: normal;
}
.time ul li {
  background: url(../img/border2.png) no-repeat;
  width: 8.25rem;
  height: 2.15rem;
  background-size: 100% 100%;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  color: #a2a2a2;
  line-height: 2.1rem;
  margin-bottom: 0.5rem;
}
.time ul li.on {
  background: url(../img/border1.png) no-repeat;
  background-size: 100% 100%;
  color: #ff7642;
}
.adv {
  width: 100%;
}
/*p1*/
.p1 {
  text-align: center;
  padding: 1.25rem 0;
}
.p1 h2 {
  background: url(../img/num1.png) no-repeat center top;
  background-size: 3.175rem 3.075rem;
  font-size: 1.15rem;
  color: #828282;
  font-weight: bold;
  height: 3.225rem;
  padding-top: 0.35rem;
}
.p1 h2 span {
  color: #4a5cf0;
}
.txt {
  font-size: 0.55rem;
  color: #828282;
  font-weight: normal;
}
.p1 .list {
  width: 17.25rem;
  margin: 0 auto;
}
.p1 .list li {
  width: 100%;
  height: 3.75rem;
  text-align: left;
  margin-bottom: 0.75rem;
}
.p1 .list li:nth-child(1) {
  background: url(../img/border3.png) no-repeat;
  background-size: 100% 100%;
}
.p1 .list li:nth-child(2) {
  background: url(../img/border4.png) no-repeat;
  background-size: 100% 100%;
}
.p1 .list li:nth-child(3) {
  background: url(../img/border5.png) no-repeat;
  background-size: 100% 100%;
}
.p1 .list li:nth-child(4) {
  background: url(../img/border6.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.p1 .list li:nth-child(4) i {
  font-size: 0.45rem;
  color: #828282;
  position: absolute;
  right: 0;
  bottom: -0.8rem;
}
.p1 .list h3 {
  font-size: 0.9rem;
  color: #4a5cf0;
  margin-left: 7.2rem;
  padding-top: 0.5rem;
}
.p1 .list p {
  font-size: 0.6rem;
  color: #828282;
  width: 13.2rem;
  margin-left: 5rem;
}
.p1 .list li:nth-child(1) p {
  margin-left: 3.75rem;
}
.p1 .list li:nth-child(3) p {
  margin-left: 5.7rem;
}
.p1 .list p span {
  color: #ff7642;
}
.btn {
  width: 9.75rem;
  height: 2.7rem;
  background: url(../img/btn.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  display: block;
  line-height: 2.5rem;
  color: #fff;
  margin-top: 1.35rem;
}
/*p2*/
.p2 {
  background: url(../img/cir.png) no-repeat #ebecf0 top;
  padding-bottom: 2rem;
  background-size: 100% 19.425rem;
}
.p2 h2 {
  background: url(../img/num2.png) no-repeat center top;
  background-size: 3.7rem 3.075rem;
}
.p2 .roll {
  width: 13.75rem;
  height: 12.75rem;
  position: relative;
  margin: 0.8rem auto 0;
  animation: 40s infinite wheel linear;
}
.p2 .roll .cir {
  width: 7.5rem;
  height: 7.5rem;
  position: absolute;
  animation: 40s infinite fix linear;
  color: #fff;
}
.p2 .roll .cir2 {
  background: url(../img/cir2.png) no-repeat;
  background-size: 100% 100%;
  top: 0;
  left: 3.15rem;
}
.p2 .roll .cir1 {
  background: url(../img/cir1.png) no-repeat;
  background-size: 100% 100%;
  top: 5.25rem;
  left: 0;
}
.p2 .roll .cir3 {
  background: url(../img/cir3.png) no-repeat;
  background-size: 100% 100%;
  top: 5.25rem;
  right: 0;
  color: #4b57ff;
}
.p2 .roll h3 {
  font-size: 1.2rem;
  padding-top: 2rem;
}
.p2 .roll p {
  font-size: 0.55rem;
  padding-top: 0.8rem;
}
@keyframes wheel {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes fix {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.p6 {
  background: #ebecf0;
  margin-top: 1.25rem;
}
.p6 h2 {
  background: url(../img/num5.png) no-repeat center top;
  background-size: 3.775rem 3.075rem;
}
.p6 .box {
  width: 17.85rem;
  height: 12.2rem;
  margin: 0.9rem auto;
  background: url(../img/arrow.png) no-repeat center top;
  background-size: 0.5rem 11.625rem;
  position: relative;
}
.p6 .box p {
  background: url(../img/bg5.png) no-repeat;
  width: 5.9rem;
  height: 2.35rem;
  background-size: 100% 100%;
  font-size: 0.75rem;
  color: #828282;
  line-height: 2.25rem;
  position: absolute;
}
.p6 .box p.pos1 span,
.p6 .box b.thr span {
  display: block;
  transform: rotateY(-180deg);
}
.p6 .box p.pos1 {
  transform: rotateY(-180deg);
  right: 2.2rem;
  top: 0.25rem;
}
.p6 .box p.pos2 {
  top: 5.2rem;
}
.p6 .box p.pos3 {
  top: 10.25rem;
}
.p6 .box p.pos4 {
  top: 2.75rem;
  left: 2.2rem;
}
.p6 .box p.pos5 {
  top: 7.8rem;
}
.p6 .box b {
  width: 5.1rem;
  height: 2.75rem;
  position: absolute;
  background: url(../img/line.png) no-repeat left 1.4rem;
  background-size: 5.1rem 1.5rem;
  left: 0;
  top: 0.4rem;
  font-size: 0.45rem;
  color: #4a5cf0;
  text-align: left;
  z-index: 2;
}
.p6 .box b span {
  font-size: 0.52rem;
}
.p6 .box b.sec {
  top: 5.6rem;
}
.p6 .box b.thr {
  transform: rotateY(-180deg);
  left: 12.6rem;
  text-align: right;
  top: 3rem;
}
.p7 {
  background: #4a5cf0;
}
.p7 h2 {
  background: url(../img/num6.png) no-repeat center top;
  background-size: 3.825rem 3.075rem;
  color: #fff;
}
.p7 h2 span {
  color: #fff600;
}
.p7 .txt {
  color: #fff;
}
.p7 .pro {
  background: url(../img/border8.png) no-repeat;
  width: 15.45rem;
  height: 10.45rem;
  background-size: 100% 100%;
  margin: 0.8rem auto 0;
  position: relative;
}
.p7 .box {
  width: 14.4rem;
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
}
.p7 .box img,
.p7 .box h3,
.p7 .box p {
  position: absolute;
}
.p7 .box img {
  width: 13rem;
  height: 7rem;
  top: 0;
  left: 50%;
  margin-left: -6.5rem;
}
.p7 .box h3 {
  width: 11.25rem;
  height: 1rem;
  background: #ff7642;
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 0.95rem;
  color: #fff;
  margin-top: -0.2rem;
  top: 6.5rem;
  left: 0;
}
.p7 .box p {
  width: 11.35rem;
  left: 50%;
  top: 7.5rem;
  font-size: 0.6rem;
  color: #fff;
  text-align: left;
  margin-left: -5.675rem;
}
.p3 {
  color: #fff;
}
.p3 h2 {
  background: url(../img/num3.png) no-repeat center top;
  background-size: 3.775rem 3.075rem;
  color: #fff;
}
.p3 h3 {
  width: 11.2rem;
  height: 1.2rem;
  border: 1px solid #fff;
  position: relative;
  margin: 1.75rem auto 0.5rem;
}
.p3 h3 b {
  background: url(../img/border01.png) no-repeat #4a5cf0;
  width: 0.95rem;
  height: 1.075rem;
  background-size: 100% 100%;
  font-size: 0.5rem;
  line-height: 1.075rem;
  position: absolute;
  left: 50%;
  top: -0.55rem;
  margin-left: -0.475rem;
}
.p3 h3 p {
  width: 8.75rem;
  font-size: 0.9rem;
  position: absolute;
  left: 50%;
  margin-left: -4.375rem;
  top: 0.55rem;
  background: #4a5cf0;
  font-weight: bold;
}
.p3 h4 {
  font-size: 0.6rem;
}
.p3 div {
  background: url(../img/bg.png) no-repeat;
  width: 100%;
  height: 11.65rem;
  background-size: 100% 100%;
  margin: 1.2rem auto 0;
}
.p4 {
  color: #4a5cf0;
  padding: 0 0 0.5rem;
}
.p4 h3 {
  border: 1px solid #4a5cf0;
}
.p4 h3 b {
  background: url(../img/border03.png) no-repeat #fff;
  background-size: 100% 100%;
}
.p4 h3 p {
  width: 4.95rem;
  margin-left: -2.475rem;
  background: #fff;
}
.p4 ul {
  width: 17.25rem;
  margin: 1.25rem auto 0;
}
.p4 ul li {
  background: url(../img/bg1.png) no-repeat;
  width: 5.25rem;
  height: 3.25rem;
  background-size: 100% 100%;
  margin-bottom: 0.75rem;
}
.p4 ul li p {
  color: #fff;
  font-size: 0.6rem;
  padding-top: 1rem;
}
.p4 ul .sec {
  margin-left: 0.75rem;
}
.p5 {
  background: #ebecf0;
  padding: 0.1rem 0 1.2rem;
}
.p5 h3 {
  margin: 1.3rem auto 0.5rem;
}
.p5 h3 b,
.p5 h3 p {
  background-color: #ebecf0;
}
.p5 img {
  width: 100%;
  margin-top: 1.25rem;
}
.p8 h2 {
  background: url(../img/num7.png) no-repeat center top;
  background-size: 3.375rem 3.075rem;
}
.p8 div {
  width: 12.75rem;
  margin: 0.8rem auto 0;
}
.p8 div li {
  margin-bottom: 0.5rem;
  width: 6rem;
}
.p8 div li.min {
  background: url(../img/border9.png) no-repeat;
  background-size: 100% 100%;
  height: 3.25rem;
}
.p8 div li p {
  font-size: 0.6rem;
  color: #fff;
}
.p8 div li.min p {
  padding-top: 1.1rem;
}
.p8 div li.max {
  background: url(../img/border10.png) no-repeat;
  background-size: 100% 100%;
  height: 4rem;
}
.p8 div li.max p {
  padding-top: 1.5rem;
}
.p8 h3,
.p4 h5 {
  width: 2.5rem;
  height: 1px;
  background: #fff;
  position: relative;
  margin: 0.3rem auto 0;
}
.p8 h3 em,
.p4 h5 em {
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: 0rem;
  top: 50%;
  background: #fff;
  border-radius: 50%;
  margin-top: -0.1rem;
  margin-left: 0rem;
  animation: changePosition 1s ease-in infinite alternate;
}
.p8 .max h3 em {
  background: none;
  border: 1px solid #fff;
  left: 2.3rem;
  animation: changePosition2 1s ease-in infinite alternate;
  margin-top: -0.15rem;
}
@keyframes changePosition {
  0% {
    left: ;
  }
  100% {
    left: 50px;
  }
}
@keyframes changePosition2 {
  0% {
    left: 50px;
  }
  100% {
    left: 0rem;
  }
}
.p9 {
  background: #ebecf0;
  text-align: center;
  padding: 1rem 0;
}
.p9 h3 {
  width: 8.2rem;
  position: relative;
  font-size: 1.15rem;
  font-weight: bold;
  color: #828282;
  margin: 0 auto;
}
.p9 h3 span,
.p9 h4 {
  color: #4a5cf0;
}
.p9 em {
  position: absolute;
  top: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #4a5cf0;
  transform: perspective(160px) rotateZ(45deg);
  -webkit-animation: animate 1s infinite ease-in-out;
  animation: animate 1s infinite ease-in-out;
}
.p9 em.fir {
  left: -0.6rem;
}
.p9 em.sec {
  right: -0.56rem;
}
.p9 h4 {
  width: 13.15rem;
  height: 1.25rem;
  background: url(../img/title1.png) no-repeat;
  background-size: 100% 100%;
  font-size: 0.7rem;
  line-height: 1.25rem;
  text-align: left;
  padding-left: 1.3rem;
  margin: 1.25rem auto 0.8rem;
}
.p9 .bor {
  background: url(../img/border7.png) no-repeat;
  width: 17.75rem;
  height: 11.125rem;
  background-size: 100% 100%;
  margin: 0 auto;
  position: relative;
}
.p9 .bor .box {
  width: 15.25rem;
  height: 8.5rem;
  position: absolute;
  top: 1.47rem;
  left: 50%;
  margin-left: -7.625rem;
}
#swiper1 img {
  width: 4.75rem;
  height: 7rem;
}
#swiper1 p {
  font-size: 0.6rem;
  font-weight: bold;
  color: #4a5cf0;
  margin-top: 0.1rem;
}
#swiper1 p i {
  color: #8a8a8b;
  font-weight: normal;
}
.p10 {
  background: #4a5cf0;
}
.p10 h3,
.p10 h4,
.p10 .txt {
  color: #fff;
}
.p10 h3 span {
  color: #fff600;
}
.p10 em {
  background-color: #fff;
}
.p10 em.fir {
  left: -0.6rem;
}
.p10 em.sec {
  right: -0.5rem;
}
.p10 h4 {
  background: url(../img/title2.png) no-repeat;
  background-size: 100% 100%;
  font-size: 0.57rem;
}
.p10 ul {
  width: 13.25rem;
  margin: 0 auto;
}
.p10 ul li {
  width: 6.25rem;
  height: 5rem;
  background: #fff;
  border-radius: 0.2rem;
  margin-bottom: 0.75rem;
}
.p10 img {
  width: 2.75rem;
  height: 2.75rem;
  margin: 0.6rem 0 0.4rem;
}
.p10 ul p {
  font-size: 0.6rem;
  color: #828282;
}
.p11 {
  background: #fff;
  height: 14.5rem;
}
.p11 h4 {
  font-size: 0.57rem;
  background: url(../img/title3.png) no-repeat;
  background-size: 100% 100%;
}
.p11 ul {
  width: 17.75rem;
  margin: 1rem auto 0;
}
.p11 ul li {
  margin-right: 0.25rem;
  animation: antop 2s infinite linear;
}
.p11 ul img {
  width: 4.25rem;
  height: 8.5rem;
}
.p11 ul li:nth-child(4) {
  margin-right: -0.25rem;
}
@keyframes antop {
  0% {
    margin-top: 0px;
  }
  50% {
    margin-top: 6px;
  }
  100% {
    margin-top: 0px;
  }
}

@-webkit-keyframes animate {
  0% {
    -webkit-transform: perspective(160px) rotateZ(45deg);
  }
  50% {
    -webkit-transform: perspective(160px) rotateZ(45deg) rotateY(-180deg);
  }
  100% {
    -webkit-transform: perspective(160px) rotateZ(45deg) rotateY(-180deg)
      rotateX(-180deg);
  }
}
@keyframes animate {
  0% {
    transform: perspective(160px) rotateZ(45deg) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateZ(45deg) rotateX(0deg)
      rotateY(0deg);
  }
  50% {
    transform: perspective(160px) rotateZ(45deg) rotateX(-180deg) rotateY(0deg);
    -webkit-transform: perspective(160px) rotateZ(45deg) rotateX(-180deg)
      rotateY(0deg);
  }
  100% {
    transform: perspective(160px) rotateZ(45deg) rotateX(-180deg)
      rotateY(-180deg);
    -webkit-transform: perspective(160px) rotateZ(45deg) rotateX(-180deg)
      rotateY(-180deg);
  }
}
.p12 {
  background: url(../img/foot.jpg) no-repeat;
  width: 100%;
  height: 10.25rem;
  background-size: 100% 100%;
  position: relative;
  /* margin-bottom: 2rem; */
}
.p12 .btn {
  position: absolute;
  left: 50%;
  bottom: 1rem;
  margin-left: -3.975rem;
  text-align: center;
  width: 7.95rem;
  height: 2.2rem;
  line-height: 2.05rem;
}
/*part4*/
.part4 {
  padding-bottom: 0rem;
}
.part4 h2 {
  background: url(../img/num4.png) no-repeat center top;
  background-size: 3.775rem 3.025rem;
}
.part4 ul {
  width: 17.6rem;
  margin: 0 auto;
}
.part4 .ul1 {
  margin: 1.65rem auto 1.2rem;
}
.part4 .ul1 li {
  background: url(../img/bg3.png) no-repeat;
  background-size: 100% 100%;
  width: 15.175rem;
  height: 2.8rem;
  position: relative;
  margin-bottom: 0.55rem;
}
.part4 .ul1 li.left,
.part4 ul li.left i,
.part4 ul li.left p {
  transform: rotateY(180deg);
}
.part4 .ul1 li i {
  background: url(../img/bg4.png) no-repeat;
  width: 1.85rem;
  height: 2.15rem;
  line-height: 2.15rem;
  color: #fff;
  font-size: 0.6rem;
  position: absolute;
  background-size: 100% 100%;
  right: 0.6rem;
  top: -1.1rem;
}
.part4 .ul1 li p {
  font-size: 0.85rem;
  color: #4c59f7;
  padding-top: 0.2rem;
}
.part4 .ul1 li p span {
  font-size: 0.55rem;
  color: #828282;
}
.part4 div {
  background: #fff;
  padding-top: 1.35rem;
}
.part4 ul img {
  width: 5.6rem;
  height: 4.6rem;
}
.part4 ul .sec {
  margin-left: 0.42rem;
}
.part4 h3 {
  background: url(../img/border05.png) no-repeat;
  width: 16.05rem;
  height: 2.15rem;
  background-size: 100% 100%;
  margin: 0.75rem auto;
  font-size: 0.85rem;
  color: #838383;
  line-height: 2.05rem;
  font-weight: bold;
}
.part4 h3 span {
  color: #ff792f;
}
.part4 .ul2 {
  width: 17.75rem;
}
.part4 .ul2 li {
  background: url(../img/border04.png) no-repeat;
  width: 5.5rem;
  height: 4rem;
  background-size: 100% 100%;
  color: #4a5cf0;
  margin-right: 0.6rem;
}
.part4 .ul2 li p {
  font-size: 0.75rem;
  font-weight: bold;
  padding-top: 0.92rem;
  line-height: 1rem;
}
.part4 .ul2 li:nth-child(2) {
  background: url(../img/border06.png) no-repeat;
  background-size: 100% 100%;
}
.part4 .ul2 li.last {
  margin-right: -0.6rem;
  background: url(../img/border07.png) no-repeat;
  background-size: 100% 100%;
}
/*weixin*/
.top_tips {
  position: fixed;
  top: -60px;
  z-index: 999999;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #000;
  color: #fff;
  box-shadow: 0 0 10px rgba(10, 2, 4, 0.75);
}
.top_tips span {
  float: left;
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('http://bj.data.tedu.cn/m/img/icon_weixin0.png');
  margin: 5px;
  background-size: 100%;
}
.top_tips ul {
  float: left;
}
.top_tips ul li {
  height: 20px;
  line-height: 20px;
  font-size: 12px !important;
  color: #ffffff;
}
.top_tips ul li b {
  color: #ff0000;
}
.top_tips ul li:first-child {
  margin-top: 5px;
}

.banner2 {
  width: 100%;
  height: 32.5rem;
  position: relative;
}
.banner2 img {
  width: 100%;
  height: 32.5rem;
}
#banner {
  width: 100%;
  height: 32.5rem;
}