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







/*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: rgba(0, 0, 0, 0.15);















}























































/* banner */















.banner_bg {







  width: 100%;







  height: 100%;







  overflow: hidden;







  position: relative;







  top: -123px;







}























.banner {







  width: 100%;







  height: 100%;







  overflow: hidden;







  position: relative;







}























.banner .swiper-container {







  width: 100%;







  height: 100%;







  overflow: hidden;







  margin: 0 auto;















}















.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%;







  min-height:100%;







  display: block;







  transition:1s linear 2s;







  transform:scale(1.1,1.1);







}















.banner .swiper-slide-active img{







  transition:6s linear;







  transform:scale(1,1);







  }	































.banner .swiper-button-next1{







  position: absolute;







  top: 50%;







  right: -4%;







  z-index: 5;







  width: 65px;







  height: 65px;







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







  cursor: pointer;







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







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







  transition: all 0.5s ease-out;







}















.banner:hover .swiper-button-next1{







  right: 4%;







}















.banner .swiper-button-prev1{







  position: absolute;







  top: 50%;







  left: -4%;







  z-index: 5;







  width: 65px;







  height: 65px;







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







  cursor: pointer;







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







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







  transition: all 0.5s ease-out;







}















.banner:hover .swiper-button-prev1{







  left: 4%;







}















.banner .swiper-pagination {







  width: 100%;







  bottom: 10px;







  left: 0px;







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







}















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







  display: inline-block;







  margin: 0 75px 0px 75px;







  width: 122px;







  height: 30px;







  line-height: 30px;







  opacity: 1;







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







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







  transition: all 0.5s ease-out;







  position: relative;







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







}























.banner .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1)::after{







  position: absolute;







  right: 0%;







  top: 20px;







  width: 122px;







  text-align: center;







  content: "01";







  font-size: 16px;







  color: #cccccc;







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







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







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







  transition: all 0.5s ease-out;







}















.banner .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2)::after{







  position: absolute;







  right: 0%;







  top: 20px;







  width: 122px;







  text-align: center;







  content: "02";







  font-size: 16px;







  color: #cccccc;







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







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







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







  transition: all 0.5s ease-out;







}















.banner .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3)::after{







  position: absolute;







  right: 0%;







  top: 20px;







  width: 122px;







  text-align: center;







  content: "03";







  font-size: 16px;







  color: #cccccc;







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







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







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







  transition: all 0.5s ease-out;







}























.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(1)::after{







  color: #2a549f;







  font-weight: bold;















}















.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(2)::after{







  color: #2a549f;







  font-weight: bold;







}















.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(3)::after{







  color: #2a549f;







  font-weight: bold;







}































/*title*/















.title{







  







}















.title span{







  display: block;







  font-size: 92px;







  color: #f9f9f9;







  text-transform: uppercase;







  font-family: Arial Black;







  line-height: 78px;







}















.title h3{







  font-size: 32px;







  color: #333333;







  font-weight: bold;







  line-height: 40px;







  margin-top: -50px;







  letter-spacing: 2px;







  text-shadow: 6px 5px 1px #ebebeb;







}















.title h3 a{







  display: block;







  font-size: 32px;







  color: #333333;







  font-weight: bold;







}















.title i{







  display: block;







  width: 41px;







  height: 3px;







  background: #3f61c3;







  margin-top: 15px;







}















/*product*/















.pro_bg{







  width: 100%;







  margin: -23px auto 0 auto;







  position: relative;







  overflow: hidden;







  height: 1235px;







}















.pro_bg .pro_ico{







  position: absolute;







  left: 0px;







  bottom: 0px;







  width: 269px;







  height: 507px;















}























.pro_bg .product{







  margin: 0 auto;







}















.pro_bg .product .title{







  margin: 0 auto;







  text-align: center;







  width: 1300px;







}















.pro_bg .product .title i{







  margin: 15px auto 0 auto;







}















.pro_bg .product .pro_list{







  margin: 50px auto 0 auto;







  width: 1300px;







  height: 169px;







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







  padding: 0 62px;







}















.pro_bg .product .pro_list ul li{







  float: left;







  width: 222px;







  margin: 0 1px 0 0;







  position: relative;







  z-index: 5;







}















.pro_bg .product .pro_list ul li a{







  display: block;







  text-align: center;







  padding-top: 52px;







}















.pro_bg .product .pro_list ul li a span{







  display: block;







  margin: 0 auto;







  width: 24px;







  height: 24px;







  overflow: hidden;







}















.pro_bg .product .pro_list ul li a span .p1{







  display: block;







  margin: 0 auto;







  width: 24px;







  height: 24px;







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







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







  transition: all 0.5s ease-out;







}















.pro_bg .product .pro_list ul li a span .p2{







  display: block;







  margin: 0 auto;







  width: 24px;







  height: 24px;







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







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







  transition: all 0.5s ease-out;







}























.pro_bg .product .pro_list ul li a i{







  font-size: 18px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 15px;







}















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







  position: absolute;







  left: 0%;







  top: 0px;







  width: 100%;







  height: 0%;







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







  content: "";







  z-index: -1;







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







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







  transition: all 0.5s ease-out;







}















.pro_bg .product .pro_list ul li:hover a span .p1{







  transform: translateY(-24px);















}















.pro_bg .product .pro_list ul li:hover a span .p2{







  transform: translateY(-24px);







}















.pro_bg .product .pro_list ul li:hover a i{







  font-weight: bold;







  color: #0531a6;







}















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







  height: 165px;







}















.pro_bg .product .pro_list  .pro_more{







  float: right;







  width: 180px;







}















.pro_bg .product .pro_list  .pro_more a{







  display: block;







  text-align: center;







  padding-top: 70px;







}















.pro_bg .product .pro_list  .pro_more a img{







  display: block;







  margin: 0 auto;







}















.pro_bg .product .pro_list  .pro_more a i{







  display: block;







  font-size: 18px;







  color: #333;







  margin-top: 13px;







}















.pro_bg .product .pro_box{







  margin: 53px auto 0 auto;







  width: 1300px;















}















.pro_bg .product .pro_box ul li{







  float: left;







  width: 396px;







  margin: 0 55px 45px 0;















}















.pro_bg .product .pro_box ul li:nth-child(3n){







  margin-right: 0;







}















.pro_bg .product .pro_box ul li .pic{







  width: 396px;







  height: 269px;







  background: #f8f8f8;















}















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







  width: 376px;







  height: 249px;







  margin: 10px;







  display: inline-block;







  overflow: hidden;







}















.pro_bg .product .pro_box ul li .pic img{







  width: 376px;







  height: 249px;







  -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 ul li .txt{







  margin: 12px auto 0 auto;















} 















.pro_bg .product .pro_box ul li .txt h5 {







  float: left;







  width: 263px;







  height: 48px;







  border-bottom: 1px solid #e5e5e5;







  position: relative;







}















.pro_bg .product .pro_box ul li .txt h5 a{







  padding-left: 18px;







  font-size: 16px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







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







  line-height: 38px;







}















.pro_bg .product .pro_box ul li .txt .more{







  display: block;







  float: right;







  width: 55px;







  height: 55px;







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







  border: 1px solid #e3e3e3;







  border-radius: 50%;







  -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 ul li .txt h5::after{







  position: absolute;







  left: 0%;







  bottom: 0px;







  width: 0%;







  height: 1px;







  background: #0531a6;







  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 ul li:hover .txt h5::after{







  width: 100%;







}















.pro_bg .product .pro_box ul li:hover .txt h5 a{







  color: #0531a6;







}















.pro_bg .product .pro_box ul li:hover .txt .more{







  transform: rotate(32deg);







}















.pro_bg .product .pro_box ul li:hover .pic img{







  transform: scale(1.1);







  -webkit-transform: scale(1.1);







  -o-transform: scale(1.1);







}































/*ys*/















.ys_bg{







  width: 100%;







  height: 1010px;







  margin: -60px auto 0 auto;







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







}















.ys_bg .ys{







  width: 1300px;







  margin: 0 auto;







}















.ys_bg .ys .ys_t{







  margin: 0 auto;







  height: 110px;







  position: relative;







  z-index: 9;







}















.ys_bg .ys .ys_t span{







  display: block;







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







  line-height: 20px;







  height: 20px;







}















.ys_bg .ys .ys_t span i{







  display: block;







  font-size: 12px;







  color: #333;







  font-weight: bold;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  margin: 0 237px 0 30px;







  float: left;







  text-align: center;















}















.ys_bg .ys .ys_t span i:last-child{







  margin-right: 0;







}















.ys_bg .ys .ys_t h3{







  font-size: 32px;







  color: #333;







  font-weight: bold;







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







  height: 64px;







  line-height: 64px;







  text-align: center;







  margin: 20px auto 0 auto;







  letter-spacing: 5px;







  text-shadow: 6px 5px 1px #ebebeb;







}















.ys_bg .ys .ys_box{







  margin: 0 auto;







  position: relative;







}























.ys_bg .ys .ys_box .mySwiper{







  overflow: hidden;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide{







  position: relative;















}























.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_img{







  width: 1031px;







  height: 772px;







  position: absolute;







  left: 90px;







  top: 0;







  opacity: 0;







  -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 .mySwiper .swiper-slide .ys_img img{







  width: 1031px;







  height: 772px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_num{







  float: left;







  margin-left: 0px;







  margin-top: 260px;







  width: 85px;







  opacity: 0;







  -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 .mySwiper .swiper-slide .ys_num span{







  display: block;







  font-size: 30px;







  color: #ffffff;







  font-weight: bold;







  font-family: 'Times New Roman', Times, serif;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_num em{







  display: block;







  width: 1px;







  height: 410px;







  background: #ffffff;







  margin: 10px 0 10px 13px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_num i{







  display: block;







  font-size: 20px;







  color: #ffffff;







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







  font-weight: bold;







  text-transform: uppercase;







  line-height: 36px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt{







  float: right;







  text-align: right;







  width: 910px;







  margin-top: 630px;







  opacity: 0;







  -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 .mySwiper .swiper-slide .txt h5{







  font-size: 20px;







  color: #ffffff;







  font-weight: bold;







  letter-spacing: 3px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt span{







  display: block;







  font-size: 12px;







  color: #e9e9e9;







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







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt i{







  font-size: 20px;







  color: #ffffff;







  font-weight: bold;







  margin: 3px 0 5px 0;







  display: block;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt p{







  font-size: 15px;







  color: #ffffff;







  line-height: 36px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide-active .ys_num{







  opacity: 1;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide-active .txt{







  opacity: 1;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide-active .ys_img{







  opacity: 1;







}























/*case*/















.case_bg{







  width: 100%;







  height: 1177px;







  margin: 0 auto;







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







  overflow: hidden;







}















.case_bg .case{







  width: 1300px;







  margin: 0 auto;







  padding-top: 100px;







  position: relative;







}















.case_bg .case .title{







  position: absolute;







  left: 0px;







  top: 100px;







  z-index: 5;







}















.case_bg .case .title span{







  color: #fff;







}















.case_bg .case .case_box{







  margin: 45px auto 0 auto;







  position: relative;







}















.case_bg .case .case_box .case_l{







  float: left;







  width: 480px;







  margin-top: 80px;







}















.case_bg .case .case_box .case_l ul li{







  width: 478px;







  height: 400px;







}















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







  width: 478px;







  height: 315px;







  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);







}















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







  width: 448px;







  height: 285px;







  margin: 15px;















}















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







  width: 448px;







  margin: 0 auto;







}















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







  display: block;







}















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







  float: left;







  width: 245px;







  font-size: 18px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 18px;







}















.case_bg .case .case_box .case_l ul li .txt a span i{







  font-size: 12px;







  color: #cccccc;







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







  text-transform: uppercase;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 2px;







}















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







  display: block;







  float: right;







  width: 130px;







  height: 17px;







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







  margin-top: 20px;







}















.case_bg .case .case_box .case_l ul li:hover .txt a span{







  color: #0531a6;







  letter-spacing: 2px;







}















.case_bg .case .case_box .case_r{







  float: right;







  width: 695px;







}















.case_bg .case .case_box .case_r .pic{







  width: 695px;







  height: 458px;







  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);







}















.case_bg .case .case_box .case_r .pic img{







  width: 655px;







  height: 418px;







  margin: 20px;







}















.case_bg .case .case_box .case_r .txt{







  margin: 35px auto 0 auto;















} 















.case_bg .case .case_box .case_r .txt em{







  display: block;







  width: 26px;







  height: 2px;







  background: #535353;







  -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 .case_r .txt h5 a{







  font-size: 18px;







  color: #333333;







  font-weight: bold;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin: 10px 0 20px 0;







}















.case_bg .case .case_box .case_r .txt p{







  font-size: 15px;







  color: #666666;







  line-height: 32px;







  height: 96px;







  overflow: hidden;







}























.case_bg .case .case_box .case_r:hover .txt em{







  background: #0531a6;







  width: 60px;







}























.case_bg .case .case_box .case_r:hover .txt h5 a{







  color: #0531a6;







}















.case_bg .case .case_box .case_trait{







  position: absolute;







  right: 0px;







  top: 710px;







  text-align: right;







}















.case_bg .case .case_box .case_trait h5{







  text-align: right;















}















.case_bg .case .case_box .case_trait h5 em{















  font-size: 18px;







  color: #999999;







  font-family: 'Times New Roman', Times, serif;







  display: inline-block;







  position: relative;







  top: -5px;







}















.case_bg .case .case_box .case_trait h5 i{







  font-size: 58px;







  color: #333333;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  font-weight: bold;







  display: inline-block;







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







  padding-left: 32px;







  margin-left: 15px;







  line-height: 45px;







}















.case_bg .case .case_box .case_trait span{







  display: block;







  font-size: 12px;







  color: #c9c9c9;







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







  line-height: 20px;







  margin: 5px 0 5px 0;







  







}















.case_bg .case .case_box .case_trait h6{







  font-size: 30px;







  color: #0531a6;







  font-weight: bold;







  font-family: "simsun";







  font-weight: bold;















}























.case_bg .case .case_box .more{







  position: absolute;







  left: 605px;







  top: 763px;







  border-radius: 50%;







  width: 89px;







  height: 89px;







  background: #0531a6;







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







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















} 















.case_bg .case .case_box .more a{







  display: block;







  text-align: center;







  padding-top: 20px;







}















.case_bg .case .case_box .more a img{







  display: block;







  width: 22px;







  height: 22px;







  margin: 0 auto;







  -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 .more a em{







  display: block;







  font-size: 14px;







  color: #fff;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  margin-top: 7px;







}























.case_bg .case .case_box .more:hover a img{







  transform: rotate(-45deg);







}































/*about*/















.ab_bg {

  width: 100%;

  height: 1510px;

  margin: 0 auto;

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

  overflow: hidden;

  position: relative;

}















.ab_bg .ab_ico{







  position: absolute;







  left: 0px;







  top: 640px;







  width: 269px;







  height: 507px;















}















.ab_bg .about{







  width: 1300px;







  margin: 0 auto;







}















.ab_bg .about .title{







  margin: 0 auto;







  text-align: center;







}















.ab_bg .about .title i{







  display: block;







  margin: 15px auto 0 auto;







}























.ab_bg .about .ab_box{







  height: 250px;







  margin: 80px auto 0 auto;







}















.ab_bg .about .ab_box .ab_t{







  float: left;







  width: 285px;







  height: 250px;







  border-right: 1px solid #e5e5e5;







}















.ab_bg .about .ab_box .ab_t h5{







  font-size: 36px;







  color: #333333;







  font-weight: bold;







}















.ab_bg .about .ab_box .ab_t h5 span{







  font-size: 24px;







  color: #333333;







  font-weight: normal;







  margin-left: 7px;







  position: relative;







  z-index: 5;







}















.ab_bg .about .ab_box .ab_t h5 span::after{







  position: absolute;







  left: -2px;







  bottom: 2px;







  content: "";







  width: 72px;







  height: 9px;







  background: #7890cf;







  z-index: -1;







}















.ab_bg .about .ab_box .ab_t i{







  display: block;







  font-size: 12px;







  color: #999999;







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







}























.ab_bg .about .ab_box .ab_t .more{







  border-radius: 50%;







  width: 89px;







  height: 89px;







  background: #0531a6;







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







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







  margin-top: 85px;















} 















.ab_bg .about .ab_box .ab_t .more a{







  display: block;







  text-align: center;







  padding-top: 20px;







}















.ab_bg .about .ab_box .ab_t .more a img{







  display: block;







  width: 22px;







  height: 22px;







  margin: 0 auto;







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







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







  transition: all 0.5s ease-out;







}















.ab_bg .about .ab_box .ab_t .more a em{







  display: block;







  font-size: 14px;







  color: #fff;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  margin-top: 7px;







}























.ab_bg .about .ab_box .ab_t .more:hover a img{







  transform: rotate(-45deg);







}















.ab_bg .about .ab_box .txt{







  float: right;







  width: 975px;







  position: relative;







  top: -5px;







}















.ab_bg .about .ab_box .txt p{







  font-size: 16px;







  color: #666666;







  line-height: 40px;







  height: 240px;







  overflow: hidden;







}















.ab_bg .about .ab_img{







  margin: 35px auto 0 auto;







  position: relative;







  z-index: 5;















} 















.ab_bg .about .ab_img img{







  width: 1300px;







  height: 376px;







  border-radius: 195px;







  margin-top: 12px;























}















.ab_bg .about .ab_img::after{







  position: absolute;







  right: -20px;







  top: 0px;







  content: "";







  width: 1300px;







  height: 376px;







  background: #e2ebf3;







  opacity: 0.4;







  border-radius: 195px;







  z-index: -1;







}























/*fc*/















.fc{







  width: 1300px;







  margin:  60px auto  0 auto;







}















.fc .fc_list{







  margin:  0px auto  0 auto;







  height: 65px;







  text-align: center;







}















.fc .fc_list ul li{







  display: inline-block;







  margin: 0 10px;







  width: 320px;







  line-height: 24px;







}















.fc .fc_list ul li a{







  display: block;







  font-size: 24px;







  color: #333;







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







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







  transition: all 0.5s ease-out;







}















.fc .fc_list ul li a em{







  display: inline-block;







  width: 24px;







  height: 24px;







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







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







  transition: all 0.5s ease-out;







  position: relative;







  top: 4px;







}















.fc .fc_list ul li a i{







  display: inline-block;







  font-size: 12px;







  color: #cacdd8;







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







  text-transform: uppercase;







  margin-left: 5px;







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







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







  transition: all 0.5s ease-out;







  opacity: 0;







}















.fc .fc_list ul li:nth-child(1) a em{







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







}















.fc .fc_list ul li:nth-child(2) a em{







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







}















.fc .fc_list ul li.on a{







  font-weight: bold;







  color: #0531a6;















}















.fc .fc_list ul li.on a i{







  opacity: 1;















}















.fc .fc_list ul li:nth-child(1).on a em{







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







}















.fc .fc_list ul li:nth-child(2).on a em{







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







}























.fc .fc_box{







  margin: 0 auto;







  width: 1360px;







} 















.fc .fc_box .fc_nr ul li{







  float: left;







  width: 285px;







  margin: 0 40px 0 0;















}















.fc .fc_box .fc_nr ul li .pic{





width: 285px;





/* height: 185px; */





background: #f8f8f8;

}















.fc .fc_box .fc_nr ul li .pic img{







  width: 275px;







  margin: 5px;







}















.fc .fc_box .fc_nr ul li .txt{







  margin: 12px auto 0 auto;















} 















.fc .fc_box .fc_nr ul li .txt h5 {







  float: left;







  width: 180px;







  height: 48px;







  border-bottom: 1px solid #e5e5e5;







  position: relative;







}















.fc .fc_box .fc_nr ul li .txt h5 a{







  padding-left: 18px;







  font-size: 16px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







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







  line-height: 38px;







}















.fc .fc_box .fc_nr ul li .txt .more{







  display: block;







  float: right;







  width: 55px;







  height: 55px;







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







  border: 1px solid #e3e3e3;







  border-radius: 50%;







}















.fc .fc_box .fc_nr ul li .txt h5::after{







  position: absolute;







  left: 0%;







  bottom: 0px;







  width: 0%;







  height: 1px;







  background: #0531a6;







  content: "";







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







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







  transition: all 0.5s ease-out;







}















.fc .fc_box .fc_nr ul li:hover .txt h5::after{







  width: 100%;







}















.fc .fc_box .fc_nr ul li:hover .txt h5 a{







  color: #0531a6;







}















/*news*/















.news_bg {







  width: 100%;







  height: 917px;







  margin: 0 auto;







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







}















.news_bg .news {







  margin: 0 auto;







  padding-top: 70px;







}















.news_bg .news .news_t {







  margin: 0 auto;







  height: 130px;







  width: 1300px;







}















.news_bg .news .news_t .title {







  float: left;







}















.news_bg .news .news_t .title span{







  color: #fff;















}























.news_bg .news .news_t .news_list {







  float: right;







  margin-top: 45px;







}















.news_bg .news .news_t .news_list ul li {







  float: left;







  margin-left: 45px;







  border-radius: 45px;







  width: 140px;







  height: 44px;







  line-height: 44px;







  position: relative;







  z-index: 5;







}















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







  display: block;







  font-size: 18px;







  color: #333333;







  padding-left: 52px;







  -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.n1 a {







  background: url(../images/news1.png) no-repeat 15px center;







}















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







  background: url(../images/news2.png) no-repeat 15px center;







}















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







  background: url(../images/news3.png) no-repeat 15px center;







}















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







  position: absolute;







  left: 0;







  top: 0;







  content: "";







  z-index: -1;







  width: 0;







  height: 100%;







  background: #0531a6;







  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;















}















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







  background: url(../images/news11.png) no-repeat 15px center;







}















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







  background: url(../images/news22.png) no-repeat 15px center;







}















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







  background: url(../images/news33.png) no-repeat 15px center;







}















.news_bg .news .news_box {







  margin: 40px auto 0 auto;







  width: 1395px;







}















.news_bg .news .news_box ul li {







  float: left;







  position: relative;







  width: 464px;







  height: 295px;







  border-right: 1px solid #f4f4f4;







  border-bottom: 1px solid #f4f4f4;







}















.news_bg .news .news_box ul li:nth-child(3n) {







  border-right: 1px solid #fff;







}















.news_bg .news .news_box ul li:nth-child(4),







.news_bg .news .news_box ul li:nth-child(5),







.news_bg .news .news_box ul li:nth-child(6) {







  border-bottom: 1px solid #fff;







}















.news_bg .news .news_box ul li .txt {







  margin-left: 45px;







  width: 350px;















}















.news_bg .news .news_box ul li .txt span {







  display: block;







  font-size: 56px;







  color: #d6d6d6;







  font-family: Arial Black;







  line-height: 50px;







  padding-top: 20px;







}















.news_bg .news .news_box ul li .txt i {







  font-size: 16px;







  color: #d6d6d6;







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







  display: block;







  margin-top: 7px;







}















.news_bg .news .news_box ul li .txt h5 a {







  font-size: 18px;







  color: #333;







  font-weight: bold;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 15px;







}















.news_bg .news .news_box ul li .txt p {







  font-size: 15px;







  color: #666666;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin: 10px 0 30px 0;







}















.news_bg .news .news_box ul li .txt .more {







  display: block;







  width: 55px;







  height: 55px;







  border-radius: 50%;







  border: 1px solid #ebebeb;







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







}















.news_bg .news .news_box ul li .news_img {







  position: absolute;







  left: 0;







  top: 0;







  width: 0px;







  height: 295px;







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







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







  transition: all 0.5s ease-out;















}















.news_bg .news .news_box ul li .news_img img {







  width: 0px;







  height: 295px;







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







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







  transition: all 0.5s ease-out;







}















.news_bg .news .news_box ul li:hover .news_img {







  width: 464px;







}















.news_bg .news .news_box ul li:hover .news_img img {







  width: 464px;







  height: 295px;







}























.news_bg .news .news_box ul li:nth-child(4) .txt span,







.news_bg .news .news_box ul li:nth-child(5) .txt span,







.news_bg .news .news_box ul li:nth-child(6) .txt span{







  padding-top: 40px;







}







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







/*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: rgba(0, 0, 0, 0.15);















}























































/* banner */















.banner_bg {







  width: 100%;







  height: 100%;







  overflow: hidden;







  position: relative;







  top: -123px;







}























.banner {







  width: 100%;







  height: 100%;







  overflow: hidden;







  position: relative;







}























.banner .swiper-container {







  width: 100%;







  height: 100%;







  overflow: hidden;







  margin: 0 auto;















}















.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%;







  min-height:100%;







  display: block;







  transition:1s linear 2s;







  transform:scale(1.1,1.1);







}















.banner .swiper-slide-active img{







  transition:6s linear;







  transform:scale(1,1);







  }	































.banner .swiper-button-next1{







  position: absolute;







  top: 50%;







  right: -4%;







  z-index: 5;







  width: 65px;







  height: 65px;







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







  cursor: pointer;







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







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







  transition: all 0.5s ease-out;







}















.banner:hover .swiper-button-next1{







  right: 4%;







}















.banner .swiper-button-prev1{







  position: absolute;







  top: 50%;







  left: -4%;







  z-index: 5;







  width: 65px;







  height: 65px;







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







  cursor: pointer;







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







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







  transition: all 0.5s ease-out;







}















.banner:hover .swiper-button-prev1{







  left: 4%;







}















.banner .swiper-pagination {







  width: 100%;







  bottom: 10px;







  left: 0px;







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







}















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







  display: inline-block;







  margin: 0 75px 0px 75px;







  width: 122px;







  height: 30px;







  line-height: 30px;







  opacity: 1;







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







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







  transition: all 0.5s ease-out;







  position: relative;







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







}























.banner .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1)::after{







  position: absolute;







  right: 0%;







  top: 20px;







  width: 122px;







  text-align: center;







  content: "01";







  font-size: 16px;







  color: #cccccc;







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







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







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







  transition: all 0.5s ease-out;







}















.banner .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2)::after{







  position: absolute;







  right: 0%;







  top: 20px;







  width: 122px;







  text-align: center;







  content: "02";







  font-size: 16px;







  color: #cccccc;







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







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







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







  transition: all 0.5s ease-out;







}















.banner .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3)::after{







  position: absolute;







  right: 0%;







  top: 20px;







  width: 122px;







  text-align: center;







  content: "03";







  font-size: 16px;







  color: #cccccc;







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







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







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







  transition: all 0.5s ease-out;







}























.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(1)::after{







  color: #2a549f;







  font-weight: bold;















}















.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(2)::after{







  color: #2a549f;







  font-weight: bold;







}















.banner .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(3)::after{







  color: #2a549f;







  font-weight: bold;







}































/*title*/















.title{







  







}















.title span{







  display: block;







  font-size: 92px;







  color: #f9f9f9;







  text-transform: uppercase;







  font-family: Arial Black;







  line-height: 78px;







}















.title h3{







  font-size: 32px;







  color: #333333;







  font-weight: bold;







  line-height: 40px;







  margin-top: -50px;







  letter-spacing: 2px;







  text-shadow: 6px 5px 1px #ebebeb;







}















.title h3 a{







  display: block;







  font-size: 32px;







  color: #333333;







  font-weight: bold;







}















.title i{







  display: block;







  width: 41px;







  height: 3px;







  background: #3f61c3;







  margin-top: 15px;







}















/*product*/















.pro_bg{







  width: 100%;







  margin: -23px auto 0 auto;







  position: relative;







  overflow: hidden;







  height: 1235px;







}















.pro_bg .pro_ico{







  position: absolute;







  left: 0px;







  bottom: 0px;







  width: 269px;







  height: 507px;















}























.pro_bg .product{







  margin: 0 auto;







}















.pro_bg .product .title{







  margin: 0 auto;







  text-align: center;







  width: 1300px;







}















.pro_bg .product .title i{







  margin: 15px auto 0 auto;







}















.pro_bg .product .pro_list{







  margin: 50px auto 0 auto;







  width: 1300px;







  height: 169px;







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







  padding: 0 62px;







}















.pro_bg .product .pro_list ul li{







  float: left;







  width: 222px;







  margin: 0 1px 0 0;







  position: relative;







  z-index: 5;







}















.pro_bg .product .pro_list ul li a{







  display: block;







  text-align: center;







  padding-top: 52px;







}















.pro_bg .product .pro_list ul li a span{







  display: block;







  margin: 0 auto;







  width: 24px;







  height: 24px;







  overflow: hidden;







}















.pro_bg .product .pro_list ul li a span .p1{







  display: block;







  margin: 0 auto;







  width: 24px;







  height: 24px;







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







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







  transition: all 0.5s ease-out;







}















.pro_bg .product .pro_list ul li a span .p2{







  display: block;







  margin: 0 auto;







  width: 24px;







  height: 24px;







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







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







  transition: all 0.5s ease-out;







}























.pro_bg .product .pro_list ul li a i{







  font-size: 18px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 15px;







}















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







  position: absolute;







  left: 0%;







  top: 0px;







  width: 100%;







  height: 0%;







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







  content: "";







  z-index: -1;







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







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







  transition: all 0.5s ease-out;







}















.pro_bg .product .pro_list ul li:hover a span .p1{







  transform: translateY(-24px);















}















.pro_bg .product .pro_list ul li:hover a span .p2{







  transform: translateY(-24px);







}















.pro_bg .product .pro_list ul li:hover a i{







  font-weight: bold;







  color: #0531a6;







}















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







  height: 165px;







}















.pro_bg .product .pro_list  .pro_more{







  float: right;







  width: 180px;







}















.pro_bg .product .pro_list  .pro_more a{







  display: block;







  text-align: center;







  padding-top: 70px;







}















.pro_bg .product .pro_list  .pro_more a img{







  display: block;







  margin: 0 auto;







}















.pro_bg .product .pro_list  .pro_more a i{







  display: block;







  font-size: 18px;







  color: #333;







  margin-top: 13px;







}















.pro_bg .product .pro_box{







  margin: 53px auto 0 auto;







  width: 1300px;















}















.pro_bg .product .pro_box ul li{







  float: left;







  width: 396px;







  margin: 0 55px 45px 0;















}















.pro_bg .product .pro_box ul li:nth-child(3n){







  margin-right: 0;







}















.pro_bg .product .pro_box ul li .pic{







  width: 396px;







  height: 269px;







  background: #f8f8f8;















}















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







  width: 376px;







  height: 249px;







  margin: 10px;







  display: inline-block;







  overflow: hidden;







}















.pro_bg .product .pro_box ul li .pic img{







  width: 376px;







  height: 249px;







  -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 ul li .txt{







  margin: 12px auto 0 auto;















} 















.pro_bg .product .pro_box ul li .txt h5 {







  float: left;







  width: 263px;







  height: 48px;







  border-bottom: 1px solid #e5e5e5;







  position: relative;







}















.pro_bg .product .pro_box ul li .txt h5 a{







  padding-left: 18px;







  font-size: 16px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







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







  line-height: 38px;







}















.pro_bg .product .pro_box ul li .txt .more{







  display: block;







  float: right;







  width: 55px;







  height: 55px;







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







  border: 1px solid #e3e3e3;







  border-radius: 50%;







  -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 ul li .txt h5::after{







  position: absolute;







  left: 0%;







  bottom: 0px;







  width: 0%;







  height: 1px;







  background: #0531a6;







  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 ul li:hover .txt h5::after{







  width: 100%;







}















.pro_bg .product .pro_box ul li:hover .txt h5 a{







  color: #0531a6;







}















.pro_bg .product .pro_box ul li:hover .txt .more{







  transform: rotate(32deg);







}















.pro_bg .product .pro_box ul li:hover .pic img{







  transform: scale(1.1);







  -webkit-transform: scale(1.1);







  -o-transform: scale(1.1);







}































/*ys*/















.ys_bg{







  width: 100%;







  height: 1010px;







  margin: -60px auto 0 auto;







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







}















.ys_bg .ys{







  width: 1300px;







  margin: 0 auto;







}















.ys_bg .ys .ys_t{







  margin: 0 auto;







  height: 110px;







  position: relative;







  z-index: 9;







}















.ys_bg .ys .ys_t span{







  display: block;







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







  line-height: 20px;







  height: 20px;







}















.ys_bg .ys .ys_t span i{







  display: block;







  font-size: 12px;







  color: #333;







  font-weight: bold;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  margin: 0 237px 0 30px;







  float: left;







  text-align: center;















}















.ys_bg .ys .ys_t span i:last-child{







  margin-right: 0;







}















.ys_bg .ys .ys_t h3{







  font-size: 32px;







  color: #333;







  font-weight: bold;







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







  height: 64px;







  line-height: 64px;







  text-align: center;







  margin: 20px auto 0 auto;







  letter-spacing: 5px;







  text-shadow: 6px 5px 1px #ebebeb;







}















.ys_bg .ys .ys_box{







  margin: 0 auto;







  position: relative;







}























.ys_bg .ys .ys_box .mySwiper{







  overflow: hidden;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide{







  position: relative;















}























.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_img{







  width: 1031px;







  height: 772px;







  position: absolute;







  left: 90px;







  top: 0;







  opacity: 0;







  -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 .mySwiper .swiper-slide .ys_img img{







  width: 1031px;







  height: 772px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_num{







  float: left;







  margin-left: 0px;







  margin-top: 260px;







  width: 85px;







  opacity: 0;







  -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 .mySwiper .swiper-slide .ys_num span{







  display: block;







  font-size: 30px;







  color: #ffffff;







  font-weight: bold;







  font-family: 'Times New Roman', Times, serif;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_num em{







  display: block;







  width: 1px;







  height: 410px;







  background: #ffffff;







  margin: 10px 0 10px 13px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .ys_num i{







  display: block;







  font-size: 20px;







  color: #ffffff;







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







  font-weight: bold;







  text-transform: uppercase;







  line-height: 36px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt{







  float: right;







  text-align: right;







  width: 910px;







  margin-top: 630px;







  opacity: 0;







  -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 .mySwiper .swiper-slide .txt h5{







  font-size: 20px;







  color: #ffffff;







  font-weight: bold;







  letter-spacing: 3px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt span{







  display: block;







  font-size: 12px;







  color: #e9e9e9;







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







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt i{







  font-size: 20px;







  color: #ffffff;







  font-weight: bold;







  margin: 3px 0 5px 0;







  display: block;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide .txt p{







  font-size: 15px;







  color: #ffffff;







  line-height: 36px;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide-active .ys_num{







  opacity: 1;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide-active .txt{







  opacity: 1;







}















.ys_bg .ys .ys_box .mySwiper .swiper-slide-active .ys_img{







  opacity: 1;







}























/*case*/















.case_bg{







  width: 100%;







  height: 1177px;







  margin: 0 auto;







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







  overflow: hidden;







}















.case_bg .case{







  width: 1300px;







  margin: 0 auto;







  padding-top: 100px;







  position: relative;







}















.case_bg .case .title{







  position: absolute;







  left: 0px;







  top: 100px;







  z-index: 5;







}















.case_bg .case .title span{







  color: #fff;







}















.case_bg .case .case_box{







  margin: 45px auto 0 auto;







  position: relative;







}















.case_bg .case .case_box .case_l{







  float: left;







  width: 480px;







  margin-top: 80px;







}















.case_bg .case .case_box .case_l ul li{







  width: 478px;







  height: 400px;







}















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







  width: 478px;







  height: 315px;







  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);







}















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







  width: 448px;







  height: 285px;







  margin: 15px;















}















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







  width: 448px;







  margin: 0 auto;







}















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







  display: block;







}















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







  float: left;







  width: 245px;







  font-size: 18px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 18px;







}















.case_bg .case .case_box .case_l ul li .txt a span i{







  font-size: 12px;







  color: #cccccc;







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







  text-transform: uppercase;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 2px;







}















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







  display: block;







  float: right;







  width: 130px;







  height: 17px;







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







  margin-top: 20px;







}















.case_bg .case .case_box .case_l ul li:hover .txt a span{







  color: #0531a6;







  letter-spacing: 2px;







}















.case_bg .case .case_box .case_r{







  float: right;







  width: 695px;







}















.case_bg .case .case_box .case_r .pic{







  width: 695px;







  height: 458px;







  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);







}















.case_bg .case .case_box .case_r .pic img{







  width: 655px;







  height: 418px;







  margin: 20px;







}















.case_bg .case .case_box .case_r .txt{







  margin: 35px auto 0 auto;















} 















.case_bg .case .case_box .case_r .txt em{







  display: block;







  width: 26px;







  height: 2px;







  background: #535353;







  -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 .case_r .txt h5 a{







  font-size: 18px;







  color: #333333;







  font-weight: bold;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin: 10px 0 20px 0;







}















.case_bg .case .case_box .case_r .txt p{







  font-size: 15px;







  color: #666666;







  line-height: 32px;







  height: 96px;







  overflow: hidden;







}























.case_bg .case .case_box .case_r:hover .txt em{







  background: #0531a6;







  width: 60px;







}























.case_bg .case .case_box .case_r:hover .txt h5 a{







  color: #0531a6;







}















.case_bg .case .case_box .case_trait{







  position: absolute;







  right: 0px;







  top: 710px;







  text-align: right;







}















.case_bg .case .case_box .case_trait h5{







  text-align: right;















}















.case_bg .case .case_box .case_trait h5 em{















  font-size: 18px;







  color: #999999;







  font-family: 'Times New Roman', Times, serif;







  display: inline-block;







  position: relative;







  top: -5px;







}















.case_bg .case .case_box .case_trait h5 i{







  font-size: 58px;







  color: #333333;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  font-weight: bold;







  display: inline-block;







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







  padding-left: 32px;







  margin-left: 15px;







  line-height: 45px;







}















.case_bg .case .case_box .case_trait span{







  display: block;







  font-size: 12px;







  color: #c9c9c9;







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







  line-height: 20px;







  margin: 5px 0 5px 0;







  







}















.case_bg .case .case_box .case_trait h6{







  font-size: 30px;







  color: #0531a6;







  font-weight: bold;







  font-family: "simsun";







  font-weight: bold;















}























.case_bg .case .case_box .more{







  position: absolute;







  left: 605px;







  top: 763px;







  border-radius: 50%;







  width: 89px;







  height: 89px;







  background: #0531a6;







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







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















} 















.case_bg .case .case_box .more a{







  display: block;







  text-align: center;







  padding-top: 20px;







}















.case_bg .case .case_box .more a img{







  display: block;







  width: 22px;







  height: 22px;







  margin: 0 auto;







  -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 .more a em{







  display: block;







  font-size: 14px;







  color: #fff;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  margin-top: 7px;







}























.case_bg .case .case_box .more:hover a img{







  transform: rotate(-45deg);







}































/*about*/















.ab_bg {

  width: 100%;

  height: 1510px;

  margin: 0 auto;

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

  overflow: hidden;

  position: relative;

}















.ab_bg .ab_ico{







  position: absolute;







  left: 0px;







  top: 640px;







  width: 269px;







  height: 507px;















}















.ab_bg .about{







  width: 1300px;







  margin: 0 auto;







}















.ab_bg .about .title{







  margin: 0 auto;







  text-align: center;







}















.ab_bg .about .title i{







  display: block;







  margin: 15px auto 0 auto;







}























.ab_bg .about .ab_box{







  height: 250px;







  margin: 80px auto 0 auto;







}















.ab_bg .about .ab_box .ab_t{







  float: left;







  width: 285px;







  height: 250px;







  border-right: 1px solid #e5e5e5;







}















.ab_bg .about .ab_box .ab_t h5{







  font-size: 36px;







  color: #333333;







  font-weight: bold;







}















.ab_bg .about .ab_box .ab_t h5 span{







  font-size: 24px;







  color: #333333;







  font-weight: normal;







  margin-left: 7px;







  position: relative;







  z-index: 5;







}















.ab_bg .about .ab_box .ab_t h5 span::after{







  position: absolute;







  left: -2px;







  bottom: 2px;







  content: "";







  width: 72px;







  height: 9px;







  background: #7890cf;







  z-index: -1;







}















.ab_bg .about .ab_box .ab_t i{







  display: block;







  font-size: 12px;







  color: #999999;







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







}























.ab_bg .about .ab_box .ab_t .more{







  border-radius: 50%;







  width: 89px;







  height: 89px;







  background: #0531a6;







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







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







  margin-top: 85px;















} 















.ab_bg .about .ab_box .ab_t .more a{







  display: block;







  text-align: center;







  padding-top: 20px;







}















.ab_bg .about .ab_box .ab_t .more a img{







  display: block;







  width: 22px;







  height: 22px;







  margin: 0 auto;







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







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







  transition: all 0.5s ease-out;







}















.ab_bg .about .ab_box .ab_t .more a em{







  display: block;







  font-size: 14px;







  color: #fff;







  font-family: 'Times New Roman', Times, serif;







  text-transform: uppercase;







  margin-top: 7px;







}























.ab_bg .about .ab_box .ab_t .more:hover a img{







  transform: rotate(-45deg);







}















.ab_bg .about .ab_box .txt{







  float: right;







  width: 975px;







  position: relative;







  top: -5px;







}















.ab_bg .about .ab_box .txt p{







  font-size: 16px;







  color: #666666;







  line-height: 40px;







  height: 240px;







  overflow: hidden;







}















.ab_bg .about .ab_img{







  margin: 35px auto 0 auto;







  position: relative;







  z-index: 5;















} 















.ab_bg .about .ab_img img{







  width: 1300px;







  height: 376px;







  border-radius: 195px;







  margin-top: 12px;























}















.ab_bg .about .ab_img::after{







  position: absolute;







  right: -20px;







  top: 0px;







  content: "";







  width: 1300px;







  height: 376px;







  background: #e2ebf3;







  opacity: 0.4;







  border-radius: 195px;







  z-index: -1;







}























/*fc*/















.fc{







  width: 1300px;







  margin:  60px auto  0 auto;







}















.fc .fc_list{







  margin:  0px auto  0 auto;







  height: 65px;







  text-align: center;







}















.fc .fc_list ul li{







  display: inline-block;







  margin: 0 10px;







  width: 320px;







  line-height: 24px;







}















.fc .fc_list ul li a{







  display: block;







  font-size: 24px;







  color: #333;







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







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







  transition: all 0.5s ease-out;







}















.fc .fc_list ul li a em{







  display: inline-block;







  width: 24px;







  height: 24px;







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







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







  transition: all 0.5s ease-out;







  position: relative;







  top: 4px;







}















.fc .fc_list ul li a i{







  display: inline-block;







  font-size: 12px;







  color: #cacdd8;







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







  text-transform: uppercase;







  margin-left: 5px;







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







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







  transition: all 0.5s ease-out;







  opacity: 0;







}















.fc .fc_list ul li:nth-child(1) a em{







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







}















.fc .fc_list ul li:nth-child(2) a em{







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







}















.fc .fc_list ul li.on a{







  font-weight: bold;







  color: #0531a6;















}















.fc .fc_list ul li.on a i{







  opacity: 1;















}















.fc .fc_list ul li:nth-child(1).on a em{







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







}















.fc .fc_list ul li:nth-child(2).on a em{







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







}























.fc .fc_box{







  margin: 0 auto;







  width: 1360px;







} 















.fc .fc_box .fc_nr ul li{







  float: left;







  width: 285px;







  margin: 0 40px 0 0;















}















.fc .fc_box .fc_nr ul li .pic{





width: 285px;





/* height: 185px; */





background: #f8f8f8;

}















.fc .fc_box .fc_nr ul li .pic img{







  width: 275px;







  margin: 5px;







}















.fc .fc_box .fc_nr ul li .txt{







  margin: 12px auto 0 auto;















} 















.fc .fc_box .fc_nr ul li .txt h5 {







  float: left;







  width: 180px;







  height: 48px;







  border-bottom: 1px solid #e5e5e5;







  position: relative;







}















.fc .fc_box .fc_nr ul li .txt h5 a{







  padding-left: 18px;







  font-size: 16px;







  color: #333333;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







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







  line-height: 38px;







}















.fc .fc_box .fc_nr ul li .txt .more{







  display: block;







  float: right;







  width: 55px;







  height: 55px;







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







  border: 1px solid #e3e3e3;







  border-radius: 50%;







}















.fc .fc_box .fc_nr ul li .txt h5::after{







  position: absolute;







  left: 0%;







  bottom: 0px;







  width: 0%;







  height: 1px;







  background: #0531a6;







  content: "";







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







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







  transition: all 0.5s ease-out;







}















.fc .fc_box .fc_nr ul li:hover .txt h5::after{







  width: 100%;







}















.fc .fc_box .fc_nr ul li:hover .txt h5 a{







  color: #0531a6;







}















/*news*/















.news_bg {







  width: 100%;







  height: 917px;







  margin: 0 auto;







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







}















.news_bg .news {







  margin: 0 auto;







  padding-top: 70px;







}















.news_bg .news .news_t {







  margin: 0 auto;







  height: 130px;







  width: 1300px;







}















.news_bg .news .news_t .title {







  float: left;







}















.news_bg .news .news_t .title span{







  color: #fff;















}























.news_bg .news .news_t .news_list {







  float: right;







  margin-top: 45px;







}















.news_bg .news .news_t .news_list ul li {







  float: left;







  margin-left: 45px;







  border-radius: 45px;







  width: 140px;







  height: 44px;







  line-height: 44px;







  position: relative;







  z-index: 5;







}















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







  display: block;







  font-size: 18px;







  color: #333333;







  padding-left: 52px;







  -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.n1 a {







  background: url(../images/news1.png) no-repeat 15px center;







}















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







  background: url(../images/news2.png) no-repeat 15px center;







}















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







  background: url(../images/news3.png) no-repeat 15px center;







}















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







  position: absolute;







  left: 0;







  top: 0;







  content: "";







  z-index: -1;







  width: 0;







  height: 100%;







  background: #0531a6;







  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;















}















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







  background: url(../images/news11.png) no-repeat 15px center;







}















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







  background: url(../images/news22.png) no-repeat 15px center;







}















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







  background: url(../images/news33.png) no-repeat 15px center;







}















.news_bg .news .news_box {







  margin: 40px auto 0 auto;







  width: 1395px;







}















.news_bg .news .news_box ul li {







  float: left;







  position: relative;







  width: 464px;







  height: 295px;







  border-right: 1px solid #f4f4f4;







  border-bottom: 1px solid #f4f4f4;







}















.news_bg .news .news_box ul li:nth-child(3n) {







  border-right: 1px solid #fff;







}















.news_bg .news .news_box ul li:nth-child(4),







.news_bg .news .news_box ul li:nth-child(5),







.news_bg .news .news_box ul li:nth-child(6) {







  border-bottom: 1px solid #fff;







}















.news_bg .news .news_box ul li .txt {







  margin-left: 45px;







  width: 350px;















}















.news_bg .news .news_box ul li .txt span {







  display: block;







  font-size: 56px;







  color: #d6d6d6;







  font-family: Arial Black;







  line-height: 50px;







  padding-top: 20px;







}















.news_bg .news .news_box ul li .txt i {







  font-size: 16px;







  color: #d6d6d6;







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







  display: block;







  margin-top: 7px;







}















.news_bg .news .news_box ul li .txt h5 a {







  font-size: 18px;







  color: #333;







  font-weight: bold;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin-top: 15px;







}















.news_bg .news .news_box ul li .txt p {







  font-size: 15px;







  color: #666666;







  display: block;







  overflow: hidden;







  text-overflow: ellipsis;







  white-space: nowrap;







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







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







  transition: all 0.5s ease-out;







  margin: 10px 0 30px 0;







}















.news_bg .news .news_box ul li .txt .more {







  display: block;







  width: 55px;







  height: 55px;







  border-radius: 50%;







  border: 1px solid #ebebeb;







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







}















.news_bg .news .news_box ul li .news_img {







  position: absolute;







  left: 0;







  top: 0;







  width: 0px;







  height: 295px;







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







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







  transition: all 0.5s ease-out;















}















.news_bg .news .news_box ul li .news_img img {







  width: 0px;







  height: 295px;







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







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







  transition: all 0.5s ease-out;







}















.news_bg .news .news_box ul li:hover .news_img {







  width: 464px;







}















.news_bg .news .news_box ul li:hover .news_img img {







  width: 464px;







  height: 295px;







}























.news_bg .news .news_box ul li:nth-child(4) .txt span,







.news_bg .news .news_box ul li:nth-child(5) .txt span,







.news_bg .news .news_box ul li:nth-child(6) .txt span{







  padding-top: 40px;







}