/* CSS Document */

/*头部位置样式--区分首页与内页*/
.home .header{position: absolute;top: 0;right: 0;left: 0;z-index:2;}
.header{ background:rgba(255,255,255,0.9); position:relative;}
.header .container{padding:0px 15px;display: flex; display: -webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;}

/*导航栏*/
.menu li a{color:#4a4a4a; }
.menu li a:hover,.menu li a.cur{ color:#1779bc}
.m_con{display: flex; display: -webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center; color:#4a4a4a; padding-bottom:15px;}
.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: 15px 0px;width: 23%; box-sizing: border-box; text-align: center;}
.m_con .m_sub div:hover,.m_con .m_sub div.cur{ background: #1779bc;}
.m_con .m_sub a{color:#9a9a9a; border-right: 1px solid #d2d2d2; display: block; width: 100%; background-size:auto 45px; background-position: top center; background-repeat: no-repeat; padding-top: 45px; box-sizing: content-box;}
.m_con .m_sub a.sm1{ background-image: url(../img/hm1.png);}
.m_con .m_sub a.sm2{background-image: url(../img/hm2.png);}
.m_con .m_sub a.sm3{background-image: url(../img/hm3.png);}
.m_con .m_sub a.sm4{background-image: url(../img/hm4.png);}
.m_con .m_sub a.sm5{background-image: url(../img/hm5.png);}

.m_con .m_sub a.sj1{background-image: url(../img/jj1.jpg);}
.m_con .m_sub a.sj2{background-image: url(../img/jj2.jpg);}
.m_con .m_sub a.sj3{background-image: url(../img/jj3.jpg);}
.m_con .m_sub a.sj4{background-image: url(../img/jj4.jpg);}
.m_con .m_sub a.sj5{background-image: url(../img/jj5.jpg);}

.m_con .m_sub .cur a.sm1,.m_con .m_sub div:hover a.sm1{background-image: url(../img/hmh1.png);}
.m_con .m_sub .cur a.sm2,.m_con .m_sub div:hover a.sm2{background-image: url(../img/hmh2.png);}
.m_con .m_sub .cur a.sm3,.m_con .m_sub div:hover a.sm3{background-image: url(../img/hmh3.png);}
.m_con .m_sub .cur a.sm4,.m_con .m_sub div:hover a.sm4{background-image: url(../img/hmh4.png);}
.m_con .m_sub .cur a.sm5,.m_con .m_sub div:hover a.sm5{background-image: url(../img/hmh5.png);}
.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: 45px; 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{  width: 33%; }
}
@media (max-width: 767.98px) {
  .header{ position: fixed;top: 0px; left: 0px;background:rgba(255,255,255,1);z-index: 99;}
  .header .container{ height:50px;}
  .logo img{ width:110px; height:auto}
  
  .m_ic{display:block; width:100px; height:50px; cursor:pointer; padding-top:15px;}
  .ic_c{background: url(../img/ic_c_1.png) no-repeat right 0px top 12px ; background-size:26px 26px;}
  .ic_m{background: url(../img/ic_m_1.png) no-repeat right 0px top 12px ; background-size:26px 26px;}
  
  .menu{position:absolute; top:50px; left:0px; display:none; width:100%; background:rgba(245,245,245,1); padding:0px 15px; }
  .menu li{ width:100%; text-align: left; border-bottom:1px solid #ececec; }
  .menu li a{line-height:2.5rem; height:2.5rem; display:inline-block;  font-size:1rem;padding-left:10px; }
  .menu li a.cur{font-weight:bolder;}
  
  .m_con{ padding-top:5px}
  .m_con p{ width:80px; padding-left:10px;}
  .m_con .m_sub{padding-left:15px;}
  .m_con .m_sub div{  padding: 8px 0px;}
  .m_con .m_sub a{line-height:1.8rem; height:1.8rem; font-size:0.875rem;  padding-left:0px;background-size:auto 30px; padding-top: 30px;}
  .m_con .m_sub div:hover a,.m_con .m_sub div.cur a{ padding-top: 30px; }
} 
  
@media (min-width: 768px) {
  .logo img{ width:128px;height:auto}
  .m_ic{ display:none;}

  .menu{ display:flex;flex-direction:wrap;flex-wrap:wrap;justify-content:space-between; }
  .menu li{}
  .menu li a{line-height:95px; height:90px; display:inline-block; font-size:0.875rem;padding:0px 13px}
  .menu li a:hover,.menu li a.cur{ border-left:1px solid #eeeeee;border-right:1px solid #eeeeee; padding:0px 12px;border-top:5px solid #1779bc;line-height:85px;}

  .down_box{ position:absolute; top:90px; left:0px; width:100%; background:#f5f5f5; /*background:url(../img/bg1.png) repeat-x;*/}
  .m_box{ width:750px; padding:0px 15px; margin:0px auto; /*margin-top:90px;*/}
  
  .m_con{padding-bottom:0px;}
  .m_con p{ width:90px; font-size:1rem;}
  .m_con .m_sub{ }
  .m_con .m_sub div{ width: 20%;}
  .m_con .m_sub a{ line-height:35px; height:35px; font-size:0.875rem;  padding-left:0px; padding-right:0px;}
  .m_con .m_sub a.cur,.m_con .m_sub a:hover{  line-height:35px;padding-left:0px; padding-right:0px;}
  
}

@media (min-width: 992px) {
	.logo img{ width:128px;}
  .menu li a{padding:0px 25px; font-size:1rem;}
  .menu li a:hover,.menu li a.cur{  padding:0px 24px}
  
  .m_box{ width:960px;}
  .m_con p{ width:100px; font-size:1.125rem; }
  .m_con .m_sub{ }
  .m_con .m_sub a{ line-height:40px; height:40px; font-size:1rem; }
  .m_con .m_sub a.cur,.m_con .m_sub a:hover{  line-height:40px; }
}
@media (min-width: 1200px) {
	.logo img{ width:138px;}
  .menu li a{ color:#4a4a4a; padding:0px 30px;font-size:1.125rem;}
  .menu li a:hover,.menu li a.cur{  padding:0px 29px}
  
  .m_box{ width:1230px;}
  

}
 
/*首页轮播图*/
.h_focus{ height: 500px;}
.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;
    }
.h_focus .swiper-slide .slidebox{ width:100%;flex;flex-direction: row; align-items:center; padding-bottom: 100px; }
.h_focus .swiper-slide .pagebox{ padding-left:15px; box-sizing:border-box;font-size: 2rem; line-height: 1.6; }
.h_focus .swiper-slide .pagebox .img{ margin-bottom: 30px;}
.h_focus .swiper-slide .pagebox .title{ padding-left: 0px; background:url(../img/logo_1.png) no-repeat right 40px top 0px; padding-right: 40px; display: inline-block; padding-top: 55px;}
.h_focus .swiper-slide .pagebox .title sub{ color: #1779bc;}

.h_focus .swiper-container-vertical>.swiper-pagination-bullets{right:15px;top:50%;}
.h_focus .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:12px 0;display:block}

.h_focus .swiper-button-next{background-image: url(../img/ic_next.png); bottom: 57px;}
.h_focus .swiper-button-prev{background-image: url(../img/ic_prev.png); bottom:0px; }
.h_focus .swiper-button-next,.h_focus .swiper-button-prev{left:15px;right: auto; top: auto;margin-top: auto;width:63px;height:57px; z-index:10;cursor:pointer;background-size:63px 57px;background-position:center;background-repeat:no-repeat;}

@media (min-width: 768px) {
.h_focus{ height: 600px;}
.h_focus .swiper-slide .slidebox{ width:750px;}
.h_focus .swiper-container-vertical>.swiper-pagination-bullets{right:50%; margin-right:-360px;}
.h_focus .swiper-button-next,.h_focus .swiper-button-prev{left:50%; margin-left: -360px;}
.h_focus .swiper-slide .pagebox .title{ padding-left: 50px;letter-spacing:5px}
}

@media (min-width: 992px) {
  .h_focus{ height: 700px;}
  .h_focus .swiper-slide .slidebox{ width:960px;}
  .h_focus .swiper-container-vertical>.swiper-pagination-bullets{margin-right:-465px;}
  .h_focus .swiper-button-next,.h_focus .swiper-button-prev{margin-left: -465px;}
  .h_focus .swiper-slide .pagebox .title{ padding-left: 70px;}
}

@media (min-width: 1200px) {
  .h_focus{ height: 800px;}
  .h_focus .swiper-slide .slidebox{ width:1200px;}
  .h_focus .swiper-container-vertical>.swiper-pagination-bullets{margin-right:-585px;}
  .h_focus .swiper-button-next,.h_focus .swiper-button-prev{margin-left: -585px;}
  .h_focus .swiper-slide .pagebox .title{ padding-left: 90px;}
}


.botm_75{ margin-bottom: 30px;}
.botm_90{margin-bottom: 45px;}
.bk_tb55{padding: 20px 0px;}
.imgw100{ width: 100%; height: auto;}

.titbar{  margin: 0px auto; text-align: center;}
.titbar h4{ line-height: 60px; font-size: 1.875rem; background: url(../img/line.png) no-repeat bottom; color: #000000; font-weight: bold;}
.titbar p{ line-height: 45px; font-size: 1rem; color: #1779bc;}

@media (min-width: 992px) {
.botm_75{ margin-bottom: 75px;}
.botm_90{margin-bottom: 90px;}
.bk_tb55{ padding: 55px 0px;}
}

/*首页创领舒适人居环境*/
.sec01 .col-md-6{ padding-bottom: 15px;}
.huanj{ display: flex; align-items: stretch; flex-direction: row; justify-content: space-between;}
.huanj .hjcon{ width: 77%;padding: 20px 0px;}
.huanj .hjbj{width: 23%; background: #5a9ecb; padding: 20px 0px;}
.huanj .hjbj div{ width: 27%; border: 2px solid #ffffff; border-left: none; height: 100%;}
.huanj .hjcon .hjbox{border: 2px solid #8bbbda; border-right: none; height: 100%; padding: 10px 15px 20px 20px;}

.huanj .hjbox .hjtt{ position: relative; padding-top: 15px; font-size: 1.5rem; font-weight: bold; color: #e7eef6; padding-bottom: 11px;}
.huanj .hjbox .hjtt span{ position: absolute; display: block; bottom: 0px; font-weight: normal; color: #1779bc;}
.huanj .hjbox p{ padding-top: 10px;}
@media (min-width: 1200px) {
.huanj .hjcon{padding: 35px 0px;}
.huanj .hjbj{padding: 35px 0px;}
.huanj .hjcon .hjbox{padding: 20px 35px;}
.huanj .hjbox .hjtt{padding-top: 30px;}
}

/*首页system*/
.sec02 .col-md-6{ height: 569px;display: flex; align-items: center; flex-direction: row;}
.sysbox{ background:url(../img/ct02.jpg) no-repeat right;background-size: cover; justify-content: flex-end}
.syscon{ background:url(../img/ct03.jpg) no-repeat left;background-size: cover;}
.sysbox p{ background: rgba(255,255,255,0.6); font-size: 1rem; padding: 32px 30px; border: 2px solid #ffffff; line-height: 2;}
.syscon div{border: 2px solid #ffffff; font-size: 1.625rem; color: #ffffff; line-height: 1.4; padding: 30px;}
.syscon div p{ font-size: 2rem; font-weight: bold; padding: 10px 0px;}
.syscon div span{ display: inline-block; height: 40px; border-radius: 20px; line-height: 30px; font-size: 1.375rem; padding: 5px 20px; background: #ffffff; color: #1779bc; margin-right: 15px; margin-top: 10px;}
@media (min-width: 768px) {
.sec02 .col-md-6{padding-left: 0px; padding-right: 0px;}
.syscon div{ width:360px;  border-left: none;}	
.sysbox p{border-right: none;}
}
@media (min-width: 992px) {
.syscon div{ width:465px; }	
}
@media (min-width: 1200px) {
.syscon div{ width:585px; }	
}

/*首页6大优势*/
.sec03{ background: #f7f7f7;}
.pad_t_b_90{ padding-top: 45px; padding-bottom: 45px;}
.pad_b_90{padding-bottom: 45px;}
.pad_b_75{padding-bottom: 30px;}
@media (min-width: 992px) {
.pad_t_b_90{ padding-top: 90px; padding-bottom: 90px;}
.pad_b_90{padding-bottom: 90px;}
.pad_b_75{padding-bottom: 75px;}
}
.sec03 .container{  padding:0px 15px;}

.sec03 ul{display: flex; align-items: stretch; flex-direction: row; flex-wrap: wrap; justify-content: space-between; width:100%; overflow:hidden}
.sec03 ul li{ width: 46%; padding: 95px 0px 0px 0px; background-position: center top; background-repeat: no-repeat; margin: 20px 0px; text-align: justify;}
.sec03 ul li p{ font-size: 1.375rem; text-align: center; margin-bottom: 10px; font-weight: bold;}
.sec03 ul li.ico_1{ background-image: url(../img/ico_1.png);}
.sec03 ul li.ico_2{ background-image: url(../img/ico_2.png);}
.sec03 ul li.ico_3{ background-image: url(../img/ico_3.png);}
.sec03 ul li.ico_4{ background-image: url(../img/ico_4.png);}
.sec03 ul li.ico_5{ background-image: url(../img/ico_5.png);}
.sec03 ul li.ico_6{ background-image: url(../img/ico_6.png);}
@media (min-width: 576px) {
.sec03 ul li{ padding:0px 0px 0px 95px ;background-position: left top;}
.sec03 ul li p{ font-size: 1.5rem; text-align: left;}
}
@media (min-width: 768px) {
.sec03 ul li{ width: 30%;}
}
@media (min-width: 992px) {
}
@media (min-width: 1300px) {
.sec03 .container{ padding: 40px 65px; max-width: 1300px;background: #f3f3f3;}
.sec03 ul li{ margin: 25px 0px;}
}


/*首页产品分类*/
.cp_con{ padding: 0px 13px;display: flex; align-items: stretch; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.cp_con li{ width: 48%; margin:2px; flex-grow:1;background-position: center; background-repeat: no-repeat; background-size: cover; height: 240px; position: relative;}
.cp_con li.cp_n1{background-image: url(../img/cp_n1.jpg);}
.cp_con li.cp_n2{background-image: url(../img/cp_n2.jpg);}
.cp_con li.cp_n3{background-image: url(../img/cp_n3.jpg);}
.cp_con li.cp_n4{background-image: url(../img/cp_n4.jpg);}


.cp_con li:not(:hover) > .cp_box{visibility: hidden; height: 0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:2; }
.cp_con li:not(:hover) > .cp_box > * {visibility: hidden; height: 0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:3; }
.cp_con li:hover > .cp_fl{visibility: hidden;}
.cp_con .cp_box{ background: rgba(60,142,197,0.9); width: 100%; height: 100%; padding:8px; color: #ffffff;font-size: 1rem;}
.cp_con .cp_box div{ border: 1px solid #FFFFFF; padding: 0px 12px;height: 100%;display: flex; flex-direction: column;  justify-content: space-between; }

@media (min-width: 576px) {
.cp_con li{ height: 360px;}
}
@media (min-width: 768px) {
.cp_con li{width: 24%; height: 260px;}
}
@media (min-width: 992px) {
.cp_con li{ height: 340px;}
.cp_con .cp_box{ padding:14px;}
.cp_con .cp_box div{padding: 20px;}
}
@media (min-width: 1200px) {
.cp_con li{ height: 428px;}
}

.cp_con .cp_fl{ position: absolute; bottom: 15px; left: 50%; width: 130px; margin-left: -65px; padding: 2px; border: 2px solid #ffffff;}
.cp_con .cp_fl p{ background: #ffffff; height: 30px; line-height: 30px; padding: 0px 20px; text-align: center; }

.cp_con .cp_box div p span{ font-size: 2.25rem; color: #80cbff; display: block; margin-bottom: 3px;}
.cp_con .cp_box div p b{display: block; font-size: 1.125rem;}
.cp_con .cp_box div p i{display: block; margin-bottom: 5px;}
.cp_con .cp_box div a{ color: #ffffff;}


/*首页经典案例*/
.sec05 .col-md-6{ height: 548px;display: flex; align-items: center; flex-direction: row;}
.casebox{ background:url(../img/ct05.jpg) no-repeat center;background-size: cover; justify-content: flex-end}
.casecon{ background:url(../img/ct04.jpg) no-repeat center;background-size: cover;}
.casebox .casenr{ font-size: 1rem; color: #ffffff;  padding: 30px 0px;}
@media (min-width: 768px) {
.sec05 .col-md-6{padding-left: 0px; padding-right: 0px;}
.casebox{ background:url(../img/ct05.jpg) no-repeat right;}
.casecon{ background:url(../img/ct04.jpg) no-repeat left;}
.casebox .casenr{ width:360px;  }	
}
@media (min-width: 992px) {
.casebox .casenr{ width:465px; }	
}
@media (min-width: 1200px) {
.casebox .casenr{ width:585px; }	
}
.casebox .casenr p{ line-height: 70px; font-size: 30px; font-weight: bold; background: url(../img/line2.png) no-repeat bottom left; margin-bottom: 8px;}
.casebox .casenr ul{ margin-top: 30px;display: flex; align-items: center; flex-direction: row;flex-wrap: wrap;justify-content:space-between}
.casebox .casenr ul li{ width: 45%;}
.casebox .casenr ul li a{display: flex; align-items: center; flex-direction: row; color: #ffffff; height: 110px; padding:0px 10px; width:190px}
.casebox .casenr ul li a:hover{ background:#1779bc}
.casebox .casenr ul li a b{ padding-left: 15px;}

/*首页企业介绍*/
.sec06{ background: #ffffff;}
.sec06 .col-md-7{ display: flex; align-items: center; flex-direction: row;justify-content:space-between;flex-wrap:wrap;padding-bottom: 15px;}
.sec06 .col-md-5{ display: flex; align-items: center; flex-direction: column;justify-content:space-between; padding-bottom: 15px;}
@media (min-width: 768px) {
.sec06 .col-md-5{padding-left: 0px;}
.sec06 .col-md-7{padding-right: 3%;}
}
@media (min-width: 1200px) {

.sec06 .col-md-7{padding-right: 6%;}
}
.sec06 .col-md-7 img{width:78%; box-shadow:0px 5px 10px rgba(0,0,0,0.2);}
.sec06 .col-md-7 p{ border-bottom: 5px solid #c7c7c5; width: 60px; height: 100%; color: #000000; background: url(../img/line3.png) no-repeat top; line-height: 1.8; font-size: 1.25rem;  display: flex; align-items: center;justify-content: center; }
.sec06 .col-md-5 p{ text-align: justify; color: #000000; width: 100%; line-height: 2;}
.sec06 .col-md-5 p b{ font-size: 1.5rem;}
.sec06 .col-md-5 ul{display: flex; align-items: center; flex-direction: row;justify-content:space-between; width: 100%; margin: 15px 0px;}
.sec06 .col-md-5 ul li{ width: 23%; height: 104px; border: 1px solid #dbdbdb; border-radius: 5px;  display: flex; align-items: center;flex-direction: column;justify-content:  center}
.sec06 .col-md-5 ul li img{ width: auto; height:38px; margin-bottom: 8px;}
.sec06 .col-md-5 .btn_ckm{ background: url(../img/ic_ckm.jpg) no-repeat; width: 112px; height: 28px; line-height: 28px; padding-left: 13px; color: #ffffff; align-self: flex-end}


/*首页新闻资讯*/
.sec07{padding: 0px 15px;}
.change-main{ position: relative; }
.change-main .contents{ z-index: 1;}
.change-cut .tab{ padding-right: 100px;display: flex; align-items: center; flex-direction: row;justify-content: flex-end; ;}
.change-cut .tab li{ width: 96px; height: 30px; border-radius: 48px; background: #f6f5f8; border: 1px solid #d7d4de; line-height: 30px; text-align: center; color: #000000; margin: 0px 15px;}
.change-cut .tab li.on{ border: none; background: #1779bc; color: #ffffff;}
.change-main .linka_m{ position: absolute;z-index: 2; right: 0px; top: 0px; display: block; color: #000000; line-height: 30px;}

.fstnew{ display: flex; flex-direction: row; align-items:stretch; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.fstnew div{ width: 100%; position: relative; color: #000000; }
.fstnew .border_1{ border: 1px solid #9a9a9a; border-top: none ;padding: 20px 30px;}
.fstnew div img{ width: 100%; height: auto; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
.fstnew div i{ position: absolute; top: 0px; left: 0px; width: 18%;height:100%; background: url(../img/lab01.png) no-repeat left top; background-size: 100% auto; display: block;}
.fstnew div h4{ font-size:1.125rem; font-weight: bold; line-height: 26px; max-height: 52px; overflow: hidden; }
.fstnew div span{ display: block; margin: 20px 0px; font-weight: lighter;}
.fstnew div p{ line-height:25px; max-height: 100px; overflow: hidden;}
.fstnew .btn_xq{ width: 120px; height: 32px; line-height: 32px; background: #1779bc; border-radius: 16px; text-align: center; display: block; color: #ffffff; float: right; margin-top: 20px;}
@media (min-width: 768px) {
.fstnew div{width: 50%;}
.fstnew .border_1{border-left: none; border-top:1px solid #9a9a9a; padding: 10px 20px; }
.fstnew div span{margin: 10px 0px;}
.fstnew div h4{max-height: 26px;}
.fstnew div p{max-height: 75px;}
}
@media (min-width: 992px) {
.fstnew .border_1{padding: 20px 30px; }
.fstnew div span{margin: 20px 0px;}
}
@media (min-width: 1200px) {
.fstnew div h4{max-height: 52px;}
.fstnew div p{max-height: 125px;}
.fstnew div span{margin: 30px 0px;}
.fstnew .btn_xq{margin-top: 40px;}
.fstnew .border_1{ padding-top:40px}
}

.h_new{margin-top: 40px;display: flex; flex-direction: row; align-items: center; width: 100%;}
.h_new .img{ width:100px;}
.h_new .date{ width: 70px;margin-left:1.5%;  font-size: 1rem;color:#9a9a9a;  text-align: right; line-height: 16px;}
.h_new .text{ flex-grow: 1; width: 50px; padding: 0px 2%;border-right: 1px solid #9a9a9a;} 
.h_new .img img{ width:100%; height:auto;}
.h_new .text h4{ color: #000000; font-size: 1.125rem; font-weight: bold; line-height: 27px; max-height: 27px; overflow: hidden; margin-bottom: 3px;}
.h_new .text p{ color:#9a9a9a; line-height: 22px; max-height: 44px; overflow: hidden;}
.h_new .date span{ display: block; font-size: 60px; line-height: 55px; margin-bottom: 3px;}
.h_new:hover h4{ color: #1779bc;}

/*首页留言*/
.sec08{ background: url(../img/bg3.jpg) no-repeat bottom center #f8f8f8;}
.sec08 .col-md-7{padding-bottom: 15px;}
.sec08 .col-md-5{  padding-bottom: 15px;display: flex;  flex-direction: column;justify-content:space-between; font-size: 1rem; color: #000000;}
.sec08 .col-md-5 p{ line-height: 1.6; padding-bottom: 10px;}
.sec08 input{ border: none; outline: none;}
.sec08 .inpt{ height: 36px; border: 1px solid #c7c7c6; width: 100%; margin: 9px 0px; border-radius: 18px; padding: 0px 25px; font-size: 0.875rem; color: #9a9a9a;}
.sec08 textarea{border: 1px solid #c7c7c6; width: 100%;border-radius: 10px; padding: 10px 25px; outline: none;margin: 9px 0px;}
.umemo{}
.sec08 .btn_tj{height: 36px; width: 100%;border-radius: 10px; background: #1779bc; color: #ffffff; font-weight: bold; }

input::-webkit-input-placeholder{color:#9a9a9a;}
input::-moz-placeholder{color:#9a9a9a;}
input:-ms-input-placeholder{color:#9a9a9a;}

textarea::-webkit-input-placeholder{color:#9a9a9a;}
textarea::-moz-placeholder{color:#9a9a9a;}
textarea:-ms-input-placeholder{color:#9a9a9a;}

/*公共底部*/
.footer{ background:#09476d; padding:50px 0px 35px 0px; color:#FFF; }
.footer .container{ }
.footer .row{display:flex;flex-direction: row;justify-content:space-between;align-items:center;}
.footer .col-md-9,.footer .col-md-3{ padding-bottom: 15px;}
.footer .gzewm div{ display: flex; align-items: center;  flex-direction: column;}
.footer .gzewm img{ margin-bottom: 3px;}
.footer .f_way b{ font-size: 1.5rem; display: block; margin-bottom: 10px;}

/***************************************-----------------------内页--------------------------------************************************************/
.banner{ height: 450px; background-size: cover; background-position: center; background-repeat:no-repeat;}
.posit{ display: flex; flex-direction: column;  justify-content: flex-end;  height:100%; padding-left: 15px; padding-right: 15px; color: #ffffff; font-size: 1rem;}
.posit a{color: #ffffff; height: 76px; line-height: 76px;}
.posit h1{ font-size:1.625rem; font-weight: bold; background:  url(../img/line5.png)  no-repeat bottom left; letter-spacing: 4px;}
.posit h1.soluh1{ background:  url(../img/line10.png)  no-repeat bottom left;}
.posit p{ padding-top: 26px; background: url(../img/line4.png) no-repeat left top; margin-top: 25px;}
@media (min-width: 768px) {
	.posit h1{ font-size:1.875rem;}
	.posit p{ padding-right: 42%;margin-top: 40px;}
}
@media (min-width: 1200px) {
	.posit h1{ font-size: 2.25rem;}
	.posit p{ padding-right: 59%;margin-top: 60px;}
}

.pad_t_b_50{ padding-top: 25px; padding-bottom: 25px;}
@media (min-width: 992px) {
.pad_t_b_50{ padding-top: 50px; padding-bottom: 50px;}
}

/***********************--------------------------关于我们---------------------------------------*************************/
.brand{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.brand_nr{ width: 100px; flex-grow: 1; padding-right: 20px; border-right: 1px solid #dcdcdc;}
.brand_logo{ width: 30%; max-width: 230px; padding-left: 20px;}
.brand_logo img{ width: 100%;}
@media (min-width: 992px) {
.brand_nr{padding-right: 40px;}
.brand_logo{max-width: 250px; padding-left: 40px;}
}
.brand h2{ font-size: 1.75rem; font-weight: bold;}
.brand span{ display: block; font-size: 1.5rem; line-height: 50px; font-weight: lighter;}
.brand p{ line-height: 26px; padding-top: 10px; text-align: justify;}

.com_pp{display: flex; flex-direction: row; justify-content: space-between;align-items: stretch;  flex-wrap: wrap ; padding-top: 20px; width: 100%; }
.com_pp li{ font-size: 1.125rem; color: #1779bc; font-weight: bold; margin-top: 30px;width: 50%;}
.com_pp li img{ display: inline-block; padding-right: 15px; width: auto; height: 40px;}
.com_pp li p{ font-weight: normal; font-size: 0.875rem; color: #807f7f; text-align: justify; padding-top: 10px;}
.com_pp li:nth-child(odd){ padding-right: 5%; border-right: 1px solid #434343;} 
.com_pp li:nth-child(even){ padding-left: 5%;}

@media (min-width: 768px) {
.com_pp li{ width: 26%;}
.com_pp li:nth-child(odd){ padding-right: 2%; padding-left: 2%;border-left: 1px solid #434343;} 
.com_pp li:nth-child(even){ padding-left: 2%;padding-right: 2%;}
.com_pp li:first-child{width: 24%; padding-left: 0%; border-left: none;}
.com_pp li:last-child{width: 24%; padding-right: 0%;}
}
@media (min-width: 992px) {
.com_pp li{ width: 25%;font-size: 1.25rem;}
.com_pp li img{ height: 56px;}
}
@media (min-width: 1200px) {
.com_pp li img{ height: 56px;}
.com_pp li{ width: 27%;}
.com_pp li:nth-child(odd){ padding-right: 4%; padding-left: 4%;border-left: 1px solid #434343;} 
.com_pp li:nth-child(even){ padding-left: 4%;padding-right: 4%;}
.com_pp li:first-child{width: 23%; padding-left: 0%; border-left: none;}
.com_pp li:last-child{width: 23%; padding-right: 0%;}
}

.com_logo{ background-size: cover; background-position: center; background-repeat:no-repeat;background-image: url(../img/ban1_1.jpg);}
.com_logo .container{ display: flex; flex-direction: column;  justify-content: flex-end;  height:420px; padding-left: 15px; padding-right: 15px;  }
.com_logo .container img{ margin-bottom: 50px; }

.com_zz{ border-bottom: 1px solid #e5e5e5;}
.com_zz .row{ align-items: center;}
.com_zz .col-lg-7{ text-align: left; line-height: 28px; text-align: justify;}
.com_zz .col-lg-2{ font-size:1.75rem; font-weight: bold; align-self: flex-start;}
.com_zz .col-lg-2 span{ font-size: 1.5rem; font-weight:lighter; display: block; margin-bottom: 15px;}
.com_zz .col-lg-3{ flex-grow: 1;display: flex; justify-content: flex-end; font-size: 1rem;}
.com_zz .col-lg-3 p{ margin-top: 15px;font-weight: bold;border-radius:9px;background: #0080cb; color: #ffffff; display:inline-block; font-size: 1rem; padding: 0px 20px; text-align: center; height: 56px; line-height: 56px;}
@media (min-width: 768px){
.com_zz .col-lg-3 p{ width: 100%; padding: 0px;}
}
@media (min-width: 992px){
.com_zz .col-lg-3 p{ width: 90%; padding: 0px;}
}
@media (min-width: 1200px){
.com_zz .col-lg-3 p{ width: 80%; padding: 0px;}
}

.com_tz{}
.com_tz .col-md-4{ align-self: center;}
.com_tz .col-md-4 img{ width: 100%; height: auto;}
.com_tz ul{ font-size: 1rem;}
.com_tz ul li{ display: flex; flex-direction: row; align-items: center; padding: 15px 0px;}
.com_tz ul li p{ font-size: 1.125rem; font-weight: bold; padding-top: 6px;}
.com_tz ul li img{ margin-right: 15px;}

/***********************--------------------------产品展示---------------------------------------*************************/

.probox .row{align-items: stretch; }
.pro_name{ display: flex; flex-direction: column;  justify-content: space-between; }
.pro_name .pro_la{  height: 45px; line-height: 45px; background: url(../img/icon_10.jpg) #2792db no-repeat  left; font-size: 0.875rem; color: #ffffff; padding: 0px 0px 0px 70px;}
.pro_name .pro_lb{ color: #1779bc; font-size: 1.125rem; padding-bottom: 15px;}
.pro_name .pro_lb p{ color: #000000; font-size: 1.5rem; font-weight: bold; padding-top: 15px; padding-bottom: 20px; margin-bottom: 20px; background: url(../img/line6.png) no-repeat bottom left;}
.pro_name .pro_lb p span{ display: block; font-size: 1.125rem; font-weight: normal; }

.pro_pfile{ align-self: center;  padding-top: 4px; padding-bottom: 4px;}
.pro_pfile p{ text-align: justify; line-height: 30px;}
.pro_pic{ align-self: center; padding-top: 4px; padding-bottom: 4px;}
.pro_pic img{ width: 100%; height: auto;}

@media (min-width: 992px){
.pro_name{ flex-direction: row; align-items: stretch; height: 100%;}
.pro_name .pro_la{ height: 100%; line-height: 1.5; align-self: center; width: 45px; background: url(../img/icon_10.jpg) #2792db no-repeat  top; padding: 70px 18px 30px 18px;}
.pro_name .pro_lb{ width: 50px; flex-grow: 1;align-self: center; padding-left: 7%;}
}
@media (min-width: 1200px){
.pro_name .pro_lb{padding-left: 15%;}
.pro_pfile p{ padding-right:60px;}
}

.bg_box .row{ padding-left: 15px; padding-right: 15px;}
.procon{ border-top: 1px solid #e5e5e5; width: 100%;  }
.procon h1{ font-size:1.375rem; font-weight: bold; line-height: 34px; background: url(../img/icon_11.png) no-repeat right center; margin-bottom: 15px;}

.pro_ys{ margin: 15px 0px; border: 1px solid #2792db; display: flex; flex-direction: row; align-items:  stretch; justify-content: space-between; color: #1779bc; font-weight: bold;}
.pro_ys span{ width: 80px; font-size: 3.5rem; text-align: center; align-self:center;}
.pro_ys p{ width: 30%; flex-grow: 1; font-size: 1.375rem; align-self: center; padding-right: 10px; padding-top: 5px; padding-bottom: 5px;} 
.pro_ys div{ width: 22%; background: #2792db;display: flex; align-items: center; }
.pro_ys img{ width: 100%; height: auto;}
.procon img{ width: 100%;height: auto;}

.tzbox{margin: 15px 0px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tzbox p{width: 50%; text-align: justify; display: block; padding-right: 5%; flex-grow: 1;  line-height: 28px; background: url(../img/line9.png) no-repeat left top 12px; padding-left: 6%; background-size:5% auto ;}
.tzbox p span{ display: block; font-size: 1.125rem; font-weight: bold; padding-bottom: 15px;}
.tzbox img{ width: 100%; margin: 10px  auto;}



/***********************--------------------------经典案例---------------------------------------*************************/
.bgf7{ background:#f7f7f7;}
.mainbox{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.cola{ padding-left: 15px; padding-right: 15px; width: 100%; padding-bottom: 15px;}
.colb{ padding-left: 15px; padding-right: 15px; width:100%;}


.type_n{ display: flex; flex-direction: row; flex-wrap: wrap; }
.type_n li{ width: 25%; padding-bottom: 10px; padding-left: 1%; padding-right: 1%; text-align: center; font-size: 0.875rem;}

.type_n li a{ display: block;  color: #9a9a9a;background-color:#eeedf0; background-repeat: no-repeat; background-position: bottom center; background-size: auto 40px; padding-bottom: 40px; border: 2px solid #e5e5e5;}
.type_n li.cur a,.type_n li:hover a{ border: 2px solid #fff; background-color: #ffffff; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);}
.type_n li a b{ font-weight: normal; display: block; padding: 10px 0px;}

.type_n li a.num1{ background-image: url(../img/m_1h.png);}
.type_n li a.num2{ background-image: url(../img/m_2h.png);}
.type_n li a.num3{ background-image: url(../img/m_3h.png);}
.type_n li a.num4{ background-image: url(../img/m_4h.png);}
.type_n li a.num5{ background-image: url(../img/m_5h.png);}
.type_n li a.num6{ background-image: url(../img/m_6h.png);}
.type_n li a.num7{ background-image: url(../img/m_7h.png);}

.type_n li.cur a.num1,.type_n li:hover a.num1{ background-image:url(../img/m_1.png);}
.type_n li.cur a.num2,.type_n li:hover a.num2{ background-image:url(../img/m_2.png);}
.type_n li.cur a.num3,.type_n li:hover a.num3{ background-image:url(../img/m_3.png);}
.type_n li.cur a.num4,.type_n li:hover a.num4{ background-image:url(../img/m_4.png);}
.type_n li.cur a.num5,.type_n li:hover a.num5{ background-image:url(../img/m_5.png);}
.type_n li.cur a.num6,.type_n li:hover a.num6{ background-image:url(../img/m_6.png);}
.type_n li.cur a.num7,.type_n li:hover a.num7{ background-image:url(../img/m_7.png);}

@media (min-width: 576px){
.type_n li a{background-size: auto 60px; padding-bottom: 60px;}
.type_n li a b{background: url(../img/icon_c1.png) no-repeat right 10px center;background-size: auto 12px;}
.type_n li.cur a b,.type_n li:hover a b{background: url(../img/icon_c1_1.png) no-repeat right 10px center;background-size: auto 12px;}
}
@media (min-width: 768px){
.cola{ width: 21%;}
.colb{width:79%;}
.type_n li{ width: 100%;padding-left: 0%;padding-right: 0%;}
.type_n li a{background-size: auto 74px; padding-bottom: 74px;}
}
@media (min-width: 992px){
.type_n li{font-size: 1rem;}
}

@media (min-width: 1200px){
.cola{ width: 20%;}
.colb{width:78%;}
.type_n li{font-size: 1rem;}
}

.case_show{ display: flex; flex-direction: row; flex-wrap: wrap ; justify-content: space-between; align-items: stretch;}
.case_show:after {content: ""; width: 48%;}
.case_show li{ width: 48%; display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 30px; border-bottom: 1px solid #d2d2d2; padding-bottom: 10px;}
.case_show li img{ width: 100%; height: auto;}
.case_show li div{ display: flex; flex-direction: row; flex-wrap: wrap ; justify-content: space-between; align-items: center; padding: 0px 0px;min-height: 90px; }
.case_show li div p{ width: 100%; font-size: 1.125rem; font-weight: bold; line-height: 22px; max-height:54px;  padding-bottom: 10px; background: url(../img/line7.png) no-repeat bottom left; margin-top: 5px; margin-bottom: 5px;}
.case_show li div p b{line-height: 22px; max-height: 44px;overflow: hidden; display: inline-block; font-weight:normal; font-size:1rem }
.case_show li div a{ display: inline-block; height: 32px; border: 1px solid #4a4a4a; border-radius: 5px; line-height: 30px; padding: 0px 13px; margin: 5px 0px;}
.case_show li div a:hover{ background: #1779bc; color: #ffffff; border: 1px solid #1779bc;}
@media (min-width: 1200px){
.case_show:after {width: 32%;}
.case_show li{ width: 32%;padding-bottom: 0px;}
.case_show li div p{ width: 69%;}
}

/*案例详情页*/
.case_slide{ width: 100%; height: 300px;}
.case_slide .swiper-container {width: 100%; margin-left: auto;margin-right: auto;}
/*.case_slide .swiper-slide {background-size: cover;background-position: center;}*/
.case_slide .gallery-top {height: 80%;width: 100%;}
.case_slide .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}

.case_slide .gallery-top .swiper-slide {background-size: auto 100%;background-position: center; background-repeat:no-repeat}
.case_slide .gallery-thumbs .swiper-slide {background-size: cover;background-position: center;}

.case_slide .gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;}
.case_slide .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}

@media (min-width: 576px){
.case_slide{ height: 400px;}
}
@media (min-width: 768px){
.case_slide{  height: 400px;}
}
@media (min-width: 992px){
.case_slide{height: 500px;}
.case_slide .gallery-top .swiper-slide {background-size: auto  auto; }
}
@media (min-width: 1200px){
.case_slide{height: 550px; width:80%; margin:0px auto}

}


.case_tit{padding: 0px 0px; background: url(../img/icon_13.png) no-repeat left top 8px; margin: 20px 0px 10px 0px; padding-left: 60px;}
.case_tit h2{ line-height: 1.5; font-size: 1.5rem; color: #1779bc; font-weight: bold;}
.case_tit span{ color: #9a9a9a;}

.case_gk{padding: 10px 0px; font-size: 1.25rem; font-weight: bold;}
.case_con{ padding: 0px 0px 20px 0px; line-height: 28px;}
.case_con p{ padding: 8px 0px;}
.case_con img{ width: auto;max-width:100%; height: auto; margin: 8px auto;}
@media (min-width: 992px){
.case_con img{ width: auto; height: auto; max-width:100%; margin: 8px  auto;}

}

.pages{ margin:0px auto; padding-top:10px; clear:both; text-align: center;color:#9a9a9a;  font-size:1rem;}
.pages a{ color:#9a9a9a; padding:0px 2px}
.pages a:hover{color:#1779bc}
.pages strong{color:#1779bc;padding:0px 2px}

/***********************--------------------------新闻资讯---------------------------------------*************************/
.bgmap{ background: url(../img/map.png) #f7f7f7 no-repeat center top 100px; background-size: 60% auto;}

.new_show{}
.new_show li{ display: flex; flex-direction: row; justify-content: space-between;  background: #ffffff; margin-bottom: 30px; box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}
.new_show li .newimg{ width: 30%;}
.new_show li .newimg img{ width: 100%; height: auto;}
.new_show li .newbox{ display: flex; flex-direction: column; justify-content: space-between; width: 70%; padding: 8px 1% 8px 3%; background: url(../img/line8.png) no-repeat left top 8px; background-size: auto 24px;}
.newbox h4{ font-size: 1rem; font-weight: bold;line-height: 24px; max-height: 24px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.newbox h4 a{ color: #000000;}
.newbox h4 a:hover{ color: #1779bc;}
.newbox p{ color: #9a9a9a; margin: 5px 0px 5px 0px; line-height: 22px; max-height: 42px; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
@media (min-width: 992px){
.newbox h4{ max-height: 48px; -webkit-line-clamp: 2;}
.newbox p{max-height: 44px; -webkit-line-clamp: 2;}

}
@media (min-width: 1200px){
.new_show li .newbox{padding: 8px 3% 8px 3%;}
}


.newbox .more{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.newbox .more a{ color: #1779bc; font-size: 1rem;}
.newbox .more span{ display: inline-block; color: #9a9a9a; background: url(../img/time.png) no-repeat left center; padding-left: 18px; background-size: 14px 14px; line-height: 14px; height: 14px;}
@media (max-width: 575.98px){
	.new_show li .newbox{ padding-bottom: 2px;}
	.newbox p{ display: none;}
	.newbox .more a{ order: 2; font-size: 0.875rem;}
	.newbox .more span{order: 1;font-size: 0.875rem;}
	
}

/*新闻详情页*/
.new_tit{ padding-bottom: 25px;}
.new_tit h2{ font-size: 1.625rem; color: #1779bc; line-height: 1.5; font-weight: bold; background: url(../img/icon_12.png) no-repeat left top 8px; padding-left: 40px;}
.new_con{ line-height: 28px; padding-bottom: 25px;}
.new_con p{ padding: 8px 0px;}
.new_con img{ width: auto; height: auto; margin: 8px  auto;}

@media (max-width: 767.98px){
.new_con img{ width: 100%;}
}
@media (min-width: 768px){
.new_con img{ max-width: 550px;}
}
@media (min-width: 992px){
.new_con img{ max-width:700px;}
}
@media (min-width: 1200px){
.new_con img{ max-width:900px;}
}

.new_gl{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 1rem; margin: 20px 0px;}
.gl_link{ width: 100%;color:#1779bc;margin: 8px 0px;}
.gl_link p{ padding: 5px 0px;}
.gl_link p a{ color:#1779bc; font-weight: bold;}
.btn_back{ display: block; width: 130px; height: 36px; text-align: center; border: 1px solid #d2d2d2; line-height: 34px; color: #4a4a4a; background: #ffffff;margin: 8px 0px;}
.btn_back:hover{ background: #1779bc; color: #ffffff;}

@media (min-width: 992px){
.gl_link{ width: 75%;}
}

/***********************--------------------------联系我们---------------------------------------*************************/
.lxway{}
.lxway b{ font-size:1.5rem; display: inline-block;}
.lxway .col-lg-4{ padding-bottom: 10px; padding-top: 10px;}
.lxway .col-md-12 p{ font-size: 2.375rem; font-weight: bold; color: #ea9633;}
.lxway .col-md-6 p{ padding:15px 0px;}

.lx_map,.lx_con{ padding-top: 15px; padding-bottom: 15px;}

.lx_con h2{ font-size:24px; color:#000; font-weight: bold; margin-bottom: 20px;}
.lx_con span{ color:#097080; display:block; margin:5px 0px 20px 0px}
.lx_con p{ padding:20px 0px 20px 50px;}
.lx_con .i_mail{ background:url(../img/ic_mail.png) no-repeat left }
.lx_con .i_qq{background:url(../img/ic_qq.png) no-repeat left}
.lx_con .i_tel{background:url(../img/ic_tel.png) no-repeat left}
.lx_con .i_add{background:url(../img/ic_add.png) no-repeat left}
.lx_con .i_ads{background:url(../img/ic_ads.png) no-repeat left}


@media (max-width: 991.98px){
.h_icon{ display: none;}
}
.h_icon{ position: fixed; bottom:70px; right:10px; z-index:15}
.h_icon .ic_ov{ height:29px; margin-top:11px; position:relative}
.h_icon .ic_on{ height:29px; line-height:29px; padding-right:30px; text-align: right; padding-left: 15px; position:absolute; top:0px; right:0px; border-radius:14px; color:#FFF; width:auto; box-sizing:border-box; display:inline-block; min-width:150px;}
.h_icon .tel{ background:url(../img/ic1.png) #055ca9 no-repeat right;}
.h_icon .email{ background: url(../img/ic2.png) #055ca9 no-repeat right;}
.h_icon .ewm{background: url(../img/ic3_1.png) no-repeat right;height:100px; padding-right:40px; padding-left: 0px;   top:-36px; right:0px; border-radius:0;  width:140px; display:inline-block; min-width:140px;}
.h_icon .ewm img{ width: 100px; height: 100px;}

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

/*返回顶部*/
#gotop{ z-index:20; bottom:30px;_margin-bottom:30px;
    width:29px;height:29px;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)));
}





/*产品列表*/
.probar{    margin: 0px auto; text-align: center; margin-bottom: 20px;}
.probar h2{font-size:1.25rem; font-weight: bold; text-align: center; border-bottom: 3px solid #1779bc; display: inline-block; line-height: 2;}

.prom{ display: flex; flex-direction:column;  justify-content: center; align-items: center;}
.prom li{ margin: 2px; border: 1px solid #1779bc;}
.prom li a{ display: block; padding: 3px 12px; font-size: 12px;}
.prom li:hover a,.prom li.cur a{ background: #1779bc; color: #ffffff;}

@media (min-width:576px){
	.prom{ flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center;}
	.probar h2{font-size:1.375rem; }
	.prom li a{   font-size: 14px;padding: 5px 20px;}
	.prom li{ margin: 4px;  }
}

@media (min-width:992px){
	.probar{  margin-bottom: 30px;}
	.probar h2{font-size: 1.5rem; }
	.prom li a{ padding: 5px 30px; font-size: 18px;}
	.prom li{ margin: 5px;  }
}

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



.prolist li{ width: 46%; margin-top: 30px; margin-left: 2%; margin-right: 2%; text-align: center; border-radius: 8px;}
.prolist li a{ display: block; width: 100%; position: relative; height: 100%; box-sizing: border-box;padding: 18px 0px 35px 0px;}
.prolist li img{ width: 80%; margin: 0px auto; text-align: center; height: auto; object-fit: cover;}
.prolist li p{ position: absolute; bottom: 0px; left: 0px; border-top: 2px solid #e5e5e5; width: 100%;  overflow: hidden;  font-size:0.875rem; line-height:33px; height: 35px;box-sizing: border-box; padding-left: 5px; padding-right: 6px;text-overflow:ellipsis;white-space: nowrap;}
.prolist li:hover{ background:url(../img/probg.jpg) no-repeat center; background-size: 100% 100%; box-shadow: 3px 0px 9px rgba(23,121,88,0.3);}
.prolist li:hover a{ color: #ffffff;}
@media (min-width:450px){
.prolist li a{padding: 25px 0px 35px 0px;}
}
@media (min-width:580px){
.prolist li{ width: 30%;margin-left: 1.5%; margin-right: 1.5%;}
.prolist li a{padding: 25px 0px 35px 0px;}
}
@media (min-width:768px){
.prolist li{ width: 31%;margin-left: 1%; margin-right: 1%;}
.prolist li a{  }
.prolist li p{ }
}
@media (min-width:992px){
.prolist li{ width: 30%;margin-left: 1.5%; margin-right: 1.5%;}
.prolist li a{ padding: 30px 0px 40px 0px; }
.prolist li p{  font-size: 1rem; line-height:38px; height: 40px;}
}
@media (min-width:1230px){
.prolist li{ width: 22.6%;margin-left: 1.2%; margin-right: 1.2%; }
.prolist li a{ padding: 40px 0px 45px 0px; }
.prolist li p{  font-size: 1.125rem; line-height:43px; height: 45px;}
}



/********************************************产品详情页面样式*******************************************/

.pbox{ background-size:cover; background-repeat: no-repeat; background-position: center;}
.pbox .container{ padding-left: 15px; padding-right: 15px;}
.pbox .pimg{width: auto; max-width: 100%; height: auto; margin: 0px auto;}
.pbox .row{ position: relative;}
.sec1{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.sec1 img{ width: auto; max-width: 100%; height: auto;}
.pbox h1{ font-size: 1.625rem; line-height: 2;}
.pbox p{ margin: 8px 0px;}

.pbox .pimg{background-size:cover; background-repeat: no-repeat; background-position: center;}
.pbox img{ width: auto; max-width: 100%; height: auto; margin: 0px auto;}

 .pbox .pc{ display: none;}
 .pbox .wap{ display: block;}
@media (min-width:1200px){
 .pbox .pc{ display: block;}
 .pbox .wap{ display: none;}
}



/******************************改版样式******************************/
/*animate*/
.htmleaf{
	margin: 0 auto;
	overflow: hidden;
}

/*图片比例*/
.img_s{ width: 100%;  position: relative;padding-top: 100%; height: 100%;}
.sz14_15{padding-top: 107%;height: 0;}/*图片宽高14:15*/
.sz5_4{padding-top: 80%;height: 0;}/*图片宽高5:4*/
.sz2_1{padding-top: 51%;height: 0;}/*图片宽高2:1*/
.img_s img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;}

.blq_yw{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.blq_yw a{ width: 48%; display: block;}
.blq_yw a:nth-child(3),.blq_yw a:last-child{ padding-top: 12px;}
.blq_yw .yw_con{ width: 100%; position: relative;}
.blq_yw .yw_con .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: linear-gradient(to top, rgba(60,142, 197, 1) 0%,rgba(0, 0, 0, 0) 60%); display: flex; flex-direction: column; align-items:center; justify-content: flex-end;}
.blq_yw .yw_con .txt p{ color: #ffffff; font-size: 12px; font-weight: bold; line-height:1.6; padding-bottom: 0.6em; transition: all linear 0.3s; }
.blq_yw .yw_con .txt:hover p{ padding-bottom: 1em;}
@media (min-width:576px){
	.blq_yw .yw_con .txt p{font-size: 14px;}
	.blq_yw a:nth-child(3),.blq_yw a:last-child{ padding-top: 21px;}
}
@media (min-width:768px){
	.blq_yw a{ width: 23%; display: block;}
	.blq_yw a:nth-child(3),.blq_yw a:last-child{ padding-top: 0px;}
}
@media (min-width:992px){
	.blq_yw .yw_con .txt p{font-size: 16px;}
}
@media (min-width:1230px){
	.blq_yw .yw_con .txt p{font-size: 18px;}
}

/*首页解决方案*/
.jj_con{ padding: 0px 13px;display: flex; align-items: stretch; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.jj_con li{ width: 48%; margin:2px; flex-grow:1;background-position: center; background-repeat: no-repeat; background-size: cover; height: 240px; position: relative;}
.jj_con:after {
    content: "";
    flex: auto;width: 48%;
}
.jj_con li.jj_n1{background-image: url(../img/z_j1.jpg);}
.jj_con li.jj_n2{background-image: url(../img/z_j2.jpg);}
.jj_con li.jj_n3{background-image: url(../img/z_j3.jpg);}
.jj_con li.jj_n4{background-image: url(../img/z_j4.jpg);}
.jj_con li.jj_n5{background-image: url(../img/z_j5.jpg);}


.jj_con li:not(:hover) > .jj_box{visibility: hidden; height: 0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:2; transition: all linear 0.3s;}
.jj_con li:not(:hover) > .jj_box > * {visibility: hidden; height: 0;padding-top: 0;padding-bottom: 0;margin: 0;z-index:3; }
.jj_con li:hover > .jj_fl{visibility: hidden;}
.jj_con .jj_box{ background: rgba(60,142,197,0.9); width: 100%; height: 100%; padding:8px; color: #ffffff;font-size: 1rem;transition: all linear 0.3s;}
.jj_con .jj_box div{ border: 1px solid #FFFFFF; padding: 0px 12px;height: 100%;display: flex; flex-direction: column;  justify-content: space-between; }

@media (min-width: 576px) {
.jj_con li{ height: 360px;}
}
@media (min-width: 768px) {
.jj_con li{width: 19%; height: 260px;}
}
@media (min-width: 992px) {
.jj_con li{ height: 340px;}
.jj_con .jj_box{ padding:14px;}
.jj_con .jj_box div{padding: 20px;}
}
@media (min-width: 1200px) {
.jj_con li{ height: 428px;}
}

.jj_con .jj_fl{ position: absolute; bottom: 15px; left: 50%; width: 130px; margin-left: -65px; padding: 2px; border: 2px solid #ffffff;}
.jj_con .jj_fl p{ background: #ffffff; height: 30px; line-height: 30px; padding: 0px 8px; text-align: center; }

.jj_con .jj_box div p span{ font-size: 2.25rem; color: #80cbff; display: block; margin-bottom: 3px;}
.jj_con .jj_box div p b{display: block; font-size: 1.125rem;}
.jj_con .jj_box div p i{display: block; margin-bottom: 5px;}
.jj_con .jj_box div a{ color: #ffffff;}

.pbox .pc.anlirelatedbox {width: 100%;display: flex;flex-flow: column wrap;justify-content: center;align-items: center;margin-bottom: 50px;}
.anlir_title { width:100%; }
.anlir_title img{ width: 100%; height: auto;}
.anlircontianer {width: 100%;display: flex;flex-flow: row wrap;justify-content:flex-start;align-items:stretch; }
.anlircontianer li {width: 48%;/* height: 325px; */box-sizing: border-box;padding: 2em 1.5em;box-shadow: 1px 1px 11px 1px rgba(0,0,0,0.1);margin-top: 12px; font-size: 12px;}
.anlircontianer li:nth-child(2n){ margin-left: 4%;}
.anlircontianer li h1 {font-size: 1.12em;color: #1779bc;font-weight: bold;letter-spacing: 2px;margin-bottom:1em; line-height: 1;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.anlircontianer li div { }
.anlircontianer li img { }
.anlircontianer li span {font-size: 1em;color: #000; line-height: 1.5; display: block; padding:0.625em 0em;}
@media (min-width: 576px) {
	.anlircontianer li{margin-top: 20px;}
}
@media (min-width: 640px) {
	.anlircontianer li{margin-top: 22px;}
}
@media (min-width: 768px) {
.anlircontianer li{ font-size: 14px;margin-top: 27px;}
}
@media (min-width: 992px) {
	.anlircontianer li{ width: 31.666666%;margin-top: 24px;}
	.anlircontianer li{ margin-left: 2.5%;}
	.anlircontianer li:nth-child(2n){ margin-left: 2.5%;}
	.anlircontianer li:nth-child(3n+1){ margin-left: 0%;}
}
@media (min-width: 1230px) {
	.anlircontianer li{ font-size: 16px;margin-top: 30px;}
}






/*储能解决方案*/

.xmbox{ width: 100%; position: relative;}
.xmbox .xmbg{ width: 100%; height: auto;}
.xmbox .xmli{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; flex-wrap: wrap; overflow: hidden;}
.xmbox .xmli li{ width: 25%;transition: all linear 0.3s;}
.xmbox .xmli li:hover{ cursor: pointer;}
.xmbox .xmli li.cur:hover{  cursor: default;}
.xmbox .xmli li .xtit{transition: all linear 0.3s; position: relative; width: 100%; height: 100%; color: #ffffff; overflow: hidden;}
.xmbox .xmli li .xtit .xmimg{ width: 100%; height:100%; object-fit: cover; overflow: hidden; }
.xmbox .xmli li .xtit .txt{ position: absolute; bottom: 0; left: 0; width: 100%; height: 100%;background: linear-gradient(to top, rgba(0,0,0, 0.5) 10%,rgba(255, 255, 255, 0.01) 50%);display: flex; flex-direction: column; align-items: center; justify-content:flex-end; box-sizing: border-box; padding-bottom: 10px;}
.xmbox .xmli li .xtit .txt .xmic{ margin-bottom: 10px; width: 20%; max-width: 45px; min-width: 28px;}
.xmbox .xmli li .xtit .txt p{ font-size: 12px; font-weight: bold; margin-bottom: 10px; width: 100%; padding: 0px 8px; box-sizing: border-box; text-align: center;}
.xmbox .xmli li .xtit i{ font-size: 22px; font-style: normal; display:flex; width: 30px; height: 30px; border-radius: 50%; background:rgba(0,0,0,0.25);text-align: center; flex-direction: row; justify-content: center; align-items: center; padding: 0px; margin: 0px;}
.xmbox .xmli li.cur{ width: 200px; flex-grow: 1;}
.xmbox .xmli li.cur .xtit{opacity: 0; overflow: hidden;}
.xmbox .xmli li.cur .xtit .xmimg{ height: 0px;}
.xmbox .xmli li.nul{ width: 30px; padding-right: 1px;}
.xmbox .xmli li:last-child.nul{ padding-right: 0px;}
.xmbox .xmli li.nul .xtit img{ opacity: 0;}
.xmbox .xmli li.nul .xtit .txt .xmic{ height: 2px; margin-bottom: 0px;}
.xmbox .xmli li.nul .xtit .xmimg{ height: 0px;}
.xmbox .xmli li.nul .xtit .txt{justify-content: flex-end; background: rgba(0,0,0,0.5); padding-bottom: 0px;}
.xmbox .xmli li.nul .xtit .txt p{writing-mode: vertical-lr; font-size: 12px; font-weight: normal; padding: 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 0px;}
.xmbox .xmli li.nul .xtit i{ width: 30px; height: 25px; border: 0; background: none;}
@media (min-width:576px) {
	.xmbox .xmli li.nul .xtit .txt{ padding-bottom: 8px;}
	.xmbox .xmli li.nul .xtit i{height: 30px;}
}
@media (min-width:768px) {
	.xmbox .xmli li .xtit .txt{padding-bottom: 30px;}
	.xmbox .xmli li .xtit .txt p{font-size: 14px;margin-bottom: 15px;}
	.xmbox .xmli li .xtit i{font-size: 24px; width: 36px; height: 36px;}
	.xmbox .xmli li.nul .xtit .txt p{font-size: 12px;}
}
@media (min-width:992px) {
	.xmbox .xmli li .xtit .txt p{font-size: 16px; }
	.xmbox .xmli li.nul .xtit .txt p{font-size: 14px;}
}
@media (min-width:1230px) {
	.xmbox .xmli li .xtit .txt{padding-bottom: 25%;}
	.xmbox .xmli li .xtit .txt p{font-size: 18px; }
	.xmbox .xmli li .xtit i{font-size: 28px; width: 45px; height: 45px;}
}