/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2019-10-28 15:26:40
*/
/*banner*/

/*厂家*/
#cjia{width: 100%;height: 7.4rem;background: url(/statics/images/dai/cjia.jpg)no-repeat bottom;background-size:85%;}
.title{font-size: 0.16rem;color: #999999;text-transform: uppercase;text-align: center;padding-top:0.8rem;}
.title p{font-size: 0.46rem;color: #333333;font-weight: bold;padding-bottom: 0.1rem;letter-spacing: 1px;}
.title p span{color: #266747;}


.ys-tit h3 {
  font-size: 28px;
  padding-top: 40px;
  overflow: hidden;
}
.ys-tit h3 b {
  background: #fff;
  color: #266747;
  font-size: 40px;
  margin: 0 10px;
  height: 52px;
  overflow: hidden;
}
.ys-tit h3 span {
  height: 52px;
  overflow: hidden;
  font-size: 35px;
}
.ys-tit p {
  font-size: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  display: inline-block;
  line-height: 30px;
  margin-top: 20px;
  letter-spacing: 10px;
  padding: 0 20px;
}
.ys-tit p span {
  display: block;
  height: 32px;
  overflow: hidden;
}
.edgv01 {
  height: 17.5rem;
  overflow: hidden;
  background: url(../images/edgv01.jpg) no-repeat center top;
  background-size: 1920px 542px;
}
.edgv02 {
  height: 17.5rem;
  overflow: hidden; 
  background: url(../images/edgv02.jpg) no-repeat center 958px;
  background-size: 1920px 378px;
}
.edgv_con {
  position: relative;
  height: 17.5rem;
  overflow: hidden;
}
.edgv_con dl {
  width: 486px;
  position: absolute;
}
.edgv_con dl dt {
  margin-bottom: 20px;
  font-size: 26px;
  line-height: 35px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
}
.edgv_con dl dt span{color:#266747;font-size:0.3rem;}
.edgv_con dd {
  max-height: 264px;
  overflow: hidden;
}
.edgv_con dl dd p {
  position: relative;
  padding-left: 0.25rem;
  font-size: 0.16rem;
  margin-bottom:0.1rem;
  color: #333;
  line-height: 0.3rem;
  font-family: "Microsoft Yahei";
}
.edgv_con dl dd p::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  border: 2px solid #266747;
  position: absolute;
  left: 0;
  top: 8px;
}
.edgv_con dl dd p b {
  color: #266747;
}
.ys_link {
  margin-top: 20px;
  display: block;
  width: 150px;
  height: 35px;
  border: 1px solid #266747;
  text-align: center;
  line-height: 35px;
  font-size: 16px;
  color: #266747;
  float:right;
}
#cjia .bottom li img{width:1.3rem;display:block;margin:0 auto}
.ys_link a {
  color: #266747;
}
.edgv_con .ed_r {
  text-align: right;
}
.edgv_con .ed_r dd p::before {
  content: normal;
}
.edgv_con .ed_r dd p {
  padding-left: 0;
  padding-right: 25px;
}
.edgv_con .ed_r dd p::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  border: 2px solid #266747;
  position: absolute;
  right: 0;
  top: 8px;
}
.edgv_con .one {
  top: 1.1rem;
  left: 8rem;
}
.oneimg {
  position: absolute;
  top: 20px;
  left: 0;
}
.oneimg img,
.twoimg img,
.threeimg img,
.fourimg img {
  width: 6rem;
  height: 3.55rem;
}
.twoimg {
  position: absolute;
  top: 4.4rem;
  right: 0;
}
.threeimg {
  position: absolute;
  top: 8.5rem;
  left: 0;
}
.fourimg {
  position: absolute;
  top: 12.8rem;
  right: 0;
}
.edgv_con .two {
  top: 5rem;
  right: 8rem;
}
.edgv_con .three {
  top: 9.7rem;
  left: 8rem;
}
.edgv_con .four {
  top: 13.5rem;
  right: 8rem;
}


.pro {
  background: #f4f4f4;
  overflow: hidden;
}
.pro h2 {
  height: 100px;
  text-align: center;
}
.pro h2 b {
  height: 51px;
  line-height: 51px;
  margin-top: 80px;
  display: block;
  font-size: 32px;
  color: #111;
  overflow: hidden;
}
.pro h2 p {
  display: inline-block;
  padding: 0 40px;
  height: 21px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  font-size: 14px;
  color: #bfbfbf;
  font-weight: normal;
  margin: 0 auto;
  text-transform: uppercase;
}
.pro h2 p span {
  display: block;
  height: 21px;
  overflow: hidden;
}

.blk h2 {
  text-align: center;
}
.blk h2 b {
  height: 51px;
  line-height: 51px;
  margin-top: 80px;
  display: block;
  font-size: 32px;
  color: #111;
  overflow: hidden;
}
.blk h2 p {
  display: inline-block;
  padding: 0 40px;
  height: 21px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-left: 0;
  border-right: 0;
  font-size: 14px;
  color: #bfbfbf;
  font-weight: normal;
  margin: 0 auto;
  text-transform: uppercase;
}
.blk h2 p span {
  display: block;
  height: 21px;
  overflow: hidden;
}


.pro_q {
  margin-bottom: 0.3rem;
  margin-top:0.3rem;
  height: 0.5rem;
  overflow: hidden;
  text-align: center;
}
.pro_q ul {
  font-size: 0;
}
.pro_q ul li {
  display: inline-block;
  width: 1.4rem;
  height: 0.4rem;
  overflow: hidden;
  background-image: url(../images/pro_qb.gif);
  background-repeat: no-repeat;
  background-position: right 12px;
  background-size: 1px 19px;
  line-height: 0.4rem;
  text-align: center;
  font-size: 0.16rem;
}
.pro_q ul li span,
.pro_q ul li a {
  display: block;
  width: 2rem;
  height: 0.4rem;
  overflow: hidden;
}
.pro_q ul li:hover,
.pro_q .cur,
.pro_q ul li a:hover,
.pro_q .cur a {
  text-decoration: none;
  color: #fff;
  background-color: #266747;
}
.pro_q .nobot {
  background-image: none;
}
.pro_desc {
  max-height: 240px;
  overflow: hidden;
}
.pro_c {
  height: 5.2rem;
  overflow: hidden;
}
.pro_x dl {
  position: relative;
  margin-bottom: 37px;
  height: 438px;
  overflow: hidden;
}
.pro_x dl::before {
  width: 420px;
  height: 438px;
  background: #266747;
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
}
.pro_x dl dt {
  margin-left: 44px;
  margin-top: 41px;
  width: 558px;
  height: 350px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.pro_x dl dt img {
  width: 558px;
  height: 350px;
}
.pro_x dl dd {
  width: 490px;
  margin-left: 80px;
  margin-top: 60px;
}
.pro_x dl dd b {
  line-height: 30px;
  display: block;
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
  margin-top: 35px;
}
.pro_x dl dd span {
  margin-bottom: 28px;
  height: 68px;
  overflow: hidden;
  display: block;
  margin-top: 18px;
}
.pro_x dl dd span em {
  display: inline-block;
  width: 76px;
  height: 68px;
  margin-right: 19px;
}
.pro_x dl dd span em img {
  width: 76px;
  height: 68px;
}
.pro_x dl dd p {
  font-size: 14px;
  line-height: 24px;
  color: #333;
  font-family: "Microsoft Yahei";
  background: url(../images/pro_wb.png) no-repeat left 10px;
  background-size: 5px 8px;
}

.pro_link a {
     margin-top: 20px;
    display: block;
    width: 150px;
    height: 35px;
    border: 1px solid #266747;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: #266747;
    float: left;
}
.pro_x dl.p_t02 {
  position: relative;
}
.pro_x dl.p_t02::before {
  content: normal;
}
.pro_x dl.p_t02::after {
  width: 420px;
  height: 438px;
  background: #266747;
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
}
.pro_x .p_t02 dt {
  margin-right: 44px;
}
.pro_x .p_t02 dd {
  margin-left: 55px;
}
.pro_q ul li{width:1.4rem;}
.pro_q ul li span,.pro_q ul li a{width:1.4rem !important;}
.pic{widht:14rem;height:3rem;margin-top:0.3rem;}
.pic a{width:3rem;height:3rem;float:left;display:block;text-align:center;line-height:50px;font-size:0.16rem;margin-right:65px;}
.pic a img{display:block;width:100%;margin:0 auto;border:1px solid #ccc;}
.pic a:nth-child(4n){margin-right:0px;}
.pro_x .more{width:2rem;height:0.5rem;line-height:0.5rem;background:#266747;display:block;color:#fff;margin:0.7rem auto;font-size:0.16rem;text-align:center;}





#cjia .title img{display: block;margin: 0 auto;padding-top: 0.2rem;}
#cjia .bottom{margin-top: 0.4rem;height:6.1rem;}
#cjia .bottom li{width: 13.5%;float: left;text-align: center;padding: 0 1.5%;font-size: 0.15rem;line-height: 0.26rem;color: 3333;}
#cjia .bottom li p{font-size: 0.22rem;font-weight: bold;color: #266747;margin:0.2rem auto 0.1rem;}
#cjia .bottom .li1{margin-top: 2rem;}
#cjia .bottom .li2{margin-top: 0.75rem;}

/*服务体系*/
#tixi{width: 100%;height: 7rem;background: url(/statics/images/dai/tixi.jpg)no-repeat center;position: relative;background-size:cover;}
#tixi .wuyou{font-size: 0.24rem;color: #333;margin-top: 25px;}
#tixi .wuyou b{width: 0.5rem;height: 0.5rem;background: #266747;border-radius:50%;line-height: 0.5rem;text-align: center;color: #eec6a8;display: inline-block;margin: 0 0.07rem;font-size: 0.24rem;font-weight: normal;}



.install dl{ width:100%;overflow:hidden;height: 7rem;display: block;}
.install dl img{ width:100%; height:7rem;display: block;}

.install_m{width: 14rem;margin: 0 auto;position: relative;}
.install_m .install_c{position:relative; float:left; overflow: hidden;width: 14rem;}
.install_m .install_c ul{position: relative;}
.install_m .install_c ul li{width: 14rem;float: left;overflow: hidden;position: relative;height: 4.3rem;}

.install_m .install_c ul li .shuo{position: absolute;bottom: 0px;left:6.5rem;width: 0.76rem;text-align: center;font-size: 0.16rem;color: #999;}
.install_m .install_c ul li .shuo span{font-size: 0.2rem;color: #266747;}

.install_l img,.install_r img{ width:0.34rem; height:0.34rem; padding-top:2rem;}
.install_c ul .li{ width:2.8rem; float:left; position:relative; padding:0 5px;height:2.64rem;}



.install_c .tab a{display: block;float: left;}


#tixi .install_c .li{position: relative;overflow: hidden;margin-top: 1.1rem;width: 4.2rem;margin-right:0.11rem;}
#tixi .install_c .li img{display: block;margin: 0 auto;width: 100%;}
#tixi .install_c .li .yiny{width: 4.2rem;height: 2.8rem;background: rgba(0,0,0,0.5);color: #fff;font-size: 0.15rem;text-align: center;position: absolute;top: 0px;color: rgba(255,255,255,0.7);text-transform: uppercase;line-height: 0.3rem;}
#tixi .install_c .li .yiny p{font-size: 0.25rem;font-weight: bold;color: #fff;padding-top: 1.1rem;display: block;}
#tixi .install_c .li .nei{width:4.8rem;height: 1rem;color: rgba(255,255,255,0.7);font-size: 0.16rem;background:#266747;display: none;position: absolute;bottom: 0px;text-align: center;line-height: 0.3rem;}
#tixi .install_c .li .nei i{font-size: 0.22rem;font-weight: bold;color: #fff;display: block;padding-top: 0.2rem;}

#tixi .install_c .li:hover,#tixi .install_c .li.on,#tixi .install_c .li.aa{width: 4.8rem !important;height: 3.8rem !important;position: relative;overflow: hidden;margin-top: 0.5rem;}
#tixi .install_c .li:hover .yiny,#tixi .install_c .li.on .yiny,#tixi .install_c .li.aa .yiny{display: none;}
#tixi .install_c .li:hover img,#tixi .install_c .li.on img,#tixi .install_c .li.aa img{width: 100%;display: block;height: 2.8rem !important;margin:0 auto;}
#tixi .install_c .li:hover .nei,#tixi .install_c .li.on .nei,#tixi .install_c .li.aa .nei{display: block;text-transform:uppercase}




/*?oo?‰?*/
#renwu{width: 100%;height: 7.5rem;background: url(/statics/images/index/rw_bg.jpg);background-size: 100% 100%;margin-top:0.7rem;}
.mod18 {
  width: 50%;float:left;
  position: relative;
  /* margin: 0 auto; */
}
.img-desc {
  width: 50%;
  position:absolute;
  right:0;
  bottom:0;
}

.img-desc img {
  display:block;margin:0 auto;width:80%;
}

.picBox .name{font-size:0.24rem;color:#fff;padding-top:1.4rem;}
.picBox .biaoyu{font-size:0.4rem;color:#fff;line-height:0.55rem;padding-top:0.5rem;font-family:'Arial';}
.picBox .desc{font-size:0.18rem;color:#6c7073;padding-top:0.5rem;}

.mod18 .btn {
  position: absolute;
  cursor: pointer;
  z-index: 99;
  font-size: 0.5rem;
  font-weight: bold;
}

.mod18 .prev {
  left: 0.1rem;
  background: url(/statics/images/index/prevBtn.png) no-repeat;background-size:cover;
}

.mod18 #prevTop,
.mod18 #nextTop {
  top: 2.5rem;
  width: 0.32rem;
  height: 0.48rem;
}

.mod18 #prev,
.mod18 #next {
  top: 6.3rem;
  width: 0.1rem;
  height: 0.16rem;
}


.mod18 #prev{left:0.6rem;}
.mod18 #next{right:0.6rem;}



.mod18 .next {
  right: 0.1rem;
  background: url(/statics/images/index/nextBtn.png) no-repeat;background-size:cover;
}

.mod18 li {
  float: left;
}

.mod18 .cf li {
  position: relative;
  color: #fff;
}

.mod18 .cf a {
  display: block;
  width: 7rem;
  height: 3.77rem;
  position: absolute;
  color: #fff;
}

.mod18 .cf li span {
  display: block;
  width: 4.86rem;
  position: absolute;
  left: 0.75rem;
  bottom: 0;
  padding: 0.1rem 0.2rem;
  line-height: 0.22rem;
  text-align: left;
  background: rgba(0, 0, 0, 0.6);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr="#60000000", endColorstr="#60000000");
}

.mod18 .picBox {
  width: 7rem;
  height: 5.8rem;
  position: relative;
  overflow: hidden;
}

.mod18 .picBox ul {
  height: 5.8rem;
  position: absolute;
  left: 0;
}

.mod18 .picBox li {
  width: 7rem;
  height: 3.77rem;
}

.mod18 .listBox {
  width: 7rem;
  height: 1.1rem;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background-color: #535759;
}

.mod18 .listBox ul {
  position: absolute;

  width: 5rem!important;
  left:1rem;
}

.mod18 .listBox li {
  width: 1rem;
  cursor: pointer;
  position: relative;
  padding: 0.1rem 0 0 0;
}

.mod18 .listBox li i {
  display: none;
}

.mod18 .listBox li a {
  display: block;
  width: 1.08rem;
  height: 0.77rem;
}

.mod18 .listBox img {
  border: 3px solid #fff;
  width:70%;
  display:block;
  margin:0 auto;
}

.mod18 .listBox .on img {
  border: 3px solid #eec6a8;
}

.mod18 .listBox .on {
  /* background: url(../images/img_bg.jpg) center top no-repeat; */
}

.mod18 .listBox .on i {
  display: block;
}




/*共用滑动*/
.info_box_pic_box_wrap{margin-top:0.6rem;}
.info_box_pic_box{width:14rem;overflow:hidden;text-align:center;position:relative;margin: 0 auto;}
.info_box_pic_box_more_btn{width:100%;text-align:center;margin:0.3rem 0;}
.info_box_pic_box_more_btn a{display:inline-block;padding:0.12rem 0.6rem;background:#dc2821;color:#fff;font-size:0.18rem;line-height: 0.35rem;}
.info_box_pic_box_more_btn a:hover{background:#323232;}




/*客户案例*/
#anli{width:100%;height: 6.8rem;}

#anli .info_box_pic_box{line-height: 0.35rem;font-size: 0.16rem;text-align: center;}
#anli .info_box_pic_box .swiper-slide{width: 33.3% !important;position: relative;overflow: hidden;margin:0 auto;}
#anli .info_box_pic_box .swiper-slide img{display: block;margin: 0 auto;width:90%;}
#anli .info_box_pic_box .swiper-slide .tu{height:2.7rem;overflow:hidden;}
#anli .info_box_pic_box .swiper-slide p{font-size: 0.16rem;color: #333;line-height: 0.5rem;}
#anli .info_box_pic_box .swiper-slide:hover p{color: #266747;}
#anli .info_box_pic_box .swiper-slide:last-child{margin-right:0;}

#anli .wrap{width: 14rem;}
#anli .info_box_pic_box_wrap{margin-top:0.4rem;}
#anli #mygod{top: 0.92rem;position: absolute;left: 0;width: 0.46rem;height: 0.46rem;background: url(/statics/images/dai/jtL1.png);}
#anli #mygod2{top: 0.92rem;position: absolute;right: 0;width: 0.46rem;height: 0.46rem;background: url(/statics/images/dai/jtR1.png);}

#anli #mygod:hover{background: url(/statics/images/dai/jtL2.png);}
#anli #mygod2:hover{background: url(/statics/images/dai/jtR2.png);}
#anli .more{width: 1.8rem;height: 0.5rem;line-height: 0.5rem;text-align: center;border:1px solid #266747;color: #266747;font-size: 0.16rem;margin: 0 auto;border-radius: 0.5rem;margin-top: 0.3rem;}
#anli .more a{color: #266747;}

#banquan{margin-top:0;}

.tec {
  height: 4.5rem;
  background: #f4f4f4;
  overflow: hidden;
}

.tec_c {
margin-top:0.5rem;
width:100%;
}
.tec_c .fl{width:100%;}
.tec_c ul li {

  float: left;
  width: 11%;
  height: 169px;
  overflow: hidden;
}
.tec_c ul li a {
  overflow: hidden;
  display: block;
  width: 193px;
  height: 169px;
}
.tec_c ul li em {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  overflow: hidden;
  margin-top: 39px;
  margin:0 auto;
  margin-bottom:20px;
}
.tec_c ul li em img {
  width: 100%;
  display:block;
  transition:0.5s
  
}
.tec_c ul li:hover em img {
 margin-top:-0.7rem;
  
}

.tec_c ul li span {
  display: block;
  line-height: 0.2rem;
  font-size: 0.16rem;
  color: #333;
  text-align: center;
  overflow: hidden;
}
.tec_c .nobot {
  width: 150px;
  margin-right: 0;
}
.ys-tit {
  text-align: center;
  background: #00a1e9;
  height: 176px;
  color: #fff;
  margin-bottom: 70px;
}
.tec_tel {
  margin-top: 40px;
  width: 184px;
}
.tec_tel p {
  text-align: center;
  font-size: 14px;
  color: #555;
}
.tec_tel p em {
  display: block;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}
.tec_tel p span {
  display: block;
  height: 36px;
  font-size: 24px;
  line-height: 36px;
  font-family: Arial;
  overflow: hidden;
}
.tec_link {
  display: block;
  width: 106px;
  height: 28px;
  background: #00a1e9;
  text-align: center;
  font-size: 14px;
  color: #fff;
  line-height: 28px;
  margin: 0 auto;
}
.tec_link a {
  color: #fff;
  display: block;
  height: 28px;
  overflow: hidden;
}



.blk .bottom li{width: 18%;float: left;font-size: 0.18rem;line-height: 0.25rem;color:#666;text-align: center;padding:0 1%;height:2.2rem;margin-top:0.5rem;}
.blk .bottom li p{font-size: 0.22rem;color: #333;line-height:0.35rem;}
.blk .bottom li img{display: block;margin: 0 auto;transition: 1s;border-radius:50%;width:90%;margin-top:0.2rem;}
.blk .bottom li img:nth-child(2){display:none;}

.blk .bottom li .tu{width:1.05rem;overflow:hidden;margin:0 auto;}
.blk .bottom li span{display:none;font-size:0.14rem}

.blk .bottom li:hover{background:#266747;border-radius:0.2rem;} 
.blk .bottom li:hover span{display:block;color:#fff;}
.blk .bottom li:hover img{display:none;}
.blk .bottom li:hover p{color:#fff;margin:0.3rem 0 0.2rem;font-size: 0.24rem;}