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

/*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: 830px;

}



.fullSlide .bd {

  width: 98%;

  height: 830px;

  margin: 0 auto;

  position: relative;

  z-index: 1;

  overflow: hidden;

  border-radius: 15px;

}





.fullSlide .bd ul {

  width: 100% !important;

}



.fullSlide .bd li {

  width: 100% !important;

  height: 830px;

  overflow: hidden;

  text-align: center;

}



.fullSlide .bd li a {

  display: block;

  height: 830px;

}



.fullSlide .hd {

  width: 100%;

  position: absolute;

  z-index: 2;

  bottom: 30px;

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

  height: 10px;

  margin: 0 15px;

  overflow: hidden;

  line-height: 99px;

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

  transition: all .3s ease-out;

  background: #fff;

  border-radius: 50%;

}



.fullSlide .hd ul .on {

  background: #083573;

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

}





/*title*/



.title{

  height: 135px;



}



.title h3{

  font-size: 35px;

  color: #083573;

  font-weight: bold;

  line-height: 40px;

  padding-top: 26px;



}



.title h3 a{

  display: block;

  font-size: 35px;

  color: #083573;

  font-weight: bold;

}



.title i{

  display: block;

  font-size: 12px;

  color: #a3a3a3;

  font-weight: normal;

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

  text-transform: uppercase;

  letter-spacing: 15px;

  margin-top: 15px;

}







/*product*/

.pro_bg{

  width: 100%;

  height: 1170px;

  margin: 0 auto;

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

}



.pro_bg .product{

  width: 1280px;

  margin: 0 auto;

  padding-top: 45px;

  height: 846px;

}



.pro_bg .product .pro_t{

  height: 188px;

}



.pro_bg .product .pro_t .title{

  float: left;

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

  margin-left: -127px;

  padding-left: 127px;

}



.pro_bg .product .pro_t .t_more{

  float: right;

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

  margin-top: 100px;

  padding-right: 30px;

  text-align: right;

  height: 62px;

}



.pro_bg .product .pro_t .t_more  a{

  display: block;

  font-size: 16px;

  color: #474848;



}



.pro_bg .product .pro_t .t_more i{

  display: block;

  font-size: 14px;

  color: #a7a8a8;

  letter-spacing: 3px;

  margin-top: 3px;

}



.pro_bg .product .pro_box{

  margin: 0 auto;

}



.pro_bg .product .pro_box .pro_l{

  float: left;

  width: 200px;

  height: 490px;

  margin-top: 60px;

  background: url(../images/xt.png) no-repeat  15px top;

}



.pro_bg .product .pro_box .pro_l ul li{

  margin: 12px 0 45px 0;

  height: 51px;

  width: 200px;

}



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

  display: block;

}



.pro_bg .product .pro_box .pro_l ul li a span{

  display: block;

  float: left;

  width: 51px;

  height: 51px;

  line-height: 51px;

  text-align: center;

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

  margin-left: -7px;

  font-size: 18px;

  color: #bd282c;

  font-weight: bold;

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

  display: block;

  margin-left: 20px;

  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;

  float: left;

  width: 135px;

}





.pro_bg .product .pro_box .pro_l ul li a em{

  font-size: 12px;

  color: #fff;

  white-space: nowrap;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  overflow: hidden;

  display: block;

  text-transform: uppercase;

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

  margin-top: 5px;



}



.pro_bg .product .pro_box .pro_l ul li.on a span{

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

  color: #fff;



}



.pro_bg .product .pro_box .pro_l ul li.on a i{

  font-weight: bold;

}



.pro_bg .product .pro_box .pro_r{

  float: right;

  width: 1060px;

} 



.pro_bg .product .pro_box .pro_r .pro_show{

  overflow: hidden;

}



.pro_bg .product .pro_box .pro_r ul li{

  float: left;

  width: 300px;

  height: 280px;

  border: 1px solid #e1e1e1;

  margin: 0 0 28px 51px;

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

  width: 270px;

  height: 210px;

  margin: 15px 15px 0 15px;



}



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

  width: 270px;

  height: 210px;

}



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

  height: 55px;

  line-height: 55px;

  text-align: center;

  margin: 0 auto;

  width: 270px;

} 



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

  font-size: 16px;

  color: #606060;

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

  border: 1px solid #083573;

}



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

  color:  #083573;

}



.pro_bg .product .pro_box .pro_r  .pro_xt{

  float: right;

  margin-right: 15px;

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

  width: 400px;

  padding-left: 75px;



}



.pro_bg .product .pro_box .pro_r  .pro_xt i{

  display: block;

  float: left;

  font-size: 14px;

  color: #8b8b8b;

  letter-spacing: 7px;

  margin: 0 10px 0 33px;

}



/*message*/



.message{

  width: 1280px;

  margin: 50px auto 0 auto;

}



.message .m_l{

  float: left;

  width: 570px;

  margin-top: 15px;

  margin-left: -35px;

  padding-left: 35px;

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



}



.message .m_l span{

  display: block;

  font-size: 32px;

  color: #fff;

  letter-spacing: 5px;

  line-height: 35px;

}



.message .m_l span i{

  font-size: 23px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 100;

  letter-spacing: 0px;

  margin-left: 5px;

}



.message .m_l p{

  font-size: 26px;

  color: #fff;

  letter-spacing: 9px;

  margin: 20px 0 15px 0;

}



.message .m_l em{

  display: block;

  font-size: 12px;

  color: #fff;

  text-transform: uppercase;

  opacity: 0.5;

}



.message .m_r{

  float: right;

  width: 680px;

} 



.message .m_r .m_t{

  font-size: 16px;

  color: #fff;

  font-weight: bold;

  padding-left: 40px;

  background: url(../images/buttom5.png) no-repeat  5px 5px;

}



.message .m_r .m_nr{

  margin-top: 15px;

  margin-bottom: 15px;

  height: 48px;

} 



.message .m_r .m_nr .form-group1{

  float: left;

  width: 282px;

  height: 48px;

  background: rgba(255, 255, 255, 0.1);

}



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

  background: none;

  width: 282px;

  height: 48px;

  font-size: 15px;

  color: #fff;

  text-indent: 30px;

}



.message .m_r .m_nr .form-group3{

  float: right;

  width: 381px;

  height: 48px;

  background: rgba(255, 255, 255, 0.1);

}



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

  background: none;

  width: 351px;

  height: 35px;

  font-size: 15px;

  color: #fff;

  padding: 13px 0 0 30px;

}





.message .m_r .form-group2{

  float: left;

  width: 282px;

  height: 48px;

  background: rgba(255, 255, 255, 0.1);

}



.message .m_r .form-group2 input{

  background: none;

  width: 282px;

  height: 48px;

  font-size: 15px;

  color: #fff;

  text-indent: 30px;

}





.message .m_r .form-group4{

  float: left;

  width: 292px;

  height: 48px;

  background: rgba(255, 255, 255, 0.1);

  margin-left: 17px;

}



.message .m_r .form-group4 input{

  background: none;

  width: 202px;

  height: 48px;

  font-size: 15px;

  color: #fff;

  text-indent: 30px;

  float: left;

}



.message .m_r .form-group4 .imgcode{

  float: right;

  width: 77px;

  height: 27px;

  margin: 10px 10px 0 0;

}



.message .m_r .anniu{

  float: right;

  width: 81px;

  height: 48px;



}



.message .m_r .anniu button{

  cursor: pointer;

  border: none;

  width: 81px;

  height: 48px;

  font-size: 16px;

  color: #fff;

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

}







/*about*/

.ab_bg{

  width: 100%;

  height: 1085px;

  margin: 0 auto;

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

  position: relative;

  overflow: hidden;

}



.ab_bg .ab_ico{

  position: absolute;

  right: 35px;

  top: 405px;

}



.ab_bg .about{

  width: 1280px;

  margin: 0 auto;

  padding-top: 100px;

  height: 650px;

}



.ab_bg .about .ab_l{

  float: left;

  width: 620px;

}



.ab_bg .about .ab_l .title{

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

  margin-left: -127px;

  padding-left: 127px;

}



.ab_bg .about .ab_l .txt{

  margin-top: 70px;

}



.ab_bg .about .ab_l .txt h5{

  font-size: 20px;

  color: #404040;

  font-weight: bold;

}



.ab_bg .about .ab_l .txt h5 i{

  font-size: 12px;

  color: #949494;

  font-weight: normal;

  margin-left: 15px;

  text-transform: uppercase;

}



.ab_bg .about .ab_l .txt p{

  font-size: 15px;

  color: #7a7a7a;

  line-height: 34px;

  height: 170px;

  overflow: hidden;

  margin-top: 25px;

}



.ab_bg .about .ab_l .txt .more{

  display: block;

  font-size: 15px;

  color: #fff;

  width: 166px;

  height: 37px;

  line-height: 37px;

  background: #083573;

  border-radius: 45px;

  text-align: center;

  text-transform: uppercase;

  margin-top: 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_l .txt .more:hover{

  background: #b51f21;

}



.ab_bg .about .ab_l .txt .tel{

  font-size: 16px;

  color: #083573;

  font-weight: bold;

  text-transform: uppercase;

  padding-left: 30px;

  margin-top: 30px;

  background: url(../images/tel1.png) no-repeat 5px center;

}



.ab_bg .about .ab_img{

  float: right;

  width: 613px;

  height: 432px;

  margin-top: 85px;

}



.ab_bg .about .ab_img img{

  width: 613px;

  height: 432px;

  border-top-left-radius: 30px;

  border-top-right-radius: 30px;

}



/*fc*/



.fc{

  width: 1280px;

  margin: 50px auto 0 auto;



}



.fc .fc_list{

  margin-top: 30px;

  width: 174px;

  float: left;

}



.fc .fc_list ul{



}



.fc .fc_list ul li{

  width: 174px;

  height: 55px;

  line-height: 55px;

  border: 1px solid #eaeaea;

  background: #fff;

  margin-bottom: 30px;

  border-radius: 8px;



}



.fc .fc_list ul li a{

  display: block;

  font-size: 18px;

  color: #525252;

}



.fc .fc_list ul li a i{

  display: block;

  float: left;

  width: 52px;

  height: 55px;

  background: #083573;

  border-top-left-radius: 8px;

  border-bottom-left-radius: 8px;

  margin-right: 25px;

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

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

  transition: all 0.5s ease-out;

}



.fc .fc_list ul li a i img{

  display: block;



}



.fc .fc_list ul li.casehover a i{

  background: #b51f21;

}



.fc .fc_list .more a{

  display: block;

  font-size: 12px;

  color: #ffffff;

  text-transform: uppercase;



}



.fc .fc_box{

  width: 1100px;

  float: right;

} 



.fc .fc_box ul li{

  float: left;

  width: 250px;

  height: 225px;

  border: 1px solid #375b8c;

  margin-left: 23px;

}



.fc .fc_box ul li .pic{

  width: 230px;

  height: 168px;

  margin: 10px 10px 0 10px;

  overflow: hidden;

}



.fc .fc_box ul li .pic img{

  width: 230px;

  height: 168px;

  overflow: hidden;

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

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

  transition: all 0.5s ease-out;

}



.fc .fc_box ul li .txt{

  width: 230px;

  margin: 0 auto;

  height: 45px;

  line-height: 45px;

  text-align: center;

} 



.fc .fc_box ul li .txt a{

  font-size: 16px;

  color: #f2f2f2;

  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;

}



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

  transform: scale(1.1);

  -webkit-transform: scale(1.1);

  -o-transform: scale(1.1);



}



/*case*/



.case_bg{

  width: 100%;

  height: 830px;

  margin: 70px auto 0 auto;

  position: relative;

  overflow: hidden;

}



.case_bg .case{

  width: 1280px;

  margin: 0 auto;

  position: relative;



}



.case_bg .case .case_t{

  height: 170px;

}



.case_bg .case .case_t .title{

  float: left;

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

  margin-left: -127px;

  padding-left: 127px;

}



.case_bg .case .case_t .t_more{

  float: right;

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

  margin-top: 45px;

  padding-right: 30px;

  text-align: right;

  height: 62px;

}



.case_bg .case .case_t .t_more  a{

  display: block;

  font-size: 16px;

  color: #474848;



}



.case_bg .case .case_t .t_more i{

  display: block;

  font-size: 14px;

  color: #a7a8a8;

  letter-spacing: 3px;

  margin-top: 3px;

}







.case_bg .case .case_box{

  width: 1280px;

  margin: 0 auto;

  position: relative;

  height: 540px;

}



.case_bg .case .case_box ul li{

  width: 288px;

  height: 250px;

  border: 1px solid #e3e3e3;

}



.case_bg .case .case_box ul li .pic{

  width: 268px;

  height: 189px;

  margin: 10px 10px 0 10px;

}



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

  width: 268px;

  height: 189px;

}



.case_bg .case .case_box ul li .txt{

  text-align: center;

  margin: 0 auto;

  line-height: 50px;



} 



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

  font-size: 16px;

  color: #565656;

  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_box ul li::after{

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 0;

  height: 2px;

  background: #b51f21;

  content: "";

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

    width: 100%;



}



.case_bg .case .case_box ul li.c1{

    position: absolute;

    left: 0;

    top: 5px;



}



.case_bg .case .case_box ul li.c2{

  position: absolute;

  left: 0;

  bottom: 0;



}



.case_bg .case .case_box ul li.c3{

  position: absolute;

  right: 0;

  top: 5px;



}



.case_bg .case .case_box ul li.c4{

  position: absolute;

  right: 0;

  bottom: 0;



}





.case_bg .case .case_show{

  position: absolute;

  left: 318px;

  top: 0;

  border: 1px solid #e3e3e3;

  width: 642px;

  height: 537px;

  

}



.case_bg .case .case_show .pic{

  position: relative;

  width: 612px;

  height: 436px;

  margin: 15px 15px 0 15px;

}



.case_bg .case .case_show .case_img{

  width: 612px;

  height: 436px;

  display: block;

}



.case_bg .case .case_show .pic span{

  display: block;

 position: absolute;

 right: 0px;

 top: 0px;

 width: 68px;

 height: 68px;

 background: #fff;

 border-bottom-left-radius: 65px;

}



.case_bg .case .case_show .pic .case_ico{

  width: 30px;

  height: 30px;

  display: block;

  margin: 10px 0 0 20px;

}



.case_bg .case .case_show .txt{

  margin: 30px auto 0 auto;

  width: 612px;

} 



.case_bg .case .case_show .txt h5 a{

float: left;

width: 389px;

font-size: 18px;

color: #565656;

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;

height: 32px;

line-height: 20px;

border-bottom: 1px solid #e8e8e8;

}



.case_bg .case .case_show .txt .more{

display: block;

float: right;

width: 105px;

height: 32px;

border-radius: 45px;

background: #b51f21;

line-height: 32px;

text-align: center;

font-size: 12px;

color: #fff;

text-transform: uppercase;



}



.case_bg .case .case_show:hover .txt h5 a{

  color: #083573;

}



.case_bg .case .case_xt{

    position: absolute;

    left: -207px;

    top: 620px;

} 







/*lc*/



.lc_bg{

  width: 100%;

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

  height: 304px;

  margin: 0 auto;

  position: relative;

  overflow: hidden;

}



.lc_bg .lc{

  width: 1280px;

  margin: 0 auto;

  position: relative;



}



.lc_bg .lc .lc_box{

  float: left;

  width: 1020px;

  margin-top: 45px;

  position: relative;

  z-index: 5;

}





.lc_bg .lc .lc_box ul li{

float: left;

width: 138px;

height: 189px;

background: #15478c;

border-radius: 10px;

margin-right: 37px;

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

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

transition: all 0.5s ease-out;

}



.lc_bg .lc .lc_box ul li:last-child{

  margin-right: 0;

}



.lc_bg .lc .lc_box ul li .lc_nr{

  width: 98px;

  height: 179px;

  background: #083573;

  border-radius: 7px;

  margin: 5px;

  padding: 0 15px;

  text-align: center;

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

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

  transition: all 0.5s ease-out;

}



.lc_bg .lc .lc_box ul li span{

display: block;

font-size: 22px;

color: #ffffff;

font-weight: bold;

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

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

transition: all 0.5s ease-out;

line-height: 30px;

padding-top: 22px;

}



.lc_bg .lc .lc_box ul li em{

display: block;

font-size: 18px;

color: #ffffff;

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

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

transition: all 0.5s ease-out;

}



.lc_bg .lc .lc_box ul li h5{

  font-size: 18px;

  color: #ffffff;

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

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

  transition: all 0.5s ease-out;

  margin: 5px 0 7px 0;

}



.lc_bg .lc .lc_box ul li i{

display: block;

font-size: 12px;

color: #ffffff;

text-transform: uppercase;

opacity: 0.2;

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

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

transition: all 0.5s ease-out;

}



.lc_bg .lc .lc_box ul li:hover{

  background: #bf0001;

}



.lc_bg .lc .lc_box ul li:hover .lc_nr{

  background: #fff;



}



.lc_bg .lc .lc_box ul li:hover span{

  color: #bf0001;



}



.lc_bg .lc .lc_box ul li:hover em{

  color: #bf0001;

}



.lc_bg .lc .lc_box ul li:hover h5{

  color: #bf0001;

  font-weight: bold;

}



.lc_bg .lc .lc_box ul li:hover i{

  color: #bf0001;

  opacity: 1;

}





.lc_bg .lc .title{

  position: absolute;

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

padding-left: 128px;

width: 280px;

right: -95px;

top: 118px;

}



.lc_bg .lc .title h3{

  color: #fff;

}



.lc_bg .lc .title i{

  color: #fff;

}





/*news*/



.news_bg{

  width: 100%;

  margin: 0 auto;

  height: 665px;

  background: #fafafa;

}



.news{

width: 1280px;

margin: 0 auto;

padding-top: 40px;

}



.news .news_t{

  height: 165px;



} 



.news .news_t .title{

float: left;

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



}



.news .news_t .news_list{

float: right;

margin-top: 28px;

}



.news .news_t .news_list ul li{

  float: left;

  width: 85px;

  height: 85px;

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

  margin-left: 45px;

}



.news .news_t .news_list ul li a{

  display: block;

  text-align: center;

  margin-top: 28px;

  font-size: 16px;

  color: #484848;

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

  display: block;

  margin: 5px auto 0 auto;

  width:0px;

  height: 2px;

  background: #b51f21;

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

  width: 63px;

}



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

  font-weight: bold;

}



.news .news_box{

width: 1360px;

margin: 0 auto;

}



.news .news_box ul li{

float: left;

border: 1px solid #e3e3e3;

margin-right: 40px;

width: 290px;

height: 400px;

background: #fff;

position: relative;

z-index: 5;

}



.news .news_box ul li .txt{

  width: 266px;

  height: 103px;

  margin: 35px auto 0 auto;



}



.news .news_box ul li .txt a{

font-size: 18px;

color: #515253;

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

}



.news .news_box ul li .txt p{

font-size: 14px;

color: #aeaeae;

white-space: nowrap;

text-overflow: ellipsis;

-o-text-overflow: ellipsis;

overflow: hidden;

display: block;

}



.news .news_box ul li .txt em{

display: block;

width: 41px;

height: 4px;

background: #dddddd;

border-radius: 25%;

margin-top: 20px;

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

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

transition: all 0.5s ease-out;

}



.news .news_box ul li .news_img{

width: 266px;

height: 202px;

margin: 0  auto;

} 



.news .news_box ul li .news_img img{

  width: 266px;

  height: 202px;

}



.news .news_box ul li .time{

font-size: 14px;

color: #858585;

text-transform: uppercase;

width: 266px;

margin: 20px auto 0 auto;

} 



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

  background: #b51f21;



  }



  .news .news_box ul li::after{

    position: absolute;

    left: 0px;

    bottom: 0px;

    content: "";

    width: 0px;

    height: 2px;

    background: #b51f21;

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

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

  transition: all 0.5s ease-out;

  }



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

    width: 100%;

  }