@charset "utf-8";
/* CSS 首页 */
*{ margin:0px; padding:0px;}

body{ font-family:"微软雅黑"; font-size:14px; color:#222; background:#3c3c3c;}
h2{clear:left; width:800px; height:40px; line-height:40px; font-size:40px; background:repeating-linear-gradient(to top,#dc2c2c,#dc2c2c); border-bottom:8px solid #c0c0c0; color:#fff; font-weight:bold;line-height:1em; padding:20px; text-align:center; margin:0 auto;margin-top:30px; border-radius:10px; margin-bottom:30px;}
h3{ width:700px; margin:0 auto;font-size:36px; color:#dc2c2c; font-weight:bold; padding:20px 0px 10px; text-align:center;}
h3 span{ color:#000;}
h4{ font-size:28px; color:#dc2c2c; font-weight:bold;padding:20px 0px 10px;}
p{font-size:20px; line-height:2em; padding:0px 20px; }
p span{font-weight:bold; color:#dc2c2c;}
ul li p{ margin:0px; height:50px; text-align:center; padding:10px;}
p img{ padding:20px;}
.cont{width:1200px; height:auto; min-height:2000px; padding-bottom:10px; margin:0 auto; background:none;  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:600px; border:1px solid #011e62; padding:0px 20px 20px;}
.ul{ clear:left; padding:50px; padding-bottom:0px; }
.ul h2{  color:#fff; padding-top:30px; }
.ul li{list-style:inside none; line-height:3em; font-size:20px;height:380PX;  background:#011e62; color:#fff;  padding:30px; margin-bottom:30px; }

.tit{ width:1200px; height:220px;margin:0 auto; }
.banner{width:1200px; height:500px; margin:0 auto;margin-top:80px;}
.main{width:1200px; margin:0 auto; }
table{border-collapse: collapse; font-size:20px;}
table tr td{ border:1px solid #c8c8c8;padding:5px;}





.content1{width:1160px; min-height:2300px;height:auto;  margin:0 auto; /*-moz-box-shadow:0px 0px 30px #333333; -webkit-box-shadow:0px 0px 30px #333333; box-shadow:0px 0px 30px #333333;*/ padding:20px; margin-bottom:20px; background:#fff;/*border:10px solid #00a0e9 border-bottom:10px solid #03407a;*/ }

/*.content1 img{width:1160px; height:708px;margin-top:40px; }*/
.content1 ul{width:1160px; min-height:1700px; height:auto; margin:0 auto; padding:0px 10px 50px; margin-top:30px; }

.content1 ul li{ width:527px; height:540px; float:left; font-size:16px; border:1px solid #939393; list-style:none;padding:10px; margin:10px;}
.content1 ul li img {width:527px; height:400px; border:none; clear:both;}
.content1 ul li span{ font-weight:bold; color:#dc2c2c;}
.content1 ul li p{ clear:both; font-size:18px;  line-height:1.7em; color:#000; border-bottom:0px; margin:10px; text-indent:0em; }


.content1 .ul1 li{ width:527px; height:470px; float:left; font-size:16px; border:1px solid #939393; list-style:none;padding:10px; margin:10px;}
.content1 .ul1 li img {width:527px; height:400px; border:none; clear:both;}
.content1 .ul1 li span{ font-weight:bold; color:#dc2c2c;}
.content1 .ul1 li p{ clear:both; font-size:16px;  line-height:1.7em; color:#000; border-bottom:0px; margin:10px; text-indent:0em; }

.content1 .img1{width:1140px;  height:auto; padding-bottom:30px; margin:0 auto; text-align:center;  }
.content1 .img1 img{width:1100px; height:762px; margin:0px; padding:0px; margin-bottom:20px;}


.content1 .img2{width:1140px;  height:auto; padding-bottom:50px; margin:0 auto; text-align:center;  }
.content1 .img2 img{width:1100px; height:762px; margin:0px; padding:0px; margin-bottom:20px; margin-top:30px;}

.f-menu{ position:absolute; top:220px; width:1200px; height:80px;  margin:0 auto;  margin-bottom:5px;background:#fff; z-index:1; /*border-top:1px solid #ff4800; border-bottom:1px solid #ff4800; */ }
.f-menu h2{ color:#fff; text-align:center; font-size:36px; padding-bottom:15px; padding-top:20px;}
.f-menu .ul1 { width:1160px; height:70px; margin:0 auto; }
.f-menu .ul1 li{ list-style:none; width:222px; height:50px; padding:5px; float:left; margin-top:5px;}
.f-menu .ul1 li a{ display:block; height:40px; color:#fff; font-size:24px; text-decoration:none; text-align:center;border-radius:10px;  background:repeating-linear-gradient(to top,#dc2c2c,#dc2c2c);margin:10px 6px; line-height:40px;  padding:0px 10px; border-bottom:3px solid #004282;}
.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 {color:#fff;background:repeating-linear-gradient(to top,#165693,#0082ff); text-align:center; font-weight:bold}
.f-menu .ul1 li:hover a{ }
.f-menu .ul1 li .menu {background:repeating-linear-gradient(to top,#0062b2,#6fba2c);height:45px; line-height:1.5em; padding:0px 10px;  padding-top:5px;}
.f-menu .ul1 li .menu:hover {height:45px;line-height:1.5em; padding:0px 10px;  padding-top:5px;}
.f-menu .ul1 li .menu span{font-size:12px; color:#eee; text-decoration:underline}


.footer{width:100%; margin:0 auto; text-align:center;color:#fff; font-size:20px; margin-top:10px; margin-bottom:30px}
.footer .f-ul { width:1000px; height:300px; margin:0 auto; margin-top:50px;}
.footer .f-ul li { float:left; width:200px; height:200px; margin:25px; list-style:none;}
.footer .f-ul li img{ width:180px; height:170px; border:5px solid #fff; border-radius:10px;}
.footer .f-ul li span{ padding-top:5px; display:block; width:200px; height:30px; text-align:center}

.shijing img{ width:363px; height:300px; margin:10px;}

.xmys img{ width:560px; height:400px; margin:10px;}

.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:#ff0;
    color: #0062b1;
    position: fixed;
    bottom: 16px;
    right: 16px;
    -webkit-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
	border-radius:5px;
}
.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:#ff0;
}
.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);
  }
}

