@charset "utf-8";
/***
 *  .--,       .--,
 * ( (  \.---./  ) )
 *  '.__/o   o\__.'
 *     {=  ^  =}
 *      >  -  <
 *     /       \
 *    //       \\
 *   //|   .   |\\
 *   "'\       /'"_.-~^`'-.
 *      \  _  /--'         `
 *   ___)( )(___
 *   (((__) (__)))   吱吱！
 */
.maxwidth {
  max-width: 100%;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
span {
  margin: 0;
  padding: 0;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
@media (min-width: 768px) {
  body {
    min-width: 1200px;
  }
  .container {
    padding: 0;
    width: 1200px;
  }
}
@media (min-width: 1200px) {
  body {
    overflow-x: hidden;
  }
}
@media (min-width: 1439px) {
  .container {
    padding: 0;
    width: 1400px;
  }
}
/*导航*/
.navbar-default {
  margin-bottom: 0;
  background-color: #fff;
  border: 0;
  border-radius: 0;
}
@media (min-width: 768px) {
  .navbar-default {
    background: url(../images/nav_bg.png) no-repeat center;
    height: 208px;
    background-size: cover;
    z-index: 2;
    position: absolute;
    width: 100%;
    min-width: 1200px;
  }
  .navbar-default .navbar-header {
    position: absolute;
    left: 50%;
    margin-left: -65px;
  }
  .navbar-default .navbar-nav {
    float: none;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .navbar-default .navbar-nav > li.lia3 {
    margin-right: 100px;
  }
  .navbar-default .navbar-nav > li.lia4 {
    margin-left: 100px;
  }
  .navbar-default .navbar-nav > li > a {
    color: #2c2c2c;
    font-size: 16px;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    color: #892a23;
    background-color:transparent;
  }
  .navbar-default .navbar-nav > li > a:hover{
    background-color: rgba(137, 42, 35, 0.1);
  }
}

.spacebetween {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
footer {
  padding: 5% 0 8%;
  background: url(../images/foot_bg.png) repeat-x center;
  background-position-y: bottom;
}
footer .fitem p {
  width: 325px;
  margin: auto;
}
footer .fitem p > span:first-child {
  width: 56px;
  margin-right: 15px;
}
footer .fitem p > span:last-child {
  color: #242424;
  font-size: 18px;
  line-height: 1.8;
  width: calc(98% - 60px);
}
footer .f1::before {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #000;
  display: block;
  margin: 50px auto  20px;
}
footer .f1,
footer .f1 a {
  font-size: 12px;
  color: #686868;
}
@media (max-width: 767px) {
  .navbar-default {
    background: url(../images/body_bg.png) repeat;
  }
  .navbar-default .navbar-nav > li > a {
    font-weight: bold;
    text-align: center;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    color: #892a23;
    background-color: transparent;
  }

  footer{
    padding-bottom: 100px;
  }
  footer .fitem p{
    width: 100%;
  }
  footer .fitem p > span:first-child{
    width:20px;
  }
  footer .fitem p > span:last-child{
    font-size: 14px;
    width: calc(98% - 25px);
  }
}


#totop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  cursor: pointer;
  width: 58px;
  height: 58px;
  z-index: 999;
}



.gototop { display: none; -webkit-animation: hide 350ms ease-out forwards 1; animation: hide 350ms ease-out forwards 1;padding: 20px 16px; border: 0;text-align: center; background-color:rgba(128, 128, 128, 0.6); color: #fff; position: fixed; bottom: 16%; right: 16px;-webkit-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; outline: none;border-radius: 5px;
  z-index: 998;
}
.gototop:hover,.gototop:focus { background-color:#951010;}
.isvisible {-webkit-animation: show 1s ease-out forwards 1;animation: show 1s ease-out forwards 1;}

.up { position: relative; width: 24px;height: 24px; top: -16px;left: 50%; margin-left: -12px;}
.chevron{ position: absolute; width: 28px;  height: 8px; opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite; left: 50%; margin-left: -14px;}
.chevron:first-child { animation: move 3s ease-out 1s infinite; }
.chevron:nth-child(2) {  animation: move 3s ease-out 2s infinite;}
.chevron:before,.chevron:after { content: ' '; position: absolute; top: 0; height: 100%;width: 51%;background: #fff;}
.chevron:before {left: 0; transform: skew(0deg, -30deg);}
.chevron:after {right: 0; width: 50%;transform: skew(0deg, 30deg);}

@keyframes move {
  100% {
    opacity: 1;

  }
  67% {
    opacity: 1;
    transform: translateY(30px);
  }
  33% {
    opacity: 1;
    transform: translateY(40px);
  }
  25% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}





.subnav{
  display: none;
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 25px;
  background: url("../images/body_bg.png") repeat;
}
.subnav a{
  font-size: 15px;
  color: #333;
  display: block;
  padding: 10px 5px;
  margin: 0 5px 5px;
}
.subnav a:hover{
  color: #892a23;
  background-color: rgba(137, 42, 35, 0.1);
}
@media  (max-width: 767px){

  .subnav{
    display: none!important;
  }
}