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



/*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;



}











.pagetop_bg{



  background: none;







}



















/* banner */







.banner_bg {



  width: 100%;



  height: 100%;



  overflow: hidden;



  margin: 0 auto;



  position: relative;



  top: -120px;



}







.banner {



  width: 100%;



  height: 100%;



  overflow: hidden;



  position: relative;



  margin: 0 auto;



}



.banner:hover .swiper-button-next1{

  opacity:1;

}



.banner .swiper-container {



  width: 100%;



  height: 100%;



  overflow: hidden;



  margin: 0 0;



}







.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 video {



  width: 100%;



  height: 100%;



  display: block;



  object-fit: cover;



}







.banner .swiper-slide img {



  width: 100%;



  height: 100%;



  display: block;



}







.banner .swiper-button-next1{

  position: absolute;

  width: 65px;

  height: 65px;

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

  right: 2%;

  top: 50%;

  z-index: 5;

  cursor: pointer;

  opacity: 0;

  -webkit-transition: .5s;

  transition: .5s;

}







.banner .swiper-button-prev1{

  position: absolute;

  width: 65px;

  height: 65px;

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

  left: 2%;

  top: 50%;

  z-index: 5;

  cursor: pointer;

  opacity: 0;

  -webkit-transition: .5s;

  transition: .5s;

}



.banner:hover .swiper-button-prev1{

  opacity:1;

}







.banner .swiper-pagination {



  width: 100%;



  bottom: 40px;



  left: 0;



}







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



  margin: 0 15px;



  width: 10px;



  height: 10px;



  opacity: 1;



  border-radius: 50%;



  display: block;



  background: #fff;



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



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



  transition: all 0.5s ease-out;



  position: relative;



  display: inline-block;



}











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



  background: #4c4fc4;



}















/* title */







.title{



  margin: 0 auto;



  text-align: center;



}







.title h3{



  font-size: 42px;



  color: #333;



  font-weight: bold;



  margin: 0 auto;



  text-align: center;



  line-height: 40px;



}







.title h3 i{



  color: #2d82ff;



  font-size: 42px;



  font-weight: bold;



}







.title span{



  display: block;



  color: #666666;



  font-size: 20px;



  margin-top: 30px;



}











/* danyou */







.danyou_bg{



  width: 100%;



  margin: -120px auto 0 auto;



  background: url(../images/danyou_bg.jpg) no-repeat  center;



  height: 950px;



}







.danyou_bg .danyou{



  width: 1300px;



  margin: 0 auto;



  padding-top: 70px;



}







.danyou_bg .danyou .danyou_t{



  font-size: 42px;



  color: #333;



  font-weight: bold;



  margin: 0 auto;



  text-align: center;



  line-height: 45px;







}







.danyou_bg .danyou .danyou_t i{



  color: #2d82ff;



  font-size: 42px;



  font-weight: bold;



}







.danyou_bg .danyou .danyou_box{



  margin: 90px auto 0 auto;



  position: relative;



}











.danyou_bg .danyou .danyou_box .danyou_img{



  width: 505px;



  height: 505px;



  position: relative;



  margin: 0 auto;



  z-index: 5;







}











.danyou_bg .danyou .danyou_box .danyou_img::after{



  position: absolute;



  left: 0;



  top: 0px;



  background: url(../images/danyou_list.png) no-repeat  center;



  width: 505px;



  height: 505px;



  content: "";



  z-index: 0;



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



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



  transition: all 0.5s ease-out;



  animation: msClock1 12s linear infinite;



  animation: msClock1 12s linear infinite;



}







.danyou_bg .danyou .danyou_box .danyou_img::before{



  position: absolute;



  left: 55px;



  top: 55px;



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



  width: 396px;



  height: 396px;



  content: "";



  z-index: -1;



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



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



  transition: all 0.5s ease-out;



  animation: msClock2 25s linear infinite;



  animation: msClock2 25s linear infinite;



}







.danyou_bg .danyou .danyou_box .danyou_img span{



  display: block;



  background: #adc6f5;



  width: 264px;



  height: 264px;



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



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



  transition: all 0.5s ease-out;



  border-radius: 50%;



  margin: 0 auto;



  position: relative;



  top: 120px;



}







.danyou_bg .danyou .danyou_box .danyou_img i{



  display: block;



  display: block;



  background: url(../images/danyou_list1.png) no-repeat  center;



  width: 229px;



  height: 229px;



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



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



  transition: all 0.5s ease-out;



  border-radius: 50%;



  margin: 0 auto;



  position: relative;



  top: -126px;



}







.danyou_bg .danyou .danyou_box .danyou_img i img{



  margin: 0 auto;



  width: 67px;



  height: 43px;



  display: block;



  padding-top: 60px;







}







.danyou_bg .danyou .danyou_box .danyou_img i em{



  display: block;



  margin: 8px auto 0 auto;



  font-size: 30px;



  color: #fff;



  font-weight: bold;



  text-align: center;



}















.danyou_bg .danyou .danyou_box ul li{



  width: 345px;



  height: 245px;



  position: relative;



  z-index: 5;



  padding-top: 55px;



  padding-left: 65px;



  padding-right: 50px;



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



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



  transition: all 0.5s ease-out;







}







.danyou_bg .danyou .danyou_box ul li .txt{







}







.danyou_bg .danyou .danyou_box ul li .txt h5{



  height: 104px;







}







.danyou_bg .danyou .danyou_box ul li .txt h5 img{



  display: block;



  float: left;



  margin-right: 12px;



}







.danyou_bg .danyou .danyou_box ul li .txt h5 span{



  display: block;



  font-size: 30px;



  color:  #333333;



  font-weight: bold;



  margin-top: 40px;



  float: left;



}







.danyou_bg .danyou .danyou_box ul li .txt p{



  font-size: 16px;



  color:  #333333;



  line-height: 42px;



  margin: 0 0 0 120px;



  width: 205px;



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



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



  transition: all 0.5s ease-out;



}







.danyou_bg .danyou .danyou_box ul li .txt dl{



  margin: 0 0 0 120px;



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



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



  transition: all 0.5s ease-out;



  height: auto;



  opacity: 0;



}











.danyou_bg .danyou .danyou_box ul li .txt dl dd{



  font-size: 16px;



  color:  #333333;



  margin-bottom: 23px;



  line-height: 24px;



}







.danyou_bg .danyou .danyou_box ul li .txt dl dd i{



  float: left;



  font-size: 18px;



  color:  #0a4da0;



  font-weight: bold;



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



  text-align: center;



  border-radius: 50%;



  width: 24px;



  height: 24px;



  background: #cedcfa;



  margin-right: 13px;



}











.danyou_bg .danyou .danyou_box ul li::after{



  content: '';



  width: 100%;



  height: 0%;



  background: url(../images/danyou_list2.png) no-repeat  center ;



  position: absolute;



  left: 0%;



  top: 0px;



  z-index: -1;



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



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



  transition: all 0.5s ease-out;



}







.danyou_bg .danyou .danyou_box ul li.on::after{



  height: 100%;



}











.danyou_bg .danyou .danyou_box ul li.on{



  height: 315px;







}











.danyou_bg .danyou .danyou_box ul li.on p{



  opacity: 0;







}







.danyou_bg .danyou .danyou_box ul li.on dl{



  opacity: 1;



  transform: translateY(-80px);



}











.danyou_bg .danyou .danyou_box ul li:nth-child(1){



  position: absolute;



  left: -65px;



  top: -55px;







}











.danyou_bg .danyou .danyou_box ul li:nth-child(2){



  position: absolute;



  right: -65px;



  top: -55px;



}







.danyou_bg .danyou .danyou_box ul li:nth-child(3){







  position: absolute;



  left: -65px;



  top: 235px;



}







.danyou_bg .danyou .danyou_box ul li:nth-child(4){



  position: absolute;



  right: -65px;



  top: 235px;



}







.danyou_bg .danyou .zx{



  width: 300px;



  height: 60px;



  line-height: 60px;



  background: #4c4fc4;



  border-radius: 45px;



  margin: 0 25px;



  -webkit-box-shadow: 0 8px 8px 0px rgba(76, 79, 196, .2);



  box-shadow: 0 8px 8px 0px rgba(76, 79, 196, .2);



  margin: 85px auto 0 auto;



  position: relative;



  z-index: 5;



}







.danyou_bg .danyou .zx a{



  display: block;



  font-size: 20px;



  color: #fff;



  text-align: center;



}







.danyou_bg .danyou .zx::after{



  content: '';



  width: 0%;



  height: 100%;



  background: url(../images/zx.png) repeat  center ;



  position: absolute;



  left: 50%;



  top: 0px;



  z-index: -1;



  border-radius: 45px;



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



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



  transition: all 0.5s ease-out;



}







.danyou_bg .danyou .zx:hover::after{



  left: 0%;



  width: 100%;



}















@keyframes msClock1 {



  0% {



    transform: rotate(0);



  }







  100% {



  transform: rotate(360deg);



  }



}















@keyframes msClock2 {



  0% {



    transform: rotate(360deg);



  }







  100% {



  transform: rotate(0deg);



  }



}















/* te */







.te_bg{



  width: 100%;



  height: 750px;



  margin: 0 auto;



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



  overflow: hidden;



}











.te_bg .te{



  margin: 0 auto;



  width: 1300px;



  padding-top: 75px;



}











.te_bg .te .title h3{



  color: #fff;







}







.te_bg .te .title span{



  color: #e4edff;



}











.te_bg .te .te_box{



  margin: 135px auto 0 auto;



  position: relative;



}











.te_bg .te .te_box .te_left{



  float: left;



  position: relative;



  width: 377px;



  height: 381px;



  background: url(../images/te_list.png) no-repeat  center;



  margin-left: 120px;







}







.te_bg .te .te_box .te_left dl{



  margin: 0 auto;



}







.te_bg .te .te_box .te_left dt{



  margin: 0 auto;



  text-align: center;



}







.te_bg .te .te_box .te_left dt img{



  display: block;



  width: 114px;



  height: 82px;



  margin: 125px auto 10px auto;



}







.te_bg .te .te_box .te_left dt h5{



  font-size: 24px;



  color: #ffffff;



  font-weight: bold;



}







.te_bg .te .te_box .te_left dd{







}







.te_bg .te .te_box .te_left dd img{



  display: block;



  width: 77px;



  height: 77px;



}







.te_bg .te .te_box .te_left dd p{



  



}







.te_bg .te .te_box .te_left dd p span{



  font-size: 18px;



  color: #fff;



  font-weight: bold;



  display: block;







}







.te_bg .te .te_box .te_left dd p i{



  display: block;



  width: 13px;



  height: 7px;



  background: url(../images/buttom2.png) center  no-repeat;







}







.te_bg .te .te_box .te_left dd.te1{



  position: absolute;



  left: 0;



  top: -73px;



  width: 100%;







}







.te_bg .te .te_box .te_left dd.te1 img{



  display: block;



  margin: 0 auto;



}







.te_bg .te .te_box .te_left dd.te1 p{



  text-align: center;







}











.te_bg .te .te_box .te_left dd.te1 p i{



  margin: 8px auto 12px auto;







}











.te_bg .te .te_box .te_left dd.te2{



  position: absolute;



  left: -135px;



  top: 108px;



  line-height: 77px;



  



}







.te_bg .te .te_box .te_left dd.te2 img{



  float: right;



}







.te_bg .te .te_box .te_left dd.te2 p{



  float: left;



}







.te_bg .te .te_box .te_left dd.te2 p i{



  float: left;



  margin: 38px 15px 0 7px;



  transform: rotate(-90deg);



}







.te_bg .te .te_box .te_left dd.te2 p span{



  float: left;



}







.te_bg .te .te_box .te_left dd.te3{



  position: absolute;



  left: 315px;



  top: 100px;



  line-height: 77px;



  width: 220px;



}







.te_bg .te .te_box .te_left dd.te3 img{



  float: left;



}







.te_bg .te .te_box .te_left dd.te3 p{



  float: left;



}







.te_bg .te .te_box .te_left dd.te3 p i{



  display: block;



  float: left;



  margin: 38px 8px 0 15px;



  transform: rotate(90deg);



}







.te_bg .te .te_box .te_left dd.te3 p span{



  display: block;



  float: left;



}







.te_bg .te .te_box .te_left dd.te4{



  position: absolute;



  left: -55px;



  top: 290px;



  line-height: 77px;



}







.te_bg .te .te_box .te_left dd.te4 img{



  float: right;



}







.te_bg .te .te_box .te_left dd.te4 p{



  float: left;



}







.te_bg .te .te_box .te_left dd.te4 p i{



  float: left;



  margin: 38px 15px 0 7px;



  transform: rotate(-90deg);



}







.te_bg .te .te_box .te_left dd.te4 p span{



  float: left;



}















.te_bg .te .te_box .te_left dd.te5{



  position: absolute;



  left: 255px;



  top: 285px;



  line-height: 77px;



  width: 230px;



}







.te_bg .te .te_box .te_left dd.te5 img{



  float: left;



}







.te_bg .te .te_box .te_left dd.te5 p{



  float: left;



}







.te_bg .te .te_box .te_left dd.te5 p i{



  float: left;



  margin: 38px 8px 0 15px;



  transform: rotate(90deg);



}







.te_bg .te .te_box .te_left dd.te5 p span{



  float: left;



}











.te_bg .te .te_box .te_left dd:hover img {



  -webkit-animation: hvr-icon-wobble-vertical 1s;



  -moz-animation: hvr-icon-wobble-vertical 1s;



  animation: hvr-icon-wobble-vertical 1s;



}











.te_bg .te .te_box .te_right{



  float: right;



  position: relative;



  width: 377px;



  height: 381px;



  background: url(../images/te_list2.png) no-repeat  center;



  margin-right: 90px;



}







.te_bg .te .te_box .te_right dl{



  margin: 0 auto;



}







.te_bg .te .te_box .te_right dt{



  margin: 0 auto;



  text-align: center;



}







.te_bg .te .te_box .te_right dt img{



  display: block;



  width: 114px;



  height: 82px;



  margin: 125px auto 10px auto;



}







.te_bg .te .te_box .te_right dt h5{



  font-size: 24px;



  color: #ffffff;



  font-weight: bold;



}







.te_bg .te .te_box .te_right dd{







}







.te_bg .te .te_box .te_right dd img{



  display: block;



  width: 77px;



  height: 77px;



}







.te_bg .te .te_box .te_right dd p{



  



}







.te_bg .te .te_box .te_right dd p span{



  font-size: 18px;



  color: #fff;



  font-weight: bold;



  display: block;







}







.te_bg .te .te_box .te_right dd p i{



  display: block;



  width: 13px;



  height: 7px;



  background: url(../images/buttom2.png) center  no-repeat;







}







.te_bg .te .te_box .te_right dd.te1{



  position: absolute;



  left: 0;



  top: -73px;



  width: 100%;







}







.te_bg .te .te_box .te_right dd.te1 img{



  display: block;



  margin: 0 auto;



}







.te_bg .te .te_box .te_right dd.te1 p{



  text-align: center;







}











.te_bg .te .te_box .te_right dd.te1 p i{



  margin: 8px auto 12px auto;







}











.te_bg .te .te_box .te_right dd.te2{



  position: absolute;



  left: -118px;



  top: 200px;



  line-height: 77px;



  



}







.te_bg .te .te_box .te_right dd.te2 img{



  float: right;



}







.te_bg .te .te_box .te_right dd.te2 p{



  float: left;



}







.te_bg .te .te_box .te_right dd.te2 p i{



  float: left;



  margin: 38px 15px 0 7px;



  transform: rotate(-90deg);



}







.te_bg .te .te_box .te_right dd.te2 p span{



  float: left;



}







.te_bg .te .te_box .te_right dd.te3{



  position: absolute;



  left: 310px;



  top: 202px;



  line-height: 77px;



  width: 220px;



}







.te_bg .te .te_box .te_right dd.te3 img{



  float: left;



}







.te_bg .te .te_box .te_right dd.te3 p{



  float: left;



}







.te_bg .te .te_box .te_right dd.te3 p i{



  display: block;



  float: left;



  margin: 38px 8px 0 15px;



  transform: rotate(90deg);



}







.te_bg .te .te_box .te_right dd.te3 p span{



  display: block;



  float: left;



}











.te_bg .te .te_box .te_right dd:hover img {



  -webkit-animation: hvr-icon-wobble-vertical 1s;



  -moz-animation: hvr-icon-wobble-vertical 1s;



  animation: hvr-icon-wobble-vertical 1s;



}















.te_bg .te .te_box .ys_xt{



  position: absolute;



  left: 655px;



  top: 115px;



  background: url(../images/te_more.png) no-repeat  center;



  width: 78px;



  height: 78px;



}











/* case */











.case_bg{



  width: 100%;



  height: 970px;



  margin: 0 auto;



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



}











.case_bg .case{



  margin: 0 auto;



  width: 1300px;



  padding-top: 75px;



}







.case_bg .case .case_center{



  margin: 75px auto 0 auto;



}







.case_bg .case .case_center .case_ico{



  float: left;



  width: 699px;



  height: 534px;



  margin: 33px 0 0 -110px;



}







.case_bg .case .case_center .case_ico  img{



  width: 699px;



  height: 534px;



}







.case_bg .case .case_center  .case_box{



  float: right;



  width: 665px;



  position: relative;



}











.case_bg .case .case_center  .case_box .hd{



  float: left;



  width: 256px;



  border-left: 1px solid #dbddfc;



  border-right: 1px solid #dbddfc;



  overflow: hidden;



}







.case_bg .case .case_center  .case_box .hd ul li{



  width: 256px;



  height: 80px;



  line-height: 80px;



  position: relative;



  z-index: 5;



  text-align: center;



}







.case_bg .case .case_center  .case_box .hd ul li a{



  font-size: 20px;



  color:  #333333;



  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_center  .case_box .hd ul li::after{



  content: '';



  width: 0%;



  height: 100%;



  background: url(../images/buttom5.png) no-repeat  center ;



  position: absolute;



  left: 50%;



  top: 0px;



  z-index: -1;



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



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



  transition: all 0.5s ease-out;



}







.case_bg .case .case_center  .case_box .hd ul li.on::after{



  width: 100%;



  left: 0;



}







.case_bg .case .case_center  .case_box .hd ul li.on a{



  font-weight: bold;



  color: #fff;



}







.case_bg .case .case_center  .case_box .bd{



  float: right;



  width: 340px;



  margin-top: 40px;



}











.case_bg .case .case_center  .case_box .bd ul li{



  float: left;



  width: 340px;



}







.case_bg .case .case_center  .case_box .bd ul li h5{



  background: url(../images/buttom4.png) no-repeat  left top ;



  padding-left: 20px;



  padding-top: 3px;



  height: 40px;



}







.case_bg .case .case_center  .case_box .bd ul li h5 a{



  font-size: 30px;



  color: #2d82ff;



  font-weight: bold;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



}







.case_bg .case .case_center  .case_box .bd ul li .case_img{



  width: 281px;



  height: 202px;



  border-radius: 5px;



  margin: 40px 0 0 20px;







}







.case_bg .case .case_center  .case_box .bd ul li .case_img img{



  width: 281px;



  height: 202px;



  border-radius: 5px;



}







.case_bg .case .case_center  .case_box .bd ul li .list{



  margin: 20px 0 0 20px;







}







.case_bg .case .case_center  .case_box .bd ul li .list dl dd {



  line-height: 52px;



  width: 140px;



  margin-left: 20px;



  float: left;







}







.case_bg .case .case_center  .case_box .bd ul li .list dl dd a{



  font-size: 18px;



  color:  #333333;



  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;



  background: url(../images/buttom6.png) center left no-repeat;



  padding-left: 18px;



}







.case_bg .case .case_center  .case_box .bd ul li .list dl dd:hover a{



  color: #4c4fc4;



  transform: translateX(10px);



}











.case_bg .case .case_center  .case_box .case_tel{



  position: absolute;



  left: 365px;



  top: 570px;



  border: 1px solid #044098;



  min-width: 242px;



  height: 50px;



  line-height: 50px;



  text-align: center;



}







.case_bg .case .case_center  .case_box .case_tel img{



  vertical-align: middle;



  position: relative;



  top: -3px;



  margin-right: 2px;



  animation: msClock 1.2s linear infinite;



  animation: msClock 1.2s linear infinite;



}







.case_bg .case .case_center  .case_box .case_tel span{



  font-size: 24px;



  color:  #044098;



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







}











/* fw */







.fw{



  width: 1300px;



  margin: 0 auto;



  padding-top: 75px;



}







.fw .fw_box{



  margin: 75px auto 0 auto;



}







.fw .fw_box .ab_num{



  height: 120px;



}







.fw .fw_box .ab_num ul li{



  float: left;



  width: 195px;



  height: 120px;



  border-right: 1px solid #cccccc;



  margin-right: 70px;



}







.fw .fw_box .ab_num ul li:last-child{



  width: 225px;



  margin-right: 0;



  border-right:none;



}







.fw .fw_box .ab_num ul li h5{



  font-size: 16px;



  color: #2d82ff;



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



  display: block;



  line-height: 60px;



  margin-top: 8px;



}







.fw .fw_box .ab_num ul li h5 span{



  font-size: 56px;



  color: #2d82ff;



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



  display: inline-block;



}







.fw .fw_box .ab_num ul li h5 i{



  font-size: 56px;



  color: #2d82ff;



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



}







.fw .fw_box .ab_num ul li p{



  font-size: 18px;



  color: #333333;







}







.fw .fw_box .zx{



  margin: 65px auto 0 auto;



  text-align: center;



  height: 140px;



} 







.fw .fw_box .zx .more{



  display: inline-block;



  width: 200px;



  height: 60px;



  line-height: 60px;



  border: 1px solid #4c4fc4;



  border-radius: 45px;



  margin: 0 25px;



}







.fw .fw_box .zx .more a{



  display: block;



  font-size: 20px;



  color: #4c4fc4;



  text-align: center;



}







.fw .fw_box .zx .zixun{



  display: inline-block;



  width: 200px;



  height: 60px;



  line-height: 60px;



  background: #4c4fc4;



  border-radius: 45px;



  margin: 0 25px;



  -webkit-box-shadow: 0 8px 8px 0px rgba(76, 79, 196, .2);



  box-shadow: 0 8px 8px 0px rgba(76, 79, 196, .2);



  position: relative;



  z-index: 5;



}







.fw .fw_box .zx .zixun a{



  display: block;



  font-size: 20px;



  color: #fff;



  text-align: center;







}















.fw .fw_box .zx .zixun::after {







  content: '';



  width: 0%;



  height: 100%;



  background: url(../images/zx.png) repeat center;



  position: absolute;



  left: 50%;



  top: 0px;



  z-index: -1;



  border-radius: 45px;



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



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



  transition: all 0.5s ease-out;







}







.fw .fw_box .zx .zixun:hover::after{



  left: 0%;



  width: 100%;



}







/* ys */







.ys_bg{



  width: 100%;



  margin: 0 auto;



  height: 850px;



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



  overflow: hidden;



}











.ys_bg .ys{



  width: 1300px;



  margin: 0 auto;



  padding-top: 70px;



}







.ys_bg .ys .title{







}







.ys_bg .ys .title h3{



  font-size: 36px;



  color: #fff;



  font-weight: bold;







}







.ys_bg .ys .title span{



  display: block;



  color: #e4edff;



}











.ys_bg .ys .ys_box{



  margin: 0 auto;



  position: relative;



}











.ys_bg .ys .ys_box .ys_left{



  margin-top: 60px;



  float: left;



  width: 626px;



}







.ys_bg .ys .ys_box .ys_left ul li{



  width: 626px;



  height: 125px;



  margin-bottom: 25px;



  background: url(../images/ys_list.png) no-repeat center;



}







.ys_bg .ys .ys_box .ys_left ul li .ys_ico{



  float: left;



  border-radius: 50%;



  width: 78px;



  height: 78px;



  background: rgba(73, 182, 252, 0.3);



  margin: 24px 0 0 17px;



}







.ys_bg .ys .ys_box .ys_left ul li .ys_ico img{



  width: 78px;



  height: 78px;



}







.ys_bg .ys .ys_box .ys_left ul li .txt{



  float: left;



  margin: 21px 0 0 17px;



  width: 485px;



}







.ys_bg .ys .ys_box .ys_left ul li .txt h5{



  font-size: 20px;



  color: #ffffff;



  font-weight: bold;



  margin-bottom: 7px;



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



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



  transition: all 0.5s ease-out;



}







.ys_bg .ys .ys_box .ys_left ul li .txt p{



  font-size: 16px;



  color: #e5e5e5;



  line-height: 24px;



}











.ys_bg .ys .ys_box .ys_img{



  width: 719px;



  height: 728px;



  position: absolute;



  right: -45px;



  top: -48px;



} 











.ys_bg .ys .ys_box .ys_img img{



  width: 719px;



  height: 728px;



} 











.ys_bg .ys .ys_box .ys_left ul li:hover .txt h5{



  letter-spacing: 2px;



}







.ys_bg .ys .ys_box .ys_left ul li:hover .ys_ico {



  -webkit-animation: hvr-icon-wobble-vertical 1s;



  -moz-animation: hvr-icon-wobble-vertical 1s;



  animation: hvr-icon-wobble-vertical 1s;



}











/* hz */







.hz_bg{



  width: 100%;



  margin: 0 auto;



  height: 900px;



  background: #fbfbfb;



}







.hz_bg .hz{



  margin: 0 auto;



  padding-top: 70px;



  width: 1300px;



}







.hz_bg .hz .hz_box{



  margin: 50px auto 0 auto;



  position: relative;



}







.hz_bg .hz .hz_box ul li{



  position: relative;



  z-index: 5;



  width: 309px;



  height: 309px;



  background: url(../images/hz_list.png) no-repeat  center;



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



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



  transition: all 0.5s ease-out;



}







.hz_bg .hz .hz_box ul li .pic{



  margin: 80px auto 0 auto;



  width: 148px;



  height: 148px;



}







.hz_bg .hz .hz_box ul li .pic img{



  width: 148px;



  height: 148px;

  object-fit: contain;



}







.hz_bg .hz .hz_box ul li:nth-child(1){



  position: absolute;



  top: 0;



  left: 165px;







}











.hz_bg .hz .hz_box ul li:nth-child(2){



  position: absolute;



  top: 0;



  left: 495px;



}







.hz_bg .hz .hz_box ul li:nth-child(3){



  position: absolute;



  top: 0;



  right: 165px;



}







.hz_bg .hz .hz_box ul li:nth-child(4){



  position: absolute;



  top: 167px;



  left: 0px;



}











.hz_bg .hz .hz_box ul li:nth-child(5){



  position: absolute;



  top: 167px;



  left: 330px;



}







.hz_bg .hz .hz_box ul li:nth-child(6){



  position: absolute;



  top: 167px;



  left: 660px;



}



.hz_bg .hz .hz_box ul li:nth-child(7){



  position: absolute;



  top: 167px;



  right: 0px;



}







.hz_bg .hz .hz_box ul li:nth-child(8){



  position: absolute;



  top: 330px;



  left: 165px;



}







.hz_bg .hz .hz_box ul li:nth-child(9){



  position: absolute;



  top: 330px;



  left: 495px;



}







.hz_bg .hz .hz_box ul li:nth-child(10){



  position: absolute;



  top: 330px;



  right: 165px;



}











/* news */







.news{



  margin: 0 auto;



  width: 1300px;



  height: 727px;



}











.news .title{



  margin: 0 auto;



  padding-top: 65px;



}







.news .news_box{



  margin: 45px auto 0 auto;



} 







.news .news_box ul li{



  width: 1300px;



  height: 142px;



  border-bottom: 1px solid #dddddd;



  margin-bottom: 15px;



  position: relative;



  z-index: 5;







}







.news .news_box ul li .time{



  float: left;



  width: 120px;







}







.news .news_box ul li .time span{



  display: block;



  font-size: 20px;



  color: #999;



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



  margin-top: 20px;



}







.news .news_box ul li .time i{



  display: block;



  font-size: 30px;



  color: #333;



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



  margin-top: 5px;



}







.news .news_box ul li .txt{



  float: left;



  width: 940px;



  margin-top: 20px;



} 







.news .news_box ul li .txt a{



  padding-left: 100px;



  background: url(../images/buttom3.png) no-repeat left center;



  font-size: 20px;



  color: #333333;



  font-weight: bold;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



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



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



  transition: all 0.5s ease-out;







}







.news .news_box ul li .txt p{



  font-size: 15px;



  color: #999;



  line-height: 30px;



  height: 60px;



  overflow: hidden;



  margin: 5px 0 0 100px;



}







.news .news_box ul li .news_img{



  float: right;



  margin-right: 20px;



  width: 170px;



  height: 120px;



  border-radius: 5px;



} 







.news .news_box ul li .news_img img{



  width: 170px;



  height: 120px;



  border-radius: 5px;



}







.news .news_box ul li::after{



  position: absolute;



  left: 0px;



  bottom: 0px;



  content: "";



  width: 0px;



  height: 1px;



  background: #4c4fc4;



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



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



  transition: all 0.5s ease-out;



}







.news .news_box ul li:hover::after{



  width: 100%;



}











.news .news_box ul li:hover .txt a{



  color: #4c4fc4;



}















@-webkit-keyframes hvr-icon-wobble-vertical {



  16.65% {



    -webkit-transform: translateY(6px);



    transform: translateY(6px);



  }



  33.3% {



    -webkit-transform: translateY(-5px);



    transform: translateY(-5px);



  }



  49.95% {



    -webkit-transform: translateY(4px);



    transform: translateY(4px);



  }



  66.6% {



    -webkit-transform: translateY(-2px);



    transform: translateY(-2px);



  }



  83.25% {



    -webkit-transform: translateY(1px);



    transform: translateY(1px);



  }



  100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



  }



}



@keyframes hvr-icon-wobble-vertical {



  16.65% {



    -webkit-transform: translateY(6px);



    transform: translateY(6px);



  }



  33.3% {



    -webkit-transform: translateY(-5px);



    transform: translateY(-5px);



  }



  49.95% {



    -webkit-transform: translateY(4px);



    transform: translateY(4px);



  }



  66.6% {



    -webkit-transform: translateY(-2px);



    transform: translateY(-2px);



  }



  83.25% {



    -webkit-transform: translateY(1px);



    transform: translateY(1px);



  }



  100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



  }



}

.danyou_bg .danyou .danyou_box ul li:nth-child(3).on dl {

  opacity: 1;

  transform: translateY(-40px);

}