body {
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
  background: #ffffff;
  padding-bottom: 1rem;
  font-family: Arial;
}
* {
  margin: 0;padding: 0;box-sizing: border-box;
}
a{color: #1d1e1e;text-decoration: none;}

.head{display: flex;justify-content: space-between;align-items: center;}
.head .logo{display: flex;align-items: center;}
.head .logo a{display: contents;}
.head .logo img{width: 1.5rem;margin:0.15rem 0;}
.dianhua p{font-size: 0.34rem;margin: 0;display: flex;align-items: center;}
.dianhua p img.dhbiao{padding-right: .01rem;width: .25rem;height: .2rem;}
.dianhua p span{padding: 0 .26rem 0 .28rem;display:flex;}
.dianhua a{text-decoration: none;color: #1d1e1e;font-family: Impact,"Noto Sans SC",Arial,sans-serif;display: flex;align-items: center;font-size: .28rem;}
.dianhua a span{font-size: .2rem;padding: 0;}

.hidden{display: none;}
.head{position: relative;}
#menu-button img{width: .55rem;height: auto;}
#menu{position: absolute;right: 0;top: 100%;background: rgba(0, 0, 0, .5);width: 30%;z-index: 99;}
#menu li{list-style: none;font-size: .28rem;text-align: center;padding: .25rem 0;}
#menu li a{text-decoration: none;color: #f9bb0b;}
#menu li:hover{background: #f9bb0b;}
#menu li:hover a{color: white;}


.hotpro ul{display: flex;justify-content: start;flex-wrap: wrap;}
.hotpro ul li{list-style: none;width: 48%;margin: .09rem 1%;border-radius: .16rem;text-align: center;background: linear-gradient(0deg, #ddd 0%, #ffffff 100%);border: solid 1px #d7d7d7;}
.hotpro li img{width: 100%;}
.hotpro ul li a{text-decoration: none;color: #1d1e1e;display: block;padding-top: .4rem;position: relative;
border-bottom: 0;height: 100%;}
.hotpro ul li h2{font-size: .28rem;line-height: 1;text-align: center;}
.hotpro ul li p{font-size: .24rem;margin: .08rem 0 .25rem;color: #3b3c3c;}
.hotpro ul li a img.hotico{width: .72rem;height: .72rem;position: absolute;top: 0;left: 0;border-radius: .15rem 0 0;}
.hotpro ul li object a{text-decoration: none;font-size: 0.2rem;color: white;background: #f9bb0b;position: absolute;
bottom: .23rem;width: 2.2rem;height: 0.48rem; border-radius: .35rem;display: flex;align-items: center;justify-content: center;padding-top: 0;}
.hotpro ul li object{display: flex;justify-content: center;}
.hotpro ul li object span{padding-left: .08rem;line-height: .3rem;font-size: .3rem;}
.hotpro section a{font-size: .3rem;display:inline-block;color: #1d1e1e;text-decoration: none;border-bottom: 1px solid #1d1e1e;}

.cp-case section.casemore a,.cp-wuliao p.casemore a{font-size: .3rem;color: #1d1e1e;text-decoration: none;border-bottom: 1px solid #1d1e1e;display: inline-block;}
.cp-case section.casemore,.cp-wuliao p.casemore{text-align: center;font-size: .3rem;height:.5rem;}
.cp-case section{padding:0 .15rem;margin-bottom: 1.8rem;}
.cp-case section a img{border-radius: .2rem;width: 100%;}
.cp-case section a{position:relative;display: block;}
.cp-case section a span img{position: absolute;right: 0;top: 0;width: .8rem;height: .8rem;background: #f9bb0b;padding: .28rem;border-top-left-radius: 0;border-bottom-right-radius: 0;}

.swiper{z-index: 0;}
section.casemore{margin: .45rem 0;}
.tit p.casename{background: #3e53b5;text-align: center;border-top-left-radius: .2rem;border-top-right-radius: .2rem;padding: 0.35rem 0.2rem;}
.tit a{font-size: .3rem;line-height: 0.3rem;text-decoration: none;color: white;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box !important;-webkit-box-orient: vertical}
.case-des{display: flex;justify-content: center;padding: .24rem 0;border-bottom-left-radius: .2rem;
border-bottom-right-radius: .2rem;border: 1px solid #f5f5f6;border-top: 0;box-shadow: 4px 5px 8px #f5f5f64a;}
.case-des p{font-size: .26rem;line-height: 1;}
.case-des span{width: .022rem;background: #cccccc36;margin: 0 .15rem;}
.xidu{width: 50%;}
.nengli{width: 48%;}
.xidu,.nengli{display: flex;align-items: center;justify-content: center;}
.xidu img{width: .54rem;height: .45rem;margin-right: .1rem;display: block;}
.nengli img{width: .43rem;height: .47rem;margin-right: .1rem;display: block;}
.xidu b,.nengli b{font-size: .28rem;color: #1f1f1f;}
.casecen{position: relative;}
.tit{position:absolute;top: -.8rem;width: 96%;left: 2%;}
.casesmall{display: flex;align-items: center;border: 1px dashed #ccc;margin: 0 .15rem;border-radius: .2rem;box-shadow: 4px 5px 8px #cccccc4a;}
.casesmall .casesimg img{border-radius: .1rem;width: auto;height: 1.3rem;}
.smcase .casesmall:nth-child(2){margin-top: .35rem;}
p.casesdes{font-size: .24rem;display: flex;flex-wrap: wrap;}
p.casesdes span{width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical}
.caseswen{padding: 0 .15rem;}
.caseswen p{color: #1d1e1e;line-height: .4rem;}
.casesimg{padding: .15rem 0;padding-left: .15rem;}
.casesimg a{display: flex;}
.casestit a{text-decoration: none;color: #1d1e1e;font-weight: bold;word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: .3rem;}

.fuwu h4{font-size:.36rem;text-align: center;line-height: 1.5rem;}
a.hot-tell{text-decoration: none;}
.hot-tell{position: absolute;bottom: .7rem;right: .45rem;}
.hot-tell p.hot{font-size: .22rem;text-align: right;color: #1d1e1e;}
.hot-tell p.hot img{width: .36rem;height: .36rem;}
.hot-tell p.tel{font-size: .34rem;color: #f9bb0b;font-weight: 700;letter-spacing: -.01rem;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);margin-top: 0.08rem;}
.fuwu{position:relative;background: url(../img/ico/fuwu.png)no-repeat center;background-size: 100% 100%;margin: .8rem 0 0.2rem;}
.fuwu ul li{list-style: none;width: 20%;display: flex;justify-content: center;margin-bottom: .77rem;}
.fuwu ul{position:relative;display: flex;flex-wrap: wrap;align-items: center;padding: 0 .25rem;text-align: center;}
.fuwu ul li img{margin-top: .35rem;}
.fuwu ul li p.tubiao{font-size: .22rem;width: 1.4rem;height: 1.4rem;border-radius: 50%;background: #fff;}
.fuwu ul li p.lianjie1{width: 1.4rem;height: 1.4rem;background-image: url(../img/ico/heng.png),url(../img/ico/zuo.png);background-position: center,center;background-repeat: no-repeat, no-repeat;background-size: 2rem .02111rem,.4rem .32rem;}
.fuwu ul li p.lianjie2{width: 1.4rem;height: 1.4rem;background-image: url(../img/ico/heng.png),url(../img/ico/you.png);background-position: center,center;background-repeat: no-repeat, no-repeat;background-size: 2rem .02111rem,.4rem .32rem;}
.fuwu ul li section.shu1{width: 1.4rem;height: .75rem;background-image: url(../img/ico/shu.png),url(../img/ico/updown.png);background-position: center,center;background-repeat: no-repeat, no-repeat;background-size: .0101rem 1.8rem,.32rem .4rem;position: absolute;top: 22%;right: .25rem;}
.fuwu ul li section.shu2{width: 1.4rem;height: .75rem;background-image: url(../img/ico/shu.png),url(../img/ico/updown.png);background-position: center,center;background-repeat: no-repeat, no-repeat;background-size: .0101rem 1.8rem,.32rem .4rem;position: absolute;bottom:33%;left: .25rem;}


.service{position: relative;background: url(../img/product/service_bg.jpg)no-repeat center;background-size: cover;margin: .8rem 0 0.2rem;padding: 0 0.2rem 0.6rem;}
.service h4{font-size:.36rem;text-align: center;line-height: 0.46rem;padding: 0.5rem 0;}
.service .service-img{width: 100%;height: auto;margin: 0 auto;max-width: 680px;display: block;}
.service .hot-tell{position: absolute;right: 0.3rem;bottom: 0.65rem;}
.service .hot-tell p.hot{font-size: .22rem;text-align: right;color: #1d1e1e;}
.service .hot-tell p.hot img{width: .32rem;height: .32rem;margin-right: 0.05rem;}
.service .hot-tell p.tel{font-size: .3rem;color: #f9bb0b;font-weight: 700;letter-spacing: -.01rem;text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);margin-top: 0.08rem;}

.form-section {
  font-family: Arial;
  padding: 0.4rem 0.15rem;
}
.form-section .form-title {
  color: #333333;
  text-align: center;
  font-weight: 700;
  font-size: 0.36rem;
}
.form-section .form-text {
  font-size: 0.28rem;
  line-height: 0.42rem;
  color: #666;
  text-align: center;
  margin-top: 0.15rem;
}
.form-section .form {
  margin-top: 0.5rem;
  font-size: 0.28rem;
  line-height: 0.42rem;
}
.form-section .form .form-content .form-left input {
  width: 100%;
  padding-left: 0.25rem;
  font-size: 0.28rem;
  line-height: 0.42rem;
  color: #666;
  height: 0.88rem;
  border: 1px solid #c4c4c4;
  border-radius: 0.1rem;
}
.form-section .form .form-content .form-left .form-item {
  position: relative;
  margin-bottom: 0.2rem;
}
.form-section .form .form-item .required {
  position: absolute;
  left: 0.1rem;
  top: 0.14rem;
  color: #ff0000;
  font-size: 0.28rem;
}
.form-section .form .form-content .form-left .imBox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}
.form-section .form .form-content .form-left .imBox .imtypeBox {
  width: 30%;
  position: relative;
}
.form-section .form .form-content .form-left .imBox .imtypeBox b {
  position: absolute;
  font-weight: normal;
  left: 0.1rem;
  top: 0.14rem;
  color: #ff0000;
  font-size: 0.28rem;
  z-index: 1;
}
.form-section .form .form-content .form-left .imBox .imtypeBox select {
  width: 100%;
  padding-left: 0.25rem;
  color: #666;
  background: #fff;
  border-radius: 0.1rem;
  border: 1px solid #c4c4c4;
  font-size: 0.28rem;
  line-height: 0.42rem;
  height: 0.88rem;
}
.form-section .form .form-content .form-left .imBox .imvalueBox {
  width: 67%;
}
.form-section .form .form-content .form-left .imBox .imvalueBox .imvalueBox-1 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.form-section .form .form-content .form-left .imBox .imvalueBox .imvalueBox-1 input {
  width: 48%;
  padding-left: 0.15rem;
}
.form-section .form .form-content .form-left .imBox .imvalueBox .imvalueBox-2 {
  width: 100%;
  display: none;
}
.form-section .form .form-content .form-left .imBox .imvalueBox .imvalueBox-2 input {
  width: 100%;
}
.form-section .form .form-content .form-right .form-item {
  position: relative;
  width: 100%;
  height: 100%;
}
.form-section .form .form-content .form-right .form-item .content {
  width: 100%;
  color: #666;
  font-family: Arial;
  border: 1px solid #c4c4c4;
  border-radius: 0.1rem;
  padding: 0.2rem 0.25rem;
  font-size: 0.28rem;
  line-height: 0.42rem;
  height: 1.9rem;
}
.form-section .form .submit-item {
  width: 100%;
}
.form-section .form .submit-item .btn-submit {
  width: 100%;
  font-family: Arial;
  color: #fff;
  border: none;
  background-color: #f9bb0b;
	border-radius: 0.1rem;
  font-weight: normal;
  font-size: 0.3rem;
  height: 0.8rem;
  margin-top: 0.25rem;
}

.footer {
  display: flex;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
  z-index: 999;
}
.footer a {
  color: #fff;
  font-weight: 700;
  font-size: 0.26rem;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.15rem 0;
  font-family: Arial;
}
.footer a img {
  display: block;
  margin-right: 0.1rem;
  width: 0.5rem;
}
.footer .footer-left {
  background: #f9bb0b;
  border-top-left-radius: 0.15rem;
}
.footer .footer-right {
  background: #143177;
  border-top-right-radius: 0.15rem;
}


@media (max-width:510px) {
	.fuwu ul li section.shu1,.fuwu ul li section.shu2{background-size: .01699rem 1.8rem,.32rem .4rem;}
}
@media (max-width:400px) {
	.fuwu ul li section.shu1,.fuwu ul li section.shu2{background-size: .01999rem 1.8rem,.32rem .4rem;}
}


html {font-size: 42.66666666666667px;}
@media (min-width: 320px) {html {font-size: 50px}}
@media (min-width: 375px) {html {font-size: 60px}}
@media (min-width: 400px) {html {font-size: 62px}}
@media (min-width: 414px) {html {font-size: 67px}}
@media (min-width: 450px) {html {font-size: 68px}}
@media (min-width: 480px) {html {font-size: 70px}}
@media (min-width: 510px) {html {font-size: 72px}}
@media (min-width: 540px) {html {font-size: 74px}}
@media (min-width: 570px) {html {font-size: 76px}}
@media (min-width: 600px) {html {font-size: 80px}}
@media (min-width: 630px) {html {font-size: 84px}}
@media (min-width: 660px) {html {font-size: 88px}}
@media (min-width: 690px) {html {font-size: 92px}}
@media (min-width: 720px) {html {font-size: 96px}}
@media (min-width: 750px) {html {font-size: 100px}}