/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-04-13 09:51:14
*/
/*banner*/
.wrap{width: 16rem !important;}


#banner{width:100%;position:relative;overflow:hidden;}
#banner .wrap{width: 85%;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 55px;height: 55px;}
#banner .swiper-button-next {outline：none;background: none;width: 55px;height: 55px;}
#banner .swiper-pagination-bullets{bottom: 0.3rem !important;}
#banner .swiper-pagination-bullet{width: 3.8% !important;height: 2px;background:none;color: #fff !important;line-height: 0.5rem;opacity:0.5;font-size: 0.14rem;border-radius: 0rem !important;margin:0rem 0.2rem;border: none;outline: none;}
#banner .swiper-pagination-bullet-active{background:#fff !important;color: #fff;opacity:1;}
#banner .swiper-pagination-bullet i{display: block;position: absolute;top:-0.4rem;width:3.8%;text-align: center;font-size: 0.16rem;}

#banner img{width: 100%;display: block;}

#banner .fl{position: absolute;top:2.8rem;left: 0;color: #fff;}
#banner .biao{font-size: 0.54rem;font-weight: bold;line-height: 0.8rem;position: relative;}
#banner .biao .xt b{z-index: 1;position: relative;}
.xt::before{
  content: '';
  height: 15px;
  background: #e60012;
  position: absolute;
  width: 100%;
  bottom: 7px;
  left: 0;
  z-index: 0;
  transition: all .8s;
}
.xt{ display: inline-block;
    font-weight: bold;
    position: relative;}


#banner .biao span{padding-left: 1.4rem;}
#banner .wen{font-size: 0.22rem;font-style: italic;margin-top: 0.5rem;font-family: 'phtr';}
#banner .more{font-size: 0.16rem;display: block;color: #fff;border-radius: 50%;line-height: 0.5rem;position: relative;margin-top: 0.6rem;}
#banner .more i{width: 0.5rem;display: inline-block;height: 0.5rem;border-radius: 50%;background: #e60012;float: left;position: absolute;z-index: 0;transition:0.5s;}
#banner .more img{width: 0.09rem;height: 0.14rem;display: inline-block;padding-left: 0.15rem;}
#banner .more span{position: absolute;z-index: 1;left:0.2rem;}
#banner .more:hover i{width: 1.5rem;border-radius: 1rem;}




.home-section2 {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.home-section2 .item {
  position: relative;
  overflow: hidden;
  float: left;
}
.home-section2 .item .font .lab {
  font-size: 0.2rem;
  display: block;
  color: #999;
  padding-left: 0.5rem;
  letter-spacing:-0.5px;
}

.home-section2 .item .font .tit{
  font-size: 0.48rem;
  width: 100%;
  font-weight: bold;
  padding-top: 1.1rem;
  padding-left: 0.5rem;
  font-family: 'phtb';
}
.home-section2 .item .font .but {
  display: flex;
  align-items: center; 
  color: #333;
  font-size: 0.15rem;margin-top: 1rem;margin-left: 0.5rem;
}

.home-section2 .item .font .but span{float: right;width: 0.68rem;height: 0.48rem;background: url(/statics/images/index/red.png);text-align: center;color: #fff;font-size: 0.2rem;}
.home-section2 .item .font .but i {
  display: block;
  width: 1.6rem;
  height: 0.48rem;border: 1px solid #999999;
  line-height: 0.48rem;
  text-indent: 0.2rem;
}

.home-section2 .item .img {
  position: absolute;
  opacity: 0;
}
.home-section2 .item .img img {
  width: 100%;
  object-fit: contain;
}
.home-section2 .item .f_pre {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: rgba(230, 0, 18, 0.95);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.home-section2 .item .f_pre .tit{
  font-size: 0.24rem;
  color: #fff;
  font-weight:bold;
  text-align: center;
  padding-top:0.2rem;
}
.home-section2 .item .f_pre i{
  display: block;
  width: 0.4rem;
  margin-top: 0.12rem;
}
.home-section2 .item .f_pre i img{
  width: 100%;
}
.home-section2 .item:hover .f_pre,.home-section2 .item:hover .img {
  opacity: 1;
}

.home-section2 .item:hover .font{display: none;}
.home-section2 #item1{width: 100%;height: 9.7rem;background: url(/statics/images/index/item1.jpg)no-repeat center;background-size: cover;}
.home-section2 #item2{width: 100%;height: 4.85rem;background: url(/statics/images/index/item2.jpg)no-repeat center;background-size: cover;}
.home-section2 #item3{width: 50%;height: 4.85rem;background: #fafafa;}
.home-section2 #item4{width: 50%;height: 4.85rem;background: #f0f0f0;}

.home-section2 #item3 .font .tit,.home-section2 #item3 .lab{padding-left: 0.5rem;}
.home-section2 #item4 .font .tit,.home-section2 #item4 .lab{padding-left: 0.5rem;}
.home-section2 #item3 .but,.home-section2 #item4 .but{margin-left: 0.5rem;margin-top: 2rem;}
.home-section2 #item3 .font .tit,.home-section2 #item4 .font .tit{padding-top: 0.5rem;}

.home-section2 .item:hover{background: #fff !important;}
.home-section2 .fl{width: 45%;}
.home-section2 .fr{width: 55%;}


/*关于*/
#about .shang{margin-top: 1.45rem;}
#about .shang .fl .more{font-size: 0.14rem;border-bottom: 1px solid #e60012;padding-bottom: 0.1rem;color: #e60012;display: inline-block;margin-top: 0.9rem;}
#about .shang .fl .more i{padding-left: 0.1rem;transition:0.5s;}
#about .shang .fl .more:hover i{padding-left: 0.3rem;}

#about .shang .fl{width: 6rem;}
#about .shang .fr{width: 7.09rem;}
#about .shang .fr img{width: 100%;display: block;}
#about .shang .fl .yin{font-size: 0.34rem;color: #cccccc;margin-bottom: 0.3rem;}
#about .shang .fl .zhong{font-size: 0.44rem;color: #999999;font-weight: bold;letter-spacing: 1px;font-family: 'phtb'}
#about .shang .fl .zhong span{color: #333333;padding-left: 0.1rem;} 
#about .shang .fl .wen{font-size: 0.16rem;color: #666;line-height: 0.3rem;margin-top: 0.5rem;}
#about .xia{margin-top: 1.1rem;}
#about .xia a{width: 3.2rem;height: 1.2rem;background:#f0f0f0;font-size: 0.12rem;color: #b2b2b2;text-transform: uppercase;display: block;float: left;margin-right: 1.05rem;margin-bottom: 0.6rem;position: relative;}
#about .xia a:nth-child(4n){margin-right: 0;}
#about .xia a .zuo{padding-left: 10%;float: left;width: 90%;}
#about .xia a .zuo p{padding-top: 0.35rem;font-size: 0.2rem;color: #333333;padding-bottom: 0.1rem;}
#about .xia a .you{width: 0.38rem;height: 0.38rem;overflow: hidden;position: absolute;top:0.43rem;right: 0.3rem;}
#about .xia a .you img{width: 100%;display: block;transition:0.5s;}

#about .xia a:hover .you img{margin-top: -0.38rem;}
#about .xia a:hover{background: #e60012;color: #fff;}
#about .xia a:hover p{color: #fff;}



.shili{position: relative;width: 100%;height: 9.5rem;margin-top: 0.5rem;overflow: hidden;}
.shili ul{width: 100%;margin: 0 auto; position: absolute;bottom: 0;left: 0;height: 2.3rem;border-top:1px solid #8c9095;}
.shili ul li{width: 33.2%;float: left;font-size:0.14rem;color: #242424;height: 2.3rem;text-align: center;cursor: pointer;color: #fff;border-right:1px solid #8c9095;}
.shili ul li:last-child{border-right:none;}
.shili ul .on{background: url(/statics/images/index/hong.png)no-repeat center bottom;width:33.2%;height: 2.3rem;background-size: cover;}

.shili .title{text-align: center;color: #fff;position: absolute;z-index: 1;font-size: 0.18rem;width: 100%;top:1rem;line-height: 0.5rem;}
.shili .title p{font-size: 0.46rem;font-weight: bold;}

.shili .mid{position: absolute;left: 50%;}
.shili .mid .case_bg{width: 19.2rem;height: 9.5rem; position: relative;left: -50%;}
.shili .mid .case_bg .case{width:19.2rem;height: 9.5rem; overflow: hidden;position: absolute;}
.shili .case_con{width:19.2rem; position: absolute; top: 0; left: 0;}
.shili .case_box{width:19.2rem; float: left; position: relative;height:9.5rem;background:#fff;}
.shili .case_box img{width: 100%;display: block;}

.shili ul .on .more{display: block;}

.shili ul .more{font-size: 0.16rem;display: block;color: #fff;border-radius: 50%;line-height: 0.5rem;position: relative;top: 1rem;width: 25%;float: right;display: none;}
.shili ul .more i{width: 0.5rem;display: inline-block;height: 0.5rem;border-radius: 50%;background: #e60012;float: left;position: absolute;z-index: 0;transition:0.5s;left:0;}
.shili ul .more img{width: 0.09rem;height: 0.14rem;display: inline-block;padding-left: 0.25rem;}
.shili ul .more span{position: absolute;z-index: 1;left:0.2rem;}
.shili ul .more:hover i{width: 1.4rem;border-radius: 1rem;}
.shili ul .zuo{width: 71%;font-size: 0.16rem;float: left;text-align: left;margin-left: 4%;color: rgba(255,255,255,0.5);line-height: 0.5rem;}
.shili ul .zuo p{font-size: 0.3rem;color: #fff;padding-top: 0.8rem;font-family: 'phtm';font-weight:bold;}

/*新闻*/
#xinwen{margin-top: 1.1rem;}
#xinwen .title p{font-size: 0.46rem;font-weight: bold;color: #333333;text-align: left;float: left;width: 50%;}
#xinwen .title .more{font-size: 0.14rem;border-bottom: 1px solid #e60012;padding-bottom: 0.1rem;color: #e60012;display: inline-block;margin-top: 0.15rem;float: right;}
#xinwen .title .more i{padding-left: 0.1rem;transition:0.5s;}
#xinwen .title .more:hover i{padding-left: 0.2rem;}


#xinwen .bottom{width: 16rem;margin-top: 1rem;}
#xinwen .bottom li{width: 4.5rem;float: left;margin-right: 1.2rem;}
#xinwen .bottom li:last-child{margin-right: 0;}
#xinwen .bottom li .ri{font-size: 0.18rem;color: #e60012;font-family: 'Oswald-Medium';width: 1.3rem;height: 0.4rem;line-height: 0.4rem;border:2px solid #e60012;border-radius: 0.4rem;text-align: center;margin-bottom: 0.5rem;}

#xinwen .bottom li span{color: #999999;font-size: 0.24rem;display: block;}
#xinwen .bottom li .tit{font-size: 0.32rem;color: #333333;font-weight: bold;margin-top: 0.15rem;display: block;}


#xinwen .bottom li .tu{margin-top: 0.4rem;display: block;width: 4.5rem;height: 2.8rem;overflow: hidden;}
#xinwen .bottom li .tu img{transition:all 0.4s linear; -webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear;width: 100%;display: block;}
#xinwen .bottom li .tu img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}


#xinwen li .but{margin-top: 0.75rem;display: block;}
#xinwen li .but span{float: right;width: 0.5rem;height: 0.48rem;background: url(/statics/images/index/red.png)no-repeat left;text-align: center;color: #fff;font-size: 0.16rem;transition:0.5s;color: #fff;overflow: hidden;}
#xinwen li .but i{display: block;width: 1.6rem;height: 0.48rem;border: 1px solid #999999;line-height: 0.48rem;text-indent: 0.2rem;font-size: 0.16rem;}
#xinwen li .but:hover span{width: 0.75rem;color: #fff;}

#yuyue{width: 100%;height: 2.57rem;display: block;background: url(/statics/images/index/yuyue.png)no-repeat center;margin-top: 0.85rem;background-size: cover;}
#yuyue .fl{font-size: 0.36rem;color: #333333;margin-top: 1.1rem;margin-left: 3.5rem;font-family: 'phtb';font-weight:bold;}
#yuyue .fl a{color: #e60012;}

#yuyue .but{margin-top: 1.4rem;display: block;float: right;}
#yuyue .but span{float: right;width: 0.5rem;height: 0.48rem;background: url(/statics/images/index/red.png)no-repeat left;text-align: center;color: #fff;font-size: 0.16rem;transition:0.5s;color: #fff;overflow: hidden;}
#yuyue .but i{display: block;width: 1.6rem;height: 0.48rem;border: 1px solid #999999;line-height: 0.48rem;text-indent: 0.2rem;font-size: 0.16rem;}
#yuyue .but:hover span{width: 0.75rem;color: #fff;}