@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.5rem;
    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.5rem;
    position: relative;
    margin: 0 auto;
        margin-top: 0.36rem;
  }
.bannerbottombox{
  width: 16rem;
  height: 1.89rem;
  border: 1px solid #ccc;
  border-radius: 0.1rem;
  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: 1.17rem;
  height: 0.85rem;
  margin: 0 auto;
  display: block;
}
.bannerbottombox ul li h5{
  width: auto;
  font-size: 0.16rem;
  font-family: p;
  font-weight: 400;
  text-align: center;
  line-height: 0.45rem;
}
.bannertiao{
  width: 0.01rem;
  height: 0.9rem;
  background: #d8d8d7;
}
.offer{
  width: 100%;
  max-width: 19.2rem;
  height: 26.23rem;
  background: url(../img/2523.jpg) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  position: relative;
}
.offercenter{
  width: 16rem;
  height: 25.23rem;
  margin: 0 auto;
}
.kong{
  width: 100%;
  height: 2rem;
  margin: 0 auto;
}
.offerbox{
  width: 16rem;
  height: 4.94rem;
  margin: 0 auto;
}
.offerbox h4{
  width: 11rem;
  height: auto;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: #fff;
  opacity: 0.8;
  text-align: left;
  font-family: p;
  font-weight: 400;
  padding-bottom: 0.95rem;
}
.offerimg{
  width: 6.92rem;
  height: 4.94rem;
  float: left;
  overflow: hidden;
}
.offerimg img{
  width: 6.92rem;
  height: 4.94rem;
  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;
}
.offerbutton{
  width: 3.15rem;
  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.22rem;
  border-radius: 0.5rem;
  margin-top: 0.35rem;
  text-indent: -0.3rem;
  cursor: pointer;
}



.productone{
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: url(../img/1392.jpg) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 1.54rem;
}
.productonecenter{
  width: 16rem;
  height: auto;
  margin: 0 auto;
}
.productonecenter ul{
  width: 16rem;
  height: 11.48rem;
  margin: 0 auto;
  display: flex;
  background: #fff;
  flex-wrap: wrap;
  align-content: space-between;
}
.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;
}
.prosul li{
  width: 16rem;
  height: 5rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding-top: 0.74rem;
}
.productbixs{
  width: 7.36rem;
  height: 5rem;
}
.productbixstitle{
  width: 6.5rem;
  height: auto;
  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.4rem;
  text-align: left;
  color: #666;
  font-family: p;
}
.productimgright{
  width: 8.64rem;
  height: 5rem;
  position: relative;
}
.productimgright img{
  width: 7.43rem;
    height: 4.69rem;
    float: right;
    margin-right: 0.47rem;
}


.chart{
  width: 100%;
  height: 8.13rem;
  margin: 0 auto;
  background: url(../img/813.jpg) no-repeat;
  background-size: 100% 100%;
}
.chartcenter{
  width: 16rem;
  height: 8.13rem;
  margin: 0 auto;
  position: relative;
}
.chartcenter h2{
  width: 16rem;
  height: auto;
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #000;
  text-align: center;
  line-height: 2.2rem;
}
.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: 7.75rem;
  background: url(../img/775.jpg) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.blowcenter{
  width: 16rem;
  height: 7.75rem;
  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: 3.03rem;
  height: 2.73rem;
  background: #fff;
}
.blowdiv{
  width: 3.03rem;
  height: 2.15rem;
  overflow: hidden;
}
.blowdiv img{
  width: 3.03rem;
  height: 2.15rem;
  transition: 0.4s;
}
.blowcenter ul li h3{
  width: 3.03rem;
  height: 0.63rem;
  line-height: 0.63rem;
  color: #000;
  text-align: center;
  font-family: p;
  font-weight: 400;
  font-size: 0.22rem;

}
.open{
  background: #e7f0f7;
  transition: 0.4s;
  cursor: pointer;
}
.open h3{
  color: #000 !important;
  transition: 0.4s;
  background: #e7f0f7 !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: auto;
  margin: 0 auto;
  background: #f6f6f6;
  padding-bottom: 1.1rem;
}
.realcenter{
  width: 16rem;
  height: auto;
  margin: 0 auto;
}
.realcenter h2{
  width: 16rem;
  height: auto;
  font-size: 0.48rem;
  font-family: pb;
  font-weight: 600;
  color: #000;
  line-height: 1.7rem;
  text-align: center;
}
.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: 3.15rem;
  height: 0.6rem;
 
  color: #fff;
  border-radius: 0.48rem;
  line-height: 0.6rem;
  text-align: center;
  font-size: 0.22rem;
  font-weight: 600;
  font-family: pb;
  cursor: pointer;
  margin-top: 0.5rem;
  background: url(../img/button.png) no-repeat;
  background-size: 100% 100%;
}
.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/833.jpg) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
.biaoscenter{
  width: 16rem;
  height: 8.31rem;
  margin: 0 auto;
}

.biaodanright{
  width: 11.3rem;
  height: 5.85rem;
  float: left;
  background: #fff;
}
#form2{
 
  padding-top: 0.35rem;
  padding-bottom: 0.8rem;
  border-radius: 10px;
}
#form3{
 
  padding-top: 0.35rem;
  padding-bottom: 0.8rem;
  border-radius: 10px;
}
.five1{
width: 10.8rem;
height: 2rem;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-between;
margin: 0 auto;
}
.five2{
width: 5.18rem;
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: 4.83rem;
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: 10.25rem;
  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.36rem;
}
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.47rem;
}
#form2 h2{
  width: auto;
  font-size: 0.42rem;
  font-weight: 600;
  font-family: pb;
  text-indent: 0.6rem;
  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;
}
.jiantou{
  width: 0.21rem;
  height: 0.21rem;
  float: left;
  margin-top: 0.065rem;
  margin-right: 0.1rem;
}
.making{
  width: 16rem;
  height: auto;
  line-height: 1.75rem;
  font-size: 0.42rem;
  font-weight: 600;
  color: #000;
  font-family: pb;
  text-align: center;
}
.bas{
  width: 16rem;
  height: 4.11rem;
  float: left;
}
.basleft{
  width: 8.87rem;
  height: 4.11rem;
  float: left;
}

.basright{
  width: 6.78rem;
  height: 4.12rem;
  float: right;
}
.k3000{
  width: 17.5rem;
  height: auto;
 
  background-size: 100% 100%;
  position: absolute;
  right: 0rem;
  bottom: 0.4rem;
}
.lunbo1{
  width: 100%;
  height: auto;
}
.one{margin:0.2rem auto;height:3rem;width:100%;overflow: hidden;position:relative; }
.one ul{height:3rem;width:100000px;position:absolute;right:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:right;margin:5px;height:3rem;border-radius:5px;position:relative;}
.one ul li a{display:inline-block;height:3rem;} 
.one ul li img{border-radius:5px;display:block;width: 4.66rem;height: 3rem;}
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.one ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}

.ccc{margin:0.2rem auto;height:3rem;width:100%;overflow:hidden;position:relative; }
.ccc ul{height:3rem;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.ccc ul li{display:block;float:left;margin:5px;height:3rem;border-radius:5px;position:relative;}
.ccc ul li a{display:inline-block;height:3rem;} 
.ccc ul li img{border-radius:5px;display:block;width: 4.66rem;height: 3rem;}
.ccc ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.ccc ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}
.brick{
  width: 100%;
  height: 2.2rem;
  background: url(../img/220.jpg) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.brickcenter{
  width: 16rem;
  height: 2.2rem;
  margin: 0 auto;
  position: relative;
}
.brickcenter h3{
  font-size: 0.3rem;
    color: #fff;
    line-height: 0.45rem;
    padding-left: 0.8rem;
    padding-top: 0.7rem;
}
.button1{
  width: 2.7rem;
  height: 0.6rem;
  background: url(../img/button1.png ) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.74rem;
  top: 0.8rem;
  font-size: 0.26rem;
  line-height: 0.6rem;
  color: #ff5800;
  font-weight: 600;
  font-family: pb;
  text-align: center;
  text-indent: -0.4rem;
}
.blowboxs{
  width: 11.11rem;
  height: 1.78rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.8rem;
}
.blowboxs1{
  width: 5.37rem;
  height: 0.84rem;
  border: 0.02rem solid #2c53d4;
  position: relative;
  background: #fff;
  font-size: 0.26rem;
  line-height: 0.36rem;
  text-align: center;
  color: #333;
  padding-top: 0.5rem;
}
.blowshu{
  width: 0.8rem;
  height: 0.8rem;
  background: #2c53d4;
  border-radius: 0.8rem;
  color: #fff;
  font-weight: 600;
  font-family: pb;
  text-align: center;
  line-height: 0.8rem;
  position: absolute;
  top: -0.4rem;
  left: 2.285rem;
  font-size: 0.36rem;
}
.may{
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.maycenter{
  width: 16rem;
  height: auto;
  margin: 0 auto;
}
.maycenter h2{
  width: 16rem;
  height: 1.3rem;
  line-height: 1.3rem;
  color: #000;
  font-family: pb;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  font-size: 0.42rem;
}
.maycenter ul{
  width: 16rem;
  height: 8.34rem;
  display: flex;
  justify-content: space-around;
  align-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 0.65rem;
  margin-bottom: 0.7rem;
}
.maycenter ul li{
  width: 5.16rem;
  height: 4.01rem;
  border: 0.01rem solid #e7f0f7;
  position: relative;
  cursor: pointer;
  transition: 0.4s;
}
.maycenter ul li img{
  width: 5.16rem;
  height: 4.01rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
}
.maytitle{
  width: auto;
  font-size: 0.24rem;
  position: absolute;
  left: 0.3rem;
  bottom: 0.37rem;
  font-family: pb;
  font-weight: 600;
}
.button2{
  width: 0.6rem;
  height: 0.6rem;
  background: url(../img/button2.jpg) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0.24rem;
  bottom: 0.24rem;
}
.blues{
  border-color: #2c53d4 !important;
  transition: 0.4s;
}
.trust{
  width: 100%;
  max-width: 19.2rem;
  position: relative;
  height: 7.5rem;
  margin: 0 auto;
  background: #e7f0f7;
}
.trustcenter h2{
  width: 16rem;
  height: auto;
  font-size: 0.42rem;
  color: #000;
  font-family: pb;
  font-weight: 600;
  text-align: center;
  margin: 0 auto;
  line-height: 2.35rem;
}
.qualcenter h2 span{
  color: #ff5800;
  font-weight: 600;
  font-family: pb;
}
.qual{
  width: 100%;
  height: 7.52rem;
  margin:0 auto;
  background: #e7f0f7;
}
.qualcenter{
  width: 16rem;
  height: 7.52rem;
  margin: 0 auto;
  position: relative;
}
.qualcenter h2{
  width: 15rem;
  height: 2.35rem;
  font-size: 0.42rem;
  font-weight: 600;
  font-family: pb;
  text-align: center;
  color: #000;
  margin: 0 auto;
  line-height: 2.35rem;
}
.tabbox{width:17.5rem;height:auto;font-family:'微软雅黑';}
.tabbox .tab{overflow:hidden;}
.tabbox .tab a{display:block;float:left;text-decoration:none;color:#333;width: 3.4rem;height: 2.54rem;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:#ff5800;text-decoration:none;}
.tabbox .tab a.on{background:#ff5800 !important;text-decoration:none;}
.tabbox .content{overflow:hidden;padding-bottom: 0.1rem;}
.tabbox .content li{display:none;height: 5.16rem;position: relative;position: relative;}
.tabbox .tab{
  width: 13.58rem;
  height: 2.54rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  position: absolute;
    bottom: -1.3rem;
    left: 1rem;
}
.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.57rem;
  height: 0.57rem;
  display: table;
  margin: 0 auto;
}
.content ul li h4{
  color: #000;
  font-size: 0.28rem;
  font-weight: 600;
  font-family: pb;
  padding-top: 0rem;
  padding-left: 0.9rem;
}
.contentitle{
  width: 6.2rem;
  height: auto;
  font-size: 0.24rem;
  line-height: 0.36rem;
  color: #666;
  opacity: 0.9;
  text-align: left;
  padding-left: 0.8rem;
  padding-top: 0.4rem;
}
.contimg{
  width: 10.06rem;
  height: 5.16rem;
  position: absolute;
  top: 0rem;
  right: 0rem;
}
.contans{
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  color: #224eba;
  opacity: 0.2;
  position: absolute;
  left: 0rem;
  top: 0rem;
}
.xingxing{
  width: 0.21rem;
  height: 0.19rem;

}
.whs{
  width: 0.6rem;
  height: 0.06rem;
  background: #fff;
  opacity: 0.8;
  display: table;
  margin: 0 auto;
  border-radius: 0.08rem;
  margin-top: 0.1rem;
}
.feed{
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 0.64rem;
}
.feedcenter{
  width: 16rem;
  height: auto;
  margin: 0 auto;
  padding-top: 1.3rem;
}
.feedcenter h2{
  width: 16rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  color: #000;
  font-family: pb;
  font-size: 0.42rem;
}
.feedbox{
  width: 17.5rem;
  height: 4.75rem;
  margin: 0 auto;
}

.swiper-pagination-progressbar-fill{
  background: #ff5800 !important;
}
.feedbox .swiper-slide ul{
  width: 100%;
  height: 4.67rem;
  display: flex;
  justify-content: space-around;
}
.feedbox .swiper-slide ul li{
  width: 32%;
  height: 4.67rem;
  position: relative;
}
.swipercc{
  width: 100%;
  height: 3.71rem;
  position: absolute;
  top: 0rem;
  left: 0rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.swipercc img{
  width: 100%;
  height: 3.71rem;
}
.swiperbs{
  width: 100%;
  height: auto;
  font-size: 0.22rem;
  color: #000;
  text-align: left;
  position: absolute;
  left: 0rem;
  bottom: 0.38rem;
}
.swiperbs img{
  width: 0.24rem;
  height: 0.29rem;
  float: left;
  margin-right: 0.2rem;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0 !important;
}
.swiperbtitle{
  width: 100%;
  height: 3.71rem;
  position: absolute;
  bottom: -2.2rem;
  left: 0rem;
  transition: 0.4s;
  background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,0.8));
}
.swiperbtitle h3{
  font-size: 0.22rem;
  font-weight: 600;
  font-family: pb;
  color: #fff;
  line-height: 0.22rem;
  padding-top: 1.05rem;
  padding-left: 0.3rem;
}
.swiperthis{
  width: 5.1rem;
  height: auto;
  font-size: 0.2rem;
  color: #fff;
  opacity: 0.9;
  text-align: left;
  line-height: 0.26rem;
  margin-left: 0.3rem;
  margin-top: 0.33rem;
}
/* background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,0.8)); */
.topback .swiperbtitle{
  bottom: 0rem !important;
  transition: 0.4s;
  cursor: pointer;
}
.about{
  width: 100%;
  height: 6.01rem;
  background: url(../img/601.png) no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
  margin: 0 auto;
}
.aboutright{
  width: 9.65rem;
  height: 6.01rem;
  float: right;
}
.aboutright h2{
  width: 9.65rem;
  height: auto;
  font-size: 0.42rem;
  padding-top: 0.9rem;
  padding-left: 0.7rem;
  font-weight: 600;
  font-family: pb;
}
.abouttitle{
  width: 7.18rem;
  height: auto;
  font-size: 0.22rem;
  line-height: 0.36rem;
  text-align: left;
  color: #666;
  padding-top: 0.3rem;
  margin-left: 0.7rem;
  font-family: p;
}
.aboutbutton{
  width: 2.56rem;
  height: 0.55rem;
  background: url(../img/xian.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 0.7rem;
  margin-top: 0.3rem;
  font-size: 0.24rem;
  line-height: 0.55rem;
  text-align: center;
  font-weight: 600;
  color: #224eba;
  font-family: pb;
  text-indent: -0.5rem;
}
.tabboxs{width:16rem;height:6.64rem;font-family:'微软雅黑';padding-top: 0.8rem;}
.tabboxs .tabs{overflow:hidden;display: flex;justify-content: space-between;width: 13rem;margin: 0 auto;}
.tabboxs .tabs a{display:block;float:left;text-decoration:none;color:#2c53d4;width: 2.92rem;height: 0.6rem;line-height: 0.6rem;font-size: 0.2rem;text-align: center;border: 0.01px solid #224eba;font-family: pb;font-weight: 600;}
.tabboxs .tabs a:hover{background:#2c53d4;color:#fff;text-decoration:none;}
.tabboxs .tabs a.ons{background:#2c53d4 !important;color:#fff !important;text-decoration:none;}
.tabboxs .contents{overflow:hidden;padding:10px;}
.tabboxs .contents li{display:none;}
.team{
  width: 100%;
  height: 6.64rem;
  background: url(../img/664.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}
.teamcenter{
  width: 16rem;
  height: 6.64rem;
  margin: 0 auto;
}
.cots{
  width: 11.37rem;
  height: 3.43rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 0.77rem;
}
.cots img{
  width: 2.53rem;
  height: 3.43rem;
}
.machines{
  width: 100%;
  height: 7.56rem;
  margin: 0 auto;
}
.machinescenter{
  width: 16rem;
  height: 7.56rem;
  margin: 0 auto;
}
.machinescenter h2{
  width: 16rem;
  height: 1.67rem;
  font-size: 0.42rem;
  line-height: 1.67rem;
  color: #000;
  margin: 0 auto;
  text-align: center;
  font-family: pb;
  font-weight: 600;
}
.machinesul{
  width: 16rem;
  height: 4.38rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  padding-top: 0.1rem;
  padding-bottom: 1rem;
}
.machinesul li{
  width: 5.03rem;
  height: 4.38rem;
  background: #fff;
  border-radius: 0.2rem;
  box-shadow: 0px 0px 6px #ccc;
  cursor: pointer;
  overflow: hidden;
}
.machinesul li img{
  width: 5.03rem;
  height: 3rem;
  transition: 0.4s;
}
.machinesimg{
  width: 5.03rem;
  height: 3rem;
  overflow: hidden;
}
.machinesimg img:hover{
  width: 5.03rem;
  height: 3rem;
  transform: scale(1.05);
  transition: 0.4s;
}
.machinestitle{
  width: auto;
  height: auto;
  font-size: 0.24rem;
  line-height: 0.36rem;
  font-family: pb;
  font-weight: 600;
  color: #000;
  text-indent: 0.1rem;
  padding-top: 0.37rem;
}
.machinestitle img{
  width: 0.25rem !important;
  height: 0.25rem !important;
  float: left;
  margin-top: 0.055rem;
  padding-left: 0.2rem;
}
.machinestitle2{
  width: auto;
  font-size: 0.22rem;
  color: #666;
  text-align: left;
  padding-left: 0.55rem;
  line-height: 0.3rem;
}
.machinescenter .swiper-pagination-bullet-active{
  background: #ff5800 !important;
}
.rifhts{
  width: 4rem;
  margin-top: 2.4rem;
  height: 3rem;
  float: right;
}
.rifhts ul{
  width: 4rem;
  height: 2.8rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  margin: 0 auto;
}
.rifhts ul li{
  width: 4rem;
  height: auto;
  font-size: 0.2rem;
  color: #fff;
  text-align: left;
}
.rifhts ul li img{
  width: 0.46rem;
  height: 0.46rem;
  float: left;
  margin-top: 0.1rem;
  margin-right: 0.15rem;
}
.rifhts ul li .diss{
  font-size: 0.24rem;
  font-family: pb;
  font-weight: 600;
  display: block;
}
.cot{
  width: 16rem;
  height: 2.6rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 0.75rem;
}
.cot img{
  width: 3.89rem;
  height: 2.6rem;
  margin: 0 auto;
}