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



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



.fullSlide {



  width: 100%;



  position: relative;



  height: 660px;



}







.fullSlide .bd {



  width: 100%;



  height: 660px;



  margin: 0;



  position: relative;



  z-index: 1;



  overflow: hidden;



}











.fullSlide .bd ul {



  width: 100% !important;



}







.fullSlide .bd li {



  width: 100% !important;



  height: 660px;



  overflow: hidden;



  text-align: center;



  position: relative;



}







.fullSlide .bd li a {



  display: block;



  height: 660px;



}







.fullSlide .hd {



  width: 100%;



  position: absolute;



  z-index: 2;



  bottom: 40px;



  left: 0;



  height: 30px;



  text-align: center;



}







.fullSlide .hd ul {



  text-align: center;



}







.fullSlide .hd ul li {



  cursor: pointer;



  display: inline-block;



  zoom: 1;



  width: 12px;



  height: 12px;



  border-radius: 50%;



  margin: 12px;



  overflow: hidden;



  line-height: 99px;



  -webkit-transition: all .3s ease-out;



  transition: all .3s ease-out;



  background: #fff;



}







.fullSlide .hd ul .on {



  background: #0465b9;



  -webkit-transition: all .3s linear;



  transition: all .3s linear;



}











.fullSlide .next {



  width: 65px;



  height: 65px;



  position: absolute;



  top: 50%;



  z-index: 2;



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



  filter: alpha(opacity=80);



  -moz-opacity: .8;



  opacity: .8;



  -webkit-transition: all .5s linear;



  transition: all .5s linear;



  right: 4%;



}







.fullSlide .prev {



  width: 65px;



  height: 65px;



  position: absolute;



  top: 50%;



  z-index: 2;



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



  filter: alpha(opacity=80);



  -moz-opacity: .8;



  opacity: .8;



  -webkit-transition: all .5s linear;



  transition: all .5s linear;



  left: 4%;



}











/*sou*/







.sou_bg{



  width: 100%;



  margin: 0 auto;



  height: 62px;



  background: #fff;



  overflow: hidden;



}







.sou_bg .sou{



  width: 1280px;



  margin: 0 auto;



}







.sou_bg .sou .sou_l{



  float: left;



  width: 840px;



  line-height: 62px;



}







.sou_bg .sou .sou_l span{



  font-size: 18px;



  color: #333333;



}







.sou_bg .sou .sou_l i a{



  font-size: 15px;



  color: #999;



  margin-right: 35px;



}







.sou_bg .sou .search{



  float: right;



  width: 360px;



  height: 62px;



  border-left: 1px solid #f1f1f1;



}







.sou_bg .sou .search .search2{



  float: left;



  width: 260px;



  height: 62px;



  padding-left: 40px;



  font-size: 15px;



  color: #999999;







}







.sou_bg .sou .search .search_s{



  float: right;



  width: 19px;



  height: 19px;



  margin-top: 16px;



  cursor: pointer;



}











/*title*/ 







.title{



  margin: 0 auto;



  text-align: center;



}







.title h3{



  font-size: 36px;



  color: #333333;



  font-weight: bold;







}







.title h3 a{



  font-size: 36px;



  color: #333333;



  font-weight: bold;



  display: block;



}







.title span{



  display: block;



  font-size: 16px;



  color: #666666;



  margin-top: 3px;



}







.title i{



  display: block;



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



  width: 41px;



  height: 2px;



  margin: 20px auto 0 auto;



}















/*product*/ 







.pro_bg{



  width: 100%;



  margin: 0 auto;



  height: 1125px;



  background: #f6f6f6;



}







.pro_bg .product{



  width: 1280px;



  margin: 0 auto;



  padding-top: 60px;



}







.pro_bg .product .pro_box{



  margin: 50px auto 0 auto;



}







.pro_bg .product .pro_box .pro_l{



  float: left;



  width: 300px;



  background: #e5e5e5;



}







.pro_bg .product .pro_box .pro_l dl{



  overflow: hidden;



  margin-bottom: 10px;



}







.pro_bg .product .pro_box .pro_l dl dt{



  width: 300px;



  height: 60px;



  line-height: 60px;



  background: #0465b9;







}







.pro_bg .product .pro_box .pro_l dl dt a{



  display: block;



  text-align: center;



  font-size: 24px;



  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;



}







.pro_bg .product .pro_box .pro_l dl dt a i{



  vertical-align: middle;



  display: inline-block;



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



  width: 14px;



  height: 14px;



  margin-right: 10px;



}







.pro_bg .product .pro_box .pro_l dl dd 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;



  line-height: 50px;



  margin-left: 35px;



}







.pro_bg .product .pro_box .pro_l dl dd a i{



  font-size: 16px;



  color: #333;



  margin-right: 10px;



}







.pro_bg .product .pro_box .pro_l dl dd a:hover{



  color: #0465b9;



}







.pro_bg .product .pro_box .pro_l dl dd a:hover i{



  color: #0465b9;



}







.pro_bg .product .pro_box .pro_l .more{



  width: 300px;



  height: 60px;



  line-height: 60px;



  background: #0465b9;



}







.pro_bg .product .pro_box .pro_l .more a{



  display: block;



  text-align: center;



  font-size: 24px;



  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;



}







.pro_bg .product .pro_box .pro_l .more a i{



  vertical-align: middle;



  display: inline-block;



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



  width: 14px;



  height: 14px;



  margin-right: 10px;



}







.pro_bg .product .pro_box .pro_r{



  float: right;



  width: 945px;



} 







.pro_bg .product .pro_box .pro_r ul li{



  float: left;



  width: 290px;



  margin: 0 0 20px 25px;



}







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



  width: 290px;



  height: 220px;



  background: #fff;



  border-top-left-radius: 12px;



  border-top-right-radius: 12px;







}







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



  width: 280px;



  height: 210px;



  margin: 5px;



  border-top-left-radius: 12px;



  border-top-right-radius: 12px;



}







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



  width: 290px;



  height: 50px;



  line-height: 50px;



  background: #e5e5e5;



  border-bottom-left-radius: 12px;



  border-bottom-right-radius: 12px;



  text-align: center;



  position: relative;



  z-index: 5;







} 







.pro_bg .product .pro_box .pro_r 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;



}







.pro_bg .product .pro_box .pro_r ul li .txt::after{



  width: 0px;



  height: 50px;



  background: #0465b9;



  border-bottom-left-radius: 12px;



  border-bottom-right-radius: 12px;



  position: absolute;



  left: 0px;



  top: 0px;



  z-index: -1;



  content: "";



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



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



  transition: all 0.5s ease-out;



}











.pro_bg .product .pro_box .pro_r ul li:hover .txt::after{



  width: 100%;



}







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



  color: #fff;



}











/*case*/ 







.case_bg{



  width: 100%;



  height: 905px;



  margin: 0 auto;



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



}







.case_bg .case{



  width: 1280px;



  margin: 0 auto;



  padding-top: 60px;



}







.case_bg .case .case_list{



  margin: 50px auto 0 auto;



  width: 1280px;



  height: 70px;



  border: 1px solid #dddddd;



  overflow: hidden;







}







.case_bg .case .case_list ul li{



  float: left;



  width: 159px;



  height: 70px;



  line-height: 70px;



  position: relative;



  z-index: 5;



  border-right: 1px solid #dddddd;



  text-align: center;



}







.case_bg .case .case_list ul li a{



  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;



}







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



  position: absolute;



  left: 0px;



  top: 0px;



  width: 0px;



  height: 100%;



  background: #0465b9;



  content: "";



  z-index: -1;



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



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



  transition: all 0.5s ease-out;



}







.case_bg .case .case_list ul li.casehover::after{



  width: 100%;



}







.case_bg .case .case_list ul li.casehover a{



  color: #fff;



}







.case_bg .case .case_box{



  margin: 45px auto 0 auto;



  height: 510px;



  overflow: hidden;



  position: relative;



}







.case_bg .case .case_box .zx{



  position: absolute;



  top: 372px;



  left: 60px;



  z-index: 5;



  width: 135px;



  height: 42px;



  line-height: 42px;



  text-align: center;



  background: #0465b9;



  border-top-left-radius: 15px;



  border-bottom-right-radius: 15px;



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



  display: block;



  background: url(../images/zx.png) no-repeat 20px center;



  padding-left: 35px;



  font-size: 16px;



  color: #fff;



}







.case_bg .case .case_box .case_nr{



  height: 510px;



  overflow: hidden;



}







.case_bg .case .case_box .case_nr .txt{



  float: left;



  height: 510px;



  width: 470px;



  background: #f2f2f2;



  padding: 0 70px 0 60px;



}







.case_bg .case .case_box .case_nr .txt h5 a{



  font-size: 22px;



  color: #0465b9;



  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;



  margin: 85px 0 30px 0;







}







.case_bg .case .case_box .case_nr .txt em{



  display: block;



  width: 36px;



  height: 2px;



  background: #999999;



}







.case_bg .case .case_box .case_nr .txt p{



  font-size: 16px;



  color: #666;



  line-height: 42px;



  height: 126px;



  overflow: hidden;



  margin: 30px 0 65px 0;







}







.case_bg .case .case_box .case_nr .txt .more{



  width: 135px;



  height: 42px;



  line-height: 42px;



  text-align: center;



  background: #fff;



  border: 1px solid #dddddd;



  border-top-left-radius: 15px;



  border-bottom-right-radius: 15px;



  margin-left: 180px;



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



  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;



}







.case_bg .case .case_box .case_nr:hover .txt .more{



  background: #0465b9;







}







.case_bg .case .case_box .case_nr:hover .txt .more a{



  color: #fff;



}







.case_bg .case .case_box .case_nr .pic{



  float: right;



  width: 680px;



  height: 510px;



  position: relative;







}







.case_bg .case .case_box .case_nr .pic img{



  width: 680px;



  height: 510px;



}







.case_bg .case .case_box .case_nr .pic .nr{



  position: absolute;



  left: 40px;



  bottom: 30px;



  z-index: 5;



  width: 600px;



  height: 36px;



  line-height: 36px;







}







.case_bg .case .case_box .case_nr .pic .nr h5 a{



  font-size: 18px;



  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;



  width: 450px;



  float: left;



}







.case_bg .case .case_box .case_nr .pic .nr .more{



  display: block;



  float: right;



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



  width: 36px;



  height: 36px;







}











/*ys*/ 







.ys_bg{



  width: 100%;



  height: 820px;



  margin: 0 auto;



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



}







.ys_bg .ys{



  margin: 0 auto;



  padding-top: 85px;



}







.ys_bg .ys .title h3{



  color: #fff;



}







.ys_bg .ys .title span{



  color: #fff;







}







.ys_bg .ys .title i{



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



}



 



.ys_bg .ys .ys_box{



  width: 94%;



  margin: 60px auto 0 auto;



}







.ys_bg .ys .ys_box ul li{



  float: left;



  width: 23%;



  margin: 0 1%;



  height: 500px;



  background: #fff;



}







.ys_bg .ys .ys_box ul li .ys_img{



  position: relative;



  width: 100%;



  height: 270px;



  overflow: hidden;











}







.ys_bg .ys .ys_box ul li .ys_img img{



  position: absolute;



  left: 0px;



  top: 0px;



  width: 100%;



  height: 100%;



  overflow: hidden;



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



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



  transition: all 0.5s ease-out;

  object-fit: cover;



}







.ys_bg .ys .ys_box ul li .txt{



  margin: 25px auto 0 auto;



  text-align: center;



  width: 86%;







}







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



  font-size: 24px;



  color: #333;



  font-weight: bold;







}







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



  display: block;



  margin: 20px auto 15px auto;



  width: 42px;



  height: 1px;



  background: #bbbbbb;



}







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



  font-size: 14px;



  color: #999999;



  line-height: 30px;



}







.ys_bg .ys .ys_box ul li:hover .ys_img img{



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}











/*lc*/ 







.lc{



  width: 1280px;



  margin: 65px auto 0 auto;



  height: 380px;



}







.lc .lc_box{



  width: 1360px;



  margin: 55px auto 0 auto;



  position: relative;



  z-index: 5;



} 







.lc .lc_box::after{



  position: absolute;



  left: 0px;



  top: 36px;



  content: "";



  z-index: -1;



  width: 1280px;



  height: 1px;



  background: #dddddd;



}







.lc .lc_box ul li{



  float: left;



  width: 72px;



  margin-right: 78px;



}







.lc .lc_box ul li .te_list {



  display: block;



  overflow: hidden;



  transition-duration: 0.7s;



  margin: 0px auto 13px auto;



  width: 72px;



  height: 72px;



  background: #fff;



  border: 1px solid #dddddd;



  border-radius: 50%;



}







.lc .lc_box ul li .te_list .te_img {



  display: block;



  position: relative;



  transition: 0.7s;



  font-size: 0;



}







.lc .lc_box ul li .te_list .te_img i{



  display: block;



  width: 72px;



  height: 72px;



  text-align: center;



  line-height: 72px;



  margin: 0px auto;



}







.lc .lc_box ul li .te_list .te_img i img{



  vertical-align: middle;



  display: inline-block;



  width: 72px;



  height: 72px;



}







.lc .lc_box ul li .te_list .te_img i:before{



  /* 辅助ie8图片居中 */



  content: '';



  height: 72px;



  width: 1px;



  font-size: 0;



}











.lc .lc_box ul li .te_list .te_img {



  width: 100%;



  height: 200%;



  top:0;



}







.lc .lc_box ul li.on .te_img {



  top:-72px;



}







.lc .lc_box ul li.on .te_list{



  background: #0465b9;



  border: 1px solid #0465b9;



}







.lc .lc_box ul li p{



  text-align: center;



  font-size: 16px;



  color:  #333;



}







.lc .lc_box ul li.on p {



  color: #0465b9;



}











/*message*/ 







.message_bg{



  width: 100%;



  height: 520px;



  margin: 0 auto;



  background: #f6f6f6;



  overflow: hidden;



}







.message_bg .message{



  width: 1280px;



  margin: 0 auto;



  padding-top: 50px;



}







.message_bg .message .m_l img{



  display: block;



  float: left;



  width: 700px;



  height: 418px;



}







.message_bg .message .m_r{



  float: right;



  width: 510px;



}







.message_bg .message .m_r .m_t{



  font-size: 20px;



  color: #333333;



  line-height: 40px;







}







.message_bg .message .m_r .m_t i{



  font-size: 30px;



  color: #0465b9;



  font-weight: bold;



  margin-right: 10px;







}







.message_bg .message .m_r .form-group1{



  width: 510px;



  height: 75px;



  border-bottom: 1px solid #dddddd;







} 







.message_bg .message .m_r .form-group1 input{



  width: 510px;



  height: 75px;



  text-indent: 30px;



  font-size: 16px;



  color: #999;



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



}







.message_bg .message .m_r .form-group2{



  width: 510px;



  height: 75px;



  border-bottom: 1px solid #dddddd;







} 







.message_bg .message .m_r .form-group2 input{



  width: 510px;



  height: 75px;



  text-indent: 30px;



  font-size: 16px;



  color: #999;



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



}











.message_bg .message .m_r .form-group3{



  width: 510px;



  height: 75px;



  border-bottom: 1px solid #dddddd;







} 







.message_bg .message .m_r .form-group3 textarea{



  width: 480px;



  height: 45px;



  font-size: 16px;



  color: #999;



  background: url(../images/m3.png) no-repeat left 28px;



  padding: 30px 0 0 30px;



}











.message_bg .message .m_r .form-group4{



  width: 510px;



  height: 75px;



  border-bottom: 1px solid #dddddd;







} 







.message_bg .message .m_r .form-group4 input{



  width: 300px;



  height: 75px;



  font-size: 16px;



  color: #999;



  background: none;



  float: left;



}







.message_bg .message .m_r .form-group4 .imgcode{



  float: right;



  width: 90px;



  height: 36px;



  margin-top: 20px;



}







.message_bg .message .m_r .anniu{



  margin-top: 30px;



  width: 180px;



  height: 42px;







}







.message_bg .message .m_r .anniu button{



  cursor: pointer;



  border: none;



  background: #0465b9;



  width: 180px;



  height: 42px;



  font-size: 16px;



  color: #fff;



  font-weight: bold;



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



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



  transition: all 0.5s ease-out;



  letter-spacing: 2px;



}







.message_bg .message .m_r .anniu button:hover{



  border-radius: 45px;



}











/*about*/ 







.ab_bg{



  width: 100%;



  height: 950px;



  margin: 0 auto;



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



}







.ab_bg .about{



  width: 1280px;



  margin: 0 auto;



  padding-top: 60px;



}







.ab_bg .about .title h3{



  color: #fff;



}







.ab_bg .about .title span{



  color: #fff;







}







.ab_bg .about .title i{



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



}







.ab_bg .about  .ab_box{



  margin: 50px auto 0 auto;



  height: 416px;



  height: 457px;



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



}







.ab_bg .about  .ab_box .txt{



  float: left;



  width: 570px;



  margin-top: 35px;











}







.ab_bg .about  .ab_box .txt h5{



  font-size: 24px;



  color: #fff;



  font-weight: bold;







}







.ab_bg .about  .ab_box .txt span{



  display: block;



  font-size: 15px;



  color: #fff;



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



  margin-top: 2px;



}







.ab_bg .about  .ab_box .txt i{



  display: block;



  width: 35px;



  height: 1px;



  background: #ffffff;



  margin: 22px 0 20px 0;



}







.ab_bg .about  .ab_box .txt p{



  font-size: 15px;



  color: #fff;



  line-height: 40px;



  height: 160px;



  overflow: hidden;



}







.ab_bg .about  .ab_box .txt .more{



  margin-top: 60px;



  width: 135px;



  height: 42px;



  line-height: 42px;



  text-align: center;



  background: #fff;



  border: 1px solid #dddddd;



  border-top-left-radius: 15px;



  border-bottom-right-radius: 15px;



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



  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;



}







.ab_bg .about  .ab_box .ab_img{



  float: right;



  width: 640px;



  height: 416px;



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



} 







.ab_bg .about  .ab_box .ab_img img{



  width: 620px;



  height: 380px;



  margin-top: 18px;











}















/*fc*/







.fc{



  width: 1280px;



  margin: 40px auto 0 auto;



  position: relative;



}







.fc .bd{



  width: 1280px;



  margin: 0 auto;



}







.fc .bd ul li{



  float: left;



  width: 242px;



  margin: 0 7px;



}







.fc .bd ul li .pic{



  width: 240px;



  height: 180px;



  border: 1px solid #fff;



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



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



  transition: all 0.5s ease-out;



}







.fc .bd ul li .pic  img{



  width: 240px;



  height: 180px;



}







.fc .bd ul li .txt a{



  height: 30px;



  line-height: 30px;



  text-align: center;



  font-size: 16px;



  color: #fff;



  white-space: nowrap;



  text-overflow: ellipsis;



  -o-text-overflow: ellipsis;



  overflow: hidden;



  display: none;



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



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



  transition: all 0.5s ease-out;



}







.fc .next{



  position: absolute;



  left: -65px;



  top: 75px;



  cursor: pointer;



  width: 36px;



  height: 36px;



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



}







.fc .prev{



  position: absolute;



  right: -65px;



  top: 75px;



  cursor: pointer;



  width: 36px;



  height: 36px;



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



}











.fc .bd ul li:hover .pic{



  border: 1px solid #0465b9;







}















/*ry*/







.ry{



  width: 1280px;



  margin: 65px auto 0 auto;



}







.ry .ry_box{



  width: 1280px;



  margin: 60px auto 0 auto;



  position: relative;



}







.ry .ry_box .bd{

  width: 1280px;

  margin: 0px auto 0 auto;

  /* height: 277px; */

}







.ry .ry_box .bd ul li{

  float: left;

  width: 300px;

  height: 345px;

  border: 1px solid #dddddd;

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

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

  transition: all 0.5s ease-out;

  margin: 0 9px;

}







.ry .ry_box .bd ul li .pic{

  width: 280px;

  height: 275px;

  margin: 10px  10px 0 10px;

}







.ry .ry_box .bd ul li .pic img{

  object-fit: contain;

  width: 280px;

  height: 285px;

  background: #f2f2f2;

}







.ry .ry_box .bd ul li .txt{



  width: 280px;



  height: 60px;



  line-height: 60px;



  margin: 0 auto;



  text-align: center;







} 







.ry .ry_box .bd 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;



}











.ry .ry_box .bd ul li:hover{



  border: 1px solid #0465b9;



}







.ry .ry_box .bd ul li:hover .txt a{



  color: #0465b9;



}







.ry .ry_box .hd{



  margin: 60px auto 0 auto;



  height: 46px;



  width: 355px;



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



}







.ry .ry_box .hd .next{



  float: left;



  cursor: pointer;



  width: 46px;



  height: 46px;



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



}







.ry .ry_box .hd .prev{



  float: right;



  cursor: pointer;



  width: 46px;



  height: 46px;



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



}















/*news*/







.news_bg{



  width: 100%;



  margin: 65px auto 0 auto;



  background: #f6f6f6;



  height: 800px;



}







.news_bg .news{



  width: 1280px;



  margin: 0 auto;



  padding-top: 65px;



}







.news_bg .news .news_box{



  width: 1320px;



  margin: 50px auto 0 auto;



}







.news_bg .news .news_box ul li{



  float: left;



  width: 400px;



  height: 520px;



  background: #fff;



  margin-right: 40px;



}







.news_bg .news .news_box ul li .news_t{



  height: 62px;



  line-height: 62px;



  border-bottom: 1px solid #dddddd;







}







.news_bg .news .news_box ul li .news_t h3{



  width: 340px;



  margin: 0 auto;



}







.news_bg .news .news_box ul li .news_t h3 a{



  display: block;



  font-size: 18px;



  color: #333;



  font-weight: bold;











}







.news_bg .news .news_box ul li .news_t h3 img{



  display: block;



  float: right;



  width: 28px;



  height: 28px;



  margin-top: 17px;







}







.news_bg .news .news_box ul li .news_box{



  width: 340px;



  margin: 24px auto 0 auto;



} 







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



  width: 340px;



  height: 235px;



  position: relative;



  background: #000;



  overflow: hidden;



}







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



  width: 340px;



  height: 235px;



  opacity: 0.8;



  overflow: hidden;



  -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_box .news_img .nr{



  position: absolute;



  bottom: 0px;



  left: 0px;



  height: 50px;



  line-height: 50px;



  width: 310px;



  padding: 0 15px;



}







.news_bg .news .news_box ul li .news_box .news_img .nr h5 a{



  float: left;



  width: 250px;



  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;



}







.news_bg .news .news_box ul li .news_box .news_img .nr .more{



  display: block;



  float: right;



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



  width: 18px;



  height: 18px;



  margin-top: 16px;



}







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



  width: 340px;



  margin: 15px auto 0 auto;



}







.news_bg .news .news_box ul li .news_box .txt dd 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;



  line-height: 42px;



}







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



  color: #0465b9;



  transform: translateX(10px);



  -webkit-transform: translateX(10px);



  -o-transform: translateX(10px);



}







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



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}