@charset "utf-8";
/* CSS 首页 */
*{ margin:0px; padding:0px;}
body{ font-family:"微软雅黑"; font-size:14px; color:#222}
h2{ font-size:18px; color:#c11c2c; font-weight:bold; padding:20px 0px 10px;}
h3{ font-size:16px; color:#333; font-weight:bold;padding:20px 0px 10px;}
p{ font-size:14px; line-height:2em; }
p img{ padding:0px;}
.cont{width:1160px; height:auto; min-height:3400px; padding-bottom:10px; margin:0 auto; border:20px solid #c11c2c; background:#eee;}
.map{ width:910px;  border:1px solid #c11c2c; padding:20px 20px 20px;}
.u1{ height:160px; margin-bottom:20px;}
.u1 li{list-style:inside; width:440px; margin-right:10px; float:left; line-height:1.7em }
.u2{ clear:left; height:auto; margin-bottom:20px;}
.u2 li{list-style:inside; line-height:1.7em; margin-bottom:10px; }
.tit{ width:1160px; height:260px;}
.banner{ height:560px;}
.main{width:1160px; margin:0 auto; background:#eee; margin-top:20px;}
.left{width:190px;float:left; background:#fff; background:url(../images/lbg.jpg) no-repeat top right; padding-top:93px;display:inline}
.right{width:970px;float:left; }
.content{ width:910px; height:1060px; border:1px solid #c11c2c; padding:0px 20px 20px; margin-top:30px;}
.c1{width:910px; height:1100px; border:1px solid #c11c2c; padding:20px; margin-top:30px; margin-bottom:50px;}
.c1 li{ width:455px; float:left; list-style:inside; line-height:1.7em; margin-bottom:10px; }

.wbg{ width:190px;float:right;padding-bottom:10px;}
.menu{width:190px;float:left;}
.menu li{ list-style:none;width:190px;float:left;height:30px;padding-top:5px;line-height:30px;font-size:14px; font-family:"微软雅黑";color:#fff; text-align:center}
.menu li.act{ background:url(../images/sub03_09.jpg) no-repeat bottom right;}
.menu li.nor{ background:url(../images/sub03_10.jpg) no-repeat bottom right;}
.menu li.act a:link,.menu li.act a:visited,.menu li.act a:hover{color:#fff; text-decoration:none}
.menu li.nor a:link,.menu li.nor a:visited,.menu li.nor a:hover{color:#c11c2c; text-decoration:none}
.footer{width:1200px; margin:0 auto; text-align:center;color:#fff;line-height:50px; height:50px; background:#c11c2c; }
.right{height:auto;}
.rtit{ background: #fff url(../images/sub03_05.jpg) no-repeat;width:970px;float:left;height:49px;line-height:49px; border-top:15px solid #c11c2c;border-bottom:1px dashed #cccccc;}
.atit{font-size:18px; ;color:#c11c2c;padding-left:50px;float:left;width:270px;}
.st{color:#999}
.nobox{width:970px;float:left; padding:10px; }
.img{width:970px;float:left;padding-bottom:20px;}
.img li{width:415px;float:left;height:300px;border:1px solid #dddddd;padding:3px;margin-left:20px; display:inline;margin-top:20px; background:#fff;}
.img li img{width:415px;height:300px;}
.contact{width:173px;float:left;border:1px solid #dddddd;margin-top:10px;margin-left:7px; display:inline}
.tel{ background:url(../images/sub03_16.jpg) no-repeat;width:173px;height:61px;float:left;}
.tel h1{font-size:18px;color:#C30; font-family:Arial, Helvetica, sans-serif;padding-left:45px;padding-top:35px;margin:0px;}
.lxfs{width:153px;float:left;font-size:13px; padding:10px;color:#333333;line-height:25px;}

.img1{width:970px;float:left;padding-bottom:20px;}
.img1 li{width:220px;float:left;height:150px;border:1px solid #dddddd;padding:3px;margin-left:22px; display:inline;margin-top:20px; background:#fff;}
.img1 li img{width:220px;height:150px;}

img{ width:860px;}
.js{ width:910px; height:680px; border:1px solid #c11c2c; padding:0px 20px 20px; margin-top:30px;}


.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:#c11c2c;
    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:#c11c2c;
}
.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);
  }
}

