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



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



}



















.bodyindex #indexPage #topSlider .content_list .owl-stage .item_block {



  height: 800px !important;



}























/*case*/



.t_title{







}







.t_title span{



  display: block;



  font-size: 89px;



  color: #fefefe;



  font-family: "Impact";



  text-transform: uppercase;



  line-height: 80px;



  -webkit-text-stroke: 1px #eaeaea;



}







.t_title h3{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  position: relative;



  z-index: 5;



  line-height: 30px;



  margin-top: 10px;



  margin-left: -25px;







}







.t_title h3 i{



  font-size: 30px;



  color: #333;



  font-weight: bold;



  margin-right: 10px;



}







.t_title h3 a{



  display: block;



  font-size: 30px;



  color: #333;



  font-weight: bold;



}







.t_title h3::after{



  position: absolute;



  left: 23px;



  bottom: -5px;



  content: "";



  z-index: -1;



  width: 126px;



  height: 11px;



  background: #0f67ff;



}















/* about*/







.ab_num_bg{



  width: 100%;



  margin: 0px auto 0 auto;



  position: relative;



  z-index: 5;



  top: -84px;



}







.ab_num{



  width: 1500px;



  height: 188px;



  margin: 0px auto 0 auto;



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



  border-radius: 6px;



  position: relative;











}







.ab_num ul li{



  float: left;



  width: 260px;



  height: 148px;



  border-right: 1px dashed #f3f3f3;



  margin-left: 100px;



  margin-right: 13px;



  margin-top: 35px;



}







.ab_num ul li:last-child{



  border-right: none;



}







.ab_num ul li h5{



  font-size: 16px;



  color: #666;







}







.ab_num ul li h5 span{



  font-family: "Impact";



  font-size: 46px;



  color: #333;



}







.ab_num ul li p{



  font-size: 16px;



  color: #666666;



  margin: 10px;



}











.ab_bg{

  width: 100%;

  margin: 0px auto 0 auto;

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

  padding-bottom: 65px;

}











.ab_bg .about{



  margin: -35px auto 0 auto;



  width: 1300px;



}







.ab_bg .about .ab_t{



  height: 258px;







}







.ab_bg .about .ab_t .t_title{



  float: left;



}







.ab_bg .about .ab_t .t_title span{



  color: #f9f9f9;



}







.ab_bg .about .ab_t .ab_box{



  float: right;



  width: 1012px;



} 







.ab_bg .about .ab_t .ab_box .txt{



  float: left;



  width: 860px;



}







.ab_bg .about .ab_t .ab_box .txt h5{



  font-size: 20px;



  color: #333333;



  font-weight: bold;







}







.ab_bg .about .ab_t .ab_box .txt span{



  display: block;



  font-size: 12px;



  color: #999999;



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



  margin: 3px 0 10px 0;



}







.ab_bg .about .ab_t .ab_box .txt em{



  display: block;



  width: 60px;



  height: 1px;



  background: #0f67ff;



}







.ab_bg .about .ab_t .ab_box .txt p{



  font-size: 15px;



  color: #666666;



  line-height: 36px;



  height: 144px;



  overflow: hidden;



  margin-top: 2px;



}







.ab_bg .about .ab_t .ab_box .more{



  float: right;



  margin-top: 80px;



  width: 95px;



  height: 95px;



  background: #1a58c4;



  border-radius: 50%;



  -webkit-box-shadow: 0 0 8px 8px rgba(25, 87, 195, .08);



  box-shadow: 0 0px 8px 8px rgba(25, 87, 195, .08);







}







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



  display: block;



  width: 95px;



  height: 95px;



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



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



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



  transition: all 0.5s ease-out;



}







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



  transform: rotate(32deg);



}







.ab_bg .about .ab_img{



  margin: 0 auto;



  position: relative;







}







.ab_bg .about .ab_img img{

  width: 963px;

  height: 607px;

}







.ab_bg .about .ab_xt{



  position: absolute;



  right: 0px;



  top: 55px;



  width: 360px;



  background: url(../images/ab_xt.png) no-repeat left 50px;



}







.ab_bg .about .ab_xt span{



  display: block;



  line-height: 50px;



  font-size: 26px;



  color: #333333;



  font-weight: bold;



  text-align: right;







}







.ab_bg .about .ab_xt i{



  display: block;



  line-height: 50px;



  font-size: 26px;



  color: #333333;



  font-weight: bold;



  margin-top: 5px;



  padding-left: 70px;



}







.ab_bg .about .ab_xt em{



  display: block;



  padding-left: 70px;



  font-size: 12px;



  color: #666666;



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



  line-height: 24px;



  margin-top: 20px;



}











.ab_bg .about .ab_list{

  position: absolute;

  right: -12px;

  top: 375px;

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

  width: 1024px;

  height: 223px;

  padding-left: 12px;

  display: none;

}







.ab_bg .about .ab_list ul li{



  float: left;



  width: 337px;



  height: 194px;



  position: relative;



  z-index: 5;



}







.ab_bg .about .ab_list ul li a{



  display: block;



}







.ab_bg .about .ab_list ul li a span{



  display: block;



  margin-left: 45px;



  margin-top: 55px;



  font-size: 18px;



  color: #fff;



  float: left;



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



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



  transition: all 0.5s ease-out;



}







.ab_bg .about .ab_list ul li a span em{



  display: block;



  width: 21px;



  height: 4px;



  background: #d0e7eb;



  margin-bottom: 40px;



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



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



  transition: all 0.5s ease-out;



}







.ab_bg .about .ab_list ul li a span i{



  display: block;



  font-size: 12px;



  color: #fff;



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



  margin-top: 5px;



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



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



  transition: all 0.5s ease-out;



}







.ab_bg .about .ab_list ul li a b{



  display: block;



  float: right;



  margin: 50px 40px 0 0;



  width: 53px;



  height: 50px;



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



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



  transition: all 0.5s ease-out;



}







.ab_bg .about .ab_list ul li.ab1 a b{



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



}







.ab_bg .about .ab_list ul li.ab2 a b{



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



}







.ab_bg .about .ab_list ul li.ab3 a b{



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



}







.ab_bg .about .ab_list ul li::after{



  position: absolute;



  left: 0px;



  top: 0px;



  content: "";



  z-index: -1;



  width: 0%;



  height: 100%;



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



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



  transition: all 0.5s ease-out;



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



}







.ab_bg .about .ab_list ul li.on::after{



  width: 100%;



}







.ab_bg .about .ab_list ul li.on a span{



  color: #333;



}







.ab_bg .about .ab_list ul li.on a span em{



  background: #1b1b1b;



}







.ab_bg .about .ab_list ul li.on a span i{



  color: #999; 



}







.ab_bg .about .ab_list ul li.ab1.on a b{



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



}







.ab_bg .about .ab_list ul li.ab2.on a b{



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



}







.ab_bg .about .ab_list ul li.ab3.on a b{



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



}















/* product*/







.pro_bg{



  width: 100%;



  margin: 0px auto  0 auto;



}







.pro_bg .product{



  width: 1300px;



  margin: 0 auto;



  position: relative;



}







.pro_bg .product .pro_list{



  margin: 45px auto 0 auto;



  width: 1300px;



  height: 344px;



  background: #fafafa;



  position: relative;



}







.pro_bg .product .pro_list .bd{



  height: 450px;



  position: absolute;



  left: 0;



  top: -66px;



  



}







.pro_bg .product .pro_list ul li{



  width: 260px;



  height: 390px;



  position: relative;



  z-index: 5;



  padding-top: 20px;



  padding-bottom: 40px;



}







.pro_bg .product .pro_list ul li .nr{



  border-right: 1px dashed #f4f4f4;



  width: 259px;



  height: 344px;



  margin-top: 46px;



}







.pro_bg .product .pro_list ul li .txt{



  width: 210px;



  margin: 0 auto;



  text-align: center;







}



.pro_bg .product .pro_list ul li .txt span{



  display: block;



  font-size: 110px;



  color: #fff;



  font-family: Arial Black;



  line-height: 0px;



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



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



  transition: all 0.5s ease-out;



  opacity: 0;



  text-shadow: 2px 2px 20px #e5e5e5;



}







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



  font-size: 16px;



  color: #333333;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



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



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



  transition: all 0.5s ease-out;



  margin: 65px auto 1px auto;



  position: relative;



  z-index: 5;



}







.pro_bg .product .pro_list ul li .txt i{



  font-size: 12px;



  color: #cccccc;



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



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



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



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



  transition: all 0.5s ease-out;



}







.pro_bg .product .pro_list ul li .txt em{



  display: block;



  width: 1px;



  height: 20px;



  background: #d6dae3;



  margin: 15px auto  0 auto;



}











.pro_bg .product .pro_list ul li .pic{



  width: 210px;



  height: 136px;



  margin: 30px auto 0 auto;







} 







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



  width: 210px;



  height: 136px;



}







.pro_bg .product .pro_list ul li .more{



  display: block;



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



  margin: 20px auto 0 auto;



  width: 57px;



  height: 57px;



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



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



  transition: all 0.5s ease-out;



  position: relative;



  opacity: 0;



} 







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



  position: absolute;



  left: 0%;



  top: 20px;



  width: 100%;



  height: 0%;



  background: #fff;



  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::after{



  height: 390px;



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



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



}







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



  font-weight: bold;



  color: #0f67ff;



  font-size: 22px;



  margin: -30px auto 0 auto;



}







.pro_bg .product .pro_list ul li:hover .txt span{



  opacity: 1;



  line-height: 90px;



  margin: -15px auto 0 auto;



}







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



  opacity: 1;



} 



















.pro_bg .product .pro_list .hd{



  position: absolute;



  right: 0px;



  top: -105px;



  z-index: 5;







}







.pro_bg .product .pro_list .hd .next{



  width: 57px;



  height: 57px;



  cursor: pointer;



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



  float: left;



}











.pro_bg .product .pro_list .hd .prev{



  width: 57px;



  height: 57px;



  cursor: pointer;



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



  float: left;



  margin-left: 30px;



}











.pro_bg .product .pro_box{



  width: 1360px;



  margin: 50px auto 0 auto;







}







.pro_bg .product .pro_box ul li{



  float: left;



  width: 397px;



  height: 347px;



  background: #f8f8f8;



  margin: 0 54px 40px 0;



}







.pro_bg .product .pro_box ul li .pic{



  width: 357px;



  height: 229px;



  margin: 20px auto  0 auto;



  overflow: hidden;



}







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



  width: 357px;



  height: 229px;



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



  width: 357px;



  margin: 20px auto  0 auto;



  height: 55px;



  line-height: 55px;



}







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



  font-size: 18px;



  color: #333333;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



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



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



  transition: all 0.5s ease-out;



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



  width: 220px;



  padding-left: 20px;



  float: left;



}







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



  display: block;



  float: right;



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



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



  transition: all 0.5s ease-out;



  width: 55px;



  height: 55px;



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



}







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



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}











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



  color: #0f67ff;



}







/*ys*/







.ys_bg{



  width: 100%;



  height: 912px;



  margin: 50px auto 0 auto;



  overflow: hidden;



  position: relative;



}











.ys_bg .ys{



  width: 1300px;



  margin: 0 auto;



  position: relative;



}







.ys_bg .ys .ys_t{



  position: absolute;



  left: 690px;



  top: 133px;



  z-index: 5;







}







.ys_bg .ys .ys_t span{



  display: block;



  font-size: 44px;



  line-height: 60px;



  color: #333333;



  font-weight: bold;



  font-family: "Arial Black";



  text-transform: uppercase;



}







.ys_bg .ys .ys_t h3{



  font-size: 20px;



  color: #333333;



  position: absolute;



  left: 250px;



  top: 25px;



}







.ys_bg .ys .ys_box{



  position: relative;



} 







.ys_bg .ys .ys_box .bd{



  width: 1300px;



  position: relative;







}







.ys_bg .ys .ys_box .bd ul li{



  float: left;



  width: 1300px;



  height: 912px;



  position: relative;



}







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



  width: 1920px;



  height: 912px;



  margin-left: -310px;







}







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



  width: 1920px;



  height: 912px;



}







.ys_bg .ys .ys_box .bd ul li .nr{



  width: 1920px;



  height: 912px;



  position: absolute;



  left: -310px;



  top: 0;



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



}







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



  width: 575px;



  top: 350px;



  left: 980px;



  position: absolute;







 



}







.ys_bg .ys .ys_box .bd ul li .txt span{



  display: block;



  font-size: 20px;



  color: #333333;



  font-weight: bold;



  line-height: 24px;



}







.ys_bg .ys .ys_box .bd ul li .txt em{



  font-size: 20px;



  color: #333333;



  font-weight: bold;



  line-height: 22px;



  display: block;



}











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



  height: 154px;



  border-left: 2px solid #0f67ff;



  padding-left: 32px;



  margin-top: 15px;







}







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



  display: block;



  font-size: 15px;



  line-height: 36px;



  color: #666666;



  margin-top: 18px;



}











.ys_bg .ys .ys_box .hd{



  position: absolute;



  top: 823px;



  right: -245px;



}







.ys_bg .ys .ys_box .hd ul li{



  float: left;



  width: 7px;



  height: 7px;



  border-radius: 45px;



  background: #a8c8ff;



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



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



  transition: all 0.5s ease-out;



  margin-left: 15px;



}







.ys_bg .ys .ys_box .hd ul li.on{



  width: 24px;



  background: #0f67ff;



}







.ys_bg .ys .ys_box .prev{



  position: absolute;



  top: 738px;



  left: 495px;



  width: 429px;



  height: 159px;



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



}







.ys_bg .ys .ys_box .prev i{



  display: block;



  font-size: 18px;



  line-height: 30px;



  color: #fff;



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



  text-transform: capitalize;



  padding: 70px 0 0 163px;



}











.ys_bg .ys_xt{



  position: absolute;



  right: 3%;



  top: 70px;



  font-size: 18px;



  line-height: 30px;



  color: #333333;



  font-weight: bold;



}







.ys_bg .ys_nr{



  position: absolute;



  right: 2%;



  top: 260px;



  font-size: 18px;



  line-height: 30px;



  color: #ffffff;



  font-weight: bold;



  font-family: "Arial Black";



  text-align: right;



  text-transform: uppercase;



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



  height: 363px;



  padding-top: 20px;



}















/*case*/







.case_bg{



  width: 100%;



  margin: 80px auto 0 auto ;



  overflow: hidden;



}







.case_bg .case{



  width: 1300px;



  margin: 0 auto;



}







.case_bg .case .case_t{



  height: 165px;







}







.case_bg .case .case_t .t_title{



  float: left;



}







.case_bg .case .case_t  .t_r{



  float: right;



  text-align: right;



  margin-top: 43px;



}







.case_bg .case .case_t  .t_r p{



  font-size: 18px;



  color: #333333;



  font-family: "simsun";



  font-weight: bold;



  line-height: 30px;







}







.case_bg .case .case_t  .t_r i{



  display: block;



  font-size: 12px;



  color: #cccccc;



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



  line-height: 18px;



}







.case_bg .case .case_box{



  margin: 0 auto;



  position: relative;



}







.case_bg .case .case_box .case_l{



  float: left;



  width: 636px;



  height: 664px;



  background: #fafafa;



}







.case_bg .case .case_box .case_l .pic{



  width: 538px;



  height: 390px;



  margin: 49px 49px 0 49px;



  overflow: hidden;



}







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



  width: 538px;



  height: 390px;



  overflow: hidden;



  -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_l .txt {



  width: 538px;



  margin: 33px auto 0 auto;



}







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



  font-size: 18px;



  color: #333333;



  font-weight: bold;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



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



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



  transition: all 0.5s ease-out;



}



.case_bg .case .case_box .case_l .txt  em{



  display: block;



  width: 25px;



  height: 3px;



  background: #1250bd;



  margin-top: 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 .case_l .txt p{



  font-size: 15px;



  color: #666666;



  line-height: 36px;



  height: 72px;



  overflow: hidden;



  margin-top: 20px;



}







.case_bg .case .case_box .case_l:hover .pic img{



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}







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



  color: #0f67ff;



}







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



  width: 55px;



}







.case_bg .case .case_box .case_r{



  float: right;



  width: 645px;



}







.case_bg .case .case_box .case_r ul li{



  float: left;



  width: 287px;



  margin: 0 0 7px 35px;



}







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



  width: 287px;



  height: 213px;



  background: #fafafa;







}







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



  width: 277px;



  height: 203px;



  margin: 5px;



}







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



  height: 40px;



  line-height: 40px;







}







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



  font-size: 15px;



  color: #333333;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



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



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



  transition: all 0.5s ease-out;



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



  padding-left: 10px;



  float: left;



  width: 200px;



}







.case_bg .case .case_box .case_r ul li .txt .more{



  float: right;



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



  width: 26px;



  height: 10px;



  margin: 15px 25px 0 0;



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



  color: #0f67ff;



}







.case_bg .case .case_box .case_r ul li:hover .txt .more{



  margin: 15px 5px 0 0;



}







.case_bg .case .case_box .case_more{



  position: absolute;



  right: 350px;



  top: 530px;



  width: 260px;



  height: 95px;



  -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_more a span{



  display: block;



  float: left;



  width: 95px;



  height: 95px;



  background: #1e5cc8;



  border-radius: 50%;



  -webkit-box-shadow: 0 0 8px 6px rgba(29, 90, 198, .08);



  box-shadow: 0 0 8px 6px rgba(29, 90, 198, .08);



}







.case_bg .case .case_box .case_more a span img{



  display: block;



  width: 95px;



  height: 95px;



  -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_more a i{



  display: block;



  float: left;



  font-size: 16px;



  color: #333333;



  margin-top: 40px;



  line-height: 45px;



  width: 160px;



  text-align: center;



  letter-spacing: 1px;



}







.case_bg .case .case_box .case_more::after{



  position: absolute;



  left: -105px;



  bottom: 10px;



  width: 324px;



  height: 1px;



  content: "";



  background: #434343;



  opacity: 0.2;



}







.case_bg .case .case_box .case_more:hover a span img{



  transform: rotate(32deg);







}



















/*news*/







.news_bg{



  width: 100%;



  height: 919px;



  margin: 80px auto 0 auto;



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



}







.news_bg .news{



  width: 1300px;



  margin: 0 auto;



  padding-top: 70px;







}







.news_bg .news .news_t{



  height: 150px;



}







.news_bg .news .news_t .t_title{



  float: left;



}







.news_bg .news .news_t .t_title span{



  color: #f8f8f8;



  -webkit-text-stroke: 1px #e3e3e3;



  



}







.news_bg .news .news_t .news_list{



  float: right;



  height: 70px;



  margin-top: 37px;



} 



.news_bg .news .news_t .news_list ul li{



  float: left;



  width: 110px;



  height: 70px;



  line-height: 70px;



  margin-left: 100px;



  position: relative;



  z-index: 5;



}







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



  display: block;



  padding-left: 35px;



  font-size: 18px;



  color: #666666;



  -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 0px center;



}







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



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



}







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



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



}







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



  position: absolute;



  left: 0;



  bottom: 0px;



  content: "";



  z-index: -1;



  width: 0px;



  height: 2px;



  background:  #0f67ff;



  -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.on::after{



  width: 100%;



}







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



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



}







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



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



}







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



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



}







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



  color: #0f67ff;







}











.news .news_box{



  margin: 0 auto;



}







.news .news_box .news_top{



  height: 400px;



}







.news .news_box .news_top ul li{



  float: left;



  width: 257px;



  height: 400px;



  background: #fff;



  border: 1px solid #f4f4f4;



  position: relative;



  padding: 0 33px;



  overflow: hidden;



}







.news .news_box .news_top ul li span{



  display: block;



  font-size: 120px;



  color:  #f4f6f9;



  font-family: "Impact";



  line-height: 100px;



  padding-top: 40px;



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



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



  transition: all 0.5s ease-out;



}







.news .news_box .news_top ul li img{



  display: block;



  width: 257px;



  height: 0px;



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



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



  transition: all 0.5s ease-out;



}







.news .news_box .news_top ul li h5 a{



  font-size: 18px;



  color:  #333;



  line-height: 30px;



  height: 60px;



  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: -32px auto 0 auto;



}



.news .news_box .news_top ul li em{



  width: 27px;



  height: 1px;



  background: #d2d2d2;



  display: block;



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



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



  transition: all 0.5s ease-out;



  margin: 18px 0 13px 0;



}







.news .news_box .news_top ul li p{



  font-size: 15px;



  color:  #666666;



  line-height: 30px;



  height: 60px;



  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_top ul li i{



  font-size: 14px;



  color:  #333333;



  display: block;



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



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



  transition: all 0.5s ease-out;



  margin-top: 80px;



}







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



  position: absolute;



  left: 0;



  top: 0px;



  content: "";



  width: 0px;



  height: 4px;



  background: #0f67ff;



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



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



  transition: all 0.5s ease-out;



}











.news .news_box .news_top ul li:hover img{



  height: 155px;



  margin: 35px auto 0 auto;



}







.news .news_box .news_top ul li:hover span{



  display: none;



}







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



  font-size: 18px;



  color: #2663ce;



  font-weight: bold;



  margin: 20px auto 0 auto;







}







.news .news_box .news_top ul li:hover em{



  display: none;



}







.news .news_box .news_top ul li:hover p{



  display: none;



}







.news .news_box .news_top ul li:hover i{



  margin-top: 68px;



}







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



  width: 100%;



}











.news .news_box .list{



  margin: 30px auto 0 auto;



  width: 1360px;







} 







.news .news_box .list ul li{



  float: left;



  width: 633px;



  height: 170px;



  background:  #fff;



  margin-right: 34px;



}







.news .news_box .list ul li .news_img{



  float: left;



  width: 190px;



  height: 150px;



  margin: 10px 0 0 10px;



}







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



  width: 190px;



  height: 150px;



}







.news .news_box .list ul li .txt{



  float: left;



  width: 375px;



  margin-left: 25px;



} 







.news .news_box .list ul li .txt .txt_l{



  float: left;



  width: 290px;



}







.news .news_box .list ul li .txt .txt_l span{



  display: block;



  font-size: 16px;



  color:  #666666;



  margin: 25px 0 12px 0;



}







.news .news_box .list ul li .txt .txt_l a{



  font-size: 18px;



  color: #333333;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



  display: block;



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



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



  transition: all 0.5s ease-out;



}







.news .news_box .list ul li .txt .txt_l p{



  font-size: 15px;



  color: #666666;



  line-height: 30px;



  height: 60px;



  overflow: hidden;



  margin-top: 5px;



}







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



  display: block;



  width: 55px;



  height: 55px;



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



  float: right;



  margin-top: 60px;



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



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



  transition: all 0.5s ease-out;



}







.news .news_box .list ul li:hover .txt .more {



  transform: rotate(32deg);



}







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



  color: #0f67ff;



}