@charset "utf-8";
/* CSS Document */
.Water_technology{width: 100%;
  height: 7.8rem;
  position: relative;
  z-index: 2;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; background-color:#000;
}
.hello_company{width: 100%;
  height: 7.8rem;
  position: relative;
  z-index: 2;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; background-color:#fff;
}
.Life_Artist{ background: url(../images/logo_back.png) center top no-repeat; background-size:56% auto; padding-bottom:1rem}
.Life_Artist .Life_Artist_img{width: 100%;
  height:6rem;
  position: relative;
  z-index: 2;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; background-color:#fff;border-radius: 0.06rem; margin-bottom:0.5rem; margin-top:0.5rem;}
  .Life_Artist .descipe  {
  display: block;
  font-size: 0.15rem;
  color: #333;
  line-height: 2; text-align:center
}
.Traditional_industries{width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; background-color:#000; padding-top:1rem; padding-bottom:0.4rem;}
  
.development_history {margin: 0px auto;}
.development_history .scroll{margin-left:-0.3rem; margin-right:-0.3rem;}
.development_history .item a{padding: 0 0.3rem;display: block;}

.development_history .item a .left_img{position: relative; height:3.2rem; background-position: center center; background-repeat: no-repeat; background-size: cover;vertical-align: middle;transition: transform 0.5s ease;  transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;border-radius: 0.06rem;}
.development_history .item a .left_img_over { height:3.2rem;overflow: hidden;}
.development_history .item a .right_font{ text-align: left; padding:0.3rem 0;border:none;}
.development_history .item a .right_font .times{ font-size: 0.15rem;
  line-height: 2;
  color: rgb(153, 153, 153);
  margin-bottom: 0.4rem;}
.development_history .item a .right_font .name{font-size: 0.2rem;
  line-height: 1.8;
  font-weight: 300;
  color: rgb(255, 255, 255);
  margin-bottom: 0.2rem;}
.development_history .item a:hover .right_font .name{color:#A42B1C;}
.development_history .item a .right_font .dsecip{ font-size:0.15rem; line-height:2; color:#fff;}
.development_history .item a:hover  .left_img{transform: scale(1.06);box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.development_history .slick-dots li button{height:8px;width:8px;background:#eee;border-radius:50%}
.development_history .slick-dots li.slick-active button {
	background:#A42B1C;
}
.development_history .slick-dots{ bottom:0rem;}

.Traditional_industries_number{ color:#FFFFFF; text-align:center; margin-bottom:0.5rem; margin-top:0.2rem;}
.Traditional_industries_number ul li{ display:inline-block; padding:0.1rem 0.7rem;}
.Traditional_industries_number ul li .titiles{ font-size:0.3rem; font-weight:700; margin-bottom:0.2rem;}
.Traditional_industries_number ul li .titiles .danwei{font-size:0.2rem; }
.Traditional_industries_number ul li .descipe{ font-size:0.15rem;}
.Traditional_industries_number ul li:first-child{ border-right:rgba(255,255,255,0.5) 1px solid;}

.Water_Space {
  background: #fbfbfb url(../images/body_back.png) center bottom repeat-x;
    background-size: auto;
  background-size: 100% 1.5rem;
  padding-bottom: 2.1rem;
}
.Water_Space_vedio {}
.Water_Space_vedio{ position:relative;height:7.8rem;overflow: hidden;border-radius: 0.06rem;}
.Water_Space_vedio  .Water_Space_vedio_back {
  position: relative;
  height: 7.8rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  transition: transform 0.5s ease;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  border-radius: 0.06rem;
}
.Water_Space_vedio:hover  .Water_Space_vedio_back{transform: scale(1.06);box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.Water_Space_vedio   .Water_Space_vedio_icon{ position:absolute; top:50%; left:50%; margin-left:-0.35rem; margin-top:-0.35rem; width:0.7rem; height:0.7rem; z-index:2}
.Water_Space_vedio   .Water_Space_vedio_icon img{ width:100%}



.home_vedio_show{
position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 20000;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.7);
  display: none;backdrop-filter: blur(15px);
}
.vedios {
  position: fixed;
  top: 0%;
  left: 0%;
  width:100%;
  z-index: 20001; height:100%; text-align:center;
  display: none;
}
.vedios  video{ max-width:60%;}
.vedios .position_re{ position:relative;display: flex;justify-content: center;width:100%;align-items: center; height: 100%; }
.vedios .position_re .close_btn{ display:none; position:absolute; top:10%; right:10%;}
.vedios .position_re .close_btn img{ width:0.3rem;}
.vedios .position_re .close_btn img:hover{transform: rotate(90x)}



/*创新技术 页面样式开始*/
.Innovative_technology_con{ margin-top:0.4rem;}
.technology_one_con{ margin-top:0.6rem; margin-bottom:1.4rem;}
.technology_one_con{}
.technology_one_con .technology_one_tit{ position:relative;height:7.8rem; overflow:hidden; margin-bottom:1rem;}
.technology_one_con .technology_one_tit::after {
  right: 0%;
  position: absolute;
  top: 0%;
  content: " ";
  background-color: rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 100%;
  z-index: 1;
}
.technology_one_con .technology_one_tit .technology_one_tit_back{background-position: center center;
  background-repeat: no-repeat;
  height:7.8rem;
  background-size: cover;
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  border-radius: 0rem;
  overflow: hidden;}
.technology_one_con .technology_one_tit:hover .technology_one_tit_back {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
}
.technology_one_con .technology_one_tit .technology_one_tit_font{position: absolute;
  width: 100%;
  left: 0;
  top: 20%;
  z-index: 2;
  color: #fff;
  text-align: left;}
  
.technology_one_con .technology_one_tit .technology_one_tit_font .technology_one_tit_name {
  font-size: 0.40rem;
  line-height: 1;
  text-shadow: 0px 1px 4px #666;
  font-weight: bold;
  margin-bottom: 0.3rem;
  text-align: center;
}
.technology_one_con .technology_one_tit .technology_one_tit_font .technology_one_tit_descipe  {
  font-size: 0.16rem;
  text-shadow: 0px 1px 4px #999;
  line-height: 1.6;
  height: auto;
  overflow: hidden;
  text-transform: capitalize;
  text-align: center;
}

.technology_one_con .technology_one_erji{}
.technology_one_con .technology_one_erji .technology_one_erji_font{position: relative;
  padding: 0 8% 0.5rem 8%;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease;}
.technology_one_con .technology_one_erji .technology_one_erji_font  .technology_one_erji_name{font-size: 0.30rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0.2rem;
}
.technology_one_con .technology_one_erji .technology_one_erji_font  .technology_one_erji_descipe{font-size:13px;
  line-height: 1.8; color:#666
}
.technology_one_con .technology_one_erji .technology_one_erji_imgs{ margin-bottom:1rem;}
.technology_one_con .technology_one_erji .technology_one_erji_imgs .item{}
.technology_one_con .technology_one_erji .technology_one_erji_imgs .item a{ display:block;height: 7.5rem; overflow:hidden; position:relative;border-radius: 0.06rem;}
.technology_one_con .technology_one_erji .technology_one_erji_imgs .item a .back_img_show{background-position: center center;
  background-repeat: no-repeat;
  height: 7.5rem;
  background-size: cover;
  -webkit-transition: -webkit-transform 0.6s ease 0s;
  transition: transform 0.6s ease 0s;
  border-radius: 0.06rem;
  overflow: hidden;}
.technology_one_con .technology_one_erji .technology_one_erji_imgs .item a:hover .back_img_show {
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  transform: scale(1.03);
}

.technology_one_erji_imgs .slick-prev {-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;left:2%; border:0;top:50%;  border:0; background: url(../images/left_btn.png) center center  no-repeat; background-size:cover; height:0.8rem; width:0.8rem; border-radius: 50%; margin-top:-0.4rem;opacity: 0.5;
} 
 .technology_one_erji_imgs .slick-prev:hover {moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;opacity:1;
} 
 .technology_one_erji_imgs .slick-next {-moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;right:2%; border:0;top:50%;  border:0; background: url(../images/right_btn.png) center center  no-repeat; background-size:cover; height:0.8rem; width:0.8rem; border-radius: 50%; margin-top:-0.4rem;opacity: 0.5;
} 
 .technology_one_erji_imgs .slick-next:hover {moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;opacity:1;
} 
  

@media (max-width:768px) {
.technology_one_con .technology_one_tit .technology_one_tit_font .technology_one_tit_name{  font-size:30px;}
.technology_one_con .technology_one_tit,.technology_one_con .technology_one_tit .technology_one_tit_back{ height:3.5rem;}
.technology_one_con .technology_one_tit{ margin-bottom:0.7rem;}
.technology_one_con .technology_one_erji .technology_one_erji_font .technology_one_erji_name {
  font-size: 30px;}
.technology_one_con{ margin-bottom:0}
.pros_one_erji_imgs .slider-container {
  position: relative;
  margin-bottom: 0;
}
.technology_one_con .technology_one_erji .technology_one_erji_imgs .item a .back_img_show,.technology_one_con .technology_one_erji .technology_one_erji_imgs .item a{ height:3rem}
.technology_one_con .technology_one_erji .technology_one_erji_imgs {
  margin-bottom: 0.7rem;
}
.Life_Artist .Life_Artist_img{ height:3rem}
.Life_Artist{ padding-bottom:0}
.hello_company{ height:6rem}
.Traditional_industries_number ul li {
  display: inline-block;
  padding: 0.1rem 0.2rem;
}
.Traditional_industries_number ul li .titiles {
  font-size: 28px;}
  .development_history .item a .left_img,.development_history .item a .left_img_over{ height:3rem}
.Water_Space_vedio,.Water_Space_vedio .Water_Space_vedio_back{ height:3rem}
.Water_Space {
  background: #fbfbfb url(../images/body_back.png) center bottom repeat-x;
    background-size: auto;
  background-size: auto;
  background-size: 100% 1rem;
  padding-bottom: 1.2rem;
}
.Water_technology{ height:5rem}



}