.head {
  width: 100%;
  background: url("../images1/f1.png") no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover ;
  -webkit-background-size: cover ;
  position: relative;
}
.head .logo {
  width: 1.3157894736842106rem;
  height: 0.47368421052631576rem;
  position: absolute;
  top: 0;
  left: 1.3789473684210527rem;
  background: url("../images1/hd.png") no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover ;
  -webkit-background-size: cover ;
}
.head .h-cont {
  padding-top: 1.1368421052631579rem;
  position: relative;
  color: #fff;
  text-align: center;
}
.head .h-cont .h-cont1 {
  width: 0.8842105263157894rem;
  height: 0.24210526315789474rem;
  line-height: 0.24210526315789474rem;
  border: 0.010526315789473684rem solid #ffffff;
  border-radius: 0.021052631578947368rem;
  margin: 0 auto;
  color: #fff;
}
.head .h-cont .h-cont2 {
  /*font-family:PingFangSC-Semibold;*/

  font-size: 0.37894736842105264rem;
  margin: 0.11578947368421053rem auto 0;
  height: 0.5263157894736842rem;
  line-height: 0.5263157894736842rem;
}
.head .h-cont .h-cont3 {
  font-size: 0.25263157894736843rem;
  margin: 0.07894736842105263rem auto 0;
  height: 0.3473684210526316rem;
  line-height: 0.3473684210526316rem;
}
.head .h-cont .h-cont3 span {
  color: #ffbc05;
}
.head .h-cont .h-cont4 {
  padding-top: 0.26842105263157895rem;
  padding-bottom: 0.6rem;
}
.head .h-cont .h-cont4 a {
  float: left;
  margin-left: 34%;
  background-image: linear-gradient(-105deg, #ffc705 2%, #ff6c02 100%);
  border-radius: 0.25263157894736843rem;
  font-size: 0.1368421052631579rem;
  display: block;
  width: 1.368421052631579rem;
  height: 0.35789473684210527rem;
  line-height: 0.35789473684210527rem;
  color: #fff;
}
.head .h-cont .h-cont4 a:nth-child(2) {
  margin-left: 0.4789473684210526rem;
}
.head .h-cont .h-proxy {
  position: absolute;
  top: 0.9736842105263158rem;
  right: 0.015789473684210527rem;
  width: 1.4736842105263157rem;
  height: 2.4rem;
  background-image: linear-gradient(-138deg, #5f33f0 0%, #3764f8 100%);
  box-shadow: 0 0.021052631578947368rem 0.042105263157894736rem 0 rgba(60, 48, 141, 0.38);
  border-radius: 0.11052631578947368rem;
}
.head .h-cont .h-proxy .pro1 {
  height: 0.21052631578947367rem;
  line-height: 0.21052631578947367rem;
  margin-top: 0.19473684210526315rem;
  text-align: center;
}
.head .h-cont .h-proxy .pro2 {
  margin: 0.2631578947368421rem 0 0.2631578947368421rem 0.21052631578947367rem;
  height: 0.21052631578947367rem;
  line-height: 0.21052631578947367rem;
  background: url("../images1/phone.png") no-repeat;
  background-size: 0.21052631578947367rem;
  -moz-background-size: 0.21052631578947367rem;
  -o-background-size: 0.21052631578947367rem;
  -webkit-background-size: 0.21052631578947367rem;
  text-indent: 0.2631578947368421rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.head .h-cont .h-proxy .pro3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 0.21052631578947367rem;
  margin-bottom: 0.18421052631578946rem;
  height: 0.21052631578947367rem;
  line-height: 0.21052631578947367rem;
  background: url("../images1/wx.png") no-repeat;
  background-size: 0.21052631578947367rem;
  -moz-background-size: 0.21052631578947367rem;
  -o-background-size: 0.21052631578947367rem;
  -webkit-background-size: 0.21052631578947367rem;
  text-indent: 0.2631578947368421rem;
  text-align: left;
}
.head .h-cont .h-proxy .pro4 {
  background: url("../images1/wx_1.png") no-repeat;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover ;
  width: 0.6947368421052632rem;
  height: 0.6947368421052632rem;
  margin: 0 auto;
}
.head .h-com {
  background: url("../images1/com.png") no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover ;
  height: 3.3263157894736843rem;
  width: 8.552631578947368rem;
  margin: 0 auto;
}
.cont {
  width: 100%;
  background: url("../images1/f2.png") no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover ;
  color: #FFFFFF;
  text-align: center;
  overflow: hidden;
  padding-top: 0.9473684210526315rem;
}
.cont .product {
  height: 0.3263157894736842rem;
  line-height: 0.3263157894736842rem;
  padding-bottom: 0.1rem;
  margin: 0 auto;
  font-size: 0.23157894736842105rem;
}
.cont .pName {
  font-size: 0.37894736842105264rem;
  padding-bottom: 0.5263157894736842rem;
}
.cont .pName span {
  color: #ffbc05;
}
.cont .list {
  width: 7.421052631578948rem;
  margin: 0 auto;
  padding-bottom: 0.9789473684210527rem;
}
.cont .list li {
  float: left;
  width: 3.6052631578947367rem;
  height: 2.431578947368421rem;
  border-radius: 0.05263157894736842rem;
  background: url("../images1/bg1.png") no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover ;
  margin-bottom: 0.3157894736842105rem;
}
.cont .list li div {
  height: 0.39473684210526316rem;
  margin: 1.0526315789473684rem 0 0.3157894736842105rem;
  font-size: 0.28421052631578947rem;
}
.cont .list li a {
  display: block;
  width: 2.2157894736842105rem;
  height: 0.26842105263157895rem;
  line-height: 0.26842105263157895rem;
  background: #FFFFFF;
  border-radius: 0.2026315789473684rem;
  font-size: 0.1368421052631579rem;
  margin: 0 auto;
  font-weight: bold;
}
.cont .list li:nth-child(even) {
  margin-left: 0.21052631578947367rem;
}
.cont .list li:nth-child(2) {
  background-image: url("../images1/bg2.png");
}
.cont .list li:nth-child(3) {
  background-image: url("../images1/bg3.png");
}
.cont .list li:nth-child(4) {
  background-image: url("../images1/bg4.png");
}
.cont .list li:nth-child(5) {
  background-image: url("../images1/bg5.png");
}
.cont .list li:nth-child(6) {
  background-image: url("../images1/bg6.png");
}
.ht {
  width: 100%;
  text-align: center;
  background: url("../images1/bar.png") no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover ;
  height: 0.9368421052631579rem;
  line-height: 0.9368421052631579rem;
  font-size: 0.23157894736842105rem;
  color: #fff;
}
.foot {
  width: 100%;
  height: 2.473684210526316rem;
  background: url("../images1/f3.png") no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover ;
  margin-top: 0.4rem;
  position: relative;
}
.foot .left1 {
  position: absolute;
  left: 1.0368421052631578rem;
  top: 1.2473684210526317rem;
  text-align: left;
  color: #fff;
}
.foot .left1 p {
  font-size: 0.16842105263157894rem;
  height: 0.23684210526315788rem;
  line-height: 0.23684210526315788rem;
}
.foot .left1 div {
  background: url("../images1/phone.png") no-repeat 0;
  background-size: 0.21052631578947367rem;
  -moz-background-size: 0.21052631578947367rem;
  -o-background-size: 0.21052631578947367rem;
  -webkit-background-size: 0.21052631578947367rem;
  height: 0.21052631578947367rem;
  line-height: 0.21052631578947367rem;
  text-indent: 0.2631578947368421rem;
  margin: 0.14736842105263157rem 0;
}
.foot .left1 span {
  font-size: 0.12631578947368421rem;
  height: 0.16842105263157894rem;
  line-height: 0.16842105263157894rem;
  display: block;
}
.foot .right1 {
  position: absolute;
  width: 0.8947368421052632rem;
  height: 0.8947368421052632rem;
  background: url("../images1/wx_1.png") no-repeat center;
  background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  right: 1.9210526315789473rem;
  top: 1.331578947368421rem;
}
.color1 {
  color: #df7412;
}
.color2 {
  color: #511cbb;
}
.color3 {
  color: #2868d4;
}
.color4 {
  color: #ef2735;
}