.index {
  width: 19.2rem;
  background: #fff;
}
.index .LogoImg {
  width: 19.2rem;
  height: 4rem;
}
.LogoImg img {
  width: 100%;
  height: 100%;
}
.indexTop {
  width: 100%;
  height: 3.87rem;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: .4rem 3.1rem 0;
}
.indexTop .Textbox {
  width: 6.3rem;
  height: 3.17rem;
  box-sizing: border-box;
  border: 1px solid #ebe9e9;
  padding: .28rem .3rem 0;
}
.Textbox .Tilte {
  display: flex;
  justify-content: space-between;
}
.Tilte .lefttitle {
  font-size: .22rem;
  font-weight: 700;
  color: #17A17B;
}
.Tilte .righttitle {
  font-size: .14rem;
  color: #17A17B;
}
.Textbox .Line {
  width: 100%;
  height: 1px;
  background: #E1DFE4;
  margin-top: .2rem;
}
.Textbox .smallTitle{
  margin-top: .19rem;
  display: flex;
  margin-bottom: .19rem;
}
.smallTitle div{
  font-size: .16rem;
  color: #333333;
  width: 1rem;
  height: .4rem;
  text-align: center;
  line-height: .4rem;
  margin-right: .06rem;
  cursor: pointer;
}
.smallTitle .CurTitle {
  background: #17A17B;
  color: #fff;
}
.smallTitle .CurTitle a{
  background: #17A17B;
  color: #fff;
}
.Textbox .newImg {
  width: 2.1rem;
  height: 1.34rem;
}
.newImg img {
  width: 100%;
  height: 100%;
}
.Textbox .news {
  margin-left: .4rem;
}
.Textbox .news ul{
  padding: 0;
  margin: 0;
  height: 1.34rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.news li {
  font-size: .14rem;
  color: #444444;
  height: 0.4rem;
}
.Textbox .rightNews {
  margin-left: .2rem !important;
  margin-top: .19rem;
}
.rightNews ul {
  height: 1.95rem !important;
}
.indexCenter {
  width: 100%;
  height: 9.1rem;
  box-sizing: border-box;
  padding: .26rem 3.1rem 0;
  background: #F2F2F2;
}
.indexCenter .TopTitle {
  font-size: .26rem;
  color: #17A17B;
  margin-bottom: .36rem;
  text-align: center;
}
.TopImgs {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.Topimg {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.Topimg .img {
 /*background: red;*/
 width: 4.12rem;
 height: 2.4rem;
}
.Topimg .addText {
  margin-top: .25rem;
  font-size: .16rem;
  color: #333333;
}
.CenterTop2 {
  margin-top: .5rem;
}
.CenterBottom {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: .35rem;
}
.CenterBtn {
  width: 1.6rem;
  height: .5rem;
  box-sizing: border-box;
  border: 1px solid #17A17B;
  border-radius: 4px;
  font-size: .18rem;
  color: #17A17B;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  cursor: pointer;
}
.CenterBtn img {
  width: .21rem;
  height: .2rem;
}
.idnexBtm {
  width: 100%;
  height: 4.7rem;
  box-sizing: border-box;
  padding: .5rem 3.1rem 0;
  display: flex;
}
.BtmVedio {
  width: 4.12rem;
  height: 3.22rem;
  box-sizing: border-box;
  border: 1px solid #ebe9e9;
  margin-right: .32rem;
  padding: .28rem .3rem 0;
}
.Btmbrand {
  width: 8.56rem;
  height: 3.22rem;
  box-sizing: border-box;
  border: 1px solid #ebe9e9;
  padding: .28rem .3rem 0;
}
.BtmVedio .Tilte {
  display: flex;
  justify-content: space-between;
  margin-bottom: .25rem;
}
.Btmbrand .Tilte {
  display: flex;
  justify-content: space-between;
  margin-bottom: .25rem;
}
.BtmVedio .img {
  width: 3.52rem;
  height: 2.1rem;
}
.BtmVedio .img img {
  width: 100%;
  height: 100%;
}
.brands {
  display: flex;
  flex-wrap: wrap;
}
.brands div {
  width: 2.08rem;
  height: .9rem;
  box-sizing: border-box;
  border: 1px solid #ebe9e9;
  margin: 0 .3rem .3rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgone {
  width: 100%;
  height: auto;
}
.imgtwo {
  width: 1.8rem;
  height: .33rem;
}
.imgthree {
  width: 1.84rem;
  height: .2rem;
}
.imgfuor {
  width: 1.62rem;
  height: .46rem;
}