@font-face{
    font-family: 'p';
    src : url('../font/Poppins-Regular.ttf');
}
@font-face{
    font-family: 'pb';
    src : url('../font/Poppins-Bold.ttf');
}
*{
    margin: 0;
    padding: 0;
    font-family:p;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    cursor: pointer;
}
body{
    max-width: 19.2rem;
    margin: 0 auto;
}

.bannerones {
    width: 100%;
    max-width: 19.2rem;
    margin: 0 auto;
    height: 8.67rem;
    font-size: 0;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
    background: #003727;
  }
  .bannerones > img {
    width: 100%;
    height: 100%;
    transform: scale(1.2);
    transition: all 1.5s;
  }

  .banneroneboxs{
    width: 100%;
    max-width: 19.2rem;
    height: 8.67rem;
    position: relative;
    margin: 0 auto;
  }
 
.bannerbottombox{
  width: 16rem;
  height: 1.89rem;
  border: 1px solid #ccc;
  border-radius: 0.3rem;
  background: #fff;
  position: absolute;
  bottom: -0.7rem;
  left: 1.8rem;
  z-index: 999;
}
.bannerbottombox ul{
  width: 16rem;
  height: 1.89rem;
  margin: 0 auto;
  display: flex;
  padding-top: 0.36rem;
  justify-content: space-around;
}
.bannerbottombox ul li{
  width: auto;
  height: 1.1rem;
}
.aimg{
  width: 0.62rem;
  height: 0.75rem;
  margin: 0 auto;
  display: block;
}
.bannerbottombox ul li h5{
  width: auto;
  font-size: 0.16rem;
  font-family: pb;
  font-weight: 600;
  text-align: center;
  line-height: 0.45rem;
}
.bannertiao{
  width: 0.01rem;
  height: 0.9rem;
  background: #d8d8d7;
}
.offer{
  width: 100%;
  max-width: 19.2rem;
  height: 8.7rem;
  margin: 0 auto;
}
.offercenter{
  width: 16rem;
  height: 8.7rem;
  margin: 0 auto;
}
.kong{
  width: 100%;
  height: 1.21rem;
  margin: 0 auto;
}
.offerbox{
  width: 16rem;
  height: 4.94rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.offerimg{
  width: 6.83rem;
  height: 6.55rem;
  float: left;
  overflow: hidden;
}
.offerimg img{
  width: 6.83rem;
  height: 6.55rem;
  transition: 0.4s;
}
.offerimg img:hover{
  transform: scale(1.05);
  transition: 0.4s;
  cursor: pointer;
}
.offerright{
  width: 8.4rem;
  height: 4.94rem;
  float: right;
}
.offerright h2{
  width: 8.4rem;
  height: auto;
  font-size: 0.48rem;
  line-height: 0.48rem;
  text-align: left;
  color: #000;
  font-family: pb;
  font-weight: 600;
  padding-top: 0.35rem;
  padding-bottom: 0.3rem;
}
.offertitle{
  width: 8.4rem;
  height: auto;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #666;
  font-family: p;
  text-align: left;
}
.offertitle2{
  width: 8.4rem;
  height: auto;
  margin: 0 auto;
  text-align: left;
  color: #000;
  font-size: 0.22rem;
  line-height: 0.56rem;
  font-family: p;
}
.offerbutton{
  width: 3.3rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-family: pb;
  font-weight: 600;
  color: #fff;
  background: url(../img/button.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  font-size: 0.24rem;
  border-radius: 0.5rem;
  text-indent: 0.35rem;
  margin-top: 0.85rem;
  cursor: pointer;
}
.offerbutton img{
  width: 0.3rem;
  height: 0.08rem;
  margin-left: 0.2rem;
}

.productone{
  width: 100%;
  height: 9.75rem;
  margin: 0 auto;
  background: url(../img/975.jpg) no-repeat;
  background-size: 100% 100%;
}
.productonecenter{
  width: 16rem;
  height: 9.75rem;
  margin: 0 auto;
}

.productonecenter h2{
  width: 16rem;
  height: 1.98rem;

  line-height: 1.98rem;
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #000;
  text-align: center;
}
.proboxslist{
  width: 16rem;
  height: 5.9rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.productbixs{
  width: 7.36rem;
  height: 5rem;
}
.productbixstitle{
  width: 6.5rem;
  height: auto;
  margin-top: 0.85rem;
  margin-left: 0.5rem;
}
.productbixstitle h3{
  width: 6.5rem;
  height: auto;
  font-size: 0.3rem;
  font-weight: 600;
  font-family: pb;
  text-align: left;
  color: #000;
  padding-bottom: 0.3rem;
}
.productbixstitle2{
  width: 6.5rem;
  height: auto;
  font-size: 0.22rem;
  line-height: 0.36rem;
  text-align: left;
  color: #666;
  font-family: p;
}
.productimgright{
  width: 8.64rem;
  height: 5rem;
  position: relative;
}
.productimgright img{
  width: 8.64rem;
  height: 5rem;
}
.shu1{
  width: 0.86rem !important;
  height: 0.61rem !important;
  position: absolute;
  right: -0.11rem;
  top: 0.1rem;
}
.shu2{
  width: 0.86rem !important;
  height: 0.61rem !important;
  position: absolute;
  left: -0.11rem;
  top: 0.1rem;
}
.chart{
  width: 100%;
  height: 6.2rem;
  margin: 0 auto;
  background: url(../img/813.jpg) no-repeat;
  background-size: 100% 100%;
}
.chartcenter{
  width: 16rem;
  height: 6.2rem;
  margin: 0 auto;
  position: relative;
}
.chartcenter h2{
  width: 16rem;
  height: auto;
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #fff;
  text-align: left;
  padding-top: 1.55rem;
  padding-bottom: 0.35rem;
  line-height: 0.48rem;
}
.chartcenter ul{
  width: 16rem;
  height: auto;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: absolute;
  bottom: 0.95rem;
}
.chartcenter ul li{
  width: 2.25rem;
  height: auto;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #666;
  text-align: center;
}
.blow{
  width: 100%;
  height: 18.43rem;
  background: url(../img/1843.jpg) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.blowcenter{
  width: 16rem;
  height: 18.43rem;
  margin: 0 auto;
}
.blowcenter h2{
  width: 16rem;
  height: auto;
  font-size: 0.48rem;
  color: #fff;
  text-align: center;
  font-family: pb;
  font-weight: 600;
  line-height: 0.48rem;
  padding-top: 0.92rem;
  padding-bottom: 0.25rem;
}
.blowtitle{
  width: 16rem;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #fff;
  opacity: 0.9;
  text-align: center;
  font-family: p;
  font-weight: 400;
}
.blowcenter ul{
  width: 16rem;
  height: 8.05rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-around;
  margin-top: 0.5rem;
}
.blowcenter ul li{
  width: 5.2rem;
  height: 3.91rem;
  background: #fff;
  box-shadow: 0px 0px 6px #eff2f2;
}
.blowdiv{
  width: 5.2rem;
  height: 3.28rem;
  overflow: hidden;
}
.blowdiv img{
  width: 5.2rem;
  height: 3.28rem;
  transform: scale(1.05);
  transition: 0.4s;
}
.blowcenter ul li h3{
  width: 5.2rem;
  height: 0.63rem;
  line-height: 0.63rem;
  color: #000;
  text-align: center;
  font-family: p;
  font-weight: 400;
  font-size: 0.22rem;

}
.open{
  background: #24a35c;
  transition: 0.4s;
  cursor: pointer;
}
.open h3{
  color: #fff !important;
  transition: 0.4s;
  background: #24a35c !important;
  cursor: pointer;
}
.detailul{
  width: 16rem !important;
  height: 4.45rem !important; 
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0rem !important;

}
.detailul li{
  box-shadow: none !important;
  width: 5.01rem !important;
  height: 4.41rem !important;
  border: 1px solid #42b072;
  position: relative;
}
.detailul li .d1{
  width: 1.01rem;
  height: 0.91rem;
  display: table;
  margin: 0 auto;
  margin-top: 0.46rem;
}
.detailul li h4{
  width: 5.01rem;
  height: auto;
  font-size: 0.26rem;
  font-family: pb;
  font-weight: 600;
  color: #000;
  text-align: center;
  line-height: 0.87rem;
}
.detailtitle{
  width: 4.2rem;
  height: auto;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #666;
  text-align: left;
  font-family: p;
  display: table;
  margin: 0 auto;
}

.detailboxs{
  width: 5.01rem;
  height: 4.41rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  opacity: 0;
  transition: 0.4s;
}
.detailboxs img{
  width: 5.01rem;
  height: 4.41rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
.detailboxsbutton{
  width: 2.59rem;
  height: 0.5rem;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.22rem;
  color: #fff;
  position: absolute;
  top: 1.87rem;
  border-radius: 0.5rem;
  left: 1.19rem;
  background: #24a35c;
  font-weight: 600;
  transition: 0.4s;
}
.open .detailboxs{
  opacity: 1 !important;
  transition: 0.4s !important;
}
.detailboxs .detailboxsbutton:hover{
  background: #fff !important;
  color: #24a35c !important;
  transition: 0.4s;
}
.open{
  border-color: transparent !important;
}
.real{
  width: 100%;
  height: 10.89rem;
  margin: 0 auto;
  background: url(../img/1089.jpg) no-repeat;
  background-size: 100% 100%;
}
.realcenter{
  width: 16rem;
  height: 10.89rem;
  margin: 0 auto;
}
.realcenter h2{
  width: 16rem;
  height: auto;
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #000;
  line-height:  0.48rem;
  text-align: center;
  padding-top: 1.3rem;
  padding-bottom: 0.3rem;
}
.relabox{
  width: 16rem;
  height: 4.16rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.relaboxleft{
  width: 5.21rem;
  height: 4.16rem;
  overflow: hidden;
  transition: 0.4s;
}
.relaboxleft img{
  width: 5.21rem;
  height: 4.16rem;
  margin: 0 auto;
  transition: 0.4s;
}
.relaboxleft img:hover{
  transform: scale(1.05);
  transition: 0.4s;
  cursor: pointer;
}
.relabox ul{
  width: 5.3rem;
  height: 4.16rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-content: space-between;
}
.relabox ul li{
  width: 2.59rem;
  height: 2.03rem;
  margin: 0 auto;
  overflow: hidden;
}
.relabox ul li img{
  width: 2.59rem;
  height: 2.03rem;
  transition: 0.4s;
}
.relabox ul li img:hover{
  transform: scale(1.05);
  transition: 0.4s;
  cursor: pointer;
}
.relaboxright{
  width: 5.21rem;
  height: 4.16rem;
  overflow: hidden;
  transition: 0.4s;
}
.relaboxright img{
  width: 5.21rem;
  height: 4.16rem;
  margin: 0 auto;
  transition: 0.4s;
}
.relaboxright img:hover{
  transform: scale(1.05);
  transition: 0.4s;
  cursor: pointer;
}
.about{
  width: 100%;
  height: 6.07rem;
  background: url(../img/607.jpg) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.aboutcenter{
  width: 16rem;
  height: 6.07rem;
  margin: 0 auto;
}
.aboutcenter h3{
  width: 8.5rem;
    height: auto;
    font-size: 0.48rem;
    font-weight: 600;
    font-family: pb;
    text-align: left;
    color: #fff;
    padding-bottom: 0.3rem;
    padding-top: 0.9rem;
}
.offerbuttons{
  width: 2.92rem;
  height: 0.48rem;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 0.48rem;
  line-height: 0.48rem;
  text-align: center;
  font-size: 0.22rem;
  font-weight: 600;
  font-family: pb;
  cursor: pointer;
  margin-top: 0.5rem;
}
.six{
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-top: 0.7rem;
  padding-bottom: 0.35rem;
  background: #fff;
}
.sixcenter{
  width: 16rem;
  height: auto;
  margin: 0 auto;
}
.sixcenter ul{
  width: 16rem;
  height: 2.55rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.sixcenter ul li{
  width: 1.79rem;
  height: 2.55rem;
}
.sixcenter ul li img{
  width: 1.79rem;
  height: 2.55rem;
}
.biaos{
  width: 100%;
  height: 8.31rem;
  margin: 0 auto;
  background: url(../img/831.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.biaoscenter{
  width: 16rem;
  height: 8.31rem;
  margin: 0 auto;
}

.biaodanright{
  width: 9.1rem;
  height: 4.85rem;
  float: right;
  background: #fff;
}
#form2{
 
  padding-top: 0.35rem;
  border-radius: 10px;
}
#form3{
 
  padding-top: 0.35rem;
  border-radius: 10px;
}
.five1{
width: 8.5rem;
height: 2rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-between;
}
.five2{
width: 3.85rem;
height: 0.6rem;
}
.five2 p{
width: 100%;
height: 0.3rem;
font-size: 0.22rem;
line-height: 0.3rem;
color: #000;
}
..five2 span{
color: red;
font-size: 0.2rem;
}
.five2 input{
 width: 3.53rem;
height: 0.54rem;
float: left;
border: 1px solid #ccc;
padding-left: 0.35rem;
background: #fafafa;
font-size: 0.2rem;
}

.five3{
width: 12.75rem;
margin: 0 auto;
  height: auto;
margin-top: 0.1rem;
}
.five3 p{
width: 12.5rem;
margin: 0 auto;
height: 0.3rem;
font-size: 0.22rem;
line-height: 0.3rem;
color: #000;
}
.five3 span{
color: red;
font-size: 0.2rem;
}
.buttons1{
  width: 4rem;
  height: 0.65rem;
  line-height: 0.65rem;
  text-align: center;
  font-size: 0.3rem;
  color: #000;
  margin: 0 auto;
  font-weight: 600;
  display: table;
  border-radius: 5px;
  border: none;

  border-radius: 0.65rem;
  
}
.five3 textarea{
  width: 7.77rem;
  height: 1.16rem;
  background: #fafafa;
  float: left;
  resize: none;
  border: 1px solid #ccc;
  padding-top: 0.1rem;
  line-height: 0.3rem;
  color: #666;
  font-size: 0.2rem;
  padding-left: 0.35rem;
  margin-left: 0.2rem;
}
input::-webkit-input-placeholder{

color: #666;
font-size: 0.18rem;
}

input::-moz-placeholder{   /* Mozilla Firefox 19+ */

color: #666;
font-size: 0.18rem;
}

input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */

color: #666;
font-size: 0.18rem;
}

input:-ms-input-placeholder{  /* Internet Explorer 10-11 */

color: #666;
font-size: 0.18rem;

}
textarea::-webkit-input-placeholder{

color: #666;
font-size: 0.18rem;
}

.five2{
  position: relative;
}
.five2 img{
  width: 0.22rem;
  height: 0.22rem;position: absolute;
  top: 0.16rem;
  left: 0.1rem;
}
.five3{
  position: relative;
}
.five3 img{
  width: 0.22rem;
  height: 0.22rem;position: absolute;
  top: 0.16rem;
  left: 0.3rem;
}
#form2 h2{
  width: auto;
  font-size: 0.42rem;
  font-weight: 600;
  font-family: pb;
  padding-bottom: 0.15rem;
}
.forem {
  width: auto;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #666;
  text-align: left;
  font-family: p;
  padding-bottom: 0.5rem;
}
.tits{
  width: 13rem;
  height: auto;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: p;
  text-align: center;
  opacity: 0.9;
  margin: 0 auto;
  color: #fff;
  padding-bottom: 0.6rem;
}
.mboxs{
  width: 11.32rem;
  height: 5rem;
  float: left;
  margin-top: 0.41rem;
  margin-left: 0.3rem;
}
.mright{
  width: 3.6rem;
  height: 5rem;
  float: right;
  margin-left: 0.32rem;
}
.charttitle{
  width: 11rem;
  height: auto;
  text-align: left;
  float: left;
  color: #fff;
  font-size: 0.2rem;
  line-height: 0.3rem;
  font-family: p;
  opacity: 0.9;
}
.charttitle2{
  width: 11rem;
  height: auto;
  font-size: 0.24rem;
  line-height: 0.24rem;
  text-align: left;
  color: #fff;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-family: pb;
  font-weight: 600;
  float: left;
}
.mboxbutton2{
  width: 2.92rem;
    height: 0.6rem;
    font-size: 0.24rem;
    line-height: 0.6rem;
    text-align: center;
    font-family: pb;
    font-weight: 600;
    color: #fff;
    background: #0954da;
    border-radius: 0.6rem;
    margin-top: 0.2rem;
    margin-left: 0.29rem;
    margin-top: 2rem;
}
.more{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #eff2f7;
  padding-bottom: 0.85rem;
}
.morecenter{
  width: 15rem;
  height: auto;
  margin: 0 auto;
}
.morecenter h2{
  width: 15rem;
  height: 1.67rem;
  line-height: 1.67rem;
  font-size: 0.42rem;
  color: #000;
  font-family: pb;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
}
.morebox1{
  width: 15rem;
  height: 8.05rem;
  margin: 0 auto;
  background: #fff;
}
.morebox2{
  width: 15rem;
  height: 3.5rem;
  margin: 0 auto;
}
.morebox2 img{
  margin-top: 0.6rem;
  margin-left: 0.95rem;
  width: 3.95rem;
  height: 2.63rem;
}
.morebox3{
  width: 8.3rem;
  height: 3.5rem;
  float: right;
  margin-right: 0.85rem;
}
.morebox3 h3{
  width: 8.3rem;
  font-size: 0.3rem;
  line-height: 0.3rem;
  padding-top: 0.85rem;
  font-weight: 600;
  font-family: pb;
  padding-bottom: 0.35rem;
}
.morebox3title{
  width: 8.3rem;
  height: auto;
  font-size: 0.22rem;
  line-height: 0.3rem;
  color: #666;
  text-align: left;
}
.morebox4{
  width: 15rem;
  height: 3.2rem;
  margin: 0 auto;

}
.morebox3 ul{
  width: 7.4rem;
  height: auto;
  display: flex;
  justify-content: space-between;
}
.morebox3 ul li{
  font-size: 0.2rem;
  line-height: 0.36rem;
  color: #666;
  font-family: p;
  text-align: left;
}
.moreimg{
  width: 4.36rem;
  height: 3.09rem;
  float: right;
  margin-right: 0.8rem;
  margin-top: 0.9rem;
}
.raw{
  width: 100%;
  height: 2.7rem;
  margin: 0 auto;
  background: url(../img/270.jpg) no-repeat;
  background-size: 100% 100%;
}
.rawcenter{
  width: 15rem;
  height: 2.7rem;
  margin: 0 auto;
}
.rawcenter h2{
  width: 15rem;
  height: auto;
  font-size: 0.3rem;
  line-height: 0.3rem;
  padding-top: 0.74rem;
  padding-bottom: 0.35rem;
  text-align: center;
  color: #fff;
  font-family: pb;
  font-weight: 600;
}
.rawcenter ul{
  width: 5.8rem;
  height: 0.6rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.rawcenter ul li{
  width: 2.68rem;
  height: 0.58rem;
  border: 0.01rem solid #fff;
  border-radius: 0.05rem;
  color: #fff;
  font-size: 0.24rem;
  line-height: 0.58rem;
  text-indent: -0.25rem;
  text-align: center;
  font-family: pb;
  font-weight: 600;
  transition: 0.4s;
  background: rgba(255, 255, 255, 0.05);
}
.rawcenter ul li img{
  width: 0.29rem;
  height: 0.29rem;
  float: left;
  margin-top: 0.16rem;
  margin-left: 0.4rem;
  
}
.blues{
  background: #0954da !important;
  transition: 0.4s;
  border-color: #0954da !important;
  cursor: pointer;
}
.qual{
  width: 100%;
  height: 8.38rem;
  margin:0 auto;
  background: #fff;
}
.qualcenter{
  width: 15rem;
  height: 10.38rem;
  margin: 0 auto;
}
.qualcenter h2{
  width: 15rem;
  height: 1.92rem;
  font-size: 0.42rem;
  font-weight: 600;
  font-family: pb;
  text-align: center;
  color: #000;
  margin: 0 auto;
  line-height: 1.92rem;
}
.tabbox{width:15rem;height:auto;margin:100px auto;font-family:'微软雅黑';}
.tabbox .tab{overflow:hidden;}
.tabbox .tab a{display:block;float:left;text-decoration:none;color:#333;width: 3.3rem;height: 0.72rem;border: 0.01rem solid #e3e3e3;border-radius: 0.05rem;position: relative;font-size: 0.22rem;font-weight:
500;font-family: p;text-align: center;text-indent: -0.4rem;padding-top: 0.25rem;}
.tabbox .tab a:hover{background:#f5f7f4;text-decoration:none;}
.tabbox .tab a.on{background:#f5f7f4;text-decoration:none;}
.tabbox .content{overflow:hidden;padding-bottom: 0.1rem;margin-top: 0.45rem;}
.tabbox .content li{display:none;height: 4.18rem;background: #0954da;position: relative;}
.tabbox .tab{
  width: 15rem;
  height: 1.15rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  
}
.jians{
  opacity: 0;
}
.on .jians{
  width: 0.21rem;
  height: 0.13rem;
  position: absolute;
  bottom: -0.13rem;
  left: 1.545rem;
  opacity: 1 !important;
}

.oncimg{
  width: 0.52rem;
  height: 0.52rem;
  float: left;
  margin-left: 0.5rem;
}
.content ul li h4{
  color: #fff;
  font-size: 0.3rem;
  font-weight: 600;
  font-family: pb;
  padding-top: 1.2rem;
  padding-left: 1.07rem;
}
.contentitle{
  width: 5.2rem;
  height: auto;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #fff;
  opacity: 0.9;
  text-align: left;
  padding-left: 1.07rem;
  padding-top: 0.4rem;
}
.contimg{
  width: 7.11rem;
  height: 4.18rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
}
.from{
  width: 100%;
  height: 8.96rem;
  margin: 0 auto;
  background: url(../img/896.jpg) no-repeat;
  background-size: 100% 100%;
}
.fromcenter{
  width: 15rem;
  height: 8.96rem;
  margin: 0 auto;
}
 .fromcenter h2{
  width: 15rem;
  height: 1.92rem;
  font-size: 0.42rem;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-family: pb;
  margin: 0 auto;
  line-height: 1.92rem;
 }
 .fromcenter ul{
  width: 15rem;
  height: 5.54rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  
 }
 .fromcenter ul li{
  width: 4.77rem;
  height: 5.54rem;
  background: #f3f3f4;
  border-radius: 0.05rem;
 }
 .frombox1{
  width: 4.77rem;
  height: 0.94rem;
  margin: 0 auto;
  margin-top: 0.4rem;
 }
 .yuans{
  width: 0.94rem;
  height: 0.94rem;
  float: left;
  margin-left: 0.34rem;
 }
 .xing{
  width: 0.83rem;
  height: 0.12rem;
 }
 .frombox2 h5{
  font-size: 0.24rem;
  line-height: 0.32rem;
  color: #000;
  font-family: pb;
  font-weight: 600;
  text-align: left;
  padding-top: 0.15rem;
 }
 .frombox2{
  font-size: 0.16rem;
  color: #666;
  padding-left: 1.5rem;
  margin-top: 0.3rem;
  
  padding-top: 0.2rem;

 }
 .fromtitls{
  width: 4.45rem;
  height: auto;
  border-left: 0.03rem solid #0954da;
  margin-left: 0.15rem;
  color: #666;
  font-family: p;
  font-size: 0.2rem;
  text-align: left;
  line-height: 0.32rem;
  padding-left: 0.1rem;
  margin-top: 0.4rem;
 }
 .ass{
  width: 100%;
  height: 5.6rem;
  margin: 0 auto;
  background: url(../img/560.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
 }
 .asscenter{
  width: 15rem;
  height: 5.6rem;
  margin: 0 auto;
  position: relative;
 }
 .assbutton{
  width: 2.98rem;
  height: 0.6rem;
  font-size: 0.24rem;
  line-height: 0.6rem;
  text-align: center;
  font-family: pb;
  color: #0954da;
  font-weight: 600;
  background: url(../img/298.jpg) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  text-indent: 0.3rem;
  position: absolute;
  left: 0rem;
  bottom: 1.2rem;
  cursor: pointer;
 }
 .realtitle{
  width: 13rem;
  height: auto;
  font-size: 0.2rem;
  line-height: 0.3rem;
  color: #666;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 0.4rem;
 }
 .tab1{
  width: 6rem;
  height: 0.8rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
 }
 .contents{
  width: 15rem;
  height: 5.53rem;
  margin: 0 auto;
  overflow: hidden;
 }
 .contents ul{
  width: 15rem;
  height: auto;
  margin: 0 auto;
 }
 .contents ul li {
  width: 15rem;
  height: 5.53rem;
  margin: 0 auto;
  
 }
 .contents ul li img{
  width: 15rem;
  height: 5.53rem;
  margin: 0 auto;
 }
 .tab1 a{
  width: 2.94rem;
  height: 0.76rem;
  margin: 0 auto;
 }
 .tab1 .on .jians{
  opacity: 1 !important;
 }
 .tab1 .on .tts{
  background: #fe9901 !important;

 }

 .tab1 .on{
  position: relative;
 }
 .tab1 .on .jians{
  position: absolute;
  bottom: 0rem;
  left: 1.2rem;
 }
 .contents li{
  position: relative;
 }
 .contents{
  margin-top: 0.4rem;
 }
 .bss{
  width: 100%;
  height: 4.67rem;
  margin: 0 auto;
  background: #f1f1f1;
  max-width: 19.2rem;
  position: relative;
 }
 .dd{
  width: 4.94rem;
  height: 4.67rem;
  position: absolute;
  left: 0rem;
  top: 0rem;
 }
 .bss h2{
  font-size: 0.42rem;
  font-weight: 600;
  font-family: pb;
  color: #fff;
  position: absolute;
  top: 1.8rem;
  left: 0.45rem;
 }
 .bbsbox{
  width: 0.87rem;
  height: 0.08rem;
  background: #fff;
  position: absolute;
  left: 0.45rem;
  top: 2.5rem;
 }
 .bss ul{
  width: 12rem;
  height: 4.67rem;
  position: absolute;
  top: 0rem;
  left: 5.94rem;
  display: flex;
  justify-content: space-between;
 }
 .bss ul li{
  width: 4rem;
  height: 4.67rem;

 }
 .ms{
  width: 4rem;
  height: 1.9rem;
  display: block;
  margin-top: 1.1rem;
 }
 .bss ul li h3{
  width: 4rem;
  height: 0.73rem;
  line-height: 0.73rem;
  font-size: 0.24rem;
  font-family: pb;
  font-weight: 600;
  text-align: center;
  color: #000;
 }
 .bbsbutton{
  width: 1.88rem;
  height: 0.38rem;
  border: 0.01px solid #000;
  color: #000;
  font-family: p;
  text-align: center;
  line-height: 0.38rem;
  font-size: 0.18rem;
  display: table;
  margin: 0 auto;
  transition: 0.4s;
 }
 .bbsbutton:hover{
  border-color: #0954da;
  background: #0954da;
  color: #fff;
  transition: 0.4s;
  cursor: pointer;
 }