*{ margin:0px; padding:0px;}
img{border:0px none;}
.clear{ clear:both;}
.head{ width:1200px; height:136px; margin:0 auto;}
.main{ width:1180px;  background:#fff; margin:0 auto;padding:10px; padding-bottom:50px;}
.left{ width:485px; height:550px; float:left; border-right:1px solid #ccc;}
.left .top,.left .bottom{ margin-left:20px;}
.left .top p img{ width:120px; margin-right:10px;}
p{ clear:both;font-size:16px; font-family:"微软雅黑"; line-height:2em; padding:10px; text-indent:2em}

.right{ width:485px; height:550px; float:left;}
.right .top,.right .bottom{ margin-left:20px;}
h1{color:#fff; font-weight:bold; font-size:40px; width:1180px; height:80px; line-height:80px; padding:30px 0px; margin:0 auto; text-align:center; background:#ba0000}
h2{ font-size:40px; color:#ba0000; padding:20px;  text-align:center; }
h3{color:#ba0000; font-weight:bold; width:600px;  margin:0 auto; text-align:center; padding:10px;font-size:30px;padding-top:50px; border-bottom:3px solid #ba0000;}
h4{ font-size:20px; color:#000; padding:20px 10px 10px;  text-align:left; }
.cont{ width:1180px;  margin:0 auto; background:#f4f2f4;}

ul { list-style:none;}
ul li { width:275px; float:left;padding:10px; }
ul li img{ width:275px; height:207px; }
ul li span{ display: block; width:300px; text-align:center; padding:10px;}

.footer{ clear:both; width:1200px; height:170px; margin:0 auto; background:#ba0000; text-align:center; color:#fff; padding-top:30px;}
.jieshao p{clear:both;font-size:16px; font-family:"微软雅黑"; line-height:1em; padding:10px; text-indent:2em}


.f-menu{position:fixed; top:10%; left:1%; background:#fff; width:240px; height:450px; border-radius:10px;}
.f-menu h2{ color:#a40a0a; text-align:center; font-size:36px; padding-bottom:10px; border-bottom:1px solid #ff0000;}
.f-menu p{ padding:0px; padding-left:20px; padding-top:20px; color:#a40a0a;}
.f-menu ul li{ list-style:inside none; width:220px; height:40px; padding:7px 10px; border-bottom:1px dashed #ff0000; text-align:left}
.f-menu ul li a{ font-size:14px; display:block; color:#a40a0a;width:220px;  text-decoration:none; line-height:1em; padding-top:10px;}
.f-menu ul li:hover{ background:#a40a0a;}
.f-menu ul li a:hover{ text-decoration:underline; color:#ff0;}
.f-menu ul li:hover a{ width:220px; height:36px; background:#a40a0a;color:#ff0;}


.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:#7e0303;
    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:#7e0303;
}
.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);
  }
}