/* CSS Document */
body {
  margin: 0;
  padding: 0;
  color: #333;
  line-height: 180%;
  font-size: 14px;
  font-family: "宋体","新宋体","microsoft yahei",Arial,Verdana,sans-serif;
  background-color: #fff
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ul{ list-style:none}
a, a:link, a:visited, a:active{ text-decoration:none; color:#333}
a:hover{color:#D10000; text-decoration:none;}
.clear{ height:0px; line-height:0px; overflow:hidden; clear:both; font-size:0px;}
.container-fluid{padding:0}

/* common */

/*header*/
.web-header{
  height: 214px;
  background:url("../images/head-bg.png") no-repeat center bottom;
  background-size: cover;
  text-align: center;
}
.web-header-line{
  margin-top: 2px;
  border-top: #D10000 1px solid;
  height: 10px;
  border-bottom: #D10000 4px solid;
  box-sizing: border-box;
}
.web-header h1{ margin:0 auto; position: relative; top:20px;}
.web-header h1 img{ width:180px;}
.web-nav{font-size: 0; position: relative; z-index: 10; margin-top: -40px;}
.web-nav li{display: inline-block;}
.web-nav li.mid{margin-left: 240px;}
.web-nav li a{display: inline-block; font-size: 20px; padding:10px 30px; font-weight: bold; color:#666;}
.web-nav li a:hover{color:#D10000;}
.web-nav li a.active{
  background:url("../images/nav-active.png") no-repeat center;
  background-size: 100%;
  color: rgba(255,255,255,.9)
}

@media screen and (max-width: 1200px) {
  .web-header h1{top:12px;}
  .web-header h1 img{width:140px;}
  .web-nav{margin-top: 15px;}
  .web-nav li.mid{margin-left: 0;}
}
@media screen and (max-width: 1000px) {
  .web-nav li a{font-size: 16px; padding:10px 20px;}
}

.home-cover{
  height: calc(100vh - 262px);
  background:url("../images/home-cover-bg_bg.jpg") center;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden
}
.home-cover > img{
  position: absolute;
  height: 100%;
  bottom: 0;
  right: 0;
}
.home-cover-img{
  margin-bottom: 60px;
  position: relative;
  z-index: 2;
}
.home-cover-img img{
  display: inline-block;
  vertical-align: top;
  margin-left: 30px
}

@media screen and (max-width: 1200px) {
  .home-cover-img{
    text-align: center
  }
  .home-cover-img img:nth-of-type(1){
    margin-left: 0
  }
}

/*footer*/
.web-footer{
  background-color: #AC343D;
  color: #fff;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 13px;
}
.web-footer span{
  display: inline-block;
  margin: 0 10px;
}