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



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



/*邮箱 btoe@btoe.cn*/



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



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



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



.sjcTop,



.sjcTop2,



.sjcBottom,



.sjcLeft,



.sjcRight,



.bg,



.leftWow,



.rightWow,



.bottomWow {



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



  transition: all 0.8s ease-out;



}















/* banner */







.banner {



  width: 100%;



  height: 100%;



  overflow: hidden;



  position: relative;



}







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



  display: block;



}











.banner .swiper-button-next1{



  position: absolute;



  width: 65px;



  height: 65px;



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



  right: 4%;



  top: 50%;



  z-index: 5;



  cursor: pointer;



}







.banner .swiper-button-prev1{



  position: absolute;



  width: 65px;



  height: 65px;



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



  left: 4%;



  top: 50%;



  z-index: 5;



  cursor: pointer;



}







.banner .swiper-pagination {



  width: 100%;



  bottom: 30px;



  right: 0px;



}







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



  margin: 0 10px ;



  background-color: #fff;



  width: 10px;



  height: 10px;



  opacity: 1;



  border-radius: 50%;



}







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



  background-color: #073996;



}











/* about */



















/* title */







.title{







}







.title img{



  display: block;



}







.title h3{



  font-size: 40px;



  color: #333333;



  line-height: 45px;



  margin-top: -77px;



  position: relative;







}







.title em{



  display: block;



  width: 38px;



  height: 3px;



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



  margin-top: 15px;



}















/* product */







.product{



  width: 1560px;



  margin: 80px auto 0 auto;



}







.product .pro_t{

  height: 135px;

  display: flex;

}







.product .pro_t .title{



  float: left;



}







.product .pro_t .pro_list{

  float: right;

  width: 100%;

}







.product .pro_t .pro_list ul li{

  float: left;

  position: relative;

  z-index: 5;

  margin-left: 25px;

  width: 154px;

  height: 51px;

  line-height: 51px;

  border: 1px solid #eeeeee;

  margin: 5px 0  5px 25px;



}







.product .pro_t .pro_list ul li a{

  display: block;

  text-align: center;

  font-size: 16px;

  color: #333333;

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

  white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;

overflow: hidden;

display: block;

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

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

  transition: all 0.5s ease-out;

}







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



  position: absolute;



  left: 0px;



  top: 0px;



  content: "";



  z-index: -1;



  width: 0px;



  height: 100%;



  background: #073996;



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



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



  transition: all 0.5s ease-out;



}







.product .pro_t .pro_list ul li.on::after{



  width: 100%;



}







.product .pro_t .pro_list ul li.on a{



  color: #fff;



}







.product .pro_box{



  margin: 0 auto;



} 







.product .pro_box .bd{



  width: 1560px;



  height: 545px;



  margin: 0 auto;



}







.product .pro_box .bd ul li{



  float: left;



  width: 1560px;



  height: 545px;



}







.product .pro_box .bd ul li .pic{



  width: 1560px;



  height: 545px;







}







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



  width: 1560px;



  height: 545px;



}











.product .pro_box .hd{



  margin: 0 auto;



  height: 264px;



}







.product .pro_box .hd ul li{



  width: 260px;



  height: 261px;



  background: #f9f9f9;



  border-bottom: 3px solid #f7f7f7;



  float: left;



  position: relative;



}



.product .pro_box .hd ul li:nth-child(2n){



  background: #fff;



  width: 259px;



  border-right: 1px solid #f9f9f9;



}







.product .pro_box .hd ul li::after{



  position: absolute;



  left:0px;



  bottom: -3px;



  content: "";



  width: 0px;



  height: 3px;



  background: #073996;



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



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



  transition: all 0.5s ease-out;



}







.product .pro_box .hd ul li a{



  display: block;



  text-align: center;



}







.product .pro_box .hd ul li a img{



  display: block;



  margin: 60px auto 25px auto;



}







.product .pro_box .hd ul li a  span{



  font-size: 18px;



  color: #333333;

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



  font-weight: bold;

  line-height: 24px;

  height: 72px;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



  margin: 10px auto 3px auto;



}







.product .pro_box .hd ul li a em{



  display: block;



  margin: 0 auto;



  width: 6px;



  height: 6px;



  background: #000000;



  border-radius: 50%;



}







.product .pro_box .hd ul li a i{



  font-size: 12px;



  color: #999999;



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



  line-height: 24px;



  height: 48px;



  overflow: hidden;



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



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



  transition: all 0.5s ease-out;



}







.product .pro_box .hd ul li.on a i{



  color: #073996;







}







.product .pro_box .hd ul li.on a span{



  color: #073996;







}







.product .pro_box .hd ul li.on::after{



  width: 100%;







}











































/* fw */







.fw_bg{



  width: 100%;



  margin: 80px auto 0 auto;



  background: #fbfbfb;



  height: 848px;



}







.fw_bg .fw{



  width: 1560px;



  margin: 0 auto;



  padding-top: 80px;



}







.fw_bg .fw .title{



  height: 130px;



}







.fw_bg .fw .fw_box{



  width: 1600px;



  margin: 0 auto;



} 







.fw_bg .fw .fw_box ul li{



  float: left;



  width: 360px;



  position: relative;



  margin: 0 36px 50px 0;



  overflow: hidden;



}







.fw_bg .fw .fw_box ul li .pic{



  width: 360px;



  height: 230px;







}







.fw_bg .fw .fw_box ul li .pic img{



  width: 360px;



  height: 230px;



  border-top-right-radius: 20px;



  border-top-left-radius: 20px;



}







.fw_bg .fw .fw_box ul li .txt{



  width: 340px;



  height: 230px;



  position: absolute;



  left: 0;



  bottom: 0;



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



  text-align: center;



  padding: 0 10px;



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



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



  transition: all 0.5s ease-out;



  border-top-right-radius: 20px;



  border-top-left-radius: 20px;



} 







.fw_bg .fw .fw_box ul li .txt h5 {



  padding-top: 180px;



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



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



  transition: all 0.5s ease-out;



}







.fw_bg .fw .fw_box ul li .txt h5 a{



  font-size: 22px;



  color: #ffffff;



  font-weight: bold;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



}







.fw_bg .fw .fw_box ul li .txt span{



  font-size: 12px;



  color: #ffffff;



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



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



  margin-top: 7px;



  opacity: 0;



}







.fw_bg .fw .fw_box ul li .txt .more{



  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/more.png) no-repeat center;



  width: 42px;



  height: 42px;



  margin: 40px auto 0 auto;



  opacity: 0;



}







.fw_bg .fw .fw_box ul li:hover .txt{



  background: rgba(6, 43, 95, 0.73);



}







.fw_bg .fw .fw_box ul li:hover .txt h5{



  padding-top: 50px;



}







.fw_bg .fw .fw_box ul li:hover .txt span{



  opacity: 1;



}







.fw_bg .fw .fw_box ul li:hover .txt .more{



  opacity: 1;



}







.fw_bg .fw .fw_box ul li:nth-child(5) .pic img,



.fw_bg .fw .fw_box ul li:nth-child(6) .pic img,



.fw_bg .fw .fw_box ul li:nth-child(7) .pic img,



.fw_bg .fw .fw_box ul li:nth-child(8) .pic img{







  border-top-right-radius: 0px;



  border-top-left-radius: 0px;



  border-bottom-right-radius: 20px;



  border-bottom-left-radius: 20px;



}











.fw_bg .fw .fw_box ul li:nth-child(5) .txt,



.fw_bg .fw .fw_box ul li:nth-child(6) .txt,



.fw_bg .fw .fw_box ul li:nth-child(7) .txt,



.fw_bg .fw .fw_box ul li:nth-child(8) .txt{







  border-top-right-radius: 0px;



  border-top-left-radius: 0px;



  border-bottom-right-radius: 20px;



  border-bottom-left-radius: 20px;



}







/* news */







.news{



  width: 1560px;



  margin: 80px auto 0 auto;



  height: 795px;



}







.news .news_t{



  height: 130px;







}







.news .news_t .title{



  float: left;



}







.news .news_t .news_list{



  float: right;



  margin-top: 27px;



  margin-right: 110px;



} 







.news .news_t .news_list ul li{



  float: left;



  position: relative;



  z-index: 5;



  margin-left: 40px;



  /*width: 156px*/



  height: 48px;



  line-height: 48px;

padding-right: 20px;

}







.news .news_t .news_list ul li a{



  display: block;



  padding-left: 63px;



  font-size: 16px;



  color: #333;



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



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



  transition: all 0.5s ease-out;



}







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



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



}







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



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



}







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



  position: absolute;



  left: 0px;



  top: 0px;



  content: "";



  z-index: -1;



  width: 0px;



  height: 100%;



  background: #073996;



  border-radius: 45px;



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



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



  transition: all 0.5s ease-out;



}







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



  width: 100%;



}







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



  color: #fff;



}







.news .news_t .news_list ul li.n1.casehover a {



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



}







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



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



}











.news .news_box{



  margin: 0 auto;



}  







.news .news_box .news_l{



  float: left;



}







.news .news_box .news_l ul li{



  float: left;



  margin-right: 23px;



  width: 503px;



  height: 588px;



  border: 1px solid #eeeeee;



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



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



  transition: all 0.5s ease-out;



}







.news .news_box .news_l ul li .txt{



  width: 455px;



  height: 220px;



  margin: 0 auto;



  padding-top: 44px;



}







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



  font-size: 22px;



  color: #333;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



}







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



  display: block;



  padding-left: 80px;



  font-size: 17px;



  color: #999999;



  background: url(../images/news_xt.png) no-repeat 0px center;



  margin: 25px 0 30px 0;



}







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



  font-size: 15px;



  color: #999999;



  line-height: 36px;



  height: 72px;



  overflow: hidden;



}







.news .news_box .news_l ul li .news_img{



  width: 455px;



  height: 299px;



  margin: 0 auto;



  overflow: hidden;



} 







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



  width: 455px;



  height: 299px;



  overflow: hidden;



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



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



  transition: all 0.5s ease-out;



}











.news .news_box .news_l ul li:hover{



  border: 1px solid #16459c;







}







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



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}







.news .news_box .news_r{



  float: right;



  width: 503px;



}







.news .news_box .news_r ul li{



  width: 444px;



  height: 231px;



  border: 1px solid #eeeeee;



  margin-bottom: 38px;



  padding: 44px 35px 0 22px;







}







.news .news_box .news_r ul li h5 a{



  font-size: 22px;



  color: #333;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



}







.news .news_box .news_r ul li span{



  display: block;



  padding-left: 80px;



  font-size: 17px;



  color: #999999;



  background: url(../images/news_xt.png) no-repeat 0px center;



  margin: 17px 0 0px 0;



}







.news .news_box .news_r ul li p{



  font-size: 15px;



  color: #999999;



  line-height: 36px;



  height: 72px;



  overflow: hidden;



  margin-top: 22px;



}







.news .news_box .news_r ul li:hover h5 a{



  color: #073996;



}







/* about */







.ab_bg{



  width: 100%;



  height: 971px;



  margin: 0 auto;



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



}







.ab_bg .about{



  width: 1560px;



  margin: 0 auto;



  padding-top: 87px;



  position: relative;



}







.ab_bg .about .ab_img{



  float: left;



  width: 695px;



  height: 773px;



}







.ab_bg .about .ab_img img{



  width: 695px;



  height: 773px;



}







.ab_bg .about .ab_r{



  float: right;



  width: 720px;



}







.ab_bg .about .ab_r .title{



  text-align: right;



}







.ab_bg .about .ab_r .title h3{



  margin-top: -83px;



}







.ab_bg .about .ab_r .title img{



  text-align: right;



  display: inline-block;



}







.ab_bg .about .ab_r .title em{



  text-align: right;



  display: inline-block;



  margin-top: 10px;



}







.ab_bg .about .ab_r .txt{



  margin: 80px auto 0 auto;



  text-align: right;



}







.ab_bg .about .ab_r .txt h5{



  font-size: 22px;



  color: #333333;



  font-weight: bold;



  line-height: 30px;



}







.ab_bg .about .ab_r .txt span{



  text-align: right;



  display: inline-block;



  font-size: 20px;



  color: #333333;



  font-weight: bold;



}







.ab_bg .about .ab_r .txt p{



  font-size: 15px;



  color: #666666;



  line-height: 36px;



  height: 180px;



  overflow: hidden;



}







.ab_bg .about .ab_r .txt .more{



  float: right;



  display: block;



  text-align: center;



  width: 166px;



  height: 46px;



  line-height: 46px;



  background: #073996;



  text-align: center;



  font-size: 16px;



  color: #fff;



  margin-top: 38px;



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



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



  transition: all 0.5s ease-out;



}







.ab_bg .about .ab_r .txt .more:hover{



  border-radius: 45px;



}







.ab_bg .about .ry{



  position: absolute;



  left: 570px;



  top: 664px;



}







.ab_bg .about .ry .pic{



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



  width: 297px;



  height: 196px;



  float: left;



}







.ab_bg .about .ry .pic img{



  width: 277px;



  height: 179px;



  margin: 9px 0 0 9px;







}







.ab_bg .about .ry .txt{



  float: left;



  margin-left: 40px;



  margin-top: 52px;



  width: 300px;



} 







.ab_bg .about .ry .txt a{



  display: block;



}







.ab_bg .about .ry .txt a span{



  font-size: 30px;



  color: #333333;



  font-weight: bold;



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



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



  padding-left: 15px;



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



}







.ab_bg .about .ry .txt a i{



  font-size: 16px;



  color: #666666;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



  margin-left: 15px;



}







/* honor */







.honor_bg{



  width: 100%;



  margin: 0 auto;



  height: 721px;



  background: url(../images/ry_bg1.jpg) no-repeat 0px center;



}







.honor_bg .honor{



  width: 1560px;



  margin: 0 auto;



  padding-top: 60px;



}







.honor_bg .honor .title{



  margin: 0 auto;



  text-align: center;



  height: 130px;



}







.honor_bg .honor .title img{



  margin: 0 auto;



}







.honor_bg .honor .title h3{



  color: #fff;



  margin-top: -117px;



}







.honor_bg .honor .title em{



  margin: 15px auto 0 auto;



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



}







.honor_bg .honor .ry_box{



  margin: 0 auto;



  overflow: hidden;



}







.honor_bg .honor .ry_box ul li{



  float: left;



  width: 260px;



  height: 356px;



  border-bottom: 1px solid rgba(255, 255, 255, 0.22);



  position: relative;



}







.honor_bg .honor .ry_box  ul li .pic{



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



  width: 228px;



  height: 297px;



  margin: 0 auto;



}







.honor_bg .honor .ry_box  ul li .pic img{



  width: 182px;



  height: 253px;



  margin: 22px 0 0 23px;







}







.honor_bg .honor .ry_box  ul li .txt{



  height: 59px;



  line-height: 58px;



  text-align: center;



  position: relative;







} 







.honor_bg .honor .ry_box  ul li .txt a{



  font-size: 16px;



  color: #fff;



  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;



}







.honor_bg .honor .ry_box  ul li .txt::after{



  position: absolute;



  left: 16px;



  bottom: 0px;



  content: "";



  width: 0px;



  height: 1px;



  background: #fff;



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



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



  transition: all 0.5s ease-out;



}







.honor_bg .honor .ry_box  ul li:hover .txt::after{



  width: 228px;



}











.honor_bg .honor .ry_more{



  margin: 40px auto 0 auto;



  width: 166px;



  height: 46px;



  line-height: 46px;



  background: #ffffff;



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



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



  transition: all 0.5s ease-out;



}







.honor_bg .honor .ry_more a{



  display: block;



  text-align: center;



  font-size: 16px;



  color: #093470;



}







.honor_bg .honor .ry_more:hover{



  border-radius: 45px;



}







/* hz */











.hz{



  width: 1560px;



  margin: 80px auto 0 auto;



  height: 567px;



}







.hz .hz_box{



  margin: 0 auto;



}







.hz .title{



  margin: 0 auto;



  text-align: center;



  height: 160px;



}







.hz .title img{



  margin: 0 auto;



}







.hz .title h3{



  margin-top: -80px;



}







.hz .title em{



  margin: 15px auto 0 auto;



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



}







.hz .hz_box{



  margin: 0 auto;



  height: 220px;



  border-bottom: 1px solid #f2f2f2;



}







.hz .hz_box ul{



  width: 1600px;



}







.hz .hz_box ul li{



  float: left;



  width: 242px;



  height: 220px;



  margin-right: 22px;



  position: relative;



}







.hz .hz_box ul li:last-child{



  margin-right: 0;



}







.hz .hz_box ul li .pic{



  width: 240px;



  height: 160px;



  border: 1px solid #e5e5e5;







}







.hz .hz_box ul li .pic img{



  width: 240px;



  height: 160px;



}











.hz .hz_box ul li .txt{



  display: none;







} 







.hz .hz_box ul li .txt a{



  font-size: 16px;



  color: #333;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: block;



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



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



  transition: all 0.5s ease-out;



}







.hz .hz_box ul li::after{



  position: absolute;



  left: 0px;



  bottom: 0px;



  content: "";



  width: 0px;



  height: 1px;



  background: #979797;



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



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



  transition: all 0.5s ease-out;



}







.hz .hz_box ul li:hover::after{



  width: 100%;



}







.hz .hz_more{



  margin: 60px auto 0 auto;



  width: 166px;



  height: 46px;



  line-height: 46px;



  border: 1px solid #c6c6c6;



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



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



  transition: all 0.5s ease-out;



}







.hz .hz_more a{



  display: block;



  text-align: center;



  font-size: 16px;



  color: #333;



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



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



  transition: all 0.5s ease-out;



}







.hz .hz_more:hover{



  background: #16459c;



}







.hz .hz_more:hover a{



  color: #fff;



}