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



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







}







.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: 10px;



  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: #193f92;



}











/* title */







.title{







}







.title span{



  display: block;



  font-size: 60px;



  color: #193f92;



  font-weight: bold;



  text-transform: uppercase;



  line-height: 50px;



  letter-spacing: 4px;



}







.title h3{



  font-size: 24px;



  color: #333;



  margin-top: 10px;



}







.title h3 a{



  display: block;



  font-size: 24px;



  color: #333;



}



















/* product */







.product{



  width: 1300px;



  margin: 105px auto 0 auto;



}







.product .pro_t{



  height: 150px;



}







.product .pro_t .title{



  float: left;



}







.product .pro_t .search{



  float: right;



  margin-top: 18px;



  width: 340px;



  height: 56px;



  border: 1px solid #e6e6e6;



  border-radius: 8px;



}







.product .pro_t .search .search2{



  float: left;



  width: 240px;



  height: 56px;



  background: none;



  padding-left: 20px;



  font-size: 14px;



  color: #999999;



}







.product .pro_t .search .search_s{



  float: right;



  width: 56px;



  height: 56px;



  background: #193f92;



  border-top-right-radius: 8px;



  border-bottom-right-radius: 8px;



}







.product .pro_list{

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

  width: 1300px;

  /* height: 420px; */

  padding-top: 40px;

  background-size: cover;

  padding-bottom: 40px;

}







.product .pro_list ul{

  width: 1140px;

  height: 400px;

  background: #fff;

  border-radius: 8px;

  margin: 0px auto 0 auto;

}







.product .pro_list ul li{



  float: left;



  margin: 48px 5px 0 5px;



  width: 152px;



}







.product .pro_list ul li a{



  display: block;



  text-align: center;



}







.product .pro_list ul li a span{



  display: block;



  border: 1px solid #dadada;



  width: 50px;



  height: 50px;



  border-radius: 50%;



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



  margin: 0 auto 20px auto;



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



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



  transition: all 0.5s ease-out;



}







.product .pro_list ul li a i{



  display: block;



  font-size: 16px;



  color: #333;



  line-height: 28px;



  height: 56px;



  overflow: hidden;



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



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



  transition: all 0.5s ease-out;



}







.product .pro_list ul li.on a span{



  border: 1px solid #193f92;



  background: #193f92 url(../images/pro_ico2.png) no-repeat center;



}







.product .pro_list ul li.on a i{



  color: #193f92;







}







.product .pro_box{



  margin: 125px auto 0 auto;



  height: 382px;



  position: relative;



  overflow: hidden;



}







.product .pro_box .bd{



  width: 1300px;



  margin: 0 auto;



}







.product .pro_box .bd ul li{



  float: left;



  width: 1300px;



  margin: 0 auto;



}







.product .pro_box .bd ul li .txt{



  float: left;



  width: 650px;







}







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



  height: 80px;



  border-bottom: 1px solid #e6e6e6;







}







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



  font-size: 24px;



  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;



  line-height: 48px;



  padding-left: 50px;



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



}







.product .pro_box .bd ul li .txt h5 a i{



  font-size: 14px;



  color: #bfbfbf;



  text-transform: uppercase;



  margin-left: 20px;



}







.product .pro_box .bd ul li .txt p{



  font-size: 14px;



  color: #808080;



  line-height: 40px;



  height: 80px;



  overflow: hidden;



  margin-top: 20px;







}







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



  display: block;



  width: 240px;



  height: 80px;



  line-height: 80px;



  background: #193f92;



  border-radius: 65px;



  font-size: 16px;



  color: #fff;



  font-weight: bold;



  text-transform: uppercase;



  padding-left: 60px;



  margin-top: 74px;



}







.product .pro_box .bd ul li .pic {



  float: right;



  width: 580px;



  height: 380px;



  border: 1px solid #e6e6e6;



  border-radius: 8px;







}







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



  width: 560px;



  height: 360px;



  margin: 10px;



  border-radius: 8px;



}







.product .pro_box .hd{



  position: absolute;



  left: 175px;



  top: 260px;



  width: 120px;



  height: 70px;



  background: #fff;



  border-radius: 120px;



  z-index: 5;







} 







.product .pro_box .hd .next{



  float: left;



  cursor: pointer;



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



  width: 24px;



  height: 17px;



  margin: 26px 0 0 25px;







}







.product .pro_box .hd .prev{



  float: right;



  cursor: pointer;



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



  width: 24px;



  height: 17px;



  margin: 26px 25px 0 0px;



}







.product .pro_show{



  width: 1360px;



  margin: 45px auto 0 auto;



} 







.product .pro_show ul li{



  float: left;



  margin-right: 45px;



  width: 290px;



  height: 290px;



  background: #fff;



  border: 1px solid #f0f0f0;



  border-radius: 8px;



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



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



}







.product .pro_show ul li .pic{



  width: 270px;



  height: 200px;



  border-radius: 8px;



  margin: 10px auto 0 auto;



  overflow: hidden;



}







.product .pro_show ul li .pic img{



  width: 270px;



  height: 200px;



  border-radius: 8px;



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



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



  transition: all 0.5s ease-out;



}







.product .pro_show ul li .txt{



  width: 270px;



  margin: 0 auto;



} 







.product .pro_show ul li .txt h5{



  float: left;



  width: 185px;



  margin-top: 22px;



}







.product .pro_show ul li .txt h5 a{



  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;







}







.product .pro_show ul li .txt h5 i{



  display: block;



  width: 13px;



  height: 2px;



  background: #333333;



  margin-top: 9px;



}







.product .pro_show ul li .txt .more{



  display: block;



  float: right;



  border-radius: 45px;



  font-size: 12px;



  color: #4c4c4c;



  text-transform: capitalize;



  width: 60px;



  height: 18px;



  line-height: 18px;



  background: #e6e6e6;



  border-radius: 45px;



  text-align: center;



  margin-top: 30px;



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



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



  transition: all 0.5s ease-out;



}







.product .pro_show ul li:hover .txt .more{



  background: #193f92;



  color: #fff;



}







.product .pro_show ul li:hover .pic img{



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}











/* ys */







.ys_bg{



  width: 100%;



  margin: 95px auto 0 auto;



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



  height: 1239px;



}







.ys_bg .ys{



  width: 1300px;



  margin: 0 auto;



}







.ys_bg .ys .title{



  text-align: center;



  margin: 0 auto;



  padding-top: 80px;



  height: 158px;



}







.ys_bg .ys .title span{



  display: block;



  color: #fff;



}







.ys_bg .ys .title h3{



  color: #fff;



}







.ys_bg .ys .ys_box{



  width: 1300px;



  margin: 0 auto;



  position: relative;



}







.ys_bg .ys .ys_box .hd{



  margin: 82px auto 0 auto;



  width: 1300px;



  height: 190px;



  background: #fff;



  border-radius: 25px;



}







.ys_bg .ys .ys_box .hd ul{



  float: left;



}







.ys_bg .ys .ys_box .hd ul li{



  float: left;



  text-align: center;



  width: 272px;



  height: 190px;



  margin-top: 40px;



}







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



  display: block;



  font-size: 12px;



  color: #b2b2b2;



  text-transform: uppercase;



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



  display: block;



  margin: 25px auto 25px auto;



  border-radius: 50%;



  width: 11px;



  height: 11px;



  background: #333333;



  border: 6px solid #d6d6d6;



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



  font-size: 18px;



  color: #262626;



  font-weight: bold;



  -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 .hd ul li.on span{



  transform: translateY(95px);







}







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



  background: #193f92;



  border: 6px solid #d1d9e9;



}







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



  color: #193f92;



  transform: translateY(-93px);



}











.ys_bg .ys .ys_box .hd .tel{



  float: right;



  width: 210px;



  height: 190px;



  background: #193f92;



}







.ys_bg .ys .ys_box .hd .tel em{



  display: block;



  margin: 33px auto 0 auto;



  width: 64px;



  height: 64px;



  border-radius: 50%;



  background: #fff url(../images/tel1.png) no-repeat  center;



}







.ys_bg .ys .ys_box .hd .tel i{



  display: block;



  text-align: center;



  font-size: 22px;



  color: #fff;



  font-weight: bold;



  margin: 22px auto 0 auto;



}







.ys_bg .ys .ys_box .bd{



  width: 1300px;



  margin: 35px auto 0 auto;







}







.ys_bg .ys .ys_box .bd ul li{



  float: left;



  width: 1300px;



  height: 692px;



}







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



  float: left;



  width: 1030px;



  height: 692px;



  margin-left: -310px;



  position: relative;







}







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



  width: 1030px;



  height: 692px;



}







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



  width: 600px;



  text-align: right;



  position: absolute;



  right: 0;



  top: 0;



} 







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



  display: block;



  margin-top: 75px;



  font-size: 80px;



  color: #193f92;



  font-weight: bold;



  line-height: 65px;



  opacity: 0.17;



}







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



  font-size: 20px;



  color: #333;



  font-weight: bold;



  margin: 45px 0 10px 0;







}







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



  display: block;



  font-size: 12px;



  color: #bfbfbf;



  text-transform: uppercase;



}







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



  display: inline-block;



  width: 600px;



  height: 1px;



  background: #ededed;



  margin: 40px 0 20px 0;



}







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



  font-size: 14px;



  color: #808080;



  line-height: 40px;



}







.ys_bg .ys .ys_box .ys_button {



  position: absolute;



  right: 0px;



  top: 727px;



  width: 150px;



  height: 70px;



  background: #193f92;



  border-radius: 120px;



  z-index: 5;



}







.ys_bg .ys .ys_box .ys_button .next{



  float: left;



  cursor: pointer;



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



  width: 24px;



  height: 17px;



  margin: 26px 0 0 40px;



}







.ys_bg .ys .ys_box .ys_button .prev{



  float: right;



  cursor: pointer;



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



  width: 24px;



  height: 17px;



  margin: 26px 40px 0 0px;



}











/* case */







.case{



  width: 1300px;



  margin: 90px auto 0 auto;



  height: 913px;



}







.case .case_t{



  height: 130px;







}







.case .case_t .title{



  float: left;



}







.case .case_t .t_r{



  float: right;



  font-size: 16px;



  color: #333333;



  letter-spacing: 14px;



  margin-top: 45px;



}







.case .case_box{



  margin: 0 auto;



  position: relative;



} 







.case .case_box .swiper-container{



  width: 1370px;



  margin: 0 auto;



}







.case .case_box .swiper-container .swiper-slide{



  position: relative;



  padding: 20px 0;







}







.case .case_box .swiper-container .swiper-slide .nr{



  width: 348px;



  height: 472px;



  border: 1px solid #e6e6e6;



  border-radius: 8px;







}







.case .case_box .swiper-container .swiper-slide .nr .time{



  margin: 30px auto 0 auto;



  width: 306px;



  height: 65px;



}







.case .case_box .swiper-container .swiper-slide .nr span{



  display: block;



  float: left;



  font-size: 48px;



  color: #333333;



  font-weight: bold;



  line-height: 42px;



}







.case .case_box .swiper-container .swiper-slide .nr i{



  display: block;



  float: right;



  text-align: right;



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



  font-size: 12px;



  color: #b2b2b2;



  text-transform: uppercase;



  padding-top: 18px;



}







.case .case_box .swiper-container .swiper-slide .nr .pic{



  width: 306px;



  height: 206px;



  margin: 0 auto;



  border: 1px solid #e6e6e6;



  position: relative;







}







.case .case_box .swiper-container .swiper-slide .nr .pic img{



  width: 100%;



  height: 100%;



  position: absolute;



  left: 0;



  top: 0;



}







.case .case_box .swiper-container .swiper-slide .txt{



  width: 306px;



  margin: 35px auto 0 auto;







} 







.case .case_box .swiper-container .swiper-slide .txt h5 a{



  font-size: 16px;



  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;



}







.case .case_box .swiper-container .swiper-slide .txt p{



  font-size: 14px;



  color: #808080;



  line-height: 30px;



  height: 60px;



  overflow: hidden;



  margin: 15px 0 58px 0;



}







.case .case_box .swiper-container .swiper-slide .txt .more{



  display: block;



  width: 150px;



  height: 50px;



  line-height: 50px;



  background: #193f92;



  text-align: center;



  font-size: 14px;



  color: #fff;



  text-transform: uppercase;



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



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



  transition: all 0.5s ease-out;



  opacity: 0;



}







.case .case_box .swiper-container .swiper-slide-next .nr{



  width: 518px;



  height: 700px;



  border: 1px solid #fff;



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



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



  position: relative;



  left: -85px;







}







.case .case_box .swiper-container .swiper-slide-next .nr::after{



  position: absolute;



  left: 0;



  top: 0;



  width: 5px;



  height: 700px;



  background: #193f92;



  content: "";



}







.case .case_box .swiper-container .swiper-slide-next .nr .time{



  width: 458px;



  height: 70px;



  margin: 40px auto 0 auto;



}







.case .case_box .swiper-container .swiper-slide-next .nr .time span{



  font-size: 161px;



  color: #193f92;



  font-weight: bold;



  line-height: 130px;



  opacity: 0.1;



}







.case .case_box .swiper-container .swiper-slide-next .nr .pic{



  width: 458px;



  height: 310px;



}







.case .case_box .swiper-container .swiper-slide-next .txt{



  width: 458px;



} 







.case .case_box .swiper-container .swiper-slide-next .txt .more{



  opacity: 1;



}







.case .case_box .swiper-button-next{



  cursor: pointer;



  outline: none;



  background: #193f92 url(../images/case_right.png) no-repeat center;



  width: 64px;



  height: 64px;



  border-radius: 50%;



  right: 255px;



  top: 575px;



}







.case .case_box .swiper-button-prev{



  cursor: pointer;



  outline: none;



  background: #333333 url(../images/case_left.png) no-repeat center;



  width: 64px;



  height: 64px;



  border-radius: 50%;



  left: 245px;



  top: 575px;



}











.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {



  content: 'next';



  display: none;



}







.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {



  content: 'prev';



  display: none;



}



















/* about */







.ab_bg{



  width: 100%;



  margin: 0 auto;



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



  height: 1146px;



  overflow: hidden;



}







.ab_bg .about{



  width: 1300px;



  margin: 0 auto;



  padding-top: 255px;



}







.ab_bg .about .ab_l{



  float: left;



  width: 650px;



  position: relative;







}







.ab_bg .about .ab_l .ab_nr{



  margin-top: 102px;







}







.ab_bg .about .ab_l .ab_nr h5 a{



  display: block;



  font-size: 24px;



  color: #333333;



  font-weight: bold;







}







.ab_bg .about .ab_l .ab_nr span{



  display: block;



  font-size: 12px;



  color: #bfbfbf;



  text-transform: uppercase;



  margin: 15px 0 37px 0;



}







.ab_bg .about .ab_l .ab_nr em{



  display: block;



  width: 650px;



  height: 1px;



  background: #dadce0;



}







.ab_bg .about .ab_l .ab_nr p{



  font-size: 14px;



  color: #808080;



  line-height: 36px;



  height: 180px;



  overflow: hidden;



  margin-top: 30px;



}







.ab_bg .about .ab_l .ab_ry{



  position: relative;



  margin-top: 35px;



} 







.ab_bg .about .ab_l .ab_ry .ab_ico{



  float: left;



  margin-left: -235px;







}







.ab_bg .about .ab_l .ab_ry .ab_time{



  float: left;



  font-size: 120px;



  color: #193f92;



  font-weight: bold;



  line-height: 100px;



  opacity: 0.1;



  margin: 130px 0 0 -30px;







} 







.ab_bg .about .ab_l .ab_ry .ry{



  float: left;



  margin-top: 73px;



  margin-left: -5px;



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



  width: 276px;



  height: 198px;



}







.ab_bg .about .ab_l .ab_ry .ry img{



  display: block;



  width: 235px;



  height: 159px;



  margin: 19px 0 0 21px;



}











.ab_bg .about .ab_img{



  float: right;



  margin-top: 25px;



  width: 830px;



  height: 866px;



  margin-right: -310px;







}







.ab_bg .about .ab_img img{



  width: 830px;



  height: 866px;



  border-top-left-radius: 125px;



}



















/* fc */







.fc{



  width: 1300px;



  margin: 90px auto 0 auto;



  position: relative;



}







.fc .title span{



  line-height: 63px;



}







.fc .fc_box{



  margin: 65px auto 0 auto;



  width: 1360px;



}







.fc .fc_box .bd{



  width: 1360px;



}







.fc .fc_box .bd ul li{



  float: left;



  margin: 0 40px 0 8px;



  width: 290px;



  height: 290px;



  background: #fff;



  border: 1px solid #f0f0f0;



  border-radius: 8px;



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



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



}







.fc .fc_box .bd ul li .pic{



  width: 270px;



  height: 200px;



  border-radius: 8px;



  margin: 10px auto 0 auto;



  overflow: hidden;



}







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



  width: 270px;



  height: 200px;



  border-radius: 8px;



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



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



  transition: all 0.5s ease-out;



}







.fc .fc_box .bd ul li .txt{



  width: 270px;



  margin: 0 auto;



} 







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



  float: left;



  width: 185px;



  margin-top: 22px;



}







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



  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;







}







.fc .fc_box .bd ul li .txt h5 i{



  display: block;



  width: 13px;



  height: 2px;



  background: #333333;



  margin-top: 9px;



}







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



  display: block;



  float: right;



  border-radius: 45px;



  font-size: 12px;



  color: #4c4c4c;



  text-transform: capitalize;



  width: 60px;



  height: 18px;



  line-height: 18px;



  background: #e6e6e6;



  border-radius: 45px;



  text-align: center;



  margin-top: 30px;



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



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



  transition: all 0.5s ease-out;



}







.fc .fc_box .bd ul li:hover .txt .more{



  background: #193f92;



  color: #fff;



}







.fc .fc_box .bd ul li:hover .pic img{



  transform: scale(1.1);



  -webkit-transform: scale(1.1);



  -o-transform: scale(1.1);



}











.fc .fc_box .hd {



  position: absolute;



  right: 0px;



  top: 20px;



  width: 150px;



  height: 70px;



  background: #193f92;



  border-radius: 120px;



  z-index: 5;



}







.fc .fc_box .hd .next{



  float: left;



  cursor: pointer;



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



  width: 24px;



  height: 17px;



  margin: 26px 0 0 40px;



}







.fc .fc_box .hd .prev{



  float: right;



  cursor: pointer;



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



  width: 24px;



  height: 17px;



  margin: 26px 40px 0 0px;



}















/* news */







.news{



  width: 1300px;



  margin: 90px auto 0 auto;



  height: 900px;



}







.news .news_t{



  height: 140px;



}







.news .news_t .title{



  float: left;



}







.news .news_t .news_list{



  float: right;



  margin-top: 23px;



} 







.news .news_t .news_list ul li{



  float: left;



  margin-left: 28px;



  width: 150px;



  height: 50px;



  line-height: 50px;



  background: #1c2029;



  border-radius: 45px;



  position: relative;



  z-index: 5;



}







.news .news_t .news_list ul li a{



  display: block;



  text-align: center;



  font-size: 16px;



  color: #fff;



}







.news .news_t .news_list ul li a img{



  vertical-align: middle;



  margin-right: 10px;



}







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



  position: absolute;



  left: 0px;



  top: 0px;



  width: 0px;



  height: 100%;



  background: #193f92;



  border-radius: 45px;



  z-index: -1;



  content: "";



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



  margin: 0 auto;



} 







.news .news_box .news_top{



  width: 1308px;



  height: 432px;



}







.news .news_box .news_top ul li{



  float: left;



  width: 265px;



  height: 430px;



  border: 1px solid #e6e6e6;



  padding: 0 30px;



  overflow: hidden;



}







.news .news_box .news_top ul li span{



  display: block;



  text-align: right;



  margin: 33px auto 0 auto;



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



  height: 20px;



  line-height: 20px;



  font-size: 24px;



  color: #4c4c4c;



  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;



}







.news .news_box .news_top ul li i{



  display: block;



  margin: 75px 0  10px 0;



  font-size: 16px;



  color: #9c9c9c;



  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;



}







.news .news_box .news_top ul li h5 a{



  font-size: 16px;



  color: #333;



  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;



}







.news .news_box .news_top ul li p{



  font-size: 15px;



  color: #8c8c8c;



  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;



  margin-top: 30px;



}







.news .news_box .news_top ul li .news_img{



  width: 248px;



  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 .news_img img{



  width: 100%;



  height: 100%;



}







.news .news_box .news_top ul li .more{



  display: block;



  width: 24px;



  height: 12px;



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



  margin-top: 70px;



} 







.news .news_box .news_top ul li.on span{



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



}







.news .news_box .news_top ul li.on i{



  margin: 0px 0 0px 0;



  opacity: 0;



  height: 0;



}







.news .news_box .news_top ul li.on h5 a{



  margin: 60px auto 0 auto;



}







.news .news_box .news_top ul li.on p{



  height: 0;



  margin-top: 0px;



}







.news .news_box .news_top ul li.on .news_img{



  height: 190px;



  margin-top: 30px;



}







.news .news_box .news_top ul li.on .more{



  opacity: 0;



}















.news .news_box  .list{



  margin: 20px auto 0 auto;



  width: 1300px;



  position: relative;



  z-index: 5;



}







.news .news_box  .list::after{



  position: absolute;



  left: 650px;



  top: 25px;



  width: 1px;



  height: 230px;



  background: #f7f7f7;



  content: "";



  z-index: -1;



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



  float: left;



  width: 650px;



  height: 139px;



  border-bottom: 1px solid #efefef;



}







.news .news_box  .list ul li .news_l{



  float: left;



  width: 132px;



  margin-left: 5px;



  text-align: right;



  position: relative;



}







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



  float: left;



  width: 132px;



  height: 90px;



  margin-top: 25px;



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



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



  transition: all 0.5s ease-out;



  opacity: 0;



}







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



  width: 132px;



  height: 90px;



}







.news .news_box  .list ul li .news_l .time{



  text-align: right;



  width: 132px;



  line-height: 90px;



  position: absolute;



  left: 0;



  top: 25px;



  font-size: 22px;



  color: #989898;



  font-weight: bold;



  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;



}







.news .news_box  .list ul li .txt{



  float: left;



  margin-left: 28px;



  padding-left: 32px;



  border-left: 2px solid #f6f6f6;



  height: 68px;



  margin-top: 35px;



  width: 370px;



} 







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



  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;



  line-height: 32px;



}







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



  display: block;



  font-size: 14px;



  color: #b2b2b2;



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



  margin-top: 10px;



}







.news .news_box  .list ul li:nth-child(2n) .news_l{



  margin-left: 45px;







}







.news .news_box  .list ul li:nth-child(3),



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



{



  border-bottom: 1px solid #fff;



}







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



  opacity: 1;



}







.news .news_box  .list ul li:hover .news_l .time{



  opacity: 0;



}