@charset "utf-8";
/* rsth_product */
.rsth_product{background: url(../images/p_bg.jpg);padding: 30px 0;}
.rsth_product ul.nav_list{padding: 20px 0;box-sizing: border-box;width: 100%;}
.rsth_product ul.nav_list li{margin: 15px auto;}
.rsth_product ul.nav_list li a{font-size: 16px;line-height: 2.5;text-indent: 20px;display: block;}
.rsth_product ul.nav_list li a:hover{background: #892621;color: #fff;border-radius: 20px;}
.rsth_product a.dz,.rsth_product a.dz:hover{display: block;background: url(../images/dz.png) no-repeat 30px center #892621 !important;color: #fff;border-radius: 30px !important;text-indent: 70px !important;line-height:3 !important;}
.rsth_product dl{text-align: center;width: 100%;}
.rsth_product dl dt{font-size: 18px;font-weight: bold;}
.rsth_product dl dt img{display: inline-block;}
.rsth_product dl dd{font-size: 34px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color: #892621;}
.rsth_product dl dd p{font-size: 14px;color: #333;line-height: 2.5;}
.rsth_product dl dd img{width: 120px;padding: 5px;border: 1px solid #efefef;margin-top: 20px;}

.rsth_product .fl{width: 20%;}
.rsth_product .fr{width: 75%;}
.product_list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-around;padding: 0;margin-top: 100px;}
.product_list li{width: 31%;text-align: center;margin-bottom: 10px;}
.product_list .pic{border: 1px solid #bfbfbf;overflow: hidden;max-width: 295px;}
.product_list .pic img{width: 100%;}
.product_list .title{text-align: center;line-height: 3;font-size: 16px;}
.product_list li:hover .title{color: #892621;}

/* rsth_advantage */
.rsth_advantage{background: url(../images/adv.jpg) center no-repeat;height: 1390px;}
.rsth_advantage .content{width: 1300px;}
.rsth_advantage .fr{width: 50%;padding-top:90px;padding-left: 190px;box-sizing: border-box;position: relative;}
.rsth_advantage .fr span{position: absolute;display: inline-block;left: 102px;font-size: 16px;color: #fff;padding-top: 30px;}
.rsth_advantage .fr h3{font-size: 24px;color: #892621;}
.rsth_advantage .fr p{line-height: 2;font-size: 15px;}
.rsth_advantage .fr dl{margin-top: 40px;width: 60%;line-height: 2.2;}

.rsth_advantage .fl{width: 50%;padding-top:90px;padding-left: 180px;box-sizing: border-box;position: relative;margin-top:85px;}
.rsth_advantage .fl span{position: absolute;display: inline-block;left:90px;font-size: 16px;color: #fff;padding-top: 30px;}
.rsth_advantage .fl h3{font-size: 24px;color: #892621;}
.rsth_advantage .fl p{line-height: 2;font-size: 15px;}
.rsth_advantage .fl dl{margin-top: 40px;width: 80%;line-height: 2.2;}

.rsth_advantage .fr01{width: 50%;padding-top:180px;padding-left: 240px;box-sizing: border-box;position: relative;float: right;}
.rsth_advantage .fr01 span{position: absolute;display: inline-block;left: 162px;font-size: 16px;color: #fff;padding-top: 30px;}
.rsth_advantage .fr01 h3{font-size: 24px;color: #892621;}
.rsth_advantage .fr01 p{line-height: 2;font-size: 15px;}
.rsth_advantage .fr01 dl{margin-top: 30px;width: 80%;line-height: 2.2;}



.rsth_cases{padding: 40px 0;text-align: center;}
.home-case{overflow: hidden;}
.home-case ul{}
.home-case ul li{float: left; width: 25%; cursor: pointer;}
.ding-pic{width: 100%;height: auto;overflow: hidden;position: relative;}
.ding-pic .img{width: 100%;}
.ding-pic .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-out;}
.ding-pic:hover .img img{transform: scale(1.1);}
.ding-pic .text1-bg{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);overflow: hidden;top: 0px;
left: 0px;transition: all .4s ease-out;}
.ding-pic .text{width: 100%;top: 50%;transform: translate(0,-50%);position: absolute;transition: all .4s ease-out;text-align: center;}
.ding-pic .text .iconfont{color: #fff;}
.ding-pic .text h6{text-align: center;user-select: none;}
.ding-pic .text h6 img{max-width: 80%;height: auto;overflow: hidden;}
.ding-pic .text p{font-size: 24px;color: #fff;text-align: center;padding-top: 40px;}
.ding-pic .text2-bg{position: absolute;width: 100%;height: 100%;background: rgba(137, 38, 33, 0.88);overflow: hidden;top: 0px;
left: 0px;opacity: 0;transition: all .4s ease-out;}
.ding-pic .text2{width: 100%;top: 50%;transform: translate(0,-50%);position: absolute;padding: 40px;box-sizing: border-box;}
.ding-pic .text2 h4{font-size: 22px;color: #FFF;text-align: center;}
.ding-pic .text2 h5{font-size: 16px;color: #FFF;line-height: 26px;margin-top: 20px;}
.ding-pic .text2 h6{padding-top: 30px;overflow: hidden;}
.ding-pic .text2 h6 a{overflow: hidden;font-size: 14px;border: 1px solid #FFF; padding: 12px 20px;color: #fff;display: block;width: 140px; text-align: center; margin: 0 auto; border-radius: 30px;}
.ding-pic:hover .text{opacity: 0;}
.ding-pic:hover .text2-bg{opacity: 1;}

/* rsth_about */
.rsth_about{background: url(../images/p_bg.jpg);padding: 60px 0 0 0;position: relative;min-height: 700px;}
.rsth_about .content{position: static;}
.rsth_about .fl{width: 45%;padding-top: 20px; z-index: 1;}
.rsth_about .fl p{text-indent: 20px;font-size: 16px;line-height: 2;}
.rsth_about .fr{position: absolute;right: 0;top: 100px;width: 50%; z-index: 0;}
.rsth_about .fr img{width: 100%;}
.rsth_about .con{background:#fff; width:68%; position:relative; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); margin:30px 0 ;height: 180px;}
.rsth_about .con ul{ text-align:center;padding-top: 30px;}
.rsth_about .con ul li{float:left; width:25%}
.rsth_about .con ul li .li_box{padding:0 0.1rem;}
.rsth_about .con ul li .number{font-size:16px; color:#181e26;;}
.rsth_about .con ul li .number span{font-size:68px; line-height:68px; display:inline-block; margin-right:0.05rem;}
.rsth_about .con ul li .txt{font-size:13px; line-height:2; color:#b1b1b1; margin-top:0.15rem}
.rsth_about .con ul li .txt i{color:#e30713;}

.rsth_about_con{ position:relative;  padding: 20px 0 10px 0; margin-bottom:10px; overflow:hidden;text-align: center;}
.rsth_about_con{overflow:hidden;  }
.rsth_about_con .hd{ overflow:hidden;}
.rsth_about_con .hd .prev{ font-family: 'kaiti';position:absolute;  left:30px; top: 100px; display:block; cursor:pointer; font-size: 72px;color: #999;}
.rsth_about_con .hd .next{ font-family: 'kaiti';position:absolute;  right:30px; top: 100px; display:block; cursor:pointer; font-size: 72px;color: #999;}
.rsth_about_con .hd .prev:hover,.rsth_about_con .hd .next:hover{color: #892621;}
.rsth_about_con .bd{ padding:10px 85px;}
.rsth_about_con .bd ul{ overflow:hidden; zoom:1; }
.rsth_about_con .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.rsth_about_con .bd ul li .pic{ text-align:center; width: 260px;border: 1px solid #efefef;}
.rsth_about_con .bd ul li .pic img{ width:100%; display:block; }
.rsth_about_con .bd ul li .pic a:hover img{ border-color:#999;  }
.rsth_about_con .bd ul li .title{ font-size: 14px;line-height: 3;  }

.rsth_news{}
.rsth_news_con{ width:100%; text-align: center; }
.rsth_news_con .hd{ height:50px; position:absolute;right: 0; width: 50%;top:80px;line-height: 2;}
.rsth_news_con .hd ul{display: flex;flex-wrap: wrap;justify-content: flex-end;}
.rsth_news_con .hd ul li{ padding:0 15px; cursor:pointer;font-size: 18px;  }
.rsth_news_con .hd ul li.on{ background:#892621;color: #fff;padding: 0 20px;border-radius: 30px;}
.rsth_news_con .bd ul{ padding:30px 0;  zoom:1;  }
.rsth_news_con .bd .fl{width: 49%;}
.rsth_news_con .bd .fr{width: 49%;}
.rsth_news_con .bd .fr dl{background: #f5f5f5;margin-bottom: 20px;padding: 10px 20px 20px;box-sizing: border-box;}
.rsth_news_con .bd .fr dl:hover dt{color: #892621;}
.rsth_news_con .bd .pic{overflow: hidden;width: 100%;}
.rsth_news_con .bd dl{width: 100%;text-align: left;}
.rsth_news_con .bd dl dt{font-size: 24px;line-height: 2.5;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;padding-right:150px;box-sizing:border-box;position: relative;}
.rsth_news_con .bd dl dt span{color: #999;font-size: 16px;display: inline-block;position: absolute;right: 0 ;top: 15px;}
.rsth_news_con .bd dl dd{font-size: 15px;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color: #999;}
.rsth_news_con a.more{display: inline-block;padding: 10px 30px;border-radius: 30px;color: #fff;background: #333;letter-spacing: 2px;margin-top: 20px;}
.rsth_news_con a.more:hover{background: #892621;}





.indexalbumWrap {}

.indexAlbum {
  display: flex;
  margin: 0 auto;
}

.indexAlbum .li {
  width: 11%;
  box-sizing: border-box;
  position: relative;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
  overflow: hidden;
  height: 46vw;
  /* margin: 0 5px; */
  margin-right: 8px;
}

.indexAlbum .li:nth-last-child(1) {
  margin-right: 0;
}

.indexAlbum .li .subtit {
  position: absolute;
  bottom: 0%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 0;
  color: #FFF;
  z-index: 100;
  font-size: 36px;
  line-height: 46px;
  font-weight: 600;
  top: 0;
}

.indexAlbum .li .subtit .sub {
  position: relative;
  text-align: center;
  width: 30px;
}

.indexAlbum .li .tit {
  position: absolute;
  left: 0;
  padding: 0 5% 0 5%;
  width: 60vw;
  box-sizing: border-box;
  bottom: 5%;
  color: #FFF;
  z-index: 100;
  font-size: 17px;
  /* background: #1fa0a7; */
  overflow: hidden;
  opacity: 0;
  /* display: none; */
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  -ms-transition: all 0.8s ease-in-out;
  -o-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.indexAlbum .li .tit .sub {
  position: relative;
  z-index: 10;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 40px;
}

.indexAlbum .li .tit .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}

.indexAlbum .li .tit .text .tips {
  font-size: 20px;
  background: url(../images/icon/icon01.png) left center no-repeat;
  background-size: 25px;
  padding-left: 35px;
  min-width: 26%;
  box-sizing: border-box;
  margin-bottom: 20px;
  white-space: nowrap;
  padding-right: 10px;
}



.indexAlbum .li.active {
  width: 67%;
}

.indexAlbum .li.active .subtit {
  opacity: 0;
  display: none;
}


.indexAlbum .li.active .tit {
  bottom: 10%;
  opacity: 1;
}


.indexAlbum .li>img {
  width: 100%;
  /* height: 800px; */
  height: 100%;
  object-fit: cover;
  /* -webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out; */
  /* position: absolute;
  left: 0;
  top: 0;
  margin: auto;
  right: 0;
  bottom: 0; */
}

.indexAlbum .li.active>img {
  /* display: none; */
}

/* .albumBox .li::before {
  content: '';
  position: absolute;
  left: 0;
  width: 2px;
  height: 100%;
  background: #FFF;
  z-index: 20;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
} */

/* .albumBox .li:nth-child(1):before {
  width: 0 !important;
} */

.indexAlbum .li::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.indexAlbum .active::after,
.indexAlbum .li:hover::after {
  background: rgb(0, 0, 0, 0.2);
  /* background: none; */
}


/* .albumBox .li:hover{
	width: 52%;
} */
.indexAlbum .li:hover img {
  /* transform: scale(1.3); */

}

.webapp .indexAlbum {
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  padding: 0 5px;
}

.webapp .indexalbumWrap {
  padding: 10px 0 0;
}

.webapp .indexAlbum .li {
  width: 100%;
  height: 66.75vw;
  padding: 0 5px 10px;
  margin: 0;

}

.webapp .indexAlbum .li .tit {
  padding: 15px;
  opacity: 1;
  width: 100%;
  box-sizing: border-box;
}

.webapp .indexAlbum .li.active .tit {
  padding: 10px;
  left: 0;
}

.webapp .indexAlbum .li.active .tit .numb {
  font-size: 80px;
  display: none;
}

.webapp .indexAlbum .li .tit .text .tips {
  font-size: 15px;
  background-size: 20px !important;
  padding-left: 25px;
  margin-bottom: 10px;
}

.webapp .indexAlbum .li.active .tit .text {
  margin-top: 10px;
}

.webapp .indexAlbum .li .tit .sub {
  font-size: 22px;
  white-space: nowrap;
  margin-bottom: 20px;
}

.webapp .indexAlbum .li.active .tit {
  display: none;
}

.webapp .indexAlbum .li.active .subtit {
  opacity: 1;
}


.webapp .indexAlbum .li:nth-child(3)::before {
  width: 0;
}

.webapp .indexAlbum .li::after {
  width: 0;
  height: 0;
}

.webapp .indexAlbum .li .subtit {
  display: none;
}