@charset "UTF-8";
/* index */
.banner{
  position: relative;
  width: 100%;
  min-width: 1024px;
}

.banner .bd{
  position: relative;
  height: 100%;
  z-index: 0;
}

.banner .bd .li{
  zoom: 1;
  vertical-align: middle;
}

.banner .bd .li a{
  display: block;
  width: 100%;
}

.banner .bd .li img{
  display: block;
  width: 100%;
  /* min-width: 1024px; */
  height: 100%;
  /* min-height: 366px; */
}

.banner .hd{
  width: 100%;
  position: absolute;
  z-index:1;
  bottom:20px;
  left:0;
  height:30px;
  line-height:30px;
  text-align:center;
}

.banner .hd ul li{
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  margin: 0 8px;
  cursor: pointer;
  line-height: 9999px;
  overflow: hidden;
}

.banner .hd ul li.on{
  background-color: #ffffff;
}

.banner .prev,
.banner .next{
  position: absolute;
  top: 50%;
  width: 64px;
  height: 64px;
  margin-top: -32px;
}

.banner .prev{
  left: 50px;
}
.banner .next{
  right: 50px;
}

.floor .title{
  padding: 64px 0 32px;
  background-color: #ffffff;
  text-align: center;
  color: #000000;
}

.floor .title .t-main{
  font-size: 24px;
  line-height: 40px;
}

.floor .title .t-sub{
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 4px;
}

.floor .line{
  height: 10px;
  background-color: #ffffff;
}

.floor .line.bb{
  border-top: 1px solid #d7d7d7;
}

.product{
  position: relative;
  max-height: 351px;
  overflow: hidden;
}

.product ul{
  overflow: hidden;
  zoom: 1;
}

.product ul li {
  float: left;
  width: 25%;
  /* max-width: 350px; */
  overflow: hidden;
}

.product ul li a{
  display: block;
  margin: 0 6px;
  background-color: #f2f2f4;
}

.product ul li .img{
  display: block;
  width: 100%;
  height: 100%;
}

.product .prev,
.product .next{
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  background: #f2f2f4;
  margin-top: -15px;
}

.product .prev{
  left: 16px;
}
.product .next{
  right: 16px;
}
.product .prev.prevStop,
.product .next.nextStop{
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.video-wp{
  position: relative;
  border: 0;
}

.video-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  margin-top: -40px;
  cursor: pointer;
  background: rgba(255,255,255,0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF); /* ie8背景透明度 */
  border-radius: 50%;
  z-index: 2;
}

.video-btn img{
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

#videoArticle .tit{
  padding: 30px 0 0;
  text-align: center;
  color: #545454;
}
.footTit {text-align: center;
  color: #545454; font-size: 20px; margin-bottom:20px;}

#videoArticle .tit .t-m{
  font-size: 20px;
  line-height: 34px;
}
#videoArticle .tit .t-s{
  font-size: 14px;
  line-height: 24px;
   color: #545454;
}

.video-small{
  width: 49%;
}
#videoArticle .mt40 {margin-top: 2%;}
.video .pro{
  width: 47.6%;
}

.news-list{
  margin-bottom: 20px;
}

.news-list .item{
  width: 33.3333%;
}

.news-list .inner{
  display: block;
  margin: 0 4%;
}
.news-list .inner,
.news-list .inner:hover,
.news-list .inner:visited,
.news-list .inner:active{
  color: #000000;
}

.news-list .inner .img{
  display: block;
  width: 100%;
  height: 100%;
  max-height: 344px;
  overflow: hidden;
}

.news-list .info{
  padding: 20px 0;
  text-align: center;
}

.news-list .info .tit{
  width: 100%;
  height: 30px;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  color: #000000;
}

.news-list .info .desc{
  color: #666666;
  font-size: 12px;
  line-height: 24px;
}

.check-out{
  position: relative;
  width: 350px;
  margin: 0 auto;
  padding: 80px 20px;
}

.check-out .c-input{
  display: block;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  font-style: italic;
  border-bottom: 1px solid #222222;
}

.check-out .c-input:-webkit-input-placeholder,
.check-out .c-input::-webkit-input-placeholder,
.check-out .c-input:-moz-placeholder,
.check-out .c-input::-moz-placeholder,
.check-out .c-input:-ms-input-placeholder,
.check-out .c-input:placeholder{
  color: #666666;
}

.check-out .btn{
  position: absolute;
  top: 80px;
  right: -34px;
  width: 48px;
  height: 48px;
  text-align: center;
  font-size: 20px;
  line-height: 48px;
  cursor: pointer;
  color: #000000;
}