.ys-flex{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ys-flex-j-b{
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-box-pack: space-between;
  -webkit-moz-box-pack: space-between;
  box-pack: space-between;
}
.ys-flex-j-c{
  -webkit-justify-content:center;
  justify-content:center;
  -moz-box-pack:center;
  -webkit-moz-box-pack:center;
  box-pack:center;
}
.ys-flex-j-s{
  -webkit-justify-content:flex-start;
  justify-content:flex-start;
  -moz-box-pack:flex-start;
  -webkit-moz-box-pack:flex-start;
  box-pack:flex-start;
}
.ys-flex-j-a{
  justify-content: space-around;
  -webkit-justify-content:space-around;
  -moz-box-pack:space-around;
  -webkit-moz-box-pack:space-around;
  box-pack:space-around;
}

.ys-flex-a-c{
  align-items: center;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
}
.ys-flex-wrap-w{
  -webkit-flex-wrap:wrap;
  -webkit-box-lines:wrap;
  -moz-flex-wrap:wrap;
  flex-wrap:wrap;
}
.ys-flex-d-c{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  flex-direction:column;
  -webkit-flex-direction:column;
}

a:focus, a:hover {
  color: #333;
  text-decoration: none;
}
p {
  margin: 0 0 10px;
  padding: 0;
}
.index-banner{padding-top: 15px;padding-bottom: 15px;}
.index-banner .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;color: #fff;font-family: var(--e-global-typography-primary-font-family),Sans-serif;line-height: 1;}
.index-banner .index-banner-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  text-align: center;
}
.index-banner .index-banner-text .index-banner-title{
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 30px;
}
.index-banner .index-banner-text .index-banner-content{
  font-size: 17px;
  line-height: 1.4;
  margin-bottom: 30px;
}
.index-banner .index-banner-text .index-banner-more {
  border: 2px solid #fff;
  text-align: center;
  font-size: 15px;
  padding: 12px 24px;
  display: inline-block;
  border-radius: 3px;
}
.index-title{
  color: #000;
  font-size: 25px;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 10px;
}
.index .col-md-4, .index .col-md-6, .index .col-md-8{margin-bottom: 5px;margin-top: 5px;}


.index-about .index-about-n{position: relative;}
.index-about .index-about-n a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.index-about .pic img{width: 100%;height: 100%;object-fit: cover;}
.index-about .index-about-title{
  position: absolute;
  left: 50%;
  top: 70%;
  color: #fff;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
}
.index-about .shelter{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.index-about a:hover .shelter{
  background-color: rgba(0,0,0,0);
  /* background-color:transparent; */
}
.index-news .pic img{width: 100%;height: 100%;object-fit: cover;}
.footer .footer-content{
  padding-left: 30px;
  padding-right: 30px;
}
.index-news .index-news-title{
  font-size: 15px;
  line-height: 1.6;
  height: 48px;
  overflow: hidden;
  margin-top: 20px;
  color: #000;
}
.index-news .index-news-time{
  color: #adadad;
  line-height: 1.3em;
  font-size: 12px;
  margin-bottom: 13px;
}
.index-news .index-news-content{
  color: #000;
  font-family: roboto,Sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  height: 54px;
  overflow: hidden;
}
.index-news .more{
  clear: both;
  padding: 15px;
  text-align: right;
}
.index-news .more a{text-decoration: underline;color: #333;}


.footer {
  border-top: 1px solid #eee;
  background: #fafafa;
  clear: both;
  font-size: 18px;
  font-size: 1.8rem;
  padding: 60px 0;
}

.footer h3{
  color: #111;
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 20px;
}

.footer .footer-content{
  padding-left: 15px;
  padding-right: 15px;
}
.footer .footer-content a{
  font-size: 10pt;
  color: #000000;
}
.footer-copyright i{display: block;margin: 0;}

@media screen and (min-width:991px) {


  .index-application{}
  .index-application-1{padding-right: 5px;}
  .index-application-2{padding-left: 5px;}
  .index-about{}
  .index-about-1{padding-right: 5px;}
  .index-about-2{padding-left: 5px;}
  .index-about-3{padding-right: 5px;}
  .index-about-4{padding-right: 5px;padding-left: 5px;}
  .index-about-5{padding-left: 5px;}





  .footer-copyright i{margin: 0 5px;display: inline-block;}


}

.breadcrumb{
  background-color: transparent !important;
  border: 0;
  margin-bottom: 0;
}

.respd h1{
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 700;
  font-family: heebo,Helvetica,Arial,sans-serif !important;
  color: #333;
}
.respd .removeItemLink{
  font-size: 12px;
  cursor: pointer;
}
#productCompareDescription{padding-bottom:10px;}
#productCompareDescription img{width:175px; height:auto; padding-bottom:5px; padding-right:5px;}
.respd tr.bianma{background-color: #fffbeb !important;}
.respd .table{table-layout:fixed;}
.respd p{margin: 0px 0 5px;}

.homepagebanner_top {
  background-position: center;
  height: 400px;
  text-align: center;
  position: relative;
  background-size: cover;
}
.submanutab {
  background-color: #585858;
  color: #fff;
  height: 44px;
  text-transform: uppercase;
  font-weight: bold;
}
.submanutab a{
  color: #fff;
  line-height: 44px;
  font-size: 15px;
}
.submanutab a:hover{border-bottom: 2px solid #fff;}


.future {
  color: #fdcd00;
  font-weight: bolder;
  font-size: 72px;
}
@media screen and (max-width: 767px){
  .future {
    font-size: 30px !important;
  }
  .homepagebanner_top{
    height: 150px;
  }
  .submanutab a{
    font-size: 12px;
  }
}
.infocontent{margin-top: 15px;}
.infocontent img{max-width: 100%;height: auto !important ;}

#productCompareSpecs .bijiaotianjia{ vertical-align: middle; text-align: center;}
#productCompareSpecs .bijiaotianjia input{
  width: 170px;
  padding: 10px 15px;
}
#productCompareSpecs .bijiaotianjia button{padding: 10px 30px;}