@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:repeating-linear-gradient(to top,#eee,#9d9d9d)}
h2{clear:left; width:500px; height:40px; line-height:40px; font-size:40px; background:#fff; color:#347073; border:5px solid #347074; font-weight:bold;line-height:1em; padding:20px; margin:0 auto; margin-top:30px;text-align:center; border-radius:50px; margin-bottom:20px; }
h2 span{ background:#347073;border-radius:50px; width:20px;  color:#fff;}
h3{ font-size:30px; color:#333; font-weight:bold;padding:0px 0px 10px;}
h4{ width:600px; margin:0 auto; font-size:30px; color:#333; font-weight:bold;padding:0px 0px 10px; text-align:center;}
p{font-size:20px; line-height:2em; padding:20px; background:#fff; border:1px solid #9d9d9d;  margin:30px 10px; text-align:justify;}
ul li p{ margin:0px; height:50px; text-align:center; padding:10px;}
p img{ padding:5px;}
.cont{width:1160px; height:auto; min-height:4530px; padding-bottom:10px; margin:0 auto; border:0px solid #fff;   margin:0 auto; border-top:0px;  border-bottom:0px;padding-top:0px; padding-bottom:0px; /*-moz-box-shadow:0px 5px 10px #333333; -webkit-box-shadow:0px 5px 10px #333333; box-shadow:0px 5px 10px #333333;*/}
.map{ width:910px; height:450px; border:1px solid #9d9d9d; padding:0px 20px 20px;}
.ul{ clear:left; padding:50px; padding-bottom:0px; }
.ul h2{ background:#9d9d9d; color:#fff; padding-top:30px; }
.ul li{list-style:inside none; line-height:3em; font-size:20px;height:380PX;  background:#9d9d9d; color:#fff;  padding:30px; margin-bottom:30px; }

.tit{ width:1160px; height:220px; margin:0 auto;}
.banner{ width:1160px; height:580px; margin:0 auto; margin-top:70px;}
.main{width:1160px; margin:0 auto;  margin-top:0px; background:#fff;}
.gsjj{ width:1120px; height:1120px; margin:0 auto; background:#fff; padding:20px;margin-top:10px; padding-bottom:50px; border-bottom:5px solid #9d9d9d}
.gsjj h3{ width:300px; font-size:30px; color:#9d9d9d; font-weight:bold; border-bottom:5px solid #9d9d9d; text-align:center; margin:0 auto;margin-top:30px; }
.gsjj .jbgk2 { width:1120px; height:1020px; margin:0 auto; margin-top:0px;}
.gsjj .jbgk2 p{ text-indent:2em;  font-size:22px; color:#000; border:none; margin:0px; padding:20px 10px; }
.gsjj .jbgk2 img{ width:530px; height:395px; float:left; margin:20px 10px; /*border:1px solid #9d9d9d;*/ padding:10px; }
.gsjj .ul2{ clear:both; margin:30px;  }
.gsjj .ul2 h1{ margin-top:30px; color:#15499d;}
.gsjj .ul2 li{float:left; width:1050px; height:40px; line-height:40px; border-bottom:1px dashed #ccc; font-size:24px; list-style:none;  padding:3px; }
.gsjj .ul2 li span{ color:#f00;}


.quweiyoushi{ width:1120px; height:650px; margin:0 auto; padding-top:30px;}
.quweiyoushi h3{ width:500px; font-size:30px; color:#9d9d9d; font-weight:bold; border-bottom:5px solid #9d9d9d; text-align:center; margin:0 auto;margin-top:30px; }
.quweiyoushi .jbgk2{width:1120px; height:500px; margin:0 auto}
.quweiyoushi .jbgk2 p{ text-indent:0px; width:500px; height:400px; float:left;  font-size:22px; color:#9d9d9d; }
.quweiyoushi .jbgk2 p img{ width:500px; height:380px;}
.quweiyoushi .jbgk2 ul{width:505px; height:397px; float:left; padding:10px;  background:#9d9d9d;  color:#fff; margin:20px 10px 30px;}
.quweiyoushi .jbgk2 ul li{ font-size:20px; line-height:1.6em; border-bottom:1px dashed #fff;  list-style-position:none; padding:10px;padding-top:10px; padding-bottom:20px;}
.quweiyoushi .jbgk2 ul li span{ font-weight:bold;}

.kjy {width:1120px; height:1880px; margin:0 auto; padding-top:30px; }
.kjy .jbgk img{ width:1120px; margin:20px auto;}
.kjy .jbgk p { width:580px; height:40px; line-height:30px; margin:0 auto; margin-top:20px;}
.kjy .jbgk p span{ font-size:30px; color:#00235b; font-weight:bold;}



.yxw {width:1120px; height:1870px; margin:0 auto; padding-top:30px; }
.yxw .jbgk img{ width:1120px; margin:20px auto;}
.yxw .jbgk p { width:580px; height:40px; line-height:30px; margin:0 auto; margin-top:20px;}
.yxw .jbgk p span{ font-size:30px; color:#00235b; font-weight:bold;}


.jsq {width:1120px; height:2080px; margin:0 auto; padding-top:30px; }
.jsq .jbgk img{ width:1120px; margin:20px auto;}

.cyjd {width:1120px; height:3110px; margin:0 auto; padding-top:30px; }
.cyjd .jbgk img{ width:1120px; margin:20px auto;}

.cyy {width:1120px; height:1300px; margin:0 auto; padding-top:30px; }
.cyy .jbgk img{ width:1120px; margin:20px auto;}

.qyjd {width:1120px; height:1300px; margin:0 auto; padding-top:30px; }
.qyjd .jbgk img{ width:1120px; margin:20px auto;}


.jtys {width:1120px; height:780px; margin:0 auto; padding-top:30px; }



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

/*.img{width:1160px; margin:0 auto; padding-bottom:20px; margin-top:30px; margin-left:7px;}
.img ul li{width:366px; height:300px; margin:0px 2px; list-style:none; float:left;  border:1px dashed #ccc; padding:5px; border-bottom:2px solid #9d9d9d; margin-top:2px;}
.img ul li img{ width:350px; height:280px; margin:8px; border-radius:10px;}
.img ul li p{ margin:0px; height:50px; text-align:center; padding:10px; background:#9d9d9d; color:#fff;}*/


.f-menu{position:absolute; top:220px;  margin:0 auto; width:1160px; height:70px; margin-bottom:5px;background:#fff; z-index:1; border-top:3px solid #347074; border-bottom:1px solid #347074;  }
.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:1160px; height:70px; margin:0 auto; background:; }
.f-menu ul li{ list-style:none; height:60px; padding:5px 4px; float:left;}
.f-menu ul li a{ display:block; padding:0px 8.5px; height:44px; color:#336f72; font-size:14px; text-align:center;  /*background:repeating-linear-gradient(to top,#fff,#eee);*/ margin:10px 4.8px; line-height:1.5em; padding-top:2px;  font-weight:bold;}
.f-menu ul li a.a1{ display:block; padding:0px 8.5px; height:44px; color:#336f72; font-size:14px; text-align:center;  /*background:repeating-linear-gradient(to top,#fff,#eee);*/ margin:10px 4.8px; line-height:44px; padding-top:2px; font-weight:bold;}
.f-menu ul li:hover{ background:#}
.f-menu ul li a:hover li{text-align:center; background:#}
.f-menu ul li a:hover {  border-radius:5px;color:#ff0; background:repeating-linear-gradient(to top,#336f72,#47999d); text-align:center;  border-bottom:2px solid #316e73;text-decoration:none;}



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