/* CSS Document */

/*头部位置样式--区分首页与内页*/


.header{ z-index: 10;   width:100%; margin:0px auto; position: relative;  }
.header .top{padding:0px 15px; width: 100%; box-sizing: border-box;display: flex; display: -webkit-flex;flex-direction:row; justify-content:space-between;align-items:center;}
.header .top .logo{ }

.nav{ z-index: 19;}
.nav_fixed{z-index:10;background-color:rgba(0,0,0,1); padding: 0px; position: fixed;}

.bgf9{ background: #f9f9f9;}



.logo img{ width:auto;    max-height: 25px; max-width: 100%;}

/*导航栏*/

.menu li .lv1m{color:#4a4a4a; }
.menu li .lv1m:hover,.menu li .cur{ color:#1e98d7}
.m_con{display: flex; display: -webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center; color:#4a4a4a; padding-bottom:10px;}
.m_con p{font-weight:bolder}
.m_con .m_sub{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; width: 100%; box-sizing: border-box; }
.m_con .m_sub div{  padding: 6px 10px; box-sizing: border-box; text-align: center;}
.m_con .m_sub div:hover,.m_con .m_sub div.cur{ background: #1e98d7;}
.m_con .m_sub a{color:#666666;  display: block; width: 100%;   box-sizing: content-box;line-height:1.5;}
.m_con .m_sub .yycur a b{color:#666666; font-weight: normal;}
.m_con .m_sub a.cur,.m_con .m_sub a:hover{border:none;  }
.m_con .m_sub div:hover a,.m_con .m_sub div.cur a{ color: #ffffff; padding-top: 0px; box-sizing: content-box; }

.menu li:not(:hover) > .down_box > * {visibility: hidden; height: 0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:3;}



@media (max-width: 575.98px) {
	.m_con .m_sub div{}
}
@media (max-width: 991.98px) {
  .header{  z-index: 19; background-color:rgba(0,0,0,1);}
  .header .top{ height:60px;}
  
  .down_box{ display: none;}
  .menu li .lv1m:hover .down_box{ display: block;}
  
  .m_ic{display:block; width:70px; height:55px; cursor:pointer; padding-top:15px;}
  .ic_c{background: url(../img/ic_c.png) no-repeat right 0px top 20px ; background-size:20px 20px;}
  .ic_m{background: url(../img/ic_m.png) no-repeat right 0px top 20px ; background-size:20px 20px;}
  
  .menu{position:absolute; top:60px; left:0px; display:none; width:100%; background:rgba(255,255,255,1); padding:0px 15px; border-bottom: 2px solid #ececec; z-index: 19;}
  .menu li{ width:100%; text-align: left; border-bottom:1px solid #ececec; }
  .menu li:last-child{ border-bottom: none;}
  .menu li .lv1m{line-height:2; display:flex;  font-size:0.875rem;padding-left:10px; padding-top: 5px; flex-direction: column; align-items:flex-start; justify-content: space-between; }
  .menu li .lv1m a{ display: block; width: 100%;}
  .menu li .cur a{font-weight:bolder; color: #1e98d7;}
  
  .m_con{ }
  .m_con p{ width:80px; padding-left:10px;}
  .m_con .m_sub{padding-left:15px;}
  .m_con .m_sub div{  padding: 2px 10px; border: 1px solid #f1f1f1; margin-top: 3px; margin-right: 3px;}
  .menu li .m_con .m_sub a{  font-size:0.75rem;  padding-left:0px; font-weight: normal;color: #666666;}
  .m_con .m_sub div:hover a,.m_con .m_sub div.cur a{ color: #ffffff;}
} 
  
@media (min-width: 992px) {
  .header{ padding: 0px 0px;background-color:rgba(0,0,0,1);}
  .nav_fixed{padding: 0px;}
  .logo img{  height: 20px;}
  .nav{ width: 100px; flex-grow: 2; display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
  .m_ic{ display:none;}

  .menu{ display:flex;flex-direction:row; justify-content:space-between; align-items: center;}
  .menu li{ position: relative;}
  .menu li .lv1m{ display:inline-block; font-size:0.875rem;}
  .menu li .cur a{  color: #ffffff; background: url(../img/ic_xb.png) no-repeat bottom 8px center;}
  .menu li .cur .m_sub a{  color: #666666; background: none;}
  .menu li .lv1m:hover,.menu li .cur{  }
  
  .z1m{ display: block;  padding:0px 20px;height:70px; display: flex; flex-direction: row; align-items: center; color: #ffffff; }
  .lv1m a:not([href]):not([tabindex]){ color:#ffffff ;}
  .z1m:hover,.cur .z1m{ color: #ffffff; background: url(../img/ic_xb.png) no-repeat bottom 8px center;}

  .down_box{ position:absolute; top:70px; left:0px; width:100%;  /*background:url(../img/bg1.png) repeat-x;*/ z-index: 2;  box-sizing: border-box;  opacity: 0;filter:Alpha(opacity=0);transition: all 0.6s linear; height: 0; overflow: hidden; }

  .menu li .lv1m:hover > .down_box{  opacity:1;filter:Alpha(opacity=100); height: 300px;border-radius: 3px;}
  
  .m_box{ width:100%; padding:0px 0px; margin:0px auto; /*margin-top:90px;*/}
  
  .m_con{padding-bottom:0px;}
  .m_con p{ width:100px; font-size:0.875rem;}
  .m_con .m_sub{ flex-direction: column; align-items: center;}
  .m_con .m_sub div{ width: 100%; border-bottom: 1px solid #f2f2f2; text-align: left; padding-left: 15px;background:rgba(255,255,255,1);}
  .m_con .m_sub div:hover,.m_con .m_sub div.cur{ background:rgba(255,255,255,1);}
  .menu li .m_con .m_sub a{   font-size:0.75rem;  padding-left:0px; padding-right:0px; font-weight: normal;}
  .m_con .m_sub a.cur,.m_con .m_sub a:hover{  padding-left:0px; padding-right:0px; }
  .m_con .m_sub div:hover a,.m_con .m_sub div.cur a,.m_con .m_sub div:hover a b{ color: #1e98d7; }
}


@media (min-width: 1660px) {
  .header{ padding: 0px 0px;}
  .nav_fixed{padding: 0px;}
  .logo img{  height: 30px;}
  .header .top{ width: 80%; margin: 0px auto;}
  .nav_fixed .logo img{  }
  .menu li .lv1m{ color:#4a4a4a; font-size:1.125rem;}
  .menu li .lv1m:hover,.menu li .cur{ }
  
  .z1m{ padding:0px 33px; }
  .z1m:hover,.cur .z1m{}
  
  .down_box{ }
  .m_con .m_sub div{padding-top: 8px; padding-bottom: 8px;}
  
  .menu li .m_con .m_sub a{ font-size:1rem; }
}




.tc_ss{  display: none;width: 32px; height: 32px; background-image:url(../img/ic_ss1.png); background-repeat: no-repeat; background-size: 28px 28px; background-position: center; padding: 8px 0px; box-sizing: content-box;}
@media (min-width: 992px) {
	.tc_ss{background-image:url(../img/ic_ss.png);background-size: 32px 32px; display: block; margin-left:20px}
}
@media (min-width: 1660px) {
	.tc_ss{ margin-left:33px}
}

/*产品下拉导航*/
.p_m{}
.pmbox{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; width: 100%; overflow-x:scroll;overflow: auto; overflow-y: visible;padding: 10px 0px;}
.p_m .p_sub{width: auto; padding-left: 8px; padding-right: 8px; flex-grow: 1;}
.p_m .p_sub div{width: auto; min-width: 112px; padding-bottom: 5px;}
.p_m .p_sub div.cur a{ color: #1e98d7;background-position: top center;}
.p_m .p_sub div a{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;font-size: 12px; padding-top: 40px; background-size:auto 36px; background-position: top center; background-repeat: no-repeat;transition: all .2s linear; width: 100%; font-weight: bold;}
.p_m .p_sub.pm1 div a{ background-image: url(../img/pm1.png);  cursor: default;}
.p_m .p_sub.pm1 div a:hover,.p_m .p_sub.pm1 div.cur a{background-image: url(../img/pm1h.png);}
.p_m .p_sub.pm2 div a{ background-image: url(../img/pm2.png);cursor: default;}
.p_m .p_sub.pm2 div a:hover,.p_m .p_sub.pm2 div.cur a{background-image: url(../img/pm2h.png);}
.p_m .p_sub.pm3 div a{ background-image: url(../img/pm3.png);cursor: default;}
.p_m .p_sub.pm3 div a:hover,.p_m .p_sub.pm3 div.cur a{background-image: url(../img/pm3h.png);}
.p_m .p_sub.pm4 div a{ background-image: url(../img/pm4.png);cursor: default;}
.p_m .p_sub.pm4 div a:hover,.p_m .p_sub.pm4 div.cur a{background-image: url(../img/pm4h.png);}
.p_m .p_sub.pm5 div a{ background-image: url(../img/pm5.png);cursor: default;}
.p_m .p_sub.pm5 div a:hover,.p_m .p_sub.pm5 div.cur a{background-image: url(../img/pm5h.png);}
.p_m .p_sub.pm8 div a{ background-image: url(../img/pm8.png);cursor: default;}
.p_m .p_sub.pm8 div a:hover,.p_m .p_sub.pm8 div.cur a{background-image: url(../img/pm8h.png);}

.p_m .p_sub p a{ margin-top: 5px;  border: 1px solid #e1e1e1; padding:3px  7px; display: block; width: 100%;font-size: 12px;}
.p_m .p_sub p a.cur{border: 1px solid #1e98d7; color: #ffffff; background:#1e98d7;}

@media (min-width: 576px){
.p_m .p_sub{ }
.p_m .p_sub  div a{ font-size: 14px;padding-top: 58px;background-size:auto 50px;}
}


@media (min-width: 992px){
.p_m{ position: absolute; top: 70px; left: -350px; width: 900px; background: #ffffff; padding: 0px; z-index: 1;opacity: 0;filter:Alpha(opacity=0);transition: all 0.5s linear; height:0px; overflow: hidden; border-radius: 3px;}
.pmbox{padding: 15px 30px;}
.menu .ptab:hover .p_m{opacity:1;filter:Alpha(opacity=100); height:292px;}
.p_m .p_sub div a{ font-size:0.75rem;padding-top: 48px;background-size:auto 40px;}
.p_m .p_sub div.cur a{ background-size:auto 40px;}

}
@media (min-width: 1660px){
.p_m  { left: -450px;width: 1000px;}
.menu .ptab:hover .p_m{height:340px; }
.p_m .p_sub div{ padding-bottom: 10px;}
.p_m .p_sub div a{ font-size: 1rem;padding-top: 73px;background-size:auto 65px;}
.p_m .p_sub div.cur a{background-size:auto 65px;}
.p_m .p_sub p a{margin-top: 10px;font-size: 14px;}
}



/*首页轮播图*/
.h_focus{ height: 180px;/*height: 260px;*/}
.h_focus .swiper-container {width: 100%;height: 100%;}
.h_focus .swiper-slide {
      background-position: center;
      background-size: cover;
      color:#000000;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 0px;
	  /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  width: 100%; height: 100%;
    }
	.h_focus .swiper-slide a{ display: block; width: 100%; height: 100%;}
.h_focus .swiper-container-horizontal>.swiper-pagination-bullets { display: flex; flex-direction: row; justify-content: center; align-items: center; bottom: 15px;}
.h_focus .swiper-pagination-bullet{width:40px;height:10px;display:inline-block;border-radius:0px;background:none;opacity:1; background-color: #FF0000; display: none;  }
.h_focus .swiper-pagination-bullet-active{opacity:1;  background: none; display: block;  }

.h_focus .swiper-button-next,.h_focus .swiper-button-prev{ width:34px;height:34px; z-index:9;cursor:pointer;background-size:34px 34px ; background-repeat: no-repeat; margin-top: -17px; display: none;}
.h_focus .swiper-button-next{background-image:url(../img/ic_next3.png); left:auto;right:10px; }
.h_focus .swiper-button-prev{background-image:url(../img/ic_prev3.png);left:10px;right:auto;}

.h_focus .swiper-container:hover .swiper-button-next,.h_focus .swiper-container:hover .swiper-button-prev{ display: block;}

@media (min-width: 576px) {
.h_focus{ height: 300px;}
}

@media (min-width: 768px) {
.h_focus{ height: 300px;}
}

@media (min-width: 992px) {
  .h_focus{ height: 400px;}
}

@media (min-width: 1230px) {
  .h_focus{ height: 750px;}
}

/*幻灯片进度条*/
.h_focus .swiper-pagination-bullet-active{
    width: 4px;
    height: 10px;
    opacity: 0.5;
    position: relative;
    box-shadow: 6px 0px 0px 0px rgba(252,252,252,1),
                12px 0px 0px 0px rgba(252,252,252,1),
                18px 0px 0px 0px rgba(252,252,252,1),
                24px 0px 0px 0px rgba(252,252,252,1),
                30px 0px 0px 0px rgba(252,252,252,1),
                36px 0px 0px 0px rgba(252,252,252,1);

    -webkit-animation: rain 1s linear infinite alternate;
       -moz-animation: rain 1s linear infinite alternate;
            animation: rain 1s linear infinite alternate;
}
.h_focus .swiper-pagination-bullet-active:after{
    width: 40px;
    height: 10px;
    position: absolute;
    content: "";
    background-color: rgba(252,252,252,1);
    top: 0px;
    opacity: 1;
    -webkit-animation: line_flow 5s linear 1 reverse;
       -moz-animation: line_flow 5s linear 1 reverse;
            animation: line_flow 5s linear 1 reverse;
}

@-webkit-keyframes rain{
    0%{
     box-shadow: 6px 0px 0px 0px rgba(252,252,252,1),
                12px 0px 0px 0px rgba(252,252,252,0.9),
                18px 0px 0px 0px rgba(252,252,252,0.7),
                24px 0px 0px 0px rgba(252,252,252,0.6),
                30px 0px 0px 0px rgba(252,252,252,0.3),
                36px 0px 0px 0px rgba(252,252,252,0.2);
    }
    100%{
    box-shadow: 6px 0px 0px 0px rgba(252,252,252,0.2),
                12px 0px 0px 0px rgba(252,252,252,0.3),
                18px 0px 0px 0px rgba(252,252,252,0.6),
                24px 0px 0px 0px rgba(252,252,252,0.7),
                30px 0px 0px 0px rgba(252,252,252,0.9),
                36px 0px 0px 0px rgba(252,252,252,1);
        opacity: 1;
    }
}
@-moz-keyframes rain{
    0%{
     box-shadow: 6px 0px 0px 0px rgba(252,252,252,1),
                12px 0px 0px 0px rgba(252,252,252,0.9),
                18px 0px 0px 0px rgba(252,252,252,0.7),
                24px 0px 0px 0px rgba(252,252,252,0.6),
                30px 0px 0px 0px rgba(252,252,252,0.3),
                36px 0px 0px 0px rgba(252,252,252,0.2);
    }
    100%{
    box-shadow: 6px 0px 0px 0px rgba(252,252,252,0.2),
                12px 0px 0px 0px rgba(252,252,252,0.3),
                18px 0px 0px 0px rgba(252,252,252,0.6),
                24px 0px 0px 0px rgba(252,252,252,0.7),
                30px 0px 0px 0px rgba(252,252,252,0.9),
                36px 0px 0px 0px rgba(252,252,252,1);
        opacity: 1;
    }
}
@keyframes rain{
    0%{
     box-shadow: 6px 0px 0px 0px rgba(252,252,252,1),
                12px 0px 0px 0px rgba(252,252,252,0.9),
                18px 0px 0px 0px rgba(252,252,252,0.7),
                24px 0px 0px 0px rgba(252,252,252,0.6),
                30px 0px 0px 0px rgba(252,252,252,0.3),
                36px 0px 0px 0px rgba(252,252,252,0.2);
    }
    100%{
    box-shadow: 6px 0px 0px 0px rgba(252,252,252,0.2),
                12px 0px 0px 0px rgba(252,252,252,0.3),
                18px 0px 0px 0px rgba(252,252,252,0.6),
                24px 0px 0px 0px rgba(252,252,252,0.7),
                30px 0px 0px 0px rgba(252,252,252,0.9),
                36px 0px 0px 0px rgba(252,252,252,1);
        opacity: 1;
    }
}

@-webkit-keyframes line_flow{
    0%{ width: 40px;}
    100%{width: 0px;}
}
@-moz-keyframes line_flow{
    0%{ width: 40px;}
    100%{width: 0px;}
}
@keyframes line_flow{
    0%{ width: 40px;}
    100%{width: 0px;}
}

/*方案设计*/
.bjbox{ color: #ffffff; margin-top: 0px;position: relative; z-index: 2;}
.bjbt{ display:none;  height: 36px; line-height: 36px; background: url(../img/ic_t1.png) no-repeat left 15px center #1e98d7; background-size: auto 50%; padding: 0px 15px 0px 40px;}
.bjcon{ background:#1e98d7 ; padding-left: 10px; padding-right: 10px;}
.sx_form{ display: flex; flex-direction: row; justify-content:center; align-items: center; flex-wrap: wrap;}
.sx_form div{ width: 45%; display: flex; flex-direction: row; justify-content: center; align-items: center; background: #ffffff; margin: 5px 5px; box-sizing: border-box; padding: 4px 6px;flex-grow: 1;}
.sx_form div:last-child{ background: #333333;}
.sx_form div img{width: auto; height: 20px;}
.sx_form input,.sx_form select{ width: 50px; flex-grow: 1; margin-left: 8px;height:30px;border: none; outline: none; color: #666666;}
.sx_form select{  appearance:none;-webkit-appearance: none;-moz-appearance: none; background:url(../img/ic_jt.png)  #ffffff no-repeat right center; padding-right:10px; color: #999999; text-align: left; }
.sx_form select::-ms-expand { display: none; }
input::placeholder{ color: #999999;line-height: 30px;}
.sx_form input.sub_bt{ color: #ffffff;background: #333333;}
@media (min-width: 576px) {
	.bjbox{margin-top: -36px;}
	.bjbt{display: inline-block;}
}
@media (min-width: 768px) {
	.bjbox{  margin-top: -42px;}
	.bjbt{  height: 42px; line-height: 42px; background: url(../img/ic_t1.png) no-repeat left 20px center #1e98d7;  padding: 0px 20px 0px 60px;}
	.sx_form div{ width: 18%; }
}
@media (min-width: 992px) {
	.bjbox{  margin-top: -50px;}
	.bjbt{  height: 50px; line-height: 50px; background: url(../img/ic_t1.png) no-repeat left 30px center #1e98d7;  padding: 0px 30px 0px 70px;}
	.bjcon{padding-left: 25px; padding-right: 25px;}
}
@media (max-width: 767.98px) {
	.bjbox .col-12{  padding: 0px;}
	.sx_form div:last-child{ }
}
@media (min-width: 1230px) {
	.sx_form div{ padding: 8px;}
	.sx_form select,input::placeholder,.sub_bt,.sx_form input{  font-size:18px;}
	.sx_form div img{width: auto; height: 29px;}
}


/*流程步骤*/
.lcbox{ width: 100%; box-sizing: border-box; padding: 0px 5px; overflow-x: auto; display: flex; flex-direction: row; justify-content:space-between; align-items: center;}
.lcbox h4{display: inline-block; background: url(../img/ic_k.png) no-repeat center; background-size: 100% 100%; padding: 6px 16px 6px 10px; line-height: 1.16; margin-right: 15px; min-width:100px; box-sizing: border-box;}
.lcnr{ padding: 10px; font-size: 12px; line-height: 1.2; background-size: auto; background-position: right 10px top 25px; background-repeat: no-repeat;}
.lcnr span{ display: block; height: 34px; margin-top: 6px; min-width: 50px;}
.lcnr img{ width:auto; height:32px;}
.lcbox .gdimg{ width: 25px; height: 1px;}
@media (min-width: 576px) {
}
@media (min-width: 768px) {
	.lcbox h4{ min-width:110px;}
}
@media (min-width: 992px) {
	.lcbox h4{padding: 10px 26px 10px 20px; margin-right: 35px;min-width:145px;}
	.lcnr{  font-size: 14px;}
	.lcnr span{min-width: 60px;}
}
@media (min-width: 1230px) {
	.lcbox .gdimg{ width: 85px;}
}
.no1{ background-image: url(../img/ic_n10.png);}
.no2{ background-image: url(../img/ic_n20.png);}
.no3{ background-image: url(../img/ic_n30.png);}
.no4{ background-image: url(../img/ic_n40.png);}
.no5{ background-image: url(../img/ic_n50.png);}
.no6{ background-image: url(../img/ic_n60.png);}


.mbar{  text-align: center;}

/*首页产品展示区*/






.pbox{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.pbox .st{ width:43%;}
.pbox .nd{ width:100px; flex-grow: 1;display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; flex-wrap: wrap;}
.pbox .rd{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.imgt2 h4{ text-align: center; font-size: 14px; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:1; overflow:hidden; border-bottom: 1px solid #ffffff; position: relative; line-height: 2; font-weight:100;}

.s_mall{ display: flex;}
.s_big{ display: none;}

.pbox li{ padding: 2px; box-sizing: border-box; width: 100%; }
.pbox .st li{ height: 100%;}
.pbox .nd li{width: 100%;}
.pbox .rd li{ width: 50%;}


.imgt2 img{transition: 0.8s;}
.imgt2:hover img{transform: scale(1.2);}
.imgt2 .btn{ margin-top: 8px;}

@media (min-width: 576px) {
	.s_mall{ display:none;}
	.s_big{ display:flex;}
	.pbox .st{ width:31.6%;}
	.pbox .nd li:nth-child(1),.pbox .nd li:nth-child(4){width: 58%;}
	.pbox .nd li:nth-child(2),.pbox .nd li:nth-child(3){width: 42%;}
}
@media (min-width: 768px) {
	.imgt2 h4{  font-size: 18px;}
}
@media (min-width: 992px) {
	.imgt2 h4{  font-size: 20px;}
}
@media (min-width: 1230px) {
	.imgt2 h4{  font-size: 26px;}

	.imgt2 .btn{ margin-top: 18px; padding: 6px 30px; border-radius: 21px;}
}

/*首页微气候系统*/
.xtbox{ background: url(../img/xtbg.jpg) no-repeat center; background-size:cover;}
.xtdy{ margin: 0px auto;  width: 95%; display: flex; flex-direction: row; justify-content:center; align-items:center; flex-wrap: wrap; }
.xtdy img{ width: 60%; max-width: 493px;}
.xtdy div{ width: 100%;}
.xtdy p{color: #ffffff; line-height: 1.7;}
@media (min-width: 768px) {
	.xtdy{ width: 95%;}
	.xtdy img{ width: 46%;}
}
@media (min-width: 992px) {
	.xtdy{ width: 95%;}
	.xtdy img{ width: 35%;}
	.xtdy div{ width: 65%; flex-grow: 1;}
}
@media (min-width: 1230px) {
	.xtdy{ width: 90%;}
	.xtdy p{line-height: 2;}
}

 .xtzt{ position: relative; width: 100%; height: auto; display: block;}
 .dbg{ width: 100%; height: auto; bottom: 0%; left: 0px; position: absolute; background: url(../img/xtdbg.png) no-repeat center; background-size:cover;  display: flex; flex-direction: row; justify-content: center; align-items: center;}
  .dbg img{max-width: 100%; height: auto;}
  .xtpan{ display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative;}
  .xtpan img{ width: 100%; max-width: 1004px;}
  .xtwu{ position: absolute;top: 50%; left: 50%; transform:translate(-50%,-40%);}
  .xtwu img{ width: 100%; height: auto;}
  .xtslide{ position: absolute; top: 53%;width:100%; padding-left: 15px; padding-right: 15px; box-sizing: border-box; left: 50%;transform:translate(-50%,0); display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 0px auto;}
  @media (min-width: 768px) {
  	.xtslide{ width: 750px;}
  }
  @media (min-width: 992px) {
  	.xtslide{ width: 960px;}
  }
  @media (min-width: 1230px) {
	.xtslide{ width: 1230px;}
  }
  
.wztext{ color: #ffffff; position: absolute; text-align: center; font-size: 10px; font-weight: lighter; cursor: pointer;}
.wzpx1{ left: 0; top: 39%;  }
.t1tani{animation: wztext 3400ms linear 1 ; animation-delay:3400ms;}
.wzpx2{ top: 3%; right:74.6%;}
.t2tani{animation: wztext 3400ms linear 1; animation-delay:7400ms;}
.wzpx3{top: 5%; left: 77.6%;}
.t3tani{animation: wztext 3400ms linear 1; animation-delay:15100ms;}
.wzpx4{right: 0; top: 41%;}
.t4tani{animation: wztext 3400ms linear 1; animation-delay:19000ms;}
@media (min-width: 768px) {
	.wztext{ font-size: 14px;}
}
@media (min-width: 992px) {
	.wztext{ font-size: 16px;}
}
@media (min-width: 1230px) {
	.wztext{ font-size: 24px;}
}

.circlesvg{position: absolute; top: 5.7459%; height:99.3%;  overflow: hidden;}
.svg {
	transform: rotate(153deg);
}
.progress {
    animation: rotate 22400ms linear both infinite;
}
@keyframes rotate {
    from {
        stroke-dashoffset: 2821px;
    }
    to {
        stroke-dashoffset: 1065px;
    }
}

@keyframes wztext {
    from {
		font-weight:normal;text-shadow: 8px 8px 18px rgba(158,197,245,0);
    }
	1%{font-weight:500;text-shadow: 0px 0px 20px rgba(158,197,245,1);}
	2%{font-weight:500;text-shadow: 0px 0px 20px rgba(158,197,245,1);}
    to {
        font-weight:0;text-shadow: 8px 8px 18px rgba(158,197,245,0);
    }
}

.xt_jt{ position: absolute; top:9.28176%; left: 50%; width:2.8884% ; height:46.2983%; margin-left: -1.4442%;transform-origin:50% 100%;animation: secds 22400ms linear infinite;}
.xt_jt img{ width: 100%; height: auto;}
@keyframes secds {
	0%{
		transform:rotate(-112deg);
	}
	100%{
		transform:rotate(112deg);
	}
}


/* 图片折叠轮换特效 */
#box{position:relative;width:100%;  }
#box .prev, #box .next{position:absolute;top:50%;width:px;height:0px;margin-top:-40px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url(../img/btn.png) no-repeat; overflow: hidden;}
#box .prev{left:0px; z-index: 8;}
#box .next{right:0px;background-position:-39px 0; z-index: 8;}
#box ul{position:relative;width:220px;height:90px;margin:0px auto 0;}
#box li{position:absolute; list-style:none; width:0;height:0;top:0px;left:50%;z-index:0; margin-left: 0px;   cursor:pointer;overflow:hidden; }

#box li img{width:100%;height:100%;vertical-align:top;}
@media (min-width: 576px) {
	#box ul{width:380px;height:154px;}
}
@media (min-width: 768px) {
	#box ul{width:500px;}
}
@media (min-width: 992px) {
	#box ul{width:650px;}
}
@media (min-width: 1230px) {
	#box ul{width:710px;}
}

/* 图片折叠轮换特效 */
#slides{position:relative;width:100%;  }
#slides ul{position:relative;width:290px;height:150px;margin:0px auto 0;}
#slides li{position:absolute; list-style:none;background:#000000;width:0;height:0;top:193px;left:50%;z-index:0; margin-left: 0px;   cursor:pointer;overflow:hidden;border-radius:8px; box-shadow: 6px 0px 18px rgba(0,0,0,0.2); }
#slides li img{width:100%;height:100%;vertical-align:top;box-sizing: border-box;  border-radius:8px;}
#slides .prev, #slides .next{position:absolute;top:50%;width:39px;height:39px;margin-top:-20px;overflow:hidden;text-indent:-999px;cursor:pointer;background:url(../img/btn.png) no-repeat; transition: 0.5s;}
#slides .prev:hover, #slides .next:hover{background:url(../img/btnh.png) no-repeat;}
#slides .prev{left:0px; z-index: 8;}
#slides .next{right:0px;background-position:-39px 0; z-index: 8;}
#slides .prev:hover{left:0px; z-index: 8;}
#slides .next:hover{right:0px;background-position:-39px 0; z-index: 8;}
#slides li p{ position: absolute; left: 0; bottom: 0; width: 100%; height: auto; background:rgba(0,0,0,0.6); color: #ffffff; box-sizing: border-box; padding: 5px 15px; text-align: center;}
@media (min-width: 576px) {
	#slides ul{width:460px;height:264px;}
}
@media (min-width: 768px) {
	#slides ul{width:610px; height: 300px;}
}
@media (min-width: 992px) {
	#slides ul{width:810px; height: 360px;}
}
@media (min-width: 1230px) {
	#slides ul{width:960px;height: 465px;}
}

.vrslide li p{ overflow: hidden;  }


.curt{ font-weight: bold;}

/*首页关于我们*/
.atbox{ background: url(../img/ic_lo.png) no-repeat bottom left; background-size: 54% auto;}
.tsbgpic{ background: url(http://w.beidongfangkj.com/file/upload/202108/12/090252131.jpg) no-repeat center ; background-size: cover; }
@media (max-width:767.98px) {
	.tsbgpic{ height:250px ; margin-top: 15px;}
}
.atcon img{ width: 60%; max-width: 424px;}
.atcon p{ margin-top: 3px; text-indent: 2em;}
.atbox .col-md-8{ display: flex; flex-direction: column; justify-content: space-between;align-items: center;}

.atcon{ width: ;}
@media (min-width:768px) {
	.atbox .col-md-8{ padding-right: 30px;}
}
@media (min-width:992px) {
	.atbox .col-md-8{  flex-direction: row; justify-content: space-between;align-items: center;padding-right: 15px;}

}


/********************************************************** 数字必要布局样式css ********************************************************************************/
.num-box{width: 100%;margin: 0 auto;text-align: center; }
@media (min-width:992px) {
	
	.atcon{ width: 180px; flex-grow: 1; box-sizing: border-box; padding-right: 40px;}
	.num-box{ width: 150px;}
}
.num-head{display: flex; flex-direction:row; justify-content: space-between; align-items:flex-start;flex-wrap: wrap;}

.num-item{text-align: center; width:auto; display: flex; flex-direction: column; align-items:flex-start; justify-content: center;   width:auto}
.num-item img{ margin-bottom: 6px; width:auto; height: 34px;}
@media (min-width:992px) {
	.num-item{width: 100%;}
	.num-head{flex-direction:column; justify-content: space-between; align-items: center; }
}
.num-nub{display: inline-block; color: #333333; font-weight: bold; line-height: 1; }
.num-add{ color: #666666; }
.num-inf{ color: #666666; text-align: left; line-height: 1.2; padding-top: 3px;}




.btn2{display: inline-block;  font-size: 12px; letter-spacing: 0px;border: 2px solid #1e98d7;cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 5px 10px; background:#1e98d7; color: #ffffff;}
.btn2:hover{background-color: #fff;color: #1e98d7;}

.btn3{display: inline-block;  letter-spacing: 0px; cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 5px 100px 5px 20px; background:url(../img/ic_jt2.png) #1e98d7 no-repeat right 35px center; color: #ffffff;}
.btn3:hover{background:url(../img/ic_jt3.png) #ffffff no-repeat right 35px center;color: #1e98d7;}

.btn4{display: inline-block;  letter-spacing: 0px; cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 2px 12px;  color: #666666; border: 1px solid #666666;}
.btn4:hover{background:#1e98d7;color: #ffffff;border: 1px solid #1e98d7;}

.btn5{display: inline-block;  font-size: 12px; letter-spacing: 0px;border: 2px solid #1e98d7;cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 2px 10px; background:#1e98d7; color: #ffffff; border-radius: 5px;}
.btn5:hover{background-color: #fff;color: #1e98d7;}



/*首页解决方案板块*/
.tabslide{ width: 100%; height: 420px; position: relative;}
.tabslide .swiper-container {width: 100%; margin-left: auto;margin-right: auto;}
.tabslide .swiper-slide {background-size: cover;background-position: center;}
.tabslide .gallery-top {height: 100%;width: 100%;}
.tabslide .gallery-top .swiper-slide{ position: relative;}
.tabslide .gallery-top .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}
.tabslide .gallery-top .swiper-slide div{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; box-sizing: border-box; display:flex; flex-direction: column; align-items:flex-start; justify-content: center; padding-right: 20px; padding-left: 20px; background: rgba(51,51,51,0.5); color: #ffffff; padding-bottom: 20%;}
.wz_qt{ position: absolute; top: 80%; right: 0;height: 20%;  padding: 8px 25px; box-sizing: border-box; width: 100%;background: rgba(51,51,51,0.7);  z-index: 1;}
.tabslide .gallery-top .swiper-slide .text p{ color: #ffffff; width: 100%;}
.tabslide .gallery-thumbs {height: 100%;box-sizing: border-box;padding:0;color: #ffffff;  background: none; }
.tabslide .gallery-thumbs .swiper-wrapper{ }
.tabslide .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border: 2px solid #1e98d7; padding: 2px; box-sizing: border-box; border-radius: 4px;}
.tabslide .gallery-thumbs .swiper-slide img{ height: 100%; width: 26%; object-fit: cover;}
.tabslide .gallery-thumbs .swiper-slide h6{  font-size: 0.75rem;}
.tabslide .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; background:#1e98d7;}
.tabslide .swiper-button-next,.tabslide .swiper-button-prev{ width:15px;height:23px; z-index:9;cursor:pointer;background-size:15px 23px ; background-repeat: no-repeat; margin-top: -12px;}
.tabslide .swiper-button-next{background-image:url(../img/ic_next1.png); left:auto;right:5px; }
.tabslide .swiper-button-prev{background-image:url(../img/ic_prev1.png);left:5px;right:auto;}
@media (min-width:576px) {
	.tabslide{ height:490px; }
	.tabslide .gallery-thumbs .swiper-slide{ padding: 8px;}
	.tabslide .gallery-thumbs .swiper-slide h6 {font-size: 0.875rem;}/*14px*/
	.tabslide .gallery-thumbs .swiper-slide img{width: 32%;}
}
@media (min-width:768px) {
	.tabslide .gallery-thumbs .swiper-slide h6 {font-size:1rem;}/*16px*/
}
@media (min-width:992px) {
	.tabslide{ height: 620px; }
	.tabslide .gallery-top {height: 100%;}
	.tabslide .gallery-top .swiper-slide div{padding-right: 45%; padding-left: 8%;height: 100%; padding-bottom: 0;}
	.wz_qt{position: absolute; top: 15%; right: 0; width: 30%; height: 70%; padding: 27px 0px; box-sizing: border-box; display: block; z-index: 1; border-radius: 5px; margin-top: 0px;}
	.tabslide .gallery-thumbs{height: 100%;  padding: 0 0px;}
	.tabslide .gallery-thumbs .swiper-wrapper{  width: 100%; }
	.tabslide .gallery-thumbs .swiper-slide{ height: 33%; width: 100%; border-top: 1px solid #1e98d7; border-bottom: 1px solid #1e98d7; border-left: none; border-right: none;padding: 20px 15px;border-radius: 0px;}
	.tabslide .gallery-thumbs .swiper-slide-thumb-active{ background: url(../img/line.png) no-repeat left center transparent;}
	.tabslide .swiper-button-next,.tabslide .swiper-button-prev{ width:23px;height:15px; z-index:9;cursor:pointer;background-size:23px 15px ; background-repeat: no-repeat; left: auto; right: 50%; margin-right: -12.5px; margin-top: 0px;}
	.tabslide .swiper-button-next{background-image:url(../img/ic_next.png);top: auto; bottom: 6px;}
	.tabslide .swiper-button-prev{background-image:url(../img/ic_prev.png);top:6px;bottom:auto;}
}
@media (min-width:1230px) {
	.tabslide .gallery-thumbs .swiper-slide h6 {font-size:1.125rem;}/*18px*/
}

.newbar{ background: url(../img/nbg.png) no-repeat bottom 8px left; background-size: auto 44px;}
.newbar .col-12{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.newbar .col-12 .mbar{ text-align: left;}
.newbar .btn4{min-width: 80px; margin-left: 10px;}
.btbg{background-size: auto 44px;  background-position: bottom 10px center; background-repeat: no-repeat; }
@media (min-width:1230px) {
	.newbar{ background: url(../img/nbg.png) no-repeat bottom 8px left 18%; background-size: auto 79px;}
	.btbg{background-size: auto 79px;}
}



/*首页全屏新闻*/
.fullnew{ display: flex;  flex-direction:column; justify-content:flex-start;align-items: center; padding: 0px 15px; height: auto; width: 100%; box-sizing: border-box;}

@media (min-width:576px) {
	.fullnew{flex-direction: row; justify-content:flex-start;align-items:flex-start;}
	.cgli{ flex-wrap: wrap;}
	.cgli .imgtt11{ width: 48%;}


}
@media (min-width:768px) {
	.fullnew{padding: 0px 5px;}
	.cgli .imgtt11{ width: 31.33333%;}

}
@media (min-width:992px) {

}
@media (min-width:1230px) {
	.fullnew{padding: 0px;}
	/*.cgli .imgtt11{ width: 23%;}*/

}



.fullnew .imgtt11 .text  h4{font-size: 16px;}
@media (min-width:768px) {
	.fullnew .imgtt11 .text  h4{ font-size: 18px;}
}
@media (min-width:1230px) {
	.fullnew .imgtt11 .text  h4{ font-size: 20px; }
}


/*列表页全屏新闻*/
.ny_new{ width: 100%; }
    .ny_new .swiper-container {
      width: 100%;
      height:100%;
	   padding-bottom: 50px;
    }

    .ny_new .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	.ny_new .swiper-button-next,.ny_new .swiper-button-prev{width:34px;height:12px;background-size:34px 12px ; margin-top: 0px; top: auto; bottom: 7px;}
	.ny_new .swiper-button-next{background-image:  url(../img/ic_next12.png);}
	.ny_new .swiper-button-prev{background-image: url(../img/ic_prev12.png);}
	.ny_new .swiper-container-horizontal>.swiper-pagination-bullets, .ny_new .swiper-pagination-custom, .ny_new .swiper-pagination-fraction{ bottom: 0;}
	
	 .ny_new .swiper-pagination-bullet {
	      width: 26px;
	      height: 26px;
	      text-align: center;
	      line-height: 26px;
	      font-size: 14px;
	      color: #000;
	      opacity: 1;
	      background: rgba(0, 0, 0, 0.2);
	    }
	
	    .ny_new .swiper-pagination-bullet-active {
	      color: #fff;
	      background: #1e98d7;
	    }
 

/*友情链接*/
.lbar span{color: #666666; display: inline-block; background: url(../img/ic_dt.png) no-repeat left center; background-size:14px 14px; padding-left: 20px;}
.links{ display: flex; flex-direction: row; justify-content:flex-start; align-items: center; flex-wrap: wrap;}
.links a{ display: inline-block; padding: 2px 15px; color: #999999; border: 1px solid #e5e5e5; margin: 2px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;}
.links a:hover{background-color: #1e98d7;color: #fff;border: 1px solid #1e98d7;}


/*底部样式*/
 .foot{ background:url(../img/dbg.png) no-repeat right bottom #333333;}
 .foot .col-12{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; flex-wrap: wrap; }
 .ftmenu{ width: 100px; flex-grow: 1; display:  flex; flex-direction: row; justify-content:space-between; align-items:flex-start; flex-wrap: wrap; }
 .ftmenu li{ flex-direction: column; align-items:flex-start; justify-content: center; display: flex; max-width: 20%; color: #ffffff;}
 .ftmenu li b{ font-size: 14px;  margin-bottom: 3px; color: #ffffff;}
 .ftmenu li a{ font-size: 12px; color: #EEEEEE; padding: 6px 0px; font-weight: 100; line-height: 1.2;}
 .ftimg{width:100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
 .ftimg img{ width: auto; max-width: 45%; height: auto;}
@media (max-width: 575.98px) {
	.ftmenu{ display: none;}
  }
 @media (min-width: 576px) {
 	.ftmenu li{  margin-right:20px;}
	.ftimg img{  max-width: 42%;}
 }
 @media (min-width: 768px) {
	 .ftmenu{ width: ;}
	 .ftimg{width:34%; margin-left: 20px;}
 	.ftmenu li{  margin-right:20px;}
	.ftimg img{  max-width:90%;}
 }
 @media (min-width: 992px) {
 	.ftmenu li b{ font-size: 16px; margin-bottom: 5px;}
 	.ftmenu li a{ font-size: 14px; }
 }
 @media (min-width: 1230px) {
	.ftmenu li{ margin-right: 40px;}
 	.ftmenu li b{ font-size: 18px;}
 }
 
 .fudi{ width: 100%; border-top: 1px solid #ffffff; color: #ffffff; display: flex;flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
 .fudi p{ width:100%;}
 @media (min-width: 992px) {
	  .fudi p{ width: 50%;}
 }
.yx_ic{ display: flex; flex-direction: row; justify-content:center; align-items: center; width: 100%;}
.yx_ic li{ position: relative; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.3); border-radius: 50%; margin-left:8px; margin-right: 8px;}
.yx_ic img{ max-width: 100%; height:auto; object-fit: cover; }
.yx_ic li div{ position: absolute; bottom: 100px; width:0px; left: 22.5px; height: 0px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear; overflow: hidden;}
.yx_ic li:hover div{  height: 100px; background: #1e98d7;bottom: 50px; width: 100px; left: -27.5px;}
 
 @media (min-width: 992px) {
	.yx_ic{width: 40%;align-items: flex-end; justify-content: flex-end;}  
 }
 
 
 
 
 /*首页微系统*/

 
 
 
 
 
 
 
 
 
 

/*右侧悬浮*/
@media (max-width: 991.98px){
.h_icon{ display: none;}
}
.h_icon{ position: fixed; bottom:90px; right:10px; z-index:15}
.h_icon .ic_ov{ height:50px; margin-top:10px; position:relative; cursor: pointer;}
.h_icon .ic_on{ height:50px; line-height:50px; padding-right:20px; text-align: right; padding-left: 15px; position:absolute; top:0px; right:0px; border-radius:25px; color:#FFF; width:auto; box-sizing:border-box; display:inline-block; min-width:150px;}
.h_icon .tel{ background:url(../img/ic_y4h.png) #1e98d7 no-repeat left 15px center; font-size:24px; width: 230px;}
.h_icon .email{ background: url(../img/ic_y1h.png) #1e98d7 no-repeat left 15px center;width: 185px; font-size: 18px;}
.h_icon .email a{ color: #ffffff;}
.h_icon .ewm{background: none;height:100px; padding-right:0px; padding-left: 0px;   top:-25px; right:60px; border-radius:0;  width:100px; display:inline-block; min-width:100px;}
.h_icon .ewm img{ width: 100px; height: 100px;}
.h_icon .ic_cur{ display: flex; flex-direction: row; justify-content: center; align-items: center; width: 50px; height: 50px; border: 1px solid #dcdcdc; border-radius: 50%; box-sizing: border-box; background-color: #ffffff;}

.ic_ov:not(:hover) > .ic_on{ display:none; height: 0; line-height:0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:16;}

/*返回顶部*/
#gotop{ z-index:20; bottom:30px;_margin-bottom:30px;
    width:50px;height:50px;position:fixed;right:10px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background: #ffffff; border: 1px solid #dcdcdc; border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center;box-sizing: border-box;}



/* pages */
.pages {padding:40px 40px;text-align: center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:3px;text-decoration:none;}
.pages a:hover {background:#1e98d7;border:#1e98d7 1px solid;color:#FFFFFF;padding:3px;text-decoration:none;}
.pages strong {background:#1e98d7;padding:3px;border:#1e98d7 1px solid;color:#FFFFFF;border-radius:2px;margin-top: 10px; display:inline-block;}
.pages_inp {width:30px;border:#DDDDDD 1px solid;color:#666666;padding:2px;text-align:center; display: none;}
.pages_btn {width:26px;border:#FF6600 1px solid;color:#FFFFFF;padding:1px;background:#FF6600;font-weight:bold;font-size:11px; display: none;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal; display: block; margin-top: 0.15rem;}
.pages a{  border-radius:2px;word-wrap:break-word;margin-top: 10px; display:inline-block;}



.banimg{ position: relative;min-height: 300px; width: 100%;}
.banimg img{ height: 100%; object-fit: cover; width: 100%;}

@media (max-width: 1229.98px){
	.banimg img{ height: 400px;}
}
@media (max-width: 991.98px){
	.banimg img{ height: 350px;  }
}
@media (max-width: 767.98px){
	.banimg img{ height: 300px;  }
}

.banimg .text{ position: absolute; width: 100%; height: 100%;background: rgba(0,0,0,0.4); color: #ffffff; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;text-transform:Uppercase; box-sizing: border-box;}
.banimg .text p{ color: #ffffff; font-weight:lighter; text-align: center;}
.banimg .text h1{font-weight:lighter;  border-bottom: 1px solid #ffffff; line-height: 1.2;}
.banimg .text h1 span{ display: block; text-align: center; line-height:1.8;   }
.banimg .text img{ width: auto; max-width: 257px; height: auto;}

@media (min-width: 1230px){
	.banimg .text{ padding-top: 200px; justify-content: flex-start;}
}

#wzdw{  display: block; height: 0; line-height: 0;position: absolute;top: 30px;left: 0; }

@media (min-width: 768px) {
	#wzdw{    top: 300px; }
}

@media (min-width: 992px) {
	#wzdw{    top: 350px; }
}

@media (min-width: 1230px) {
	#wzdw{    top: 584px; }
}


.tscon{ position: relative; width: 100%; height: auto; background: url(../img/ban_72.jpg) no-repeat center; background-size: cover; padding-top: 60px; display: flex; flex-direction: column;  justify-content:center; align-items: center; padding-left: 10px; padding-right: 10px; box-sizing: border-box; }
.tszz{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4);z-index: 1; top: 0; left: 0;}
.tscon img{ height: 100%; width: 100%; object-fit: cover;}
.ymtit{ display: flex; flex-direction: column; align-items: center; justify-content: center;color: #ffffff; letter-spacing: 2px; position: relative; z-index: 1;}
.ymform{ display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f0f2f5;position: relative; z-index: 1;}
.bx_form{padding: 10px  15px;}
.ymform h4{ background: #299bd7; display: block; width: 100%; text-align: center; color: #ffffff; padding: 8px 0px;}
.ymform p{  color:#299bd7;}
.bx_form input{ }
.bx_form div{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
.bx_form div span{ min-width: 115px; text-align: right;}
.bx_form div span i{ font-style: normal;}

.bx_form div select,.bx_form div .inpt,.bx_form .fileipt{ width: 100px; flex-grow: 1; margin-right: 10px;height: 30px; box-sizing: border-box; padding: 0px 8px; color: #666666; }
.bx_form .fileipt{ position: relative;background: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #b3b3b3;}
.fileipt img{ height: 40%; width: auto;  margin-right: 5px;}

.bx_form select{appearance:none;-webkit-appearance: none;-moz-appearance: none; background:url(../img/ic_8.png)  no-repeat right 8px center #ffffff; padding-right:25px; background-size: auto 20%;}
.bx_form select::-ms-expand { display: none; }
@media (min-width: 768px){
	.tscon{flex-direction: row; justify-content: space-between; width: 100%; box-sizing: border-box; padding-right: 1%; padding-left: 1%; }
	.ymtit{ width:45%; padding-right: 2%;}
	.ymform{width: auto;}
	.bx_form{padding:10px  15px;}
	.bx_form div span{ min-width: 132px;}
}
@media (min-width: 992px){
	.tscon{ padding-top: 90px;padding-right: 2%; padding-left: 1%;}
	.bx_form{padding:18px 25px;}
	.bx_form div span{ min-width:148px; }
	.bx_form div select,.bx_form div .inpt,.bx_form .fileipt{height: 40px;}
}
@media (min-width: 1230px){
	.tscon{padding-right: 12%; padding-left: 6%;}
	.bx_form{padding:20px 30px;}
}
.bx_form div input.sub_btn2{ width: 160px; background:#299bd7; color: #ffffff; flex-grow:0;cursor: pointer;}


.fileipt input {
    position: absolute;top: 0; width: 100%; height: 100%;
    right: 0;
    top: 0;
    opacity: 1; z-index: 5;
}


/*产品页面*/
.prom{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%; overflow-x:scroll;overflow: auto; overflow-y: visible;}
.prom li{ width: auto; min-width: 92px;}
.prom li.cur a{ color: #1e98d7;}
.prom li a{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start;font-size: 12px; padding-top: 40px; background-size:auto 36px; background-position: top center; background-repeat: no-repeat;transition: all .2s linear;}
.prom li:first-child a{ background-image: url(../img/pm1.png);}
.prom li:first-child a:hover,.prom li:first-child.cur a{background-image: url(../img/pm1h.png);}
.prom li:nth-child(2) a{ background-image: url(../img/pm2.png);}
.prom li:nth-child(2) a:hover,.prom li:nth-child(2).cur a{background-image: url(../img/pm2h.png);}
.prom li:nth-child(3) a{ background-image: url(../img/pm3.png);}
.prom li:nth-child(3) a:hover,.prom li:nth-child(2).cur a{background-image: url(../img/pm3h.png);}
.prom li:nth-child(4) a{ background-image: url(../img/pm4.png);}
.prom li:nth-child(4) a:hover,.prom li:nth-child(2).cur a{background-image: url(../img/pm4h.png);}
.prom li:last-child a{ background-image: url(../img/pm5.png);}
.prom li:last-child a:hover,.prom li:last-child.cur a{background-image: url(../img/pm5h.png);}

@media (min-width: 576px){
.prom li{ }
.prom li a{ font-size: 14px;padding-top: 58px;background-size:auto 50px;}

}

@media (min-width: 992px){
.prom li a{ font-size: 16px;padding-top: 73px;background-size:auto 65px;}

}
@media (min-width: 1230px){
.prom li a{ font-size: 18px;padding-top: 86px;background-size:auto 78px;}

}

.cname{ width: 100%; line-height: 1.5; text-align: center;}
.cname b{ display: inline-block;line-height: 50px; padding: 0px 15px 0px 60px; background: #1e98d7; color: #ffffff; border-radius: 2px; font-size: 18px; font-weight: normal; background-image:url(../img/im1.png); background-size:40px auto; background-position: left 10px center; background-repeat: no-repeat; width: 100%; text-align: left;}
.cic1 b{background-image:url(../img/im2.png);}
.cic2 b{background-image:url(../img/im3.png);}
.cic3 b{background-image:url(../img/im4.png);}
.cic4 b{background-image:url(../img/im5.png);}
.pcon{ display: flex; flex-direction: row; justify-content:flex-start; align-items:stretch; flex-wrap: wrap;}
.pcon a{ width: 50%;transition: 0.8s; text-align: center; padding: 0 1%;}
.pcon .img{ width: 100%; padding: 15px; box-sizing: border-box;  background: #ffffff; display: flex; flex-direction: row; justify-content:  center; align-items: center; overflow: hidden;transition: 0.8s; border-radius: 2px; height: 200px;}
.pcon .img img{max-width: 100%; max-height: 100%; width: auto; height: auto;transition: 0.8s;}
.pcon a:hover .img{ box-shadow: 0px 0px 12px rgba(0,0,0,0.2); border-radius: 5px;}
.pcon a:hover .img img{transform: scale(1.2);} 
.pcon .text h4{ font-weight: bold;margin-top:10px; color: #1e98d7;}
.pcon .text h5{ font-weight: normal; margin-top:5px; color: #333333; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:2; overflow:hidden;}
.pcon .text p{ color: #999999; text-align: center; margin-top: 8px; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:2; overflow:hidden;}
@media (min-width: 576px){
	.cname b{ font-size: 22px;}
	.pcon .img{ height: 240px;}
}
@media (min-width: 768px){
.pcon::after{ content: ''; width: 31.5%;}
.pcon a{ width: 31.5%;  display: block; padding: 0 0.75%;}
.cname b{ font-size: 24px;}
.pcon .img{ padding: 20px;height: 220px;}
.pcon .text h5{  margin-top:12px;}
.pcon .text p{  margin-top: 12px;}
}
@media (min-width: 992px){
.pcon .img{ padding: 30px;height: 250px;}
}
@media (min-width:1230px){
.pcon .img{height: 300px;}
.cname b{ font-size: 26px;}
.pcon .text h5{  margin-top:15px; line-height: 1.3;}
.pcon .text p{  margin-top: 15px; font-size: 16px;}
}



/*时间轴*/
.timezone{ background-image: url(../img/line3.png); background-repeat: repeat-y; background-position: left 0px top; background-size: 2px auto ; width: 100%; display: flex; flex-direction: column; align-items:flex-start; justify-content: center;}
.tzbox{ display: flex; flex-direction:column; justify-content:center; align-items: flex-start; width: 100%; margin-top: 40px; padding-left: 15px; padding-right: 15px;}
.tzbox:first-child{margin-top: 0px;}
.boxbg{ /*background: #ffffff; padding: 12px;*/ width: 100%; box-sizing: border-box; border-radius: 0px;}
.tzic{ background-image: url(../img/dot4.png ) ; background-size: 6px 6px; background-repeat: no-repeat; background-position:left 7px center; font-size: 18px;padding-left:20px;    display: inline-block; padding-top: 2px; padding-bottom: 2px;  border-radius: 5px; margin-bottom: 5px;}
.tzcon{ width:100%;   display: flex; flex-direction: row; justify-content:flex-start;align-items: flex-start; flex-wrap: wrap; box-sizing: border-box;  }

.wl .tzic{ padding-right: 10px;}
.wr .tzic{   padding-right:10px ;}
.tzcon .texts{font-size: 14px; line-height: 1.5; width: 100%; box-sizing: border-box;}
.tzcon .texts p{ font-weight: bold; padding: 6px 0px; width: 100%;}
.tzcon .texts span{ font-size: 12px; font-weight: normal;}
.tzcon .texts img{ display:inline-block; width: auto; height: auto; max-width: 100%; padding: 0px 0px; box-sizing: border-box; margin-top: 5px;}
@media (min-width:576px) {
	.tzcon .texts{ box-sizing: border-box;}
}
@media (min-width:768px) {
	
	.timezone{   }
	.tzic{  font-size: 16px;}
	.tzcon{ }
	.tzic{ font-size: 22px;}
	.wr .tzic{   padding-right:18px;}
	.tzcon .texts{ font-size: 16px;  }
	.tzcon .texts p{  padding: 9px 0px;}
	.tzcon .texts span{ font-size: 14px; font-weight: normal;}
}
@media (min-width:992px) {
	.timezone{ background-position: center top; }
	
	.tzbox{ width: 465px; padding-left: 30px; padding-right: 30px; margin-top: -200px;}
	
	.wr{ align-self: flex-end;}
	.wl{  }
	.wl .tzcon{ margin-left: 0px; margin-right: -10px;}
	.tzic{ font-size: 30px;}
	
	.tzcon .texts{ font-size: 18px; }
	.tzcon .texts p{  padding: 6px 0px;}
}
@media (min-width:1230px) {	
	.tzbox{ width: 600px; padding-left: 50px; padding-right: 50px;}
	.boxbg{ /*padding: 15px;*/}
	.wl{ padding-left: 150px;}
	.wr{ padding-right: 150px;}

	.tzcon .texts{ }
}

.jbtext{ background-image: linear-gradient(90deg,#57ab94,#2c9cd5); -webkit-background-clip: text; color: transparent; background-clip: text;   margin: 0px auto; text-align: center; width: 300px; font-weight:500;}

.lcbg{ background: url(../img/lcbg.png) no-repeat bottom center; background-size: auto;}


/*p品牌故事*/
.gsbox .text p{ text-indent: 2em;line-height: 1.875;}
.jstit{ color: #ffffff;}
.jstit h1{ display: inline-block; padding-left: 5px;}
.ppbox{ background: url(../img/bgl.jpg) no-repeat left top; background-size: 200px 100%; padding-left: 15px; box-sizing: border-box; padding-bottom: 35px;}
.jscon{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start;}
.jscon .jsic{ width: 26px; margin-right: 8px;}
.jscon .jspic{ width: 200px; flex-grow: 1;}
.jscon .jspic img{ width: 100%; height: 100%; object-fit:  cover;}
.jspic .swiper-slide{ height:auto;}
.jspic .swiper-button-next,.jspic .swiper-button-prev{ width:36px;height:28px; z-index:9;cursor:pointer;background-size: auto; background-repeat: no-repeat; margin-top: 0px; bottom: 0; top: auto;  background-position: center;}
.jspic .swiper-button-next{background-image:url(../img/ic_next14.png); left:auto;right:15px;  }
.jspic .swiper-button-prev{background-image:url(../img/ic_prev14.png);left:auto;right:60px; }

.jspic.tj02 .swiper-button-next{background-image:url(../img/ic_next14.png); left:60px;right:auto;  }
.jspic.tj02 .swiper-button-prev{background-image:url(../img/ic_prev14.png);left:15px;right:auto; }

.prbox{ background: url(../img/bgl.jpg) no-repeat right top; background-size: 200px 100%; padding-right: 15px; box-sizing: border-box; padding-bottom: 35px;  }
.prbox .jstit{ text-align: right;}
.prbox .jsic{ margin-left: 0px; margin-left: 8px;}

.bpbox .jbtext{width: 100%;  text-align: left;}
.cs_text{background-image: linear-gradient(90deg,#57ab94,#2c9cd5); -webkit-background-clip: text; color: transparent; background-clip: text; }
.b_bar{background: url(../img/dot1.png) no-repeat left center; padding-left:20px; font-weight: bold;}
.bpbox .text p{ line-height: 1.875; text-indent: 2em;}
.bpbox .text img{ display: inline-block; padding: 0px 2px;}

.jsbg{ background: url(../img/jsbg.png) #ebebeb no-repeat bottom center; background-size: 100% auto; }

.fj-main{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch; width: 100%;}
.fj-cut{ width: 15%;}
.fj-con{ width: 82%;}
.fj-cut ul{ width: 100%; display: flex; flex-direction:column; justify-content:space-between; align-items:center; background: #f4f4f4; height: 100%;}
.fj-cut ul li{ width: 100%;position: relative; height: 23%;}
.fj-cut ul li img{ width: 100%; height: 100%; object-fit: cover;}
.fj-cut ul li  p{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(42,156,216,0.7);}
.fj-cut ul li:last-child{ border: none;}
.fj-cut ul li.on p{ background:none; color: #FFFFFF;}

@media (min-width:992px) {
	.fj-cut{ width: 10%;}
	.fj-con{ width: 88%;}
	.fj-cut ul li{ font-size: 20px;}
}
.fj-con .content{ width: 100%; height:100%; }
.fj-con .content img{ width: 100%; height:100%; object-fit: cover;}

/*实力介绍*/
.sljs{ font-weight: lighter;}

.slbox{ position: relative;}
.wd1,.wd2{ width: 100%; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}


.wd1 .text{ right: 0; top: 0; width: 50%; height: 100%;  }
.wd2 .text{  left: 0; top: 0;bottom: auto; right: auto;width: 50%; height: 100%; }

.wd1 .text,.wd2 .text{position: absolute;background: #ffffff;padding: 15px;box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.wd2.ts3 .text{  left:auto; top: 0;bottom: auto; right: 0;width: 50%; height: 100%; background: #ffffff;}
.wd1.ts1 .text{ left: 0; top: 0;bottom: auto; right: auto; }
.wd1.ts4 .text{ left: 0; top: 0;bottom: auto; right: auto; }
.wd1 img{ width: 50%;}
.wd2 img{ width: 50%;}

.slzx{ display: flex; flex-direction: row; justify-content: center; align-items: center;}
.slzx img{ width: 100%; height: auto; margin-top: 15px; }

@media (min-width:768px) {
	.wd1{ width: 32%; margin-top: 0px;}
	.wd1 img{ width: 100%;}
	
	.wd1 .text{ right: 0; bottom: 0; top: auto; width: 100%; height: 50%;}
	.wd1.ts1 .text{ left: 0; top: 0;bottom: auto; right: auto;width: 50%; height: 100%;  }
	.wd2{ width: 64%; margin-top: 0px;}
	.wd2.ts3{ margin-top: 28px;}
	
	.slbox .ts1{ position: absolute; right: 0px; top: 0px;}
	.slbox .ts4{ position: absolute; right: 0px; bottom: 0px;}
	
	.slzx{ position: absolute; width: 28%; height:auto; top: 50%; left: 50%; transform:translate(-50%,-50%)}
	.slzx img{ margin-top: 0px;}
}
@media (min-width:992px) {
	.wd2.ts3{ margin-top: 34px;}
}
@media (min-width:1230px) {
	.wd2.ts3{ margin-top: 46px;}
	.wd1 .text,.wd2 .text{ padding: 15px 30px;}
}




/*全屏遮罩*/
.f_mask{ position: fixed; top: 0; left: 0; width: 100%; height:100%;background: rgba(0,0,0,0.8); z-index: 29; display:none;} 
.ss_box{ transform:translate(-50%,-50%); position: absolute; top: 50%; left: 50%; width: 90%;}

input,select{ border: none; outline: none;  box-sizing: content-box;}
input::-webkit-input-placeholder {color: #cacaca;font-size:14px;}

.ss_box input{height: 40px; padding: 0px 15px;font-size:14px;border-top: 5px solid #878787; border-bottom: 5px solid #878787;}
.ss_box form{   display: flex; flex-direction: row; align-items: center; justify-content:center; z-index: 1; }
.kinpt{ width: 60%; border-left: 5px solid #878787}
.inpt_btn{ background: #06f; color: #ffffff; width: 30%; border-right: 5px solid #878787; font-weight: bold;}
@media (min-width:768px) {
	.ss_box{ width: 60%;}
	.ss_box input{ height: 50px;border-top: 8px solid #878787; border-bottom: 8px solid #878787; }
	.kinpt{ border-left: 8px solid #878787}
	.inpt_btn{ border-right: 8px solid #878787; }
}
@media (min-width:1230px) {
	.ss_box{ width: 40%;}
	.ss_box input{ height: 60px;font-size:16px; }
	.ss_box input::-webkit-input-placeholder { font-size:16px;}
}

/*预约定制*/
.dz_box{ transform:translate(-50%,-50%); position: absolute; top: 50%; left: 50%; width:90%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; max-width: 800px;}
.dz_form{ display: flex; flex-direction: row; justify-content: center; align-items: center; background: #ffffff; color:#333333; flex-wrap: wrap;  width: 100%; padding: 15px; border-radius: 5px; height:auto; }
.dz_form .bdys{ display: flex; flex-direction: row; justify-content:flex-start; align-items: center; width: 100%; flex-wrap: wrap; flex-grow: 1;}
.dz_form .bdys .fileipt{ position: relative;background: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #b3b3b3; flex-grow:0;}
.dz_form b{ font-weight: normal;}
.dz_form b span{ color: #ed1a21; font-weight: bold;}
.dz_form .bdys span{min-width: 96px; text-align: right;}
.dz_form .bdys i{  font-style: normal;color: #ed1a21; margin-left: 10px;}
.dz_form .inpt,.dz_form .fileipt,.dz_form  select{ height: 30px; border: 1px solid #eaeaea; flex-grow: 1;padding: 0px 5px; border-radius: 5px;}
.dz_form .inpt.finpt{ border: none; flex-grow: 0; max-width:200px; box-sizing: border-box; width: auto;}
.dz_form .fileipt{ padding: 0px 10px;}
.dz_form input.inpt::-webkit-input-placeholder {color: #cacaca; text-align: right;}
.dz_form textarea{border: 1px solid #eaeaea;height: 60px;flex-grow: 1;padding: 5px;border-radius: 5px; outline: none;}
.dz_form .bdys p{ width: 100%;display: flex; flex-direction: row; justify-content:space-between; align-items: center; width: 100%;}
.dz_form select{  width: 20%; margin-right: 10px; box-sizing: border-box;appearance:none;-webkit-appearance: none;-moz-appearance: none; background:url(../img/ic_8.png)  no-repeat right 8px center #ffffff; padding-right:25px; background-size: auto 20%;}
.dz_form select::-ms-expand { display: none; }
.dz_form select:last-child{ margin-right: 0px;}
.dz_form .bdys .inpt.sub_btn3{ width:100px; background:#299bd7; color: #ffffff; flex-grow:0;cursor: pointer; margin: 0px auto; text-align: center; display: flex; align-items: center; justify-content: center;}
@media (min-width:768px) {
	.dz_form{ height:auto;}
	.dz_form .bdys p{ width: 48%;}
	.dz_form .bdys span{min-width: 110px;}
	.dz_form  .inpt,.dz_form .fileipt,.dz_form  select{ height: 35px;}
}
@media (min-width:992px) {
	.dz_form .bdys span{min-width: 121px;}
	.dz_form  .inpt,.dz_form .fileipt,.dz_form  select{ height: 40px;}
}

@media (min-width:1230px) {

}


div.fileup{ flex-grow: 1; width: 50px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-end; position: relative;max-width: 90px;}
div.fileup:last-child{ margin-right: 10px;}
.fileup span.jt{ font-size: 14px; min-width: 20px; display: inline-block; text-align: left;  width: 20px; height: 20px; background: url(../img/close.png) no-repeat; background-size: 20px 20px; position: absolute; bottom: 0px; right: 0px; z-index: 1; cursor: pointer;}
.fileup img{ width: 100%; height:auto;   }
@media (min-width:768px) {
	div.fileup{ flex-grow: 1; width: 100px; max-width: 200px;}
	.fileup img{ width: 100px; height:auto; }
	.fileup span.jt{  right: auto; left: 90px;}
}


/*门店搜索表单样式*/
.md_form{ display: flex; flex-direction: row; justify-content:flex-start; align-items: center; flex-wrap: wrap; width: 100%;}
.md_form select{height: 30px; border: 1px solid #dadada; width: 20%; margin-right: 10px; box-sizing: border-box; padding: 0px 5px;font-size:12px; appearance:none;-webkit-appearance: none;-moz-appearance: none; background:url(../img/ic_7.png)  no-repeat right 8px center #ffffff; padding-right:25px; background-size: auto 20%;}
.md_form select::-ms-expand { display: none; }

.md_form input{height: 30px;border: 1px solid #dadada;width: 15%;box-sizing: border-box;padding: 0px 5px;font-size:12px; background-color: #ffffff; border-right: 1px solid #dadada; border-left: none;}
.md_form input::-webkit-input-placeholder { font-size:12px;}
.md_form input.inpt{ flex-grow: 1; border-left: 1px solid #dadada; border-right: none;}
.sub_btn{ background: url(../img/ic_ss2.png) no-repeat center right 10px; background-size: auto 45%;cursor: pointer; }
@media (min-width:768px) {
	.md_form select{height: 40px;margin-right: 15px;padding: 0px 8px;font-size:14px;}
	.md_form input{height: 40px;padding: 0px 8px;font-size:14px;}
	.md_form input::-webkit-input-placeholder { font-size:14px;}
}
@media (min-width:992px) {
	.md_form{ padding: 0px 0%; box-sizing: border-box;}
	.md_form select{height: 50px;margin-right: 30px;font-size:16px;}
	.md_form input{height: 50px;font-size:16px;}
	.md_form input::-webkit-input-placeholder { font-size:16px;}
}

/*荣誉资质*/
.rybg{ background: url(../img/rybg.png) repeat-y bottom center; background-size: 100% auto;}
.ryleft li{  display: flex;flex-direction: column; align-items: flex-end; justify-content: center;}
.ryright li{display: flex;flex-direction: column; align-items: flex-start; justify-content: center;}
.rybox h3{ color: #1e98d7; font-weight: bold; margin-bottom: 10px;}
.rybox .img{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.rybox img{ box-shadow: 0px 0px 5px rgba(0,0,0,0.47); width: auto; max-width: 100%;}
.rybox .img img{ max-width:48%; box-shadow: 0px 0px 5px rgba(0,0,0,0.47); flex-grow: 1;}

.nybar .col-12{ background: url(../img/ic_h.png) no-repeat left 15px center; background-size: auto 14px; padding-left: 35px;}
@media (min-width:768px) {
	.ryleft{ padding-right: 20px; box-sizing: border-box;}
	.ryright{ padding-left: 20px;box-sizing: border-box;}
	.ryright li:first-child{ margin-top: 0px;}
}

@media (min-width:992px) {
	.ryleft{ padding-right: 30px; }
	.ryright{ padding-left: 30px;}
	.nybar .col-12{ background-size: auto 20px; padding-left: 45px;}
}

@media (min-width:1230px) {
	.ryleft{ padding-right: 45px;}
	.ryright{ padding-left: 45px;}
	.ryleft li{ margin-top:160px;}
	.ryright li{ margin-top:160px;}
	.rybox img{  max-height: 320px; height: auto; object-fit: cover;}
}

.nybar{ box-shadow: 0px 0px 10px rgba(116,116,116,0.3);}

.p_menu{display: none;}
@media (min-width:768px) {
	.hide_p{ display: none;}
	.p_menu{   width: 100%; display: block;  }
}
.p_menu .p_tit{ background: #1e98d7; color: #ffffff; padding: 10px 8px 10px 10px; margin-bottom: 20px;}
.p_menu .p_tit h1{ margin-bottom: 8px; font-size: 22px;}
.p_menu ul{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; background: #ffffff;}
.p_menu ul li{ width: 100%;}
.p_menu ul li .t1t{  font-size: 16px;width: 100%;display: flex; flex-direction: row; justify-content:flex-start; align-items: center; padding: 9px 8px 9px 10px; box-sizing: border-box; border-bottom: 1px solid #e1e1e1; background-color: #1e98d7; color: #ffffff;}
.p_menu ul li .t1t.cur,.p_menu ul li .t1t:hover{ background-color: #1e98d7; color: #ffffff;}
.p_menu ul li .t1t a{ background: url(../img/ic_jt5.png) no-repeat right center; display: block; width: 100%;color: #ffffff; padding-right: 15px;}
.p_menu ul li .t1t.cur a,.p_menu ul li .t1t:hover a{  color: #ffffff; background: url(../img/ic_jt5.png) no-repeat right center;}
.p_menu ul li .t2t{}
.p_menu ul li .t2t a{ width: 100%; display: block; box-sizing: border-box; padding: 8px 15px; border-bottom: 1px solid #e1e1e1; font-size: 12px;}
.p_menu ul li .t2t a.cur{ color: #1e98d7;}

@media (min-width:992px) {
	.p_menu .p_tit{padding: 20px 10px 10px 20px; }
	.p_menu .p_tit h1{ font-size: 30px;margin-bottom: 12px;}
	.p_menu ul li .t1t{padding: 9px 15px;}
	.p_menu ul li .t1t a{font-size: 18px;}
	.p_menu ul li .t2t a{font-size: 14px;padding: 8px 25px;}
}
@media (min-width:1230px) {
	.p_menu .p_tit{padding: 30px 15px 20px 35px; }
	.p_menu .p_tit h1{ font-size: 36px;margin-bottom: 20px;}
	.p_menu ul li .t1t{padding: 12px 35px;}
	.p_menu ul li .t1t a{font-size: 18px;}
	.p_menu ul li .t2t a{font-size: 16px;padding: 8px 40px;}
}

.m_menu{display: none;}
@media (max-width:767.98px) {
	.m_menu{display: block; display: flex; flex-direction: row; justify-content: flex-start; align-items: auto; margin-bottom: 5px; flex-wrap: wrap; font-size: 13px;width: 100%; box-sizing: border-box; padding-right: 5px;}
	.m_menu li{ width: auto;}
	.m_menu li a{ margin-bottom: 5px; border: 1px solid #1e98d7; color: #ffffff; margin-left: 5px; padding: 4px 12px; line-height: 1.5; display: block; border-radius: 4px; background: #1e98d7;}
	.m_menu li a.cur{ color: #ffffff; border: 1px solid #1e98d7; background-color: #1e98d7;}
}

.fj-case{ display: flex; flex-direction:column; justify-content:space-between; align-items:center; width: 100%; height: 100%; box-sizing: border-box;}
.fj-tt{ width: 100%;}
.fj-cn{ width: 100%; }
.fj-tt ul{ width: 100%; display: flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap: wrap;}
.fj-tt ul li{ width: 25%; height: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: #a9a9a9;  box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 0px 10px;color: #ffffff; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); margin-left: 0px; margin-top: 6px;}
.fj-tt ul li.on{ background: #1e98d7;  }
.fj-tt .c_tit{ display: none;}
.fj-cn .content{ width: 100%; height:100%;}
.fj-cn .content img{ width: 100%; height:100%; object-fit: cover; }
@media (min-width:576px) {
	.fj-tt ul li{ width: 14%;flex-grow: 1;height: 40px; margin-top: 0px;}
}
@media (min-width:768px) {
	.fj-case{ flex-direction: row; align-items: flex-start;}
	.fj-tt{ width: 20%;}
	.fj-cn{ width: 68%; flex-grow: 1; margin-left: 30px;}
	.fj-tt ul{ flex-direction: column; justify-content: center;}
	.fj-tt ul li{ width: 100%; border-radius: 0px; box-shadow: none; color: #333333;font-size: 16px;padding: 9px 8px 9px 10px; box-sizing: border-box; border-bottom: 1px solid #e1e1e1;background: url(../img/ic_jt6.png) no-repeat right 8px center #ffffff; height: auto;justify-content: flex-start; cursor: pointer;transition: 0.6s;}
	.fj-tt ul li.on{  color: #ffffff;  background: url(../img/ic_jt5.png) no-repeat right 5px center #1e98d7;}

	.fj-tt .c_tit{ background: #1e98d7; color: #ffffff; padding: 10px 8px 10px 10px; margin-bottom: 20px; display: block;}
	.fj-tt .c_tit h1{ margin-bottom: 8px; font-size: 22px;}
}
@media (min-width:992px) {
	.fj-tt .c_tit{padding: 20px 10px 10px 20px; }
	.fj-tt .c_tit h1{ font-size: 30px;margin-bottom: 12px;}
	
	.fj-tt ul li{font-size: 18px;padding: 12px 41px 12px 15px; background: url(../img/ic_jt6.png) no-repeat right 15px center #ffffff;}
	.fj-tt ul li.on{background: url(../img/ic_jt5.png) no-repeat right 15px center #1e98d7;}

}
@media (min-width:1230px) {
	.fj-tt{ width:278px;}
	.fj-tt .c_tit{padding: 30px 15px 20px 35px; }
	.fj-tt .c_tit h1{ font-size: 36px;margin-bottom: 20px;}
	.fj-tt ul li{font-size: 20px;padding: 16px 51px 16px 35px; background: url(../img/ic_jt6.png) no-repeat right 35px center #ffffff;}
	.fj-tt ul li.on{background: url(../img/ic_jt5.png) no-repeat right 35px center #1e98d7;}
}

.caseimg{ width: 100%; display: flex; flex-direction: row; justify-content:space-between; align-items:stretch; flex-wrap: wrap; height: auto;}
.caseimg .ctimg{ width: 48.5%; height: auto; padding: 10px; box-sizing: border-box;background: #ffffff; border-radius: 5px;box-shadow:0px 3px 5px rgba(0,0,0,0.2); margin-top: 10px;}
.caseimg .ctimg p{ width: 100%;  padding-top: 5px; box-sizing: border-box;}

@media (min-width:768px) {
	.caseimg .ctimg{ margin-top: 0px; margin-bottom: 16px;}
}

@media (min-width:992px) {
	.caseimg .ctimg{ margin-bottom: 21px;}
}

@media (min-width:1230px) {
	.caseimg .ctimg{ margin-bottom: 26px;}
	.caseimg .ctimg p{padding-top: 8px;}
}

.ctimg img{transition: 0.8s;}
.ctimg .img_s{overflow: hidden;}
.ctimg:hover img{transform: scale(1.2); cursor: pointer;}






.fj-pro{ display: flex; flex-direction:column; justify-content:flex-start; align-items:center; width: 100%; height: 100%; box-sizing: border-box;}
.fj-ptt{ width: 100%; border-bottom: 1px solid #1e98d7;}
.fj-pcn{ width: 100%; height: 100%; background-color: #ffffff;}
.fj-ptt ul{ width: 100%; display: flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.fj-ptt ul li{ width:auto; padding: 5px 25px;  border-top-left-radius: 10px; border-top-right-radius: 10px;   box-sizing: border-box; display: flex; flex-direction: row; justify-content: center; align-items: center;  box-shadow: 0px 0px 8px rgba(0,0,0,0.3); margin-left: 0px; background: #ffffff;}
.fj-ptt ul li.on{ background: #1e98d7; color: #ffffff;}

.fj-pcn .content{ width: 100%; height:100%;}
.fj-pcn .content img{max-width: 95%; height: auto; margin: 0px auto 0px auto; display: block; width: 800px;}
#content img{max-width: 100%; height: auto; margin: 0px auto 0px auto; display: block; width: 800px;}


/*内页案例展示板块*/
.al_slide{ width: 100%; height: 420px; position: relative;}
.al_slide .swiper-container {width: 100%; margin-left: auto;margin-right: auto;}
.al_slide .swiper-slide {background-size: cover;background-position: center;}
.al_slide .gallery-top {height: 80%;width: 100%; padding-bottom: 10px;}
.al_slide .gallery-top .swiper-slide{ position: relative;}
.al_slide .gallery-top .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;}

.al_slide .gallery-top .swiper-slide p{ color: #ffffff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 15px; background: rgba(0,0,0,0.6); box-sizing: border-box;}
.al_slide .gallery-thumbs {height:20%;box-sizing: border-box; color: #ffffff;  background: none; width: 90%;}
.al_slide .gallery-thumbs .swiper-wrapper{ }
.al_slide .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4; display: flex; flex-direction: row; justify-content: space-between; align-items: center;  box-sizing: border-box; border-radius: 4px;border: 1px solid #ffffff;}
.al_slide .gallery-thumbs .swiper-slide img{ height: 100%; width: 100%; object-fit: cover; border-radius: 4px;}

.al_slide .gallery-thumbs .swiper-slide-thumb-active {opacity: 1; border: 1px solid #299bd7;}
.al_slide .swiper-button-next,.al_slide .swiper-button-prev{ width:4%;height:20%; z-index:9;cursor:pointer;background-size:60% auto; background-repeat: no-repeat; margin-top: 0px; bottom: 0; top: auto; background-color: #299bd7; background-position: center;}
.al_slide .swiper-button-next{background-image:url(../img/ic_next1.png); left:auto;right:0px; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.al_slide .swiper-button-prev{background-image:url(../img/ic_prev1.png);left:0px;right:auto;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
@media (min-width:576px) {
	.al_slide{ height:490px; }
	.al_slide .gallery-thumbs .swiper-slide{  }
}
@media (min-width:768px) {
	.al_slide .gallery-top .swiper-slide p{ padding: 15px 20px;}
}
@media (min-width:992px) {
	.al_slide{ height: 620px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%;}
	.al_slide .gallery-top {height: 100%; width:76%;padding-bottom: 0px;}
	.al_slide .gallery-top .swiper-slide{ width: 100%;}
	.wz_qt{position: absolute; top: 15%; right: 0; width: 30%; height: 70%; padding: 27px 0px; box-sizing: border-box; display: block; z-index: 1; border-radius: 5px; margin-top: 0px;}
	.al_slide .gallery-thumbs{height: 90%;  padding: 0 0px; width:20%;}
	.al_slide .gallery-thumbs .swiper-wrapper{  width: 100%; }
	.al_slide .gallery-thumbs .swiper-slide{ height: 33%; width: 100%;  }
	.al_slide .gallery-thumbs .swiper-slide-thumb-active{ background: url(../img/line.png) no-repeat left center transparent;}
	.al_slide .swiper-button-next,.al_slide .swiper-button-prev{ width:20%;height:4%; z-index:9;cursor:pointer;background-size:auto 50% ; background-repeat: no-repeat; left: auto; right: 1%; margin-right:0px; margin-top: 0px; background-position: center; }
	.al_slide .swiper-button-next{background-image:url(../img/ic_next.png);top: auto; bottom: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;}
	.al_slide .swiper-button-prev{background-image:url(../img/ic_prev.png);top:0px;bottom:auto;border-top-left-radius: 8px;border-bottom-left-radius: 0px;border-top-right-radius: 8px;}
}
@media (min-width:1230px) {
	.al_slide .gallery-top .swiper-slide p{ padding: 20px 30px;}

}



/*列表页评测*/
.ny_pc{ width: 100%; box-sizing: border-box; position: relative;padding:0px 2%;}

@media (min-width:576px) {
.ny_pc .imgtt11{ width: 31%;}
}

.ny_pc .swiper-container {width: 100%;height:100%;padding-bottom: 50px;}

    .ny_pc .swiper-slide {

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	
	.ny_pc .swiper-button-next,.ny_pc .swiper-button-prev{width:12%;height:26px;background-size:auto 60% ; margin-top: 0px; top: auto; bottom: 0%; background-color: #299bd7; background-repeat: no-repeat; background-position: center;}
	.ny_pc .swiper-button-next{background-image:  url(../img/ic_next13.png); border-left: 6px solid #7fbc35; right: 0px;}
	.ny_pc .swiper-button-prev{background-image: url(../img/ic_prev13.png);border-right: 6px solid #7fbc35; left: 0px;}
	.ny_pc .swiper-container-horizontal>.swiper-pagination-bullets, .ny_pc .swiper-pagination-custom, .ny_pc .swiper-pagination-fraction{ bottom: 0;}
	
	 .ny_pc .swiper-pagination-bullet {
	      width: 26px;
	      height: 26px;
	      text-align: center;
	      line-height: 26px;
	      font-size: 14px;
	      color: #000;
	      opacity: 1;
	      background: rgba(0, 0, 0, 0.2);
	    }
	
	    .ny_pc .swiper-pagination-bullet-active {
	      color: #fff;
	      background: #1e98d7;
	    }
@media (min-width:1230px) {
	.ny_pc{    }
	.ny_pc .swiper-button-next,.ny_pc .swiper-button-prev{ width:6%;bottom: 10%;height:50px;height:40px; }
}




/*加入我们样式*/
.jr_ic{ display: flex; flex-direction: row; justify-content: space-between; align-items:stretch;}
.jr_ic li{ width: 33.333333%;display: flex; flex-direction: column; align-items: center; justify-content:flex-start; border-right: 1px solid #333333; box-sizing: border-box; padding: 0px 5%;}
.jr_ic li:last-child{ border-right: none;}
.jr_ic li div{ width: 55px; height: 55px; border-radius: 50%; background: #2a9cd8;display: flex; flex-direction: row; justify-content:center; align-items: center; margin-bottom: 5px;}
.jr_ic li div img{ max-width: 70%; max-height: 70%; width: auto; height: auto; object-fit: cover;}
@media (min-width:768px) {
	.jr_ic li div{width: 70px; height: 70px;}
}
.jr_ic li h6{ font-weight: bold;}
.jr_ic li p{ margin-top: 5px; width: 100%;}
.jr_ic li:hover div{-webkit-animation:dongh 0.3s linear 1;animation:dongh 0.3s linear 1;}

@-webkit-keyframes dongh{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);}
	25%{ -webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg); -o-transform:rotate(-15deg);transform:rotate(-15deg);}
	50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);}
	75%{-webkit-transform:rotate(15deg);-moz-transform:rotate(15deg);-ms-transform:rotate(15deg); -o-transform:rotate(15deg);transform:rotate(15deg);}
	100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);}
}

.zpbox{ background: #ffffff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:20px 4%; box-sizing: border-box;}
.zpbox h4{ font-weight:bolder;}
.zpxx{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; width:100%; flex-wrap: wrap;}
.zpxx li{width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; border: 1px solid #999999; box-sizing: border-box; padding: 3% 3%; border-bottom:none; }
.zpxx li:last-child{ border-bottom: 1px solid #999999;}
.zpxx li img{ width:25%; height: auto; object-fit: cover; border-radius: 50%;  }
.zpxx li .text{ width:70%;}
.zpxx li .text h6{ margin-top: 0px;}
@media (min-width:768px) {
	.zpbox{padding:30px 4%;}
	.zpxx{ }
	.zpxx li{ width: 50%;border-bottom: 1px solid #999999;border-right: 1px solid #999999;border-left:none;border-top: none;}
	.zpxx li:first-child,.zpxx li:nth-child(2){border-top:1px solid #999999;}
	.zpxx li:nth-child(odd){border-left:1px solid #999999; }
}
.zpxx li .text p{ color: #999999; margin-top: 8px;}
@media (min-width:992px) {
	.zpbox{padding:40px 4%;}
}


.lxxx{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; flex-wrap: wrap;width: 80%; margin: 0px auto;}
.lxxx li{ width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-start; margin-top: 30px;}
.lxxx li img{ width: auto; height: auto; margin-top: 5px;}
.lxxx li .text{ width: 50px; flex-grow: 1; padding-left: 10px; }
.lxxx .text h5{ color: #111111; font-weight:600;margin-top: 10px;}
.lxxx .text p{font-weight: normal; color: #333333;}
.lxxx .text span{ font-size: 12px; color: #999999;}
 @media (min-width:768px) {
.lxxx{ width: 100%;}
.lxxx li{ width: 28%;}
.lxxx li .text{ padding-left: 15px;}
}
 @media (min-width:1230px) {
	.lxxx li{ width: 31%;}
	.lxxx h5{ font-size: 20px;}
}

.zcbox{ line-height: 1.9;font-weight: 500; }
.zcbox h3{ text-align: center; font-weight: bold; border-bottom: 1px solid #e9e9e9; line-height: 2.5;}
.zcbox p{ margin: 8px 0px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.zcbox p span{}
 .zcbox ul li{ background: url(../img/ic_1.png) no-repeat left center; padding-left: 20px; background-size:auto 60%; margin-left: 20px; }
 @media (min-width:576px) {
	.zcbox{  }
 }
 @media (min-width:768px) {
 	.zcbox{  }
	.zcbox p{margin: 15px 0px;}
	.zcbox ul li{margin-left: 40px;padding-left: 30px;}
 }
 @media (min-width:992px) {
 	.zcbox{  }
 }
 
 .ysbox{ line-height: 1.6;font-weight: 500; }
 .ysbox h3{ text-align: center; font-weight: bold; border-bottom: 1px solid #e9e9e9; line-height: 2.5;}
 .ysbox p{ padding: 2px 0px; }
 .ysbox p span{}
  .ysbox ul li{ background: url(../img/ic_1.png) no-repeat left center; padding-left: 20px; background-size:auto 60%; margin-left: 20px; }
  @media (min-width:576px) {
 	.ysbox{  }
  }
  @media (min-width:768px) {
  	.ysbox{  }
 	.ysbox p{padding: 3px 0px;}
 	.ysbox ul li{margin-left: 40px;padding-left: 30px;}
  }
  @media (min-width:992px) {
  	.ysbox{  }
  }


/*门店信息*/
.mdcon{ display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; border-bottom: 1px dashed #dadada; width: 100%; line-height: 1.8;  width: 100%; flex-wrap: wrap; }
.mdcon h5{ line-height: 1.4; font-weight: bold; margin-bottom: 5px; color: #333333;}
.mdimg{ width: 100%; display: flex; flex-direction: column; align-items: center;}
.big_img{ width: 100%; height: 250px; margin-bottom: 5px; box-sizing: border-box; border: 1px solid #333333;}
.thumb_img{ width: 100%; display: flex; flex-direction:row; justify-content: center; align-items: center; height: 80px;}
.big_img img{ width: 100%; height: 100%; object-fit: cover;}
.thumb_img img{ width: 20%; margin-left: 6px; flex-grow: 1;object-fit: cover; height: 100%; opacity: 0.5; border: 1px solid #333333; box-sizing: border-box;}
.thumb_img img:first-child{ margin-left: 0px; }
.thumb_img img.on{ opacity: 1;border: 1px solid #1e98d7;}
.mdxx{ width: 100%;color: #999999; margin-top: 10px;}

 @media (min-width:768px) {
	.mdcon{ flex-wrap: nowrap;}
	.mdimg{ width: 25%; justify-content: space-between;}
	.big_img { height:78%; overflow: hidden;}
	.thumb_img{ height: 20%; overflow: hidden;}
	.mdxx{ width: 72%;margin-top: 0px;}
 }
.mdxx div{ display: flex; flex-direction: row; justify-content:flex-start; align-items:flex-start;}
.mdxx div span{ display: block; min-width: 60px;}
.mdxx div p{ display: block; width: 100px; flex-grow: 1;}
.mdxx div:last-child p{display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:6; overflow:hidden;}

.mdxx .btn5{ text-align: center; margin-left: auto; margin-right: auto; padding: 2px 20px;}

 @media (min-width:1230px) {
	.mdimg{ height: 260px;}
	.mdxx div:nth-child(4){  height: 126px; overflow: hidden;}
 }

/*方案diy页面*/
.diybg1{ background: url(../img/diybg.jpg) center bottom no-repeat #f4f5f5; background-size: 100%;}
.diybg2{ /*background: url(../img/diybg2.jpg.png) no-repeat top left 90px; background-size:auto;*/ position: relative;}
.ttbar4{  background: url(../img/line2.png) no-repeat bottom left;}
.ttbar4 h2{ display: block; padding-bottom: 10px; font-weight: bold;}
.diydesc{line-height: 2.1; color: #666666;}
.diybg2 img{ margin: 0px;}
.diytj{ background: #ddebdf; padding: 15px 20px 20px 20px; display: inline-block;}
.diytj h5{ font-weight: bold;}

.btnbox{ display: block; padding: 5px 10px; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); border-radius: 5px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;}
.btnbox:hover{background: #eff6f0;}

.btnbox:hover{-webkit-animation:btndh 0.3s linear 1;animation:btndh 0.3s linear 1;}

@-webkit-keyframes btndh{
	0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);}
	25%{ -webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg); -o-transform:rotate(-3deg);transform:rotate(-3deg);}
	50%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);}
	75%{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg); -o-transform:rotate(3deg);transform:rotate(3deg);}
	100%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg); -o-transform:rotate(0deg);transform:rotate(0deg);}
}


.diytx{ display: flex; flex-direction: row; justify-content:flex-start; align-items: flex-start; color: #666666;}
.diytx span{ background: url(../img/ic_x5.png) no-repeat bottom right; display: block; background-size:90% auto; font-size: 24px; line-height: 1; padding: 5px 6px 5px 5px;}
.diytx p{ margin-left: 13px; margin-top: 14px;}
.diytx p b{ display: block; color: #299bd7; margin-bottom: 3px;}

.diym{ position: absolute; right: 15px; top: 0px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end;}
.diym li{ margin: 5px 0px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;}
.diym li a{ width: 100%; display: block; padding-left: 35px; padding-right: 10px; line-height:26px; border-radius: 13px; box-sizing: border-box;border: 1px solid none; height: 26px;}
.diym li.cur,.diym li:hover{ margin-right: 8px;}
.diym li.cur a,.diym li:hover a{ font-weight: bold; border: 1px solid #299bd7; background: url(../img/ic_jt7.png) no-repeat center left 10px; background-size: auto;}
 @media (min-width:576px) {
	
 }
 @media (min-width:992px) {
	 .diym li{ margin: 10px 0px;}
 	 .diym li a{padding-left: 50px;padding-right: 15px;line-height:32px; border-radius: 16px;height: 32px;}
	 .diym li.cur a,.diym li:hover a{background: url(../img/ic_jt7.png) no-repeat center left 15px;}
 }

 
.diyli{ display: flex; flex-direction: row; justify-content:flex-start; align-items:stretch; flex-wrap: wrap;}

.diyli a{ width: 100%; background: #ffffff; padding: 15px 20px;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;}
.diyli a:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,0.4); margin-top:20px;}
.diyli a img{ width: 100%; height: 125px; object-fit: cover;}
.diyli a h6, .diyli a h4{ font-weight: bold;}
.diyli a .text{ color: #666666; font-size: 13px; line-height: 2;}
.diyli a h6{ border-top: 2px solid #ededed;}
 @media (min-width:576px) {
 	 .diyli a{padding: 20px 30px;}
 }
 @media (min-width:768px) {
 	  .diyli a{width: 32.5%; padding: 10px 15px; margin-left: 1.25%; flex-grow: 1;}
	  .diyli a:first-child{ margin-left: 0;}
	  .diyli a .text{ height:234px; overflow: hidden;}
	  .diyli.tsheight a .text{ height:80px;}
 }
 @media (min-width:992px) {
 	 .diyli a{width: 32%;padding: 10px 15px;margin-left: 2%;}
	 .diyli a:first-child{ margin-left: 0;}
	 .diyli a .text{height:182px;}
	 .diyli.tsheight a .text{ height:60px;}
 }
 @media (min-width:1230px) {
 	 .diyli a{width: 30%;padding: 20px 30px; margin-left:5%; flex-grow: 1;}
	 .diyli a:first-child{ margin-left: 0;}
	 .diyli a .text{height:156px;}
	 
 }
 
 
 
 
  
  /*微气候系统*/
 .yhbar{ display: inline-block; background: url(../img/w_1.png) no-repeat left bottom; background-size: 100% 100%; padding-left:4%; padding-right: 4%;}
 .yhbar p{ font-weight: bold; color: #299bd7;}
 .wjsbg{ position: relative;}
 .wjsbg::after{ position: absolute; content: ''; bottom: 0px; right: 0px; height: 50%; width: 50%; opacity: 0.4;z-index: -1;/*background: url(../img/w_2.png) no-repeat right center; */background-size:100% 100%; }
 
 .wei_v img{ width: 100%; height: auto;}
 
 .wjsbg .text{ background: url(../img/line4.png) no-repeat left bottom rgba(255,255,255,0.5); line-height: 1.7;}
 .wjsbg .text p{ text-indent: 2em; padding: 6px 10px;}
  @media (min-width:768px) {
 	.wjsbg{ }
	.wjsbg::after{background-size: auto 100%; opacity:1;}
	.wjsbg .text{background: url(../img/line4.png) no-repeat left bottom rgba(255,255,255,0);}
	.wjsbg .text p{ background: none; padding: 0px;}
  }
  @media (min-width:1230px) {
  .wjsbg .col-md-6{ padding-left:2%;}
  .wjsbg .text{ padding-right: 30px;}
  }

.w_qh{ position: relative;}
.w_qh .swiper-button-next,.w_qh .swiper-button-prev{ width:25px;height:25px; z-index:9;cursor:pointer;background-size:25px 25px ; background-repeat: no-repeat; margin-top:0px; border-radius: 2px; background-position: center;}
.w_qh .swiper-button-next{background-image:url(../img/ic_next4.png); left:auto;right:0px;   }
.w_qh .swiper-button-prev{background-image:url(../img/ic_prev4.png);left:0px;right:auto; }
  @media (min-width:1230px) {
.w_qh .swiper-button-next,.w_qh .swiper-button-prev{ width:38px;height:38px; background-size:34px 34px ;}
.w_qh .swiper-button-next,.w_qh .swiper-button-prev{margin-top:0px; top: auto; bottom: 141px;}
.w_qh .swiper-button-next{background-image:url(../img/ic_next4.png); left:auto;right:-38px;}
.w_qh .swiper-button-prev{background-image:url(../img/ic_prev4.png);left:-38px;right:auto; }
  }
  
  .w_qh .col-md-8{ padding-left: 25px; padding-right: 25px;}
  @media (min-width:768px) {
	  .w_qh .col-md-8{ padding-left: 15px; padding-right: 15px;}
  }

  
 .w_lk{ background:url(../img/ic_yh.png) #e5e5e5 no-repeat right bottom; padding-left: 10px; background-size: auto 70%;}
 .w_lk .text{ padding-left:4%; padding-right:4%; box-sizing: border-box;}
 .w_lk .text span{font-weight: bold; color: #299bd7;}
  @media (min-width:576px) {
 	 .w_lk{background-size: auto 50%;}
 	.w_lk .text{ padding-left:5%; padding-right: 36%;}
  }
  @media (min-width:768px) {
 	 .w_lk{background-size: auto 70%;}
 	.w_lk .text{ padding-left:5%; padding-right: 40%;}
  }
  @media (min-width:992px) {
 	.w_lk .text{ padding-left:6%; padding-right: 30%;}
  }
  @media (min-width:1230px) {
  	.w_lk .text{ padding-left:5%; padding-right: 25%;}
  }
  .w_lk .text img{ width: auto; height: auto; display: inline-block; padding: 0px 5px;}
  .kzjs{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; line-height: 1.8; border-bottom: 1px solid #e7e7e7;}
  .kzjs img{ display: inline-block; max-width: 100%; height: auto; width: auto;}
 
 .kztd{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
 .kztd p{ font-weight: lighter;}
 .kztd h5{ font-weight: bold; margin-bottom: 5px;}
 
 .kztd a{ text-decoration: underline; padding-left: 19px; background: url(../img/dot5.png) no-repeat left center; background-size: 12px 8px;}
 
 .li2t{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
 .li2t p:last-child{ padding-left: 60px;}
 
 .wei_tz{ width: 100%; padding-left:20px; padding-right: 20px; box-sizing: border-box;}
 .wei_tz .swiper-container {width: 100%;height: 100%;}
 .wei_tz .swiper-slide { background: #fff; position: relative; padding: 15px; box-sizing: border-box; height:430px;}
 .wei_tz .wei_tz .swiper { width: 100%;height: 100%;}
 .wei_tz .swiper-slide img{ width: 100%; height: 360px; object-fit: cover;transition: 0.5s; border-bottom-right-radius: 46px;}
 .wei_tz .swiper-slide:hover{}
 .wei_tz .swiper-slide:hover img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;border-bottom-right-radius: 0px;}
 
 
 .wei_tz .swiper-slide .text{opacity: 0; transition: 0.5s;width: 100%; height: 100%; transform: scale(0);position: absolute;  top: 0px; left: 0px;backface-visibility: hidden; box-sizing: border-box; box-sizing: border-box; padding: 20px;}
 .wei_tz .swiper-slide:hover .text{    background: rgba(0,0,0,0.7); z-index: 2; color: #ffffff;opacity:1; transform: scale(1);border-radius: 1%;}
 
 .wei_tz .swiper-slide h5{ font-weight: bold; line-height: 2; display: block; margin-top: 8px; background: url(../img/line4.png) no-repeat right center; padding-right: 80px; display: inline-block; background-size: 60px 3px;}
 
 .wei_tz .swiper-slide .text h5{margin-bottom: 10px; background: none; padding-right: 0; display: block;}
 .wei_tz .swiper-slide .text span{ display: block; background: url(../img/ic_dot.png) no-repeat left center; padding-left: 20px; line-height: 1.8;}
 .wei_tz .swiper-slide .text p{ width: 100%; border-top: 1px solid #299bd7; color: #ffffff;}
 
 
 .wpx1{ left:0.5%; top: 37%; text-align: left; z-index: 2; width: 26%;}
 .wpx2{ top: 0%; left: 5%;text-align: left;width: 26%;}
 .wpx3{top: 4%; left: 77.6%;text-align: left;width: 18%;}
 .wpx4{right:0.5%; top: 38%;text-align:right;z-index: 2;width: 26%;}
 @media (min-width: 576px) {
	.wpx1{  top: 37%; text-align: left; z-index: 2; width: 16%;}
	.wpx2{ top: 6%; left:8%;text-align: left;width: 16%;}
	.wpx3{top: 8%; left: 81%;text-align: left;width: 16%;}
	.wpx4{ top: 38%;text-align:right;z-index: 2;width: 16%;}
 }
 @media (min-width: 768px) {
	.wpx1{ left: 0%; top: 37%; text-align: left; width: auto;}
	.wpx2{ top: 0%; left: 0%;text-align: left; width: auto;}
	.wpx3{top: 4%; left: 77.6%;text-align: left; width: auto;}
	.wpx4{right:0%; top: 38%;text-align:right; width: auto;} 
 }

 @media (min-width: 1230px) {
	.wpx1{ left: -20%; top: 37%; text-align: left;}
	.wpx2{ top: 0%; left: 0%;text-align: left;}
	.wpx3{top: 4%; left: 77.6%;text-align: left;}
	.wpx4{right: -13%; top: 38%;text-align: left;} 
 }
 
 .wztext .fts18{ display: flex; flex-direction: row; justify-content: space-between; align-items:flex-start; text-align: left; width: 100%; margin-top: 8px; font-size: 9px; display: none;}
 .wztext .fts18 p{ padding-right: 30px;}
 
 @media (min-width: 768px) {
 	.wztext{ }
 	.wztext .fts18{ font-size: 12px;display:flex;}
 }
 @media (min-width: 992px) {
 	.wztext .fts18{ font-size: 14px;}
 }
 @media (min-width: 1230px) {
 	.wztext .fts18{ font-size: 18px;}
 }
 
 
 
 .textc{ text-align: center; border-bottom: 1px solid #d9d9d9; line-height: 1.3;  margin: 0px auto; background: #ffffff; box-sizing: border-box; padding-left: 15px; padding-right: 15px;  }
 .textc h5{color: #d61419;line-height: 1.3;}
 .textc .fts16{ color: #6a6a6a; margin-top: 8px;  }
  @media (min-width:1230px) {
 	.textc {width: 90%;}
 }
 
 .nrbox{ width: 100%; margin: 0px auto;line-height: 1.8;background: #ffffff;box-sizing: border-box;padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}
 .nrbox img{ width:auto; max-width:100%; height: auto; margin:0px auto 8px auto; display:inline-block}
  @media (min-width:768px) {
 	 .nrbox{ font-size: 16px; }
  }
  @media (min-width:1230px) {
 	 .nrbox{ width: 90%;  }
 	 .nrbox img{ max-width:750px; }
  }
  .nrbox p{ margin-bottom: 8px;}
  .nrbox div{ margin-bottom: 8px;}
  /* .nrbox div span{ margin-top: -5px; display: inline-block;} */
  

  
  .noinfo{ width: 100%; }
  .noinfo p{text-align: center; color: #666666;}
  .noinfo img{ max-width: 100%; height: auto; width: auto; margin: 0px auto; text-align: center;}
  
.pban{ display: flex; flex-direction: row; justify-content: flex-end; align-items: center; width: 100%; box-sizing: border-box; padding-left: 15px; padding-right: 15px; background: url(../img/pbg.jpg) no-repeat center; background-size:cover;min-height: 200px;}
.pban .img{ width:40%; align-self: flex-end; flex-grow: 1; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; }
.pban .img img{ width:auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover; flex-shrink: 0;margin: 0px;}
.pban .text{ width:60%; padding-left: 10px; display:flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box;}
.pban .text h2{color: #1e98d7;}
.pban .text h2 img{ max-width: 300px;}
.pban .text h1{ line-height: 1.2; margin-top: 10px; }
.pban .text p{ font-weight: lighter; margin-top: 10px; line-height: 1.2;}
.pban .text .ft_52{ font-size:22px;}
.pban .text .ft_30{ font-size:14px;}
.btn6{display: inline-block;  letter-spacing: 0px;border:1px solid #1e98d7;cursor: pointer;font-weight: 500;-webkit-transition: all .4s linear;-moz-transition: all .4s linear;transition: all .4s linear;text-decoration: none; padding: 5px 25px; border-radius: 25px; color: #1e98d7;}
.btn6:hover{background:#1e98d7;color: #ffffff;border:1px solid #1e98d7;}

@media (min-width:576px) {
	.pban{min-height: 240px;}
	.pban .img{  }
	.pban .text{ padding-left: 20px;}
	.pban .text .ft_52{ font-size:22px;}
	.pban .text .ft_30{ font-size:18px;}
	.pban .text .ft_52{}
	
}
@media (min-width:768px) {
	.pban{ padding-right: 3%;min-height: 300px; }
	.pban .img{ width:30%;}
	.pban .text{ width:62%;}
	.pban .text .ft_52{ font-size:24px;}
	.pban .text .ft_30{ font-size:20px;}
	.btn6{padding: 8px 25px;}
}
@media (min-width:992px) {
	.pban{ padding-right: 6%;min-height: 400px; }
	.pban .img{ width:28%;}
	.pban .text{ width:57%;}
	.pban .text .ft_52{ font-size:26px;}
	.pban .text .ft_30{ font-size:22px;}
}
@media (min-width:1230px) {
	.pban{ padding-right: 0px;min-height: 520px;justify-content: center;}
	.pban .img{  width:28%;flex-grow: 0;}
	.pban .text{ width:auto; align-self: flex-start; padding-top: 90px;padding-left: 50px; }
	.pban .text .ft_52{ font-size:28px;}
	.pban .text .ft_30{ font-size:24px;}
	.btn6{padding: 10px 25px;}
}


.xinwli{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; background: #ffffff;}
.xinwli .time{ padding: 8px; text-align: center; border: 1px solid #e70012; color: #e70012;}
.xinwli .time span{ display: block; font-size: 30px;}
.xinwli .text{ width: 100px; flex-grow: 1; box-sizing: border-box; padding-left: 13px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; }
.xinwli .text h5{ font-weight: bold; font-size: 15px;}
.xinwli .text p{ font-size: 12px;display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis; -webkit-line-clamp:2; overflow:hidden; margin-top: 10px;}

.xinwli .xwimg,.xinwli .cpimg{ width: 100%; height: 140px; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.xinwli .cpimg{ border-left: 1px solid #f0f2f5; padding: 5px; box-sizing: border-box;}

.xinwli img{ width: 100%; height: 100%; object-fit: cover; }
.xinwli .cpimg img{ max-width: 100%; max-height:100%; width: auto; height: auto; margin: 0px auto;}
@media (min-width: 576px) {
	.xinwli .text{ padding-left: 20px; padding-right: 20px; }
	.xinwli .xwimg,.xinwli .cpimg{ width: 25%;}
}
@media (min-width: 768px) {
	.xinwli .time{padding: 15px;}
	.xinwli .time span{ font-size: 36px;}
	.xinwli .text p{ font-size: 14px; margin-top: 15px;}
	.xinwli .text h5{font-size: 16px;}
}

@media (min-width: 992px) {
	.xinwli .time span{ font-size: 40px;}
	.xinwli .text{ padding-left: 30px; padding-right: 30px;}
	.xinwli .text p{ font-size: 16px;margin-top: 20px;}
	.xinwli .text h5{font-size: 20px;}
}
@media (min-width: 1230px) {
	.xinwli .xwimg,.xinwli .cpimg{ width: 20%;}
	.xinwli .xwimg img{max-height: 140px;}

}




.wjsbg{cursor: pointer;}
.zzbox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99;  box-sizing: border-box;  text-align: center; background: rgba(0,0,0,0.8); display: none; cursor: pointer;}
.v-box{ width: 96%; height: auto; position: absolute; top: 50%; transform:translate(0,-50%);  left: 50%; margin-left: -48%; }
.v-box video{width: 100%; height: auto;}

@media (min-width:768px) {
	.v-box{ width: 90%; margin-left: -45%; }
}
@media (min-width:1230px) {
	.v-box{ width: 50%; margin-left: -25%; }
}




.zlbox{ width: 100%; box-sizing: border-box; display: flex; flex-direction: row; justify-content:flex-start; align-items:stretch; flex-wrap: wrap;}

.zlbox li{ width:100%; padding: 5px; box-sizing: border-box;  }

.zlcon{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;border: 1px solid #dedede; background: #ffffff; width: 100%; box-sizing: border-box; padding:15px 15px; font-size: 12px; color: #666666;}
.zlcon:hover{ color: #ffffff; background: #36b3e7;}
.zlcon img{ width: 50px; margin-right: 22px;}
.zlcon .zltit{ width: 50px; flex-grow: 1;}
.zlcon h6{ font-size: 14px; display: block; margin-bottom:8px; line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;/*行数*/-webkit-box-orient: vertical;}
.zlcon span{ background: url(../img/19.png) no-repeat left center;padding-left:22px; display: block; line-height: 2;}
.zlcon p{ background: url(../img/35.png) no-repeat left center; padding-left:22px; line-height: 2;}

@media (min-width:576px) {
	.zlbox li{ width:50%;padding: 5px;}
	.zlcon img{width: 87px; margin-right: 15px;}
}
@media (min-width:768px) {
	.zlbox li{ width:50%;padding: 0px 8px 16px 8px;}
	.zlcon img{  margin-right: 18px;}
}
@media (min-width:992px) {
	.zlbox li{  padding: 0px 12px 24px 12px;}
	.zlcon img{ }
	.zlcon{padding:15px;}
}

@media (min-width:1230px) {
	.zlbox li{ width:33.3333%; padding: 0px 15px 30px 15px;}
	.zlcon{padding:15px 15px;}
}

 .nydbox{ width: 100%; margin: 0px auto;line-height: 1.8;background: #ffffff;box-sizing: border-box;padding-left: 15px; padding-right: 15px; padding-bottom: 15px;}
  @media (min-width:768px) {
 	 .nydbox{ font-size: 16px; }
  }
  @media (min-width:1230px) {
 	 .nydbox{ width: 90%;  }
  }
  
  
  .zlxx{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 35px 0px;}
  .zlxx img{ width: auto; height: auto; margin-right:20px;}
  .zltt{ font-size: 14px;}
  .xzbar{ font-size: 18px; height: 35px; line-height: 35px;  background: #36b3e7; color: #ffffff; padding-left: 20px; box-sizing: border-box; width: 100%;}
  .xzadd{ padding-left:20px;}
  .xzadd a{ font-size: 12px; line-height: 48px; display:  block;background: url(../img/35.png) no-repeat left center; padding-left:22px; }
  
    @media (min-width:576px) {
		.zlxx img{ margin-right: 60px;}
		.xzbar{ font-size: 22px; height: 50px; line-height: 50px; }
		.xzadd{ padding-left: 35px;}
	}
	
	@media (min-width:992px) {
		.zlxx img{ margin-right: 200px;}
	}
	
.time {display: inline-block;box-sizing: border-box;padding-top: 10px;}
/**** 企业动态 ****/
/* .nynew{ width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;box-sizing: border-box;background: #fff; } */
.nynew{ width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;box-sizing: border-box;background: #fff; }
.nynew:hover{ color: #000000; }
.nynew:last-child{ border-bottom: none;}
/* .xwimg { width: 100%; height: auto; position: relative;overflow: hidden;} */
.xwimg { width: 100%; height: auto; position: relative;overflow: hidden;max-height: 260px;}
.xwimg img{ width: 100%; height: 100%; object-fit: cover;transition: all 0.5s ease;}
.xwimg:hover img{ transform: scale(1.2);}
.xwnr { width: 100%; display: flex; flex-direction:column; justify-content: center; align-items: flex-start;box-sizing: border-box;padding: 10px 15px;}
.xwnr p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;}
.xwnr span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xwnr .alink {width: 130px;height: 40px;box-sizing: border-box;line-height: 40px;text-align: center;border: 1px solid #eee;display: inline-block;}
.nynew:hover .xwnr p{ color: #1e98d7;}
.nynew:hover .xwnr .alink{ color: #fff; background-color: #1e98d7;}
.mg-b30 {margin-bottom: 30px;}
@media (min-width: 780px) {
	.nynew { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;max-height: 260px;  }
	.xwimg{width: 33.3%;}
	.xwnr { width: 66.7%;padding: 28px 30px;}
}