@charset "utf-8";
/* CSS 首页 */
*{ margin:0px; padding:0px;}
table{ width:1000px; margin:0 auto; border-top:0px;  border-bottom:0px;padding-top:0px; padding-bottom:0px; /*-moz-box-shadow:0px 5px 30px #333333; -webkit-box-shadow:0px 5px 30px #333333; box-shadow:0px 5px 30px #333333;*/}

body{ font-family:"微软雅黑"; font-size:14px; color:#222;background:#ccc;}
h2{clear:left; font-size:36px; color:#cb0000; font-weight:bold;line-height:2em; padding-top:10px; margin:0 auto;  text-align:center; }
h3{ font-size:28px; color:#333; font-weight:bold;padding:20px;}
h4{ font-size:24px; color:#f00; font-weight:bold;}
p{font-size:16px; line-height:1.5em; padding:10px; text-indent:2em; }
ul li p{ margin:0px; height:50px; text-align:center; padding:10px;}
p img{ padding:20px;}
p span{ color:#f00; font-weight:bold}
.cont{width:1160px; height:auto; min-height:2900px; padding-bottom:10px; margin:0 auto; border:1px solid #fff; background:#fff;  margin:0 auto; border-top:0px;  border-bottom:0px;padding-top:0px; padding-bottom:0px; /*-moz-box-shadow:0px 5px 30px #333333; -webkit-box-shadow:0px 5px 30px #333333; box-shadow:0px 5px 30px #333333;*/}
.map{ width:910px; height:450px; border:1px solid #cb0000; padding:0px 20px 20px;}
.ul{ clear:left; padding:50px; padding-bottom:0px; }
.ul h2{ background:#cb0000; color:#fff; padding-top:30px; }
.ul li{list-style:inside none; line-height:3em; font-size:20px;height:380PX;  background:#cb0000; color:#fff;  padding:30px; margin-bottom:30px; }

.tit{ width:1160px; height:236px;}
.banner{ height:400px;}
.main{width:1160px; margin:0 auto;  margin-top:20px;}

.footer{width:100%; margin:0 auto; text-align:center;color:#fff;line-height:50px; height:50px; background:#cb0000; font-size:20px; margin-top:50px;}

.img{width:1160px; margin:0 auto; padding-bottom:20px; margin-top:30px; margin-left:7px;}
.img ul {}
.img ul li{width:370px; height:370px; list-style:none; float:left;  border:1px dashed #cb0000; padding:5px; }
.img ul li img{ width:350px; height:280px; margin:12px;}
.img ul li p{ margin:0px; width:350px; height:50px; line-height:1.2em; text-align:center; padding:8px 10px 0px; background:#cb0000; color:#fff; text-indent:0px;}
.img ul li p span{ display:block;text-align:center; font-weight:bold;font-size:18px; color:#fff; margin-bottom:5px; }
.img .p1{ margin:0px; height:120px; line-height:1.2em; text-align:center; padding:8px 10px 0px; background:0; color:#000; text-indent:0px;}
.img .p1 span{ display:block;text-align:center; font-weight:bold;font-size:18px;  color:#cb0000; margin-bottom:5px; }

.ul1{ width:1000px; margin:0 auto;}
.ul1 li { list-style:inside; line-height:2em; font-size:20px;}

.hxc{ width:1160px; margin:0 auto;}
.hxc p{ width:340px; height:20px; float:left; margin:13px; border-bottom:1px solid #ddd;}

.f-menu{position:absolute; top:230px;  margin:0 auto; width:1160px; height:80px; margin-bottom:5px;background:#fff; z-index:1; border-top:3px solid #c80000; border-bottom:3px solid #c80000;  }
.f-menu h2{ color:#fff; text-align:center; font-size:36px; padding-bottom:15px; padding-top:20px;}
.f-menu .ul1 { width:1160px; height:100px; margin:0 auto; }
.f-menu .ul1 li{ list-style:none; width:auto; height:50px; padding:5px 20px;  float:left;}
.f-menu .ul1 li a{ display:block; height:40px; color:#9d0000; font-size:16px; text-decoration:none; text-align:center;border-radius:10px;  background:repeating-linear-gradient(to top,#670000,#f60000); margin:10px 8.8px; line-height:40px;  padding:5px 28px; font-weight:bold;}
.f-menu .ul1 li:hover{ background:#fff; }
.f-menu .ul1 li a:hover li{text-align:center; background:#fff;}
.f-menu .ul1 li a:hover {  border-radius:10px;color:#fff; background:repeating-linear-gradient(to top,#670000,#f60000); text-align:center; font-weight:bold}
.f-menu .ul1 li:hover a{border-radius:10px; }
.f-menu .ul1 li .menu {background:repeating-linear-gradient(to top,#ccc,#eee); }
.f-menu .ul1 li .menu:hover {background:repeating-linear-gradient(to top,#670000,#f60000);}
.f-menu .ul1 li .menu span{font-size:12px; color:#c80000; text-decoration:none;}
.f-menu .ul1 li .menu:hover span{font-size:12px; color:#fff; text-decoration:none;}

.footer{width:100%; margin:0 auto; width:1160px; text-align:center;color:#fff; font-size:20px; margin-top:10px; margin-bottom:0px}

table {border-collapse:collapse;}
table p{ text-indent:0;}
table tr td{ border:1px solid #000; }

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