body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { 
  margin:0; 
  padding:0; 
}
body { 
  color:#555;
  font-size:14px; 
  font-family: Source Han Sans CN;
}
td,th,caption { 
  font-size:14px; 
}
h1, h2, h3, h4, h5, h6 { 
  font-weight:normal; 
  font-size:100%; 
}
address, caption, cite, code, dfn, em, strong, th, var { 
  font-style:normal; 
  font-weight:normal;
}
a { 
  color:#555; 
  text-decoration:none; 
}
a:hover { 
  text-decoration:none; 
}
img { 
  border:none; 
}
ol,ul,li { 
  list-style:none; 
}
input, textarea, select, button { 
  font:14px Verdana,Helvetica,Arial,sans-serif; 
}
table { 
  border-collapse:collapse; 
}
html {
  overflow-y: scroll;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height:0; 
  clear:both; 
  visibility: hidden;
}
.clearfix { 
  *zoom:1; 
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.banner{
  width: 100%;
  height: auto;
}
body{
  min-width: 1200px;
}
.w1200{
  width: 1200px;
  margin: auto;font-size: 0;
}
.title{
  display: block;
  width: 1200px;
  margin: 80px auto 40px;
}
.title img{
  width: 100%;
}
.video-box{
  display: inline-block;
  position: relative;
  margin-left:58px;cursor: pointer;
}
.video-box:nth-child(1){
  margin-left: 0;
}
.video-box img{
  display: block;
  width: 360px;height: 480px;
}
.video-box .play{
  width: 100%;min-height: 45px;
  position: absolute;bottom: 35px;padding-bottom:10px;
  background: url("../images/24gf-playCircle.png") no-repeat;background-position: 285px bottom;
}
.video-box p{
  width: 260px;word-wrap: break-word;overflow:hidden;
  margin-left: 15px;
  line-height: 30px;font-size: 18px;color: #fff;font-weight: bold;background: rgba(193,15,11, 0.6);
}
.video-box .line{
  width: 80px;height: 6px;background: #c10f0b;
  position: absolute;left: 15px;bottom: 0;
}
.bg{
  width: 100%;padding: 40px 0 64px ;margin-top: 80px;
  background: url("../images/content.jpg");
}
.bg .title{
  margin-top: 0;
}
.bottom-bg{
  width: 100%;height: auto;padding-bottom: 64px;
  background: url("../images/bottom.png") no-repeat bottom;
  background-size: 100% 1200px;
}
.zb{
  width: 536px;
  margin: 84px auto 0;font-size: 24px;color: #fff;
  line-height: 48px;
}
.btoom{
  width: 100%;padding: 59px 0;
  background: #C21736;
}
.btoom img{
  display: block;
  margin: auto;
}

@media screen  and (max-width: 540px) {
  body{
    min-width: 100%;
    overflow-x:hidden;
  }
  .w1200{
    width: 100%;
  }
  .title{
    display: block;
    width: 100%;
    margin: 40px auto 20px;
  }
  .video-box{
    width: 100%;
    margin: 10px auto 0;
  }
  .video-box img{
  	display: block;
    width:95%;
    height:auto !important;
    margin:auto;
  }
  .bottom-bg{
    padding-bottom: 30px;
    background-size: 100% 1800px;
  }
  .video-box p{
  	margin-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .zb{
    width: 95%;
    margin: 30px auto 0;font-size: 16px;
    line-height: 24px;
  }
  .btoom{
    padding: 20px 0;
  }
  .btoom img{
    width: 95%;
  }
}