/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/

.sjcTop,

.sjcTop2,

.sjcBottom,

.sjcLeft,

.sjcRight,

.bg,

.leftWow,

.rightWow,

.bottomWow {

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}





/* banner */



.banner {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

  top: -1rem;

}



.banner .swiper-container {

  width: 100%;

  height: 100%;

  overflow: hidden;

}



.banner .swiper-slide {

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

}



.banner .swiper-slide {

  background-size: 100%;

  background-position: center;

  background-repeat: no-repeat;

}



.banner .swiper-slide img {

  width: 100%;

  height: 100%;

  display: block;

}





.banner .swiper-button-next1{

  position: absolute;

  width: 15%;

  height: 1rem;

  background: url(../image/bannerR.png) no-repeat  center;

  right: 0%;

  bottom: 0%;

  z-index: 5;

}



.banner .swiper-button-prev1{

  position: absolute;

  width: 15%;

  height: 1rem;

  background: url(../image/bannerL.png) no-repeat  center;

  left: 0%;

  bottom: 0%;

  z-index: 5;

}



.banner .swiper-pagination {

  width: 100%;

  bottom: 0.3rem;

  display: none;

}



.banner .swiper-pagination-bullets .swiper-pagination-bullet {

  margin: 0 15px;

  background-color: #fff;

  width: 30px;

  height: 4px;

  opacity: 1;

  border-radius: 0;

}



.banner .swiper-pagination-bullets .swiper-pagination-bullet-active {

  background-color: #2b61ad;

}







/* title */



.title{



}



.title span{

  display: block;

  font-size: 0.62rem;

  color: #333;

  font-weight: bold;

  font-family: Arial, Helvetica, sans-serif;

  line-height: 0.55rem;

  text-transform: capitalize;

}



.title h3{

  font-size: 0.38rem;

  color: #333;

  font-weight: bold;

}



.title h3 i{

  font-size: 0.38rem;

  color: #2b61ad;

  font-weight: bold;

}



.title h3 a{

  display: block;

  font-size: 0.38rem;

  color: #333;

  font-weight: bold;

}



.title_more{

  width: 1.7rem;

  height: 0.5rem;

  line-height: 0.5rem;

  background: #7fba46;

  border-radius: 45px;

}



.title_more a{

  display: block;

  text-align: center;

  font-size: 0.18rem;

  color: #fff;

}







/* about */



.ab_bg{

  width: 100%;

  margin: -1rem auto 0 auto;

  background: url(../image/ab_bg.jpg) no-repeat top center;

  height: 7.9rem;

  overflow: hidden;

}



.ab_bg .about{

  margin: 0 auto;

  padding-top: 0.7rem;

}



.ab_bg .about .ab_l{

  float: left;

  width: 42%;

}



.ab_bg .about .ab_l .txt{

  margin-top: 0.9rem;

  width: 94%;



}



.ab_bg .about .ab_l .txt h5 a{

  display: block;

  font-size: 0.22rem;

  color: #333;

  font-weight: bold;



}



.ab_bg .about .ab_l .txt span{

  display: block;

  font-size: 0.14rem;

  color: #999;

  font-family: Arial, Helvetica, sans-serif;

}



.ab_bg .about .ab_l .txt em{

  display: block;

  width: 3px;

  height: 0rem;

  background: #415fb1;

  margin: 0.3rem 0 0.2rem 0;

}



.ab_bg .about .ab_l .txt p{

  font-size: 0.16rem;

  color: #666;

  line-height: 0.42rem;

  height: 2.1rem;

  overflow: hidden;

}



.ab_bg .about .ab_l .txt .zx{

  width: 1.7rem;

  height: 0.5rem;

  height: 0.5rem;

  line-height: 0.5rem;

  text-align: center;

  border-radius: 45px;

  background: #7fba46;

  margin-top: 0.35rem;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ab_bg .about .ab_l .txt .zx a{

  display: block;

  font-size: 0.18rem;

  color: #fff;

}



.ab_bg .about .ab_l .txt .zx:hover{

  transform: translateX(10px);

}



.ab_bg .about .ab_r{

  float: right;

  width: 57%;

  position: relative;

  background: url(../image/ab_bg1.png) no-repeat top center;

  margin-top: 0.5rem;

}



.ab_bg .about .ab_r .ab_img{

  width: 6.2rem;

  height: 6.2rem;

  border-radius: 50%;

  background: #fff;

  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  position: relative;

  

}



.ab_bg .about .ab_r .ab_img img{

  position: absolute;

  width: 92%;

  height: 92%;

  left: 4%;

  top: 4%;

  border-radius: 50%;



}



.ab_bg .about .ab_r .ab_num{

  position: absolute;

  right: 0px;

  top: 0.3rem;

}



.ab_bg .about .ab_r .ab_num ul li{

  height: 0.7rem;

  line-height: 0.7rem;

  margin-bottom: 1.7rem;



}



.ab_bg .about .ab_r .ab_num ul li p{

  font-size: 0.18rem;

  color: #333;

}



.ab_bg .about .ab_r .ab_num ul li p span{

  display: inline-block;

  width: 0.7rem;

  height: 0.7rem;

  background: #2b61ad;

  border-radius: 50%;

  text-align: center;

  font-size: 0.36rem;

  font-family: Arial, Helvetica, sans-serif;

  color: #fff;

  margin-right: 0.15rem;



}



.ab_bg .about .ab_r .ab_num ul li.ab1{

  right: 1rem;

  position: relative;

}



.ab_bg .about .ab_r .ab_num ul li.ab2{

  position: relative;

  left: 0.35rem;

}



.ab_bg .about .ab_r .ab_num ul li.ab3{

  position: relative;

  right: 1rem;

}



/* te */



.te_bg{

  width: 100%;

  height: auto;

  margin: 0 auto;

  background: url(../image/te_bg.jpg) no-repeat top center;

  height: 6.78rem;

}



.te_bg .te{

  margin: 0 auto;

  padding-top: 0.7rem;

}



.te_bg .te .te_t{

  overflow: hidden;

}



.te_bg .te .te_t .title{

  float: left;

}



.te_bg .te .te_t .title_more{

  float: right;

  margin-top: 0.4rem;

} 



.te_bg .te .te_box{

  margin: 0.5rem auto 0 auto;

} 



.te_bg .te .te_box ul li{

  float: left;

  width: 22%;

  height: 1.5rem;

  background: #fff;

  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  position: relative;

  margin: 0 4% 0.65rem 0;

}



.te_bg .te .te_box ul li:nth-child(4){

  margin-right: 0;

}



.te_bg .te .te_box ul li:nth-child(8){

  margin-right: 0;

}



.te_bg .te .te_box ul li .te_img{

  float: left;

  position: relative;

  width: 59%;

  height: 1.5rem;



}



.te_bg .te .te_box ul li .te_img .te_ico{

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  opacity: 0;





}



.te_bg .te .te_box ul li .te_img  span{

  display: block;

  width: 1rem;

  height: 1rem;

  border-radius: 50%;

  border: 1px dashed #dedede;

  margin: 0.25rem 0 0 0.65rem;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.te_bg .te .te_box ul li .te_img span img{

  width: 1rem;

  height: 1rem;

  display: block;

}



.te_bg .te .te_box ul li i{

  display: block;

  font-size: 0.18rem;

  color: #333;

  float: right;

  margin: 0.5rem 0 0 0rem;

  width: 41%;

}



.te_bg .te .te_box ul li i em{

  display: block;

  font-size: 0.12rem;

  color: #999999;

  font-family: Arial, Helvetica, sans-serif;

  margin-top: 0.1rem;

}



.te_bg .te .te_box ul li.on .te_img .te_ico{

  opacity: 1;

}



.te_bg .te .te_box ul li.on .te_img  span{

  opacity: 0;

}





/* ys */



.ys_bg{

  width: 100%;

  height: auto;

  margin: 0 auto;

  background: url(../image/ys_bg.jpg) no-repeat top center;

  height: 7.8rem;

}



.ys_bg .ys{

  margin: 0 auto;

  position: relative;

}



.ys_bg .ys .ys_t{

  position: absolute;

  right: 0px;

  top: 0px;

  z-index: 5;

  width: 29%;

  height: 2.2rem;

  background: #2b61ad;

  text-align: right;

  padding-right: 8%;

}



.ys_bg .ys .ys_t span{

  display: block;

  font-size: 0.6rem;

  color: #fff;

  font-weight: bold;

  font-family: Arial, Helvetica, sans-serif;

  line-height: 0.55rem;

  padding-top: 0.55rem;



}



.ys_bg .ys .ys_t h3{

  font-size: 0.38rem;

  color: #fff;

  font-weight: bold;

}



.ys_bg .ys .ys_t h3 i{

  font-size: 0.38rem;

  color: #fff;

  font-weight: bold;

}



.ys_bg .ys .ys_list{

  position: absolute;

  right: 0px;

  top: 2.2rem;

  width: 37%;

  height: 5.6rem;

  z-index: 5;

}



.ys_bg .ys .ys_list ul li{

  width: 50%;

  height: 2.8rem;

  float: left;

  border-bottom: 1px solid #dddddd;

  text-align: center;

  position: relative;

  z-index: 5;





}



.ys_bg .ys .ys_list ul li .txt{

  border-right: 1px solid #dddddd;

  width: 99.9%;

  padding-top: 0.9rem;

  height: 1.9rem;

}



.ys_bg .ys .ys_list ul li span{

  display: block;

  width: 0.4rem;

  height: 0.4rem;

  margin: 0rem auto 0.2rem auto;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ys_bg .ys .ys_list ul li p{

  font-size: 0.18rem;

  color: #666;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ys_bg .ys .ys_list ul li:nth-child(1) span{

  background: url(../image/ys_ico1.png) no-repeat top center;

}



.ys_bg .ys .ys_list ul li:nth-child(2) span{

  background: url(../image/ys_ico2.png) no-repeat top center;

}



.ys_bg .ys .ys_list ul li:nth-child(3) span{

  background: url(../image/ys_ico3.png) no-repeat top center;

}



.ys_bg .ys .ys_list ul li:nth-child(4) span{

  background: url(../image/ys_ico4.png) no-repeat top center;

}



.ys_bg .ys .ys_list ul li::after{

  position: absolute;

  left: 0px;

  top: 0;

  width: 100%;

  height: 0%;

  content: "";

  z-index: -1;

  background: #7fba46;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.ys_bg .ys .ys_list ul li.on p{

  color: #fff;



}



.ys_bg .ys .ys_list ul li.on::after{

  height: 100%;

}



.ys_bg .ys .ys_list ul li:nth-child(1).on span{

  background: url(../image/ys_ico11.png) no-repeat top center;

}



.ys_bg .ys .ys_list ul li:nth-child(2).on span{

  background: url(../image/ys_ico22.png) no-repeat top center;

}



.ys_bg .ys .ys_list ul li:nth-child(3).on span{

  background: url(../image/ys_ico33.png) no-repeat top center;

}



.ys_bg .ys .ys_list ul li:nth-child(4).on span{

  background: url(../image/ys_ico44.png) no-repeat top center;

}





.ys_bg .ys .ysCenter{

  width: 63%;

  margin: 0;

  position: relative;

  float: left;

  border-right: 1px solid #dddddd;

  height: 7.8rem;

}



.ys_bg .ys .ysCenter .ys_img{

  position: relative;

  width: 100%;

  height: 5rem;





}



.ys_bg .ys .ysCenter .ys_img img{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.ys_bg .ys .ysCenter .txt{

  margin-top: 0.7rem;

  margin-left: 13%;

}



.ys_bg .ys .ysCenter .txt .ys_xt{

  float: left;

  width: 0.6rem;

}



.ys_bg .ys .ysCenter .txt .ys_xt img{

  display: block;

  width:  0.4rem;

  height: 0.4rem;



}



.ys_bg .ys .ysCenter .txt .ys_xt em{

  display: block;

  width: 100%;

  height: 1px;

  background: #333333;

  margin-top: 0.12rem;



}



.ys_bg .ys .ysCenter .txt .nr{

  float: left;

  width: 85%;

  margin-left: 3%;



} 



.ys_bg .ys .ysCenter .txt .nr h5{

  line-height: 0.4rem;

  font-size: 0.12rem;

  color: #999;

  font-family: Arial, Helvetica, sans-serif;

}



.ys_bg .ys .ysCenter .txt .nr h5 i{

  font-size: 0.22rem;

  color: #2b61ad;

  font-weight: bold;

  margin-right: 0.1rem;



}



.ys_bg .ys .ysCenter .txt .nr p{

  line-height: 0.3rem;

  font-size: 0.14rem;

  color: #666;

  margin-top: 0.1rem;

}







/* case */



.case_bg{

  width: 100%;

  height: auto;

  margin: 0 auto;

  background: url(../image/case_bg.jpg) no-repeat top center;

  padding-bottom: 0.7rem;

}



.case_bg .case{

  margin: 0 auto;

  padding-top: 0.65rem;

}



.case_bg .case .case_t{

  overflow: hidden;

}



.case_bg .case .case_t .title{

  float: left;

}



.case_bg .case .case_t .title_more{

  float: right;

  margin-top: 0.3rem;



}



.case_bg .case .case_box{

  margin: 0.5rem auto 0 auto;

  position: relative;

} 



.case_bg .case .case_box ul li{

  width: 31%;

  float: left;

  margin-right: 3.5%;

  margin-bottom: 0.45rem;

  position: relative;

  z-index: 5;



}



.case_bg .case .case_box ul li:nth-child(3){

  margin-right: 0;

}



.case_bg .case .case_box ul li:nth-child(6){

  margin-right: 0;

}



.case_bg .case .case_box ul li::after{

  position: absolute;

  left: 0px;

  bottom: 0;

  width: 120%;

  height: 1px;

  content: "";

  z-index: -1;

  background: #eeeeee;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}





.case_bg .case .case_box ul li:nth-child(3n)::after{

  width: 100%;

}



.case_bg .case .case_box ul li .pic{

  background: #fbfbfb;

  padding-top: 70%;

  position: relative;



}



.case_bg .case .case_box ul li .pic img{

  position: absolute;

  width: 98%;

  height: 97%;

  left: 1%;

  top: 1.5%;



}



.case_bg .case .case_box ul li .txt{

  height: 1rem;

  line-height: 0.92rem;

  text-align: center;



} 



.case_bg .case .case_box ul li .txt a{

  font-size: 0.18rem;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.case_bg .case .case_box ul li .txt i{

  display: block;

  margin: 0 auto;

  background: url(../image/buttom1.png) no-repeat  center;

  width: 0.16rem;

  height: 0.16rem;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  position: relative;

  z-index: 5;

  opacity: 0;

}



.case_bg .case .case_box ul li::before{

  position: absolute;

  left: 0px;

  bottom: 0;

  width: 0%;

  height: 1px;

  content: "";

  z-index: 0;

  background: #2b61ad;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.case_bg .case .case_box ul li:hover::before{

  width: 100%;

}



.case_bg .case .case_box ul li:hover  .txt i{

  opacity: 1;

}



/* news */



.news_bg{

  width: 100%;

  margin: 0 auto;

  background: url(../image/news_bg.jpg) no-repeat center;

  overflow: hidden;

  padding-bottom: 0.5rem;

}



.news_bg .news{

  padding-top: 0.65rem;

  margin: 0 auto;

}



.news_bg .news .news_t{

  overflow: hidden;

}



.news_bg .news .news_t .title{

  float: left;

} 



.news_bg .news .news_t .news_list{

  float: right;

  margin-top: 0.3rem;

}



.news_bg .news .news_t .news_list ul li{

  float: left;

  width: 1.7rem;

  height: 0.5rem;

  line-height: 0.5rem;

  text-align: center;

  border: 1px solid #dedede;

  border-radius: 45px;

  margin-left: 0.25rem;

  position: relative;

  z-index: 5;

}



.news_bg .news .news_t .news_list ul li a{

  display: block;

  font-size: 0.18rem;

  color: #333;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news_bg .news .news_t .news_list ul li::after{

  position: absolute;

  left: 0px;

  top: 0;

  width: 0%;

  height: 100%;

  content: "";

  z-index: -1;

  background: #7fba46;

  border-radius: 45px;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news_bg .news .news_t .news_list ul li.on::after{

  width: 100%;

}



.news_bg .news .news_t .news_list ul li.on a{

  color: #fff;

  font-weight: bold;

}



.news_bg .news .newsCenter{

  margin: 0.45rem auto 0 auto;

} 



.news_bg .news .newsCenter .swiper-slide{

  width: 100% !important;

}



.news_bg .news .newsCenter .swiper-slide .news_l{

  float: left;

  width: 50%;

  height: 5.7rem;

  border-right: 1px solid #dedede;

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr{

  width: 94%;



}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .news_img{

  width: 100%;

  height: 2.65rem;

  position: relative;



}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .news_img img{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt{

  margin-top: 0.35rem;



} 



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt h5 a{

  font-size: 0.16rem;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt p{

  font-size: 0.14rem;

  color: #999999;

  line-height: 0.3rem;

  height: 0.6rem;

  overflow: hidden;

  margin: 0.15rem 0 0.3rem 0;

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt span{

  display: block;

  font-size: 0.16rem;

  color: #333;

  font-family: "Impact";

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt em{

  display: block;

  width: 100%;

  height: 1px;

  background: #dedede;

  margin-top: 0.3rem;

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt .more{

  display: block;

  border-radius: 50%;

  text-align: center;

  font-size: 0.16rem;

  color: #fff;

  width: 0.4rem;

  height: 0.4rem;

  line-height: 0.38rem;

  background: #2b61ad;

  margin-top: 0.4rem;

}



.news_bg .news .newsCenter .swiper-slide .news_l:hover .news_nr .txt h5 a{

  color: #2b61ad;

}



.news_bg .news .newsCenter .swiper-slide .news_r{

  float: right;

  width: 47%;

} 



.news_bg .news .newsCenter .swiper-slide .news_r ul li{

  overflow: hidden;

  margin-bottom: 0.37rem;

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li h5 a{

  font-size: 0.16rem;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li p{

  font-size: 0.14rem;

  color: #999999;

  line-height: 0.3rem;

  height: 0.6rem;

  overflow: hidden;

  margin: 0.15rem 0 0.3rem 0;

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li span{

  display: block;

  font-size: 0.16rem;

  color: #333;

  font-family: "Impact";

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li em{

  display: block;

  width: 100%;

  height: 1px;

  background: #dedede;

  margin-top: 0.3rem;

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li .more{

  display: block;

  border-radius: 50%;

  text-align: center;

  font-size: 0.16rem;

  color: #333;

  width: 0.4rem;

  height: 0.4rem;

  line-height: 0.38rem;

  background: #ededed;

  margin-top: 0.4rem;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li:hover h5 a{

  color: #2b61ad;

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li:hover .more{

  background: #2b61ad;

  color: #fff;

}







/* product */



.pro_bg{

  width: 100%;

  height: 8rem;

  margin: 0 auto;

  background: url(../image/pro_bg.jpg) no-repeat top center;

  background-size: cover;

}



.pro_bg .product{

  margin: 0 auto;

  padding-top: 0.8rem;

}



.pro_bg .product .pro_box{

  margin: 0.45rem auto 0 auto;

}



.pro_bg .product .pro_box .pro_list{

  overflow: hidden;

}



.pro_bg .product .pro_box .pro_list ul li{

  float: left;

  height: 0.3rem;

  line-height: 0.3rem;

  width: 1rem;

  margin-right: 0.4rem;

  position: relative;

}



.pro_bg .product .pro_box .pro_list ul li a{

  font-size: 0.16rem;

  color: #333;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  text-align: center;

}



.pro_bg .product .pro_box .pro_list ul li.on a{

  color: #2b61ad;



}



.pro_bg .product .pro_box .pro_list ul li::after{

  position: absolute;

  left: 0px;

  bottom: 0px;

  width: 0px;

  height: 1px;

  background: #184299;

  content: "";

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.pro_bg .product .pro_box .pro_list ul li.on::after{

  width: 100%;

}



.pro_bg .product .pro_box .pro_show{

  width: 69%;

  height: 3.5rem;

  background: #fff;

  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  padding: 0.15rem 1%;

  margin-top: 0.4rem;

  position: relative;



} 



.pro_bg .product .pro_box .pro_show .mySwiper{

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

}



.pro_bg .product .pro_box .pro_show .swiper-slide{

  position: relative;

}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr{

  width: 99.3%;

  height: 3.5rem;

  border: 1px solid #dedede;

}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .pic{

  width: 88%;

  height: 1.8rem;

  position: relative;

  margin: 0.25rem auto 0 auto;



}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .pic img{

  position: absolute;

  left: 0px;

  top: 0px;

  width: 100%;

  height: 100%;

  object-fit: cover;



}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .txt{

  width: 88%;

  margin: 0.37rem auto 0 auto;

} 



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .txt a{

  display: block;

  text-align: right;

}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .txt a span{

  font-size: 0.18rem;

  color: #333;

  font-weight: bold;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .txt a i{

  font-size: 0.12rem;

  color: #999999;

  font-family: Arial, Helvetica, sans-serif;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  margin-top: 0.02rem;

}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .txt a em{

  display: inline-block;

  background: url(../image/more.png) no-repeat center;

  width: 0.16rem;

  height: 0.16rem;

  text-align: right;

  margin-top: 0.1rem;

}



.pro_bg .product .pro_box .pro_show .swiper-pagination{

 bottom: -0.5rem;

 width: auto;

}





.pro_bg .product .pro_box .pro_show .swiper-pagination-bullet{

  border-radius: 0px;

  background: #7fba46;

  opacity: 0.2;

}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{

  margin: 0 0.2rem 0 0 ;

}



.pro_bg .product .pro_box .pro_show .swiper-pagination-bullet-active{

  opacity: 1;

}





@media (max-width: 1600px) {



  .te_bg .te .te_box ul li .te_img span {

    margin: 0.25rem 0 0 0.25rem;



}



.ab_bg .about .ab_r .ab_num ul li.ab1{

  right: 0rem;

  position: relative;

}



.ab_bg .about .ab_r .ab_num ul li.ab2{

  position: relative;

  left: 1.4rem;

}



.ab_bg .about .ab_r .ab_num ul li.ab3{

  position: relative;

  right: 0rem;

}





}





@media (max-width: 1440px) {



  .nav_bg{

    width: 65%;

  }



  .ab_bg .about .ab_r .ab_img {

    width: 5.8rem;

    height:  5.8rem;

}



}









@media (max-width: 1200px) {



  .banner {

    top: 0rem;

  }



  .banner .swiper-pagination {

    bottom: 0.2rem;

    display: block;

  }



  .banner .swiper-button-next1{

    display: none;

  }

  

  .banner .swiper-button-prev1{

    display: none;

  }





/* title */





.title span{

  display: block;

  font-size: 0.36rem;

  line-height: 0.55rem;

}



.title h3{

  font-size: 0.24rem;



}



.title h3 i{

  font-size: 0.24rem;



}



.title h3 a{

  font-size: 0.24rem;

}



.title_more{

  width: 1.5rem;

  height: 0.4rem;

  line-height: 0.4rem;

}



.title_more a{

  font-size: 0.16rem;



}



/* case */



.case_bg{

  padding-bottom: 0.3rem;

  background-size: cover;

}



.case_bg .case{

  margin: 0 auto;

  padding-top: 0.35rem;

}



.case_bg .case .case_t{

  overflow: hidden;

  margin: 0 auto;

  text-align: center;

}



.case_bg .case .case_t .title{

  float: none;

}



.case_bg .case .case_t .title_more{

  float: none;

  margin: 0.2rem auto 0 auto;



}



.case_bg .case .case_box{

  margin: 0.4rem auto 0 auto;

  position: relative;

} 



.case_bg .case .case_box ul li{

  width: 48%;

  float: left;

  margin-right: 4%;

  margin-bottom: 0.3rem;

  position: relative;

  z-index: 5;



}



.case_bg .case .case_box ul li::after{

  width: 100%;

  height: 1px;



}



.case_bg .case .case_box ul li:nth-child(2n){

  margin-right: 0;

}



.case_bg .case .case_box ul li:nth-child(3){

  margin-right: 4%;

}



.case_bg .case .case_box ul li:nth-child(6){

  margin-right: 0;

}



.case_bg .case .case_box ul li .txt a{

  font-size: 0.16rem;



}



.case_bg .case .case_box ul li .txt {

  height: 0.5rem;

  line-height: 0.48rem;

  text-align: center;

}



.case_bg .case .case_box ul li:hover .txt i{

  display: none;

}









/* te */



.te_bg{

  width: 100%;

  height: auto;

  margin: 0 auto;

  background: url(../image/te_bg.jpg) no-repeat top center;

  height: auto;

  padding-bottom: 0.3rem;

  background-size: cover;

}



.te_bg .te{

  margin: 0 auto;

  padding-top: 0.3rem;

}





.te_bg .te .te_t .title{

  float: none;

  margin: 0 auto;

  text-align: center;

}



.te_bg .te .te_t .title_more{

  float: none;

  margin: 0.2rem auto 0 auto;

} 



.te_bg .te .te_box{

  margin: 0.5rem auto 0 auto;

} 



.te_bg .te .te_box ul li{

  float: left;

  width: 48%;

  height: 1.5rem;

  background: #fff;

  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  position: relative;

  margin: 0 4% 0.35rem 0;

}



.te_bg .te .te_box ul li:nth-child(2n){

  margin-right: 0;

}



.te_bg .te .te_box ul li .te_img{

  float: left;

  position: relative;

  width: 59%;

  height: 1.5rem;



}



.te_bg .te .te_box ul li .te_img .te_ico{

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

  opacity: 0;





}



.te_bg .te .te_box ul li .te_img  span{

  display: block;

  width: 1rem;

  height: 1rem;

  border-radius: 50%;

  border: 1px dashed #dedede;

  margin: 0.25rem 0 0 0.65rem;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}



.te_bg .te .te_box ul li .te_img span img{

  width: 1rem;

  height: 1rem;

  display: block;

}







.ys_bg .ys .ys_t {

  width: 35%;

  padding-right: 2%;

}



.ys_bg .ys .ys_t span{

  display: block;

  font-size: 0.4rem;

  line-height: 0.55rem;

  padding-top: 0.45rem;

}



.ys_bg .ys .ys_t h3 i {

  font-size: 0.3rem;

}







.ab_bg{

  width: 100%;

  margin: 0rem auto 0 auto;

  background: url(../image/ab_bg.jpg) no-repeat top center;

  height: auto;

}



.ab_bg .about .ab_r {

  background-size: cover;

}





}











@media (max-width: 980px){

  /* news */



.news_bg{

  padding-bottom: 0.3rem;

  background-size: cover;

}



.news_bg .news{

  padding-top: 0.45rem;

  margin: 0 auto;

}



.news_bg .news .news_t{

  overflow: hidden;

}



.news_bg .news .news_t .title{

  float: none;

  text-align: center;

} 



.news_bg .news .news_t .news_list{

  float: none;

  margin-top: 0.3rem;

}



.news_bg .news .news_t .news_list ul li{

  float: left;

  width: 30%;

  height: 0.4rem;

  line-height: 0.4rem;

  text-align: center;

  border: 1px solid #dedede;

  border-radius: 45px;

  margin: 0 1.5%;

  position: relative;

  z-index: 5;

}



.news_bg .news .news_t .news_list ul li a{

  display: block;

  font-size: 0.16rem;

  color: #333;

  -webkit-transition: all 0.5s ease-out;

  -o-transition: all 0.5s ease-out;

  transition: all 0.5s ease-out;

}





.news_bg .news .newsCenter{

  margin: 0.45rem auto 0 auto;

} 



.news_bg .news .newsCenter .swiper-slide{

  width: 100% !important;

}



.news_bg .news .newsCenter .swiper-slide .news_l{



  height: auto;



}





.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .news_img{

  width: 100%;

  height: 2.45rem;

  position: relative;



}







.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt{

  margin-top: 0.2rem;



} 





.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt p{



  margin: 0.15rem 0 0.2rem 0;

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt em{

  margin-top: 0.2rem;

}



.news_bg .news .newsCenter .swiper-slide .news_l .news_nr .txt .more{

  margin-top: 0.3rem;

}



.news_bg .news .newsCenter .swiper-slide .news_l:hover .news_nr .txt h5 a{

  color: #2b61ad;

}







.news_bg .news .newsCenter .swiper-slide .news_r ul li{

  overflow: hidden;

  margin-bottom: 0.3rem;

}





.news_bg .news .newsCenter .swiper-slide .news_r ul li p{



  margin: 0.15rem 0 0.2rem 0;

}





.news_bg .news .newsCenter .swiper-slide .news_r ul li em{

  margin-top: 0.2rem;

}



.news_bg .news .newsCenter .swiper-slide .news_r ul li .more {

  margin-top: 0.3rem;



}





/* ys */



.ys_bg{

  background: url(../image/ys_bg.jpg) no-repeat top center;

  height: auto;

  background-size: cover;

  padding-bottom: 0.3rem;

}



.ys_bg .ys{

  margin: 0 auto;

  position: relative;

}



.ys_bg .ys .ys_t{

  position: relative;

  right: 0px;

  top: 0px;

  z-index: 5;

  width: 90%;

  height: auto;

  background: #2b61ad;

  text-align: center;

  padding: 0 5% 0.2rem 5%;

}



.ys_bg .ys .ys_t span{

  display: block;

  font-size: 0.4rem;

  line-height: 0.55rem;

  padding-top: 0.2rem;



}



.ys_bg .ys .ys_t h3{

  font-size: 0.3rem;

}



.ys_bg .ys .ys_t h3 i{

  font-size: 0.3rem;

}



.ys_bg .ys .ys_list{

  position: relative;

  right: 0px;

  top: 0;

  width: 100%;

  height: auto;

  z-index: 5;

}



.ys_bg .ys .ys_list ul li{

  width: 50%;

  height: 1.5rem;

  float: left;

  border-bottom: 1px solid #dddddd;

  text-align: center;

  position: relative;

  z-index: 5;





}



.ys_bg .ys .ys_list ul li .txt{

  border-right: 1px solid #dddddd;

  width: 99.9%;

  padding-top: 0.3rem;

  height: 1.2rem;

}





.ys_bg .ys .ysCenter{

  width: 100%;

  margin: 0;

  position: relative;

  float: none;

  border-right: none;

  height: auto;

  overflow: hidden;

}



.ys_bg .ys .ysCenter .ys_img{

  position: relative;

  width: 100%;

  height: 2rem;



}





.ys_bg .ys .ysCenter .txt{

  margin: 0.3rem 5% 0 5%;

}



.ys_bg .ys .ysCenter .txt .ys_xt{

  float: left;

  width: 0.6rem;

}





.ys_bg .ys .ysCenter .txt .nr{

  float: left;

  width: 80%;

  margin-left: 3%;



} 



.ys_bg .ys .ysCenter .txt .nr h5{

  line-height: 0.3rem;

}



.ys_bg .ys .ysCenter .txt .nr h5 i{

  font-size: 0.18rem;

  color: #2b61ad;

  font-weight: bold;

  margin-right: 0.1rem;

  display: block;



}





/* about */



.ab_bg{

  width: 100%;

  margin: 0rem auto 0 auto;

  background: url(../image/ab_bg.jpg) no-repeat top center;

  height: auto;

  padding-bottom: 0.2rem;

}



.ab_bg .about{

  margin: 0 auto;

  padding-top: 0.4rem;

}



.ab_bg .about .ab_l{

  float: none;

  width: 100%;

}



.ab_bg .about .ab_l .txt{

  margin-top: 0.3rem;

  width: 100%;



}







.ab_bg .about .ab_l .txt .zx{

  width: 1.5rem;

  height: 0.4rem;

  line-height: 0.4rem;

  margin-top: 0.3rem;



}





.ab_bg .about .ab_r{

  float: none;

  width: 100%;

  position: relative;

  background: url(../image/ab_bg1.png) no-repeat top center;

  margin: 0.4rem auto 0 auto;

  background-size: contain;

  overflow: hidden;

}



.ab_bg .about .ab_r .ab_img{

  width: 4rem;

  height: 4rem;

  border-radius: 50%;

  background: #fff;

  position: relative;

  margin: 0 0 0 3%;

  float: left;

  

}







.ab_bg .about .ab_r .ab_num{

  position: absolute;

  right: 0px;

  top: 0.3rem;

}



.ab_bg .about .ab_r .ab_num ul li{

  height: 0.7rem;

  line-height: 0.7rem;

  margin-bottom: 0.5rem;



}





.ab_bg .about .ab_r .ab_num ul li p span{

  display: inline-block;

  width: 0.7rem;

  height: 0.7rem;

  background: #2b61ad;

  border-radius: 50%;

  text-align: center;

  font-size: 0.36rem;

  font-family: Arial, Helvetica, sans-serif;

  color: #fff;

  margin-right: 0.15rem;



}



.ab_bg .about .ab_r .ab_num ul li.ab1{

  right: 1rem;

  position: relative;

}



.ab_bg .about .ab_r .ab_num ul li.ab2{

  position: relative;

  left: 0rem;

}



.ab_bg .about .ab_r .ab_num ul li.ab3{

  position: relative;

  right: 1rem;

}







}







@media (max-width: 798px){

  /* product */



.pro_bg{

  width: 100%;

  height: auto;

  margin: 0 auto;

  background: url(../image/pro_bg1.jpg) no-repeat top center;

  background-size: cover;

}



.pro_bg .product{

  margin: 0 auto;

  padding: 0.4rem 0 0.5rem 0;

}



.pro_bg .product .pro_box{

  margin: 0.3rem auto 0 auto;

}



.pro_bg .product .title{

  margin: 0 auto;

  text-align: center;

} 



.pro_bg .product .pro_box .pro_list{

  overflow: hidden;

}



.pro_bg .product .pro_box .pro_list ul li{

  float: left;

  height: 0.3rem;

  line-height: 0.3rem;

  width: 30%;

  margin: 0 1.5% 0.2rem 1.5%;

  position: relative;

}





.pro_bg .product .pro_box .pro_show{

  width: 100%;

  height: 3.2rem;

  background: #fff;

  -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);

  padding: 0.15rem 1%;

  margin-top: 0.1rem;

  position: relative;



} 



.pro_bg .product .pro_box .pro_show .mySwiper{

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

}



.pro_bg .product .pro_box .pro_show .swiper-slide{

  position: relative;

}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr{

  width: 99.3%;

  height: 3.2rem;

  border: 1px solid #dedede;

}



.pro_bg .product .pro_box .pro_show .swiper-slide .nr .pic{

  width: 88%;

  height: 1.6rem;

  position: relative;

  margin: 0.2rem auto 0 auto;



}





.pro_bg .product .pro_box .pro_show .swiper-slide .nr .txt{

  width: 88%;

  margin: 0.3rem auto 0 auto;

} 





.pro_bg .product .pro_box .pro_show .swiper-pagination{

 bottom: -0.3rem;

 width: 100%;

}





}



@media (max-width: 640px) {



  .te_bg .te .te_box ul li {



    margin: 0 4% 0.25rem 0;

}



.te_bg .te .te_box ul li .te_img{

  width: 48%;

}



.te_bg .te .te_box ul li i {

  width: 52%;

}



  .te_bg .te .te_box ul li .te_img  span{

    display: block;

    width: 0.6rem;

    height: 0.6rem;

    margin: 0.45rem 0 0 0.15rem;



  }

  

  .te_bg .te .te_box ul li .te_img span img{

    width: 100%;

    height: 100%;

    display: block;

  }



  .te_bg .te .te_box ul li.on .te_img .te_ico{

    display: none;

  }



  .te_bg .te .te_box ul li.on .te_img span{

    opacity: 1;

  }





  .ys_bg .ys .ysCenter .txt .nr p{

    left: -0.7rem;

    width: 120%;

    position: relative;

  }



  .ab_bg .about .ab_r {

    float: none;

    width: 100%;

    position: relative;

    background: none;

    margin: 0.4rem auto 0 auto;

    background-size: contain;

    overflow: hidden;

}



.ab_bg .about .ab_r .ab_num{

  display: none;

}



.ab_bg .about .ab_r .ab_img {

  width: 3rem;

  height: 3rem;

  margin: 0 auto;

  float: none;

}



.ab_bg .about .ab_l .txt em {



   margin: 0.1rem 0 0.1rem 0; 

}



.ab_bg .about .ab_l .txt p {

  line-height: 0.4rem;

  height: 1.2rem;

}





}