.head{margin: 0 auto;margin-top: 500px;width: 1132px;}
.head ul li{float: left;width: 243px;height: 60px;line-height: 60px;background: url(../images/100.png) no-repeat center;text-align: center;margin: 0 20px;}
.head ul li a{line-height: 60px;color: #000300;text-align: center;font-size: 24px;display: inline-block}
.head ul li a:hover{color: #104e7b;}

.content{width: 1200px;height: 1013px;margin: 0 auto;background: url(../images/101.png) no-repeat center top;background-size: cover;margin-top: 220px;opacity: 0;-webkit-animation:fadeInUp .6s .6s forwards;animation:fadeInUp .6s .6s forwards;}
.content p{text-align: justify;text-indent: 2em;width: 1000px;margin: 0 auto;font-size: 18px;line-height: 36px;}


.contentb{width: 1200px;height: 1013px;margin: 0 auto;background: url(../images/201.png) no-repeat center top;background-size: cover;margin-top: 220px;opacity: 0;-webkit-animation:fadeInUp .6s .6s forwards;animation:fadeInUp .6s .6s forwards;}
.contentb p{text-align: justify;text-indent: 2em;width: 1000px;margin: 0 auto;font-size: 18px;line-height: 36px;}

.contentc{width: 1200px;height: 1013px;margin: 0 auto;background: url(../images/301.png) no-repeat center top;background-size: cover;margin-top: 220px;text-align: center;opacity: 0;-webkit-animation:fadeInUp .6s .6s forwards;animation:fadeInUp .6s .6s forwards;}


.in-block{display: inline-block;width: 311px;height: 258px;background: url(../images/3001.png) no-repeat center;background-size: cover;vertical-align: top;}


.in-block p{padding: 0 35px;font-size: 18px;text-align: justify;}
.in-block .qw{font-size: 24px;font-weight: bold;text-align: center;margin-bottom: 20px;padding: 0 ;padding-top: 25px;}

.contentd{width: 1200px;height: 1530px;margin: 0 auto;background: url(../images/401.png) no-repeat center top;background-size: cover;margin-top: 220px;text-align: center;opacity: 0;-webkit-animation:fadeInUp .6s .6s forwards;animation:fadeInUp .6s .6s forwards;}

.contentd p{text-align: justify;text-indent: 2em;width: 1000px;margin: 0 auto;font-size: 18px;line-height: 36px;}

.claaa{color: #000033;font-size: 18px;width: 240px;display: inline-block;text-align:center;}

.shou{display: block;margin: 0 auto;margin-top: -20px;opacity: 0;-webkit-animation:fadeIn 1.5s linear infinite;-moz-animation:fadeIn 1.5s linear infinite; }


.iconn{position: absolute;top: 70px;left: 280px;opacity: 0;-webkit-animation:shake2 8s .7s linear infinite;-moz-animation:shake2 8s .7s linear infinite;}
.dianjijr{position: absolute;bottom: 150px;right: 100px;opacity: 0;-webkit-animation:fadeIn 1.5s linear infinite;-moz-animation:fadeIn 1.5s linear infinite;}


.footer{text-align: center;}






@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


@-webkit-keyframes shake2 {
  0% {
    opacity: 1;
  }
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0px, 0);
    transform: translate3d(-10px, 0px, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0px, 10px, 0);
    transform: translate3d(0px, 10px, 0);
  }
  100% {
    opacity: 1;
  }
}