.num {
  font-size: 25px;
  color: #fff;
}

.num h1 {
  font-size: 50px;
  font-weight: 600;
  color: #fff;
}

.num h2 {
  font-size: 19px;
  font-weight: 600;
}

.num h3 {
  font-size: 19px;
  font-weight: 50;
  margin-top: 10px;
  color: #fff;
}

.mask1 {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  background: orange;
  cursor: pointer;
  display: none;
  z-index: 3;
}

.num .left:hover .mask,
.num .center:hover .mask,
.num .right:hover .mask,
.num .left1:hover .mask,
.num .center1:hover .mask,
.num .right1:hover .mask {
  background: orange;
  /* display: none; */

}
.num .left:hover .mask1,
.num .center:hover .mask1,
.num .right:hover .mask1,
.num .left1:hover .mask1,
.num .center1:hover .mask1,
.num .right1:hover .mask1 {
 
  display: block;

}
/* .num a {
  text-decoration: none;
} */

.num .mtext {
  position: absolute;
  top: 37px;
  left: 37px;
  z-index: 3;
}



.num .left h2 {
  position: absolute;
  top: 33px;
  left: 120px;
  width: 500px;
  font-size: 23px;
}





.num .right h2 {
  position: absolute;
  top: 33px;
  left: 120px;
  width: 100px;
  font-size: 23px;
}







.more {
  font-size: 0px;
  margin-top: 10px;
}

.more .left { 
  position: relative;
  
}

.more .left img {

  width: 853px;
  height: 476px;
}

.more .right img {

  width: 342px;
  height: 207px;
}

.more .left1 {
  position: absolute;
  left: 0px;
  bottom: 0px;
  
}

.more .left2 {
  position: absolute;
  left: 250px;
  bottom: 0px;

}

.more .right img:hover {
  transform: scale(1.1);
}

.more .right {

  margin-top: 57px;
  margin-left: 5px;
  overflow: hidden;
}

.more .right .top {
  position: relative;
  overflow: hidden;

}

.more .right .bottom {
  position: relative;
  margin-top: 5px;
  width: 342px;
  height: 207px;
  overflow: hidden;
}

.more .right .top div {
  position: absolute;
  bottom: 18px;
  left: 40px;
  font-size: 17px;
  
  width: 260px;
  height: 40px;
  line-height: 40px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0, 0, 0, .3);
  color: #fff;
}

.more .right .bottom div {
  position: absolute;
  bottom: 18px;
  left: 40px;
  font-size: 17px;
  /* border: solid red 1px; */
  width: 260px;
  height: 40px;
  line-height: 40px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0, 0, 0, .3);
  color: #fff;
}

.more .right .top div:hover {
  transition: all 1.3s ease;
  background: rgb(239, 130, 1);
}

.more .right .bottom div:hover {
  transition: all 1.3s ease;
  background: rgb(239, 130, 1);
}
 

.fresh li {
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  position: relative;
  width: 395px;
  height: 230px;
  overflow: hidden;
}

.fresh img {
  width: 395px;
  height: 230px;

}

.fresh img:hover {
  transform: scale(1.1);
}

.fresh a {
  font-size: 0px;
}

.fresh li div {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  color: #000;
  /* border: solid red 1px; */
  width: 260px;
  height: 40px;
  line-height: 40px;
  border-radius: 24px;
  text-align: center;
  background: rgba(0, 0, 0, .3);
  color: #fff;
}

.fresh li div:hover {
  transition: all 1.3s ease;
  background: rgb(239, 130, 1);
}

.fresh1 ul {
  padding: 30px 0px;
  background: rgb(63, 57, 57);
}

.fresh1 li {
  display: inline-block;
  width: 200px;

  /* border: solid 1px red; */
  text-align: center;
}

.fresh1 li a>div {
  width: 110px;
  height: 110px;
  /* border: solid 1px red; */
  border-radius: 50%;
  text-align: center;
  line-height: 110px;
  display: inline-block;
  color: #fff;
  font-size: 25px;
  position: relative;
  z-index: 2;
}




.fresh1 li div:hover {
  /* transition: all 0.5s ease; */
  background: rgb(229, 127, 17) !important;
}
.fresh1 li div:hover .fh1a{
  /* transition: all 0.5s ease; */
opacity: 0;

}
.fh1a {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0,0.6);
  opacity: 1;
  border-radius: 50%;
  z-index: -1;
}
.design {
  width: 399px;
  height: 590px;
  /* border: solid 1px red; */
  position: relative;
  display: inline-block;
  font-size: 20px;
  margin-bottom: 60px;
  overflow: hidden;
}

.design1 {

  height: 530px;
  overflow: hidden;
}

.design:hover {
  color: #666;
}



.design img:hover {
  transform: scale(1.1);
}

.designT {
  position: absolute;
  padding: 27px 31px;
  width: 260px;
  left: 27px;
  bottom: -1px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, .7)
    /* border: solid 1px red; */
}

.designT h1 {
  font-size: 20px;
  color: rgb(239, 130, 1);
  /* border-bottom: solid 1px #eee; */
}

.designT h1 span {
  font-size: 17px;
}

.designT h2 {
  font-size: 17px;
  margin-top: 5px;
  color: #333;
}

.designT h3 {
  font-size: 13px;
  margin-top: 10px;
  color: #333;
  height: 19px;
  overflow: hidden;
}

.mmap img {
  width: 100%;

}



.mmap ul {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.mmap li {

  display: inline-block;
  width: 180px;
  height: 50px;
  /* border: solid 1px red; */
}

.perfect li {
  display: inline-block;
  width: 282px;
  height: 287px;
  margin-top: 18px;
  margin-left: 18px;
position: relative;
 overflow: hidden;


}





.perfect .text img {
  width: 64px !important;
  height: 64px;
  margin: 0px auto;
}



.perfect .text {
  font-size: 20px;
  position: relative;
  top: 65px;
 text-align: center;
  line-height: 36px;
}





.perfect .perfect1:hover .st1 {
  display: block;
  color: #fff;
}

.perfect .perfect2:hover .st2 {
  display: block;
  color: #fff;
}

.perfect .perfect3:hover .st3 {
  display: block;
  color: #fff;
}

.perfect .perfect4:hover .st4 {
  display: block;
  color: #fff;
}

.perfect .perfect5:hover .st5 {
  display: block;
  color: #fff;
}

.perfect .perfect6:hover .st6 {
  display: block;
  color: #fff;
}

.perfect .perfect7:hover .st7 {
  display: block;
  color: #fff;
}

.perfect .perfect8:hover .st8 {
  display: block;
  color: #fff;
}





.mpower img:hover {
  transform: scale(1.1);
}

.mpower {

  background-color: rgb(242, 147, 27);
}

.mpower1 {
  float: left;
}

.mpower2 {
  float: left;
}

.swiper-container7 img {
  width: 100%;
}

.swiper-container7 {
  width: 595px;
  height: 419px;
  overflow: hidden;
}

.mpower .swiper-slide7 {
  position: relative;
}

.mswiper-slide7 {
  position: absolute;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  bottom: 0px;
  left: 0px;
  color: #fff;
  width: 100%;
}

.mpower2 {
  font-size: 0px;
  margin-left: 10px;
}

.mpower2 li {
  display: inline-block;
  width: 191px;
  height: 204px;
  overflow: hidden;
  margin-left: 11px;
}

.mpower2 img {
  width: 100%;
}

.mpower2b {
  margin-top: 12px;
}

.mpower2b li:first-child {
  margin-left: 0px;
}

.mpower2a li:first-child {
  margin-left: 0px;
}

.strategy {
  font-size: 18px;
  background: #fff;
}

.strategy .left1 {
  overflow: hidden;
  height: 232px;
  margin-bottom: 20px;
}

.strategy .left {
  width: 420px;
  padding: 10px 20px;
  background: rgb(245, 245, 245);
  min-height: 596px;
}

.strategy .left2 p {
  margin-bottom: 20px;
}

.strategy .left2 h1 {
  margin-top: 5px;
}

.strategy .left3 img {
  width: 140px;
  height: 100px;
}

.strategy h1 {
  font-size: 18px;

  color: #333;
}

.strategy p {
  font-size: 12px;
  margin-top: 5px;
  color: #666;
  line-height: 22px;
}

.strategy .left3a {
  width: 133px;
  height: 100px;
  overflow: hidden;
  margin-bottom: 30px;
}

.strategy .left3b {
  margin-left: 20px;
  width: 267px;

}

.strategy .right {
  margin-left: 10px;
  width: 700px;
}

.strategy .right1 {
  width: 750px;
 
}

.strategy .right1 h1 {
  margin-top: 5px;
}

.strategy .right1 img {
  width: 324px;
  height: 180px;
}

.strategy .right2 {
  margin-top: 20px;
  padding: 10px 20px;
  height: 265px;
  width: 688px;
  background: rgb(245, 245, 245);
}

.strategy .right1a {

  width: 324px;
  height: 300px;
  padding: 10px 20px;
  background: rgb(245, 245, 245);
}

.strategy .right1a div {
  overflow: hidden;
  height: 180px;
}


.strategy .right2a {
  margin-bottom: 20px;
}

.strategy .right1b {
  margin-left: 10px;
  /* padding: 10px 20px; */

  background: rgb(245, 245, 245);
}

.strategy img:hover {
  transform: scale(1.1);
}




.bg7 {
  background: rgb(255, 255, 255);
  padding-bottom: 40px;
}

.sheji {

  font-size: 0px;
  margin-top: -20px;
}



.sheji1 {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9px;
  color: #fff;

}

.sheji1>div {

  white-space: nowrap;
}

.sheji1 span:nth-child(2) {
  white-space: nowrap;
  margin-left: 2px;
  font-size: 17px;
}

.sheji1 span {
  white-space: nowrap;
  font-size: 17px;
  /* margin-left: 11px; */
}

.sheji li {
  position: relative;
  float: left;
  margin-left: 15px;
  width: 185px;
  height: 255px;
  overflow: hidden;
  position: relative;
}

.sheji li:first-child {
  margin-left: 0px;

}

.sheji li img {
  width: 185px;
  height: 255px;
  margin-bottom: 30px;
}

.sheji li img:hover {
  transform: scale(1.1);
}

.strategy a {
  font-size: 0px;
  text-decoration: none;

}

.strategy a h1:hover {
  color: orange;
}

.strategy a p:hover {
  color: red;
}








 
.easeIn {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0);
  transition: all 0.8s;
}

.easeIn.active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container3 .swiper-button-next {
  right: 5%;
}

.swiper-container3 .swiper-button-prev {
  left: 5%;
}

.swiper-container2 .swiper-button-next {
  right: 5%;
}

.swiper-container2 .swiper-button-prev {
  left: 5%;
}




.iBuild {
  position: relative;
}

.iBuild li {
  border: solid #fff 1px;

}

.iBuild a {
  font-size: 30px;
  background-color: #c9f;
}

.iBuild .next {
  position: absolute;
  top: 0px;
  right: 300px;

}

.iBuild .prev {
  position: absolute;
  top: 0px;
  left: 0px;

}

.iBuild {
  width: 100%;
  overflow: hidden;
  height: 250px;
}



.tempWrap ul {
  overflow: hidden;
  width: 100%;
}


/* 报价器 */
.bghuisef2 {
  /* background: #f2f2f2; */
}

.woverflow {
  overflow: hidden
}

.box {
  width: 1200px;
  margin: 0 auto
}

.wleft {
  float: left !important
}

.bj_nav_ul li.hv_li:hover {
  background: #ef8400;
}

.bj_nav_ul li.hv_li:hover .sybj_ico {
  display: none;
}

.bj_nav_ul li.hv_li:hover .sybj_ico2 {
  display: block !important;
}

.bj_nav_ul li.hv_li:hover p {
  color: #fff;
}


.kefu:hover {
  cursor: pointer;
}

.sybj_ico,
.sybj_ico2 {
  height: 50px;
  margin: 25px auto 10px;
}

.sybj_ico2 {
  display: none;
}


.min_pf {
  top: 8px;
  right: 10px;
}

.min_gdtext_ul li {
  height: 35px;
  line-height: 35px;
}

.mdlr10 {
  margin-left: 10px;
  margin-right: 10px
}

.mdr10 {
  margin-right: 10px
}

.min_gd_lb {
  overflow: hidden;
  font-size: 15px;
}

/* 报价器 */
.mhuis {
  color: #fff;
}







.ct_btn {
  margin-top: 375px;
  color: #fff;
  width: 430px;

}

.ct_btn span {
  font-size: 27px;
  margin-left: 165px;
  border: 1px solid #f18101;
  padding: 10px 48px;
  background-color: #f18101;
  border-radius: 5px;
} 

.maaa {
  padding-bottom: 20px;
}

.vrleft {width: 230px;float: left;}
  
.vrright {width: 300px;float: left;}
  
  


#iio  {
  display: none;
  
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 100;
}
#iio ul{
font-size: 0px;
width: 570px;
height: 387px;
box-sizing: border-box;
padding: 20px 0px 0px 20px;
background: #fff;
border-radius: 5px;
}
#iio li {
  display: inline-block;
  width: 200px;
  margin-right: 20px;
  margin-bottom: 20px;
}
#iio li:hover {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}
#iio .mli3 {
  margin-right: 0px;
}
.miio {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  display: none;
  background: rgba(0, 0, 0, .7);
  z-index: 99;
}
#iio1 {
  position: absolute;
  right: -46px;
  top: -40px;
  font-size: 30px;
  height: 36px;
  width: 35px;
  text-align: center;
  line-height: 30px;
  border: solid 2px #fff;
  border-radius: 50%;
  cursor: pointer;
}

.vrright li { width: 46% !important; float: left;}



.perfect li:hover .perfect1ac{
  top: 0px !important;

}
.perfect li:hover .perfect1b{

 bottom: 287px;
}

.perfect .perfect1a {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom:0px;
right:0px;
background: rgb(239, 130, 1);
opacity: 0.8;

}
.perfect1ac {
  position: absolute;
  top: 287px !important;
  left: 0px;
  height: 100%;
  transition: all 0.7s ease;
  width: 100%;
}

.perfect .perfect1b {
  height: 65px;
  line-height: 65px;
  text-align: center;
  position: absolute;
align-items: center;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
justify-content: center;
z-index: 1;
transition: bottom 0.7s ease;
}
.perfect1b img {
  height: 43px !important;
  width: 43px !important;
  margin-right: 10px;
}
.perfect1b .perfect1b1 {
  font-size: 25px;
  display: inline-block;
  color: #fff;
}

.perfect .text2 .t1{
  margin: 10px 0px 0px 0px;
  }
  
  .swiper-button-prev:after{ display: none !important; } .swiper-button-next:after{ display: none !important; }