*{ margin:0px; padding:0px;}
img{border:0px none;}
.clear{ clear:both;}
.head{ width:1200px; height:167px; margin:0 auto;}
.main{ width:1200px;  margin:0 auto; }



h1{width:1200px;  margin:0 auto;}

.cont{ width:1200px; margin:0 auto; min-height:1600px; height:auto; padding-bottom:50px; padding-top:20px; background:#fff;  margin-top:50px;}
.cont p{ text-align:center; text-indent:0px; font-size:30px; color:#000; line-height:1.3em;}
.footer{ clear:both; width:1200px; height:200px; margin:0 auto; background:url(../images/footer-bj.jpg); text-align:center; color:#fff; padding-top:30px; margin-top:50px;}


.f-menu{position:absolute; top:167px;  margin:0 auto; width:1200px; height:70px; margin-bottom:5px;background:#fff; }
.f-menu h2{ color:#fff; text-align:center; font-size:36px; padding-bottom:10px; padding-top:20px;}
.f-menu p{ padding:0px; padding-left:10px; padding-top:20px; color:#fff; font-size:24px}
.f-menu ul { width:1200px; height:70px; margin:0 auto; }
.f-menu ul li{ list-style:none; height:40px; padding:5px; border-bottom:1px dashed #fff;float:left;background:#fff;}
.f-menu ul li a{ display:block; width:160px; height:40px; color:#fff; font-size:16px; text-decoration:none; text-align:center;border-radius:10px; background:#cf0224; margin:10px 15px; line-height:40px; padding-top:2px; }
.f-menu ul li:hover{ background:#fff}
.f-menu ul li a:hover li{text-align:center; background:#223d98}
.f-menu ul li a:hover {  border-radius:10px;color:#fff; background:#223d98; text-align:center; font-weight:bold}

table{ margin-top:70px;}


.gototop {
    display: none;
    -webkit-animation: hide 350ms ease-out forwards 1;
    animation: hide 350ms ease-out forwards 1;
    padding: 10px 10px;
    border: 0;
    text-align: center;
    background-color:#cf0224;
    color: #fff;
    position: fixed;
    bottom: 16px;
    right: 16px;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
}
.gototop > span {
    display: inline-block;
    -webkit-transition: transform 100ms 100ms ease-in-out;
    transition: transform 100ms 100ms ease-in-out;
}
.gototop:hover,
.gototop:focus {
    background-color:#233c99;
}
.gototop:hover > span,
.gototop:focus > span {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.isvisible {
    -webkit-animation: show 1s ease-out forwards 1;
    animation: show 1s ease-out forwards 1;
}

@-webkit-keyframes hide{
  0% {
    opacity: 1;
    -webkit-transform:translateY(0);
  }
  25%{
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    -webkit-transform: rotate(3deg);
  }
  100%{
    opacity: 0;
    -webkit-transform:translateY(100px);
  }
}
@keyframes hide{
  0% {
    opacity: 1;
    transform:translateY(0);
  }
  25%{
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    transform: rotate(3deg);
  }
  100%{
    opacity: 0;
    transform:translateY(100px);
  }
}

@-webkit-keyframes show{
  0% {
    -webkit-transform: rotate(0deg);
  }
  25%{
    opacity: .5;
    -webkit-transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    -webkit-transform: rotate(3deg);
  }
  100%{
    opacity: 1;
    -webkit-transform: rotate(0deg);
  }
}

@keyframes show{
  0% {
    transform: rotate(0deg);
  }
  25%{
    opacity: .5;
    transform: rotate(-3deg) translateY(-40px);
  }
  75%{
    transform: rotate(3deg);
  }
  100%{
    opacity: 1;
    transform: rotate(0deg);
  }
}