/* 

* @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: #008ae2;

  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: #008ae2;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(../image/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: #008ae2;

  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(../image/item1.jpg)no-repeat center;background-size: cover;}

.home-section2 #item2{width: 100%;height: 4.85rem;background: url(../image/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 #008ae2;padding-bottom: 0.1rem;color: #008ae2;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: #008ae2;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(../image/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: #008ae2;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 #008ae2;padding-bottom: 0.1rem;color: #008ae2;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: #008ae2;font-family: 'Oswald-Medium';width: 1.3rem;height: 0.4rem;line-height: 0.4rem;border:2px solid #008ae2;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(../image/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(../image/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: #008ae2;}



#yuyue .but{margin-top: 1.4rem;display: block;float: right;}

#yuyue .but span{float: right;width: 0.5rem;height: 0.48rem;background: url(../image/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;}