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



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



/*邮箱 btoe@btoe.cn*/



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



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



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



.banner {



  position: relative;



  height: 890px;



}



.banner .slider {



  width: 100% !important;



  height: 100%;



  overflow: hidden;



  position: relative;



  z-index: 1;



  top: 0;



}



.banner .slider-main {



  width: 1920px;



  height: 100%;



  position: absolute;



  left: 50%;



  margin-left: -960px;



}



.banner .slider-main li {



  width: 100%;



  height: 100%;



}



.banner .osSlider-main .slider-btn-prev {



  position: absolute;



  z-index: 30;



  top: 50%;



  left: -45px;



  width: 40px;



  height: 40px;



  text-indent: -9999px;



  margin-top: -20px;



  background: url(../images/arrowPrev.png) 50% 50% no-repeat;



  transition: all 0.5s linear;



  cursor: pointer;



}



.banner .osSlider-main:hover .slider-btn-prev {



  left: 3%;



}



.banner .osSlider-main .slider-btn-next {



  position: absolute;



  z-index: 30;



  top: 50%;



  right: -45px;



  width: 40px;



  height: 40px;



  text-indent: -9999px;



  margin-top: -20px;



  background: url(../images/arrowNext.png) 50% 50% no-repeat;



  transition: all 0.5s linear;



  cursor: pointer;



}



.banner .osSlider-main:hover .slider-btn-next {



  right: 3%;



  cursor: pointer;



}



.banner .osSlider-main .slider-nav {



  position: absolute;



  width: 100%;



  bottom: 40px;



  text-align: center;



  z-index: 25;



  font-size: 0;



}



.banner .osSlider-main .slider-nav li {



  display: inline-block;



  vertical-align: top;



  height: 16px;



  width: 16px;



  text-align: center;



  margin: 0 7px;



  border-radius: 50%;



  color: #333;



  background: #fff;



  cursor: pointer;



}



.banner .osSlider-main .slider-nav li.active {



  background: #00166b;



  color: #fff;



}



.one {



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



}



.tran {



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



a,



img {



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



button,



input {



  border: none;



  outline: none;



}



.out {



  position: relative;



}



.out:hover::after,



.out:hover::before {



  width: 100%;



}



.out:hover > a::after,



.out:hover > a::before {



  height: 166px;



}



.out:hover .pro_hot_txt > a {



  color: #0074d4;



}



.out::after,



.out::before {



  content: "";



  position: absolute;



  width: 0;



  height: 1px;



  background: #00166b;



  left: 0;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.out::after {



  top: 0;



}



.out::before {



  top: 166px;



}



.in::after,



.in::before {



  content: "";



  position: absolute;



  width: 1px;



  height: 0;



  background: #00166b;



  top: 0;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.in::after {



  left: 0;



}



.in::before {



  right: 0;



}



.mt {



  margin-top: 60px;



}



.shadow:hover {



  transform: translateY(-5px);



  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);



}



.shadow2:hover {



  transform: translateY(-5px);



  box-shadow: 0 10px 15px -10px rgba(225, 40, 38, 0.5);



}



.linkeff {



  position: relative;



}



.linkeff:hover::after,



.linkeff:hover::before {



  width: 100%;



}



.linkeff::after,



.linkeff::before {



  content: "";



  position: absolute;



  width: 0;



  height: 100%;



  height: 1px;



  background: #00166b;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.linkeff::after {



  left: 0;



  top: 0;



}



.linkeff::before {



  right: 0;



  bottom: 0;



}



a,



img {



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.title1 {



  width: 100%;



  overflow: hidden;



}



.title1 .tit_txt {



  float: left;



  padding-right: 84px;



  background: url(../images/tit1.png) 185px 48px no-repeat;



}



.title1 .tit_txt > h3 {



  font-size: 30px;



  color: #191919;



  line-height: 30px;



  font-weight: bold;



  margin-bottom: 18px;



  margin-bottom: 28px;



}



.title1 .tit_txt > h3 a {



  color: #191919;



}



.title1 .tit_txt > h4 {



  font-size: 24px;



  line-height: 24px;



  font-family: Arial;



  font-weight: bold;



  color: #191919;



  margin-bottom: 12px;



}



.title1 .tit_txt > p {



  font-size: 14px;



  line-height: 14px;



  letter-spacing: 3px;



  color: #191919;



}



.title1 .tit_tell {



  float: right;



}



.title1 .tit_tell > p {



  font-size: 14px;



  color: #191919;



  line-height: 30px;



  margin-bottom: 18px;



  text-align: right;



}



.title1 .tit_tell > p > i {



  display: inline-block;



  vertical-align: middle;



  width: 20px;



  height: 29px;



  margin-right: 5px;



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



  animation: msClock 1s infinite;



  -moz-animation: msClock 1s infinite;



  -webkit-animation: msClock 1s infinite;



  -o-animation: msClock 1s infinite;



}



.title1 .tit_tell > h4 {



  font-family: Impact;



  font-size: 30px;



  line-height: 30px;



  color: #191919;



}



.title2 {



  width: 100%;



  overflow: hidden;



}



.title2 .tit_txt {



  float: left;



  padding-right: 84px;



  background: url(../images/tit2.png) 185px 48px no-repeat;



}



.title2 .tit_txt > h3 {



  font-size: 30px;



  color: #ffffff;



  line-height: 30px;



  font-weight: bold;



  margin-bottom: 18px;



  margin-bottom: 28px;



}



.title2 .tit_txt > h3 a {



  color: #ffffff;



}



.title2 .tit_txt > h4 {



  font-size: 24px;



  line-height: 24px;



  font-family: Arial;



  font-weight: bold;



  color: #ffffff;



  margin-bottom: 12px;



}



.title2 .tit_txt > p {



  font-size: 14px;



  line-height: 14px;



  letter-spacing: 3px;



  color: #ffffff;



}



.title2 .tit_tell {



  float: right;



}



.title2 .tit_tell > p {



  font-size: 14px;



  color: #ffffff;



  line-height: 30px;



  margin-bottom: 18px;



  text-align: right;



}



.title2 .tit_tell > p > i {



  display: inline-block;



  vertical-align: middle;



  width: 20px;



  height: 29px;



  margin-right: 5px;



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



  animation: msClock 1s infinite;



  -moz-animation: msClock 1s infinite;



  -webkit-animation: msClock 1s infinite;



  -o-animation: msClock 1s infinite;



}



.title2 .tit_tell > h4 {



  font-family: Impact;



  font-size: 30px;



  line-height: 30px;



  color: #ffffff;



}



.about {



  margin-top: 50px;



}



.about .ab_main .ab_links {



  margin-top: 30px;



}



.about .ab_main .ab_links .ab_link_list li {



  float: left;



  margin-right: 25px;



  width: 276px;



  height: 50px;



}



.about .ab_main .ab_links .ab_link_list li.on > a {



  color: #fff;



}



.about .ab_main .ab_links .ab_link_list li.on > a > span {



  color: #fff;



}



.about .ab_main .ab_links .ab_link_list li.on > a::before {



  width: 100%;



}



.about .ab_main .ab_links .ab_link_list li > a {



  display: block;



  width: 276px;



  height: 50px;



  background-color: #f1f1f1;



  font-family: Arial;



  color: #666666;



  font-size: 12px;



  line-height: 50px;



  position: relative;



  margin-left: 5px;



  z-index: 1;



}



.about .ab_main .ab_links .ab_link_list li > a::before {



  content: "";



  position: absolute;



  background-color: #da261d;



  width: 0;



  height: 100%;



  left: 0;



  top: 0;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



  z-index: -1;



}



.about .ab_main .ab_links .ab_link_list li > a::after {



  content: "";



  position: absolute;



  width: 6px;



  height: 50px;



  background-color: #da261d;



  left: -10px;



  top: 0;



}



.about .ab_main .ab_links .ab_link_list li > a > span {



  margin-left: 20px;



  margin-right: 10px;



  font-size: 18px;



  font-weight: bold;



  color: #333333;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.about .ab_main .ab_links .ab_link_list > li:nth-last-child(1) {



  margin-right: 0;



}



.about .ab_main .ab_con {



  margin-top: 60px;



}



.about .ab_main .ab_con .ab_item .ab_txt {



  margin-top: 72px;



}



.about .ab_main .ab_con .ab_item .ab_txt > h5 {

  width: 502px;

  font-size: 14px;

  color: #666666;

  line-height: 30px;

  height: 150px;

  overflow: hidden;

  margin-bottom: 74px;

}



.about .ab_main .ab_con .ab_item .ab_txt .ab_txt_tit > h3 {



  width: 390px;



  height: 29px;



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



  margin-bottom: 20px;



}



.about .ab_main .ab_con .ab_item .ab_txt .ab_txt_tit > span {



  display: block;



  width: 458px;



  height: 76px;



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



}



.about .ab_main .ab_con .ab_item .ab_view {



  width: 590px;



}



.about .ab_main .ab_con .ab_item .ab_view .ab_tit > span {



  display: block;



  width: 108px;



  height: 18px;



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



  margin-bottom: 22px;



}



.about .ab_main .ab_con .ab_item .ab_view .ab_tit > h4 {



  width: 206px;



  height: 49px;



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



  margin-bottom: 35px;



}



.about .ab_main .ab_con .ab_item .ab_view .ab_tit > h3 {



  width: 96px;



  height: 24px;



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



  margin-bottom: 30px;



}



.about .ab_main .ab_con .ab_item2 {



  position: relative;



  height: 352px;



  /*大事记start*/



}



.about .ab_main .ab_con .ab_item2 .event_box {



  width: 100%;



  margin: 3% auto 0;



  position: relative;



  min-height: 420px;



}



.about .ab_main .ab_con .ab_item2 .event_box .parHd {



  width: 100%;



  display: inline-block;



  height: 92px;



  overflow: hidden;



}



.about .ab_main .ab_con .ab_item2 .parHd ul {



  width: 100%;



  text-align: center;



  margin: 0 auto;



  padding-top: 25px !important;



}



.about .ab_main .ab_con .ab_item2 .parHd .tempWrap {



  width: 1135px !important;



  margin: 0 auto;



}



.about .ab_main .ab_con .ab_item2 .parHd .tempWrap:after {



  content: '';



  width: 100%;



  height: 1px;



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



  position: absolute;



  left: 0;



  top: 28px;



  z-index: 10;



}



.about .ab_main .ab_con .ab_item2 .parHd li.no_line:before {



  display: none;



}



.about .ab_main .ab_con .ab_item2 .parHd li {



  display: inline-block;



  cursor: pointer;



  padding-top: 30px;



  font-size: 16px;



  color: #000;



  margin: 0 30px;



  position: relative;



}



.about .ab_main .ab_con .ab_item2 .parHd li:after {



  content: '';



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



  width: 24px;



  height: 24px;



  position: absolute;



  z-index: 20;



  top: -8px;



  left: 50%;



  margin-left: -12px;



}



.about .ab_main .ab_con .ab_item2 .parBd {



  text-align: center;



  margin-top: 60px;



}



.about .ab_main .ab_con .ab_item2 .parBd h3 {



  position: relative;



  font-size: 48px;



  margin-bottom: 3%;



  color: #333333;



  padding: 0 60px;



  display: inline-block;



  text-align: center;



  vertical-align: middle;



}



.about .ab_main .ab_con .ab_item2 .parBd h3:after {



  content: '';



  background: #333333;



  width: 100px;



  height: 2px;



  position: absolute;



  left: -100px;



  bottom: 32px;



  vertical-align: middle;



}



.about .ab_main .ab_con .ab_item2 .parBd h3:before {



  content: '';



  background: #333333;



  width: 100px;



  height: 2px;



  position: absolute;



  right: -100px;



  bottom: 32px;



  vertical-align: middle;



}



.about .ab_main .ab_con .ab_item2 .parBd p {



  line-height: 45px;



  font-size: 16px;



  margin: 0 auto;



  font-size: 18px;



  text-align: center;



}



.about .ab_main .ab_con .ab_item2 div#listBox {



  width: 100%;



}



.about .ab_main .ab_con .ab_item2 .sPrev,



.about .ab_main .ab_con .ab_item2 .sNext {



  width: 36px;



  height: 36px;



  display: block;



  position: absolute;



  top: 10px;



  cursor: pointer;



}



.about .ab_main .ab_con .ab_item2 .sPrev {



  left: 0;



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



}



.about .ab_main .ab_con .ab_item2 .sNext {



  right: 0;



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



}



.about .ab_main .ab_con .ab_item2 .sPrev img,



.about .ab_main .ab_con .ab_item2 .sNext img {



  transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);



  -moz-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);



  -webkit-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);



  -o-transition: all 0.6s cubic-bezier(0.51, 1.1, 0.9, 0.95);



}



.about .ab_main .ab_con .ab_item2 .parHd li.act span {



  display: block;



  width: 24px;



  height: 24px;



  overflow: hidden;



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



  position: absolute;



  top: -8px;



  left: 15px;



  z-index: 21;



}



.about .ab_main .ab_con .ab_item2 .parHd li.act {



  color: #da261d;



}



.about .ab_main .ab_con .ab_item2 .parHd li span,



.about .ab_main .ab_con .ab_item2 .parHd li.clone span {



  display: none;



}



.about .ab_main .ab_con .ab_item3 .honer_list > li {



  float: left;



  width: 285px;



  height: 223px;



  margin: 0 20px 20px 0;



}



.about .ab_main .ab_con .ab_item3 .honer_list > li:hover > a > img {



  transform: scale(1.2);



}



.about .ab_main .ab_con .ab_item3 .honer_list > li > a {



  display: block;



  width: 100%;



  height: 100%;



  overflow: hidden;



}



.about .ab_main .ab_con .ab_item3 .honer_list > li > a > img {



  width: 100%;



  height: 100%;



}



.about .ab_main .ab_con .ab_item3 .honer_list > li:nth-child(4n) {



  margin-right: 0;



}



.about .ab_main .ab_con .ab_item4 .fc_list > li {



  float: left;



  width: 285px;



  height: 225px;



  margin: 0 20px 20px 0;



}



.about .ab_main .ab_con .ab_item4 .fc_list > li:hover > a > img {



  transform: scale(1.2);



}



.about .ab_main .ab_con .ab_item4 .fc_list > li > a {



  display: block;



  width: 100%;



  height: 100%;



  overflow: hidden;



}



.about .ab_main .ab_con .ab_item4 .fc_list > li > a > img {



  width: 100%;



  height: 100%;



}



.about .ab_main .ab_con .ab_item4 .fc_list > li:nth-child(1) {



  width: 590px;



  height: 466px;



}



.about .ab_main .ab_con .ab_item4 .fc_list > li:nth-child(3) {



  margin-right: 0;



}



.about .ab_main .ab_con .ab_item4 .fc_list > li:nth-child(5) {



  margin-right: 0;



}



.pro {



  width: 100%;



  height: 1058px;



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



  padding-top: 40px;



  box-sizing: border-box;



  margin-top: 80px;



}



.pro .pro_mian .pro_con {



  margin-top: 50px;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li {



  float: left;



  width: 286px;



  height: 50px;



  line-height: 50px;



  position: relative;



  margin-right: 20px;



  z-index: 1;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li:hover > a {



  color: #fff;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li:hover > a > span {



  color: #fff;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li:hover > a::before {



  width: 100%;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li::after {



  content: "";



  position: absolute;



  width: 6px;



  height: 50px;



  background-color: #da261d;



  left: 0;



  top: 0;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li > a {



  display: block;



  width: 276px;



  height: 50px;



  background-color: #f1f1f1;



  margin-left: 10px;



  padding: 0 20px;



  box-sizing: border-box;



  color: #666666;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  position: relative;



  z-index: 1;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li > a::before {



  content: "";



  position: absolute;



  background-color: #da261d;



  z-index: -1;



  width: 0;



  height: 100%;



  left: 0;



  top: 0;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.pro .pro_mian .pro_con .pro_menu .pro_menu_list > li > a > span {



  font-size: 18px;



  font-weight: bold;



  color: #333333;



  margin-right: 10px;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.pro .pro_mian .pro_con .pro_view {



  margin-top: 40px;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li {



  float: left;



  width: 380px;



  height: 344px;



  margin: 0 30px 30px 0;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li:hover .pro_txt > p > a {



  color: #da261d;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li:hover .pro_txt > a {



  animation: myfirst2 3s infinite;



  -moz-animation: myfirst2 3s infinite;



  -webkit-animation: myfirst2 3s infinite;



  -o-animation: myfirst2 3s infinite;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li > a {



  display: block;



  width: 100%;



  height: 284px;



  border: solid 4px #ffffff;



  box-sizing: border-box;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li > a > img {



  width: 100%;



  height: 100%;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li .pro_txt {



  width: 100%;



  height: 60px;



  line-height: 60px;



  background: #fff;



  padding-left: 24px;



  box-sizing: border-box;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li .pro_txt > p {



  width: 70%;



  height: 100%;



  font-size: 14px;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li .pro_txt > p > a {



  display: block;



  width: 100%;



  height: 100%;



  font-size: 14px;



  color: #333333;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li .pro_txt > a {



  width: 65px;



  height: 60px;



  text-align: center;



  font-size: 14px;



  color: #ffffff;



  line-height: 20px;



  padding: 10px 17px 0;



  box-sizing: border-box;



  background-color: #333333;



}



.pro .pro_mian .pro_con .pro_view .pro_view_list > li:nth-child(3n) {



  margin-right: 0;



}



.ys {



  width: 100%;



  height: 790px;



  padding-top: 30px;



  box-sizing: border-box;



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



}



.ys .ys_main .ys_tit {



  margin-top: 35px;



}



.ys .ys_main .ys_tit > h3 {



  margin-top: 40px;



  font-size: 36px;



  font-family: SourceHanSerifSC;



  color: #2f2f2f;



  font-weight: 600;



}



.ys .ys_main .ys_tit .ys_txt_r > span {



  display: block;



  margin-bottom: 22px;



  width: 108px;



  height: 18px;



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



}



.ys .ys_main .ys_tit .ys_txt_r > h4 {



  width: 178px;



  height: 49px;



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



}



.ys .ys_main .ys_view {



  margin-top: 44px;



  height: 435px;



  position: relative;



}



.ys .ys_main .ys_view .ys_view_list > li {



  float: left;



  width: 380px;



  height: 435px;



  text-align: center;



  overflow: hidden;



  background-color: #00166b;



  margin-right: 30px;



  position: relative;



  z-index: 1;



}



.ys .ys_main .ys_view .ys_view_list > li:hover::after {



  width: 100%;



}



.ys .ys_main .ys_view .ys_view_list > li::after {



  content: "";



  position: absolute;



  width: 0;



  height: 100%;



  z-index: -1;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



  background: #da261d;



  left: 50%;



  top: 0;



  transform: translate(-50%);



}



.ys .ys_main .ys_view .ys_view_list > li > h3 {



  margin-top: 54px;



  line-height: 84px;



  font-size: 30px;



  color: #ffffff;



  margin-bottom: 40px;



}



.ys .ys_main .ys_view .ys_view_list > li > h3 > span {



  font-family: Impact;



  font-size: 84px;



  color: #ffffff;



  margin-right: 15px;



}



.ys .ys_main .ys_view .ys_view_list > li > p {



  font-size: 24px;



  line-height: 24px;



  color: #ffffff;



  margin-bottom: 30px;



}



.ys .ys_main .ys_view .ys_view_list > li > h4 {



  font-size: 16px;



  color: #ffffff;



  line-height: 35px;



}



.ys .ys_main .ys_view .ys_prev,



.ys .ys_main .ys_view .ys_next {



  position: absolute;



  top: 190px;



  width: 58px;



  height: 58px;



  border: solid 2px #00166b;



  z-index: 1;



  border-radius: 50%;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



  cursor: pointer;



}



.ys .ys_main .ys_view .ys_prev:hover::after,



.ys .ys_main .ys_view .ys_next:hover::after {



  width: 100%;



}



.ys .ys_main .ys_view .ys_prev::after,



.ys .ys_main .ys_view .ys_next::after {



  content: "";



  position: absolute;



  width: 0;



  height: 100%;



  z-index: -1;



  left: 50%;



  top: 0;



  transform: translate(-50%);



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



  border-radius: 50%;



}



.ys .ys_main .ys_view .ys_prev {



  left: -78px;



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



}



.ys .ys_main .ys_view .ys_prev::after {



  background: url(../images/ys_p2.png) center no-repeat #00166b;



}



.ys .ys_main .ys_view .ys_next {



  right: -78px;



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



}



.ys .ys_main .ys_view .ys_next::after {



  background: url(../images/ys_n2.png) center no-repeat #00166b;



}



.solu {



  width: 100%;



  height: 745px;



  padding-top: 40px;



  box-sizing: border-box;



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



}



.solu .solu_mian .solu_con {



  margin-top: 44px;



  height: 396px;



  position: relative;



}



.solu .solu_mian .solu_con .solu_list > li {



  float: left;



  width: 360px;



  height: 396px;



  margin-right: 60px;



}



.solu .solu_mian .solu_con .solu_list > li:hover {



  box-shadow: rgba(218, 38, 29, 0.9);



}



.solu .solu_mian .solu_con .solu_list > li:hover .solu_txt > a {



  color: #da261d;



  text-shadow: rgba(218, 38, 29, 0.9);



}



.solu .solu_mian .solu_con .solu_list > li > a {



  display: block;



  width: 100%;



  height: 316px;



}



.solu .solu_mian .solu_con .solu_list > li > a > img {



  width: 100%;



  height: 100%;



}



.solu .solu_mian .solu_con .solu_list > li .solu_txt {



  width: 100%;



  height: 80px;



  line-height: 80px;



  text-align: center;



  background-color: #ffffff;



}



.solu .solu_mian .solu_con .solu_list > li .solu_txt > a {



  display: block;



  width: 100%;



  height: 100%;



  font-size: 16px;



  color: #333333;



  padding: 0 10px;



  box-sizing: border-box;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



}



.solu .solu_mian .solu_con .solu_prev,



.solu .solu_mian .solu_con .solu_next {



  position: absolute;



  width: 90px;



  height: 62px;



  top: 450px;



  cursor: pointer;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.solu .solu_mian .solu_con .solu_prev:hover,



.solu .solu_mian .solu_con .solu_next:hover {



  transform: translateY(-5px);



  box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);



}



.solu .solu_mian .solu_con .solu_prev:hover,



.solu .solu_mian .solu_con .solu_next:hover {



  border-radius: 10px;



}



.solu .solu_mian .solu_con .solu_prev {



  left: 505px;



  background: url(../images/solu_prev.png) #ffffff center no-repeat;



}



.solu .solu_mian .solu_con .solu_next {



  right: 505px;



  background: url(../images/solu_next.png) #ffffff center no-repeat;



}



.news {



  padding-top: 40px;



  box-sizing: border-box;



  height: 984px;



  background: url(../images/news_bg.jpg);



}



.news .news_main .news_con {



  margin-top: 45px;



}



.news .news_main .news_con .news_menu .news_menu_list > li {



  float: left;



  width: 286px;



  height: 50px;



  line-height: 50px;



  position: relative;



  margin-right: 18px;



}



.news .news_main .news_con .news_menu .news_menu_list > li.on > a {



  color: #fff;



}



.news .news_main .news_con .news_menu .news_menu_list > li.on > a > span {



  color: #fff;



}



.news .news_main .news_con .news_menu .news_menu_list > li.on > a::before {



  width: 100%;



  -webkit-transform: scaleX(1);



  transform: scaleX(1);



  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);



}



.news .news_main .news_con .news_menu .news_menu_list > li::after {



  content: "";



  position: absolute;



  width: 6px;



  height: 50px;



  background-color: #da261d;



  left: 0;



  top: 0;



}



.news .news_main .news_con .news_menu .news_menu_list > li > a {



  display: block;



  width: 276px;



  height: 100%;



  padding-left: 20px;



  box-sizing: border-box;



  margin-left: 10px;



  font-size: 12px;



  font-family: Arial;



  color: #666666;



  background-color: #f1f1f1;



  position: relative;



  z-index: 1;



}



.news .news_main .news_con .news_menu .news_menu_list > li > a::before {



  content: "";



  position: absolute;



  background-color: #da261d;



  z-index: -1;



  width: 0;



  height: 100%;



  left: 0;



  top: 0;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.news .news_main .news_con .news_menu .news_menu_list > li > a > span {



  font-size: 18px;



  font-weight: bold;



  color: #333333;



  transition: all 0.7s ease-in-out;



  -webkit-transition: all 0.7s ease-in-out;



}



.news .news_main .news_con .news_menu .news_menu_list > li:nth-last-child(1) {



  margin-right: 0;



}



.news .news_main .news_con .news_tab .news_item {



  width: 100%;



  margin-top: 38px;



}



.news .news_main .news_con .news_tab .news_item .news_top {



  width: 100%;



  height: 225px;



  padding: 20px;



  box-sizing: border-box;



  background-color: #ffffff;



  box-shadow: 0px 1px 20px 0px rgba(11, 5, 8, 0.1);



}



.news .news_main .news_con .news_tab .news_item .news_top:hover .news_txt > a {



  color: #da261d;



  transform: translate(5px);



}



.news .news_main .news_con .news_tab .news_item .news_top > a {



  width: 275px;



  height: 185px;



}



.news .news_main .news_con .news_tab .news_item .news_top > a > img {



  width: 100%;



  height: 100%;



}



.news .news_main .news_con .news_tab .news_item .news_top .news_time {



  width: 150px;



  height: 145px;



  border-right: 1px solid #eeeeee;



  box-sizing: border-box;



  margin-top: 20px;



  text-align: center;



  overflow: hidden;



}



.news .news_main .news_con .news_tab .news_item .news_top .news_time > span {



  display: block;



  font-size: 48px;



  line-height: 48px;



  font-family: Arial;



  color: #da261d;



  margin-top: 29px;



  margin-bottom: 20px;



}



.news .news_main .news_con .news_tab .news_item .news_top .news_time > p {



  font-size: 18px;



  line-height: 18px;



  font-family: Arial;



  color: #333333;



}



.news .news_main .news_con .news_tab .news_item .news_top .news_txt {



  width: 678px;



  margin-top: 40px;



}



.news .news_main .news_con .news_tab .news_item .news_top .news_txt > a {



  display: block;



  width: 100%;



  font-size: 16px;



  height: 18px;



  line-height: 18px;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  margin-bottom: 25px;



}



.news .news_main .news_con .news_tab .news_item .news_top .news_txt > h4 {



  width: 100%;



  font-size: 14px;



  color: #bebebe;



  line-height: 30px;



  height: 60px;



  overflow: hidden;



}



.news .news_main .news_con .news_tab .news_item .news_botm {



  margin-top: 20px;



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li {



  float: left;



  width: 285px;



  height: 406px;



  background-color: #ffffff;



  margin-right: 20px;



  box-shadow: 0px 5px 20px 0px rgba(11, 5, 8, 0.1);



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li:hover .news_txt > a {



  color: #da261d;



  transform: translate(5px);



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li > a {



  display: block;



  width: 265px;



  height: 230px;



  margin: 10px auto;



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li > a > img {



  width: 100%;



  height: 100%;



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li .news_txt {



  width: 100%;



  padding: 0 13px;



  box-sizing: border-box;



  overflow: hidden;



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li .news_txt > a {



  display: block;



  width: 100%;



  height: 18px;



  line-height: 18px;



  font-size: 16px;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  margin-bottom: 20px;



  margin-top: 15px;



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li .news_txt > h4 {



  width: 100%;



  font-size: 14px;



  line-height: 30px;



  height: 60px;



  overflow: hidden;



  color: #bebebe;



  margin-bottom: 15px;



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li .news_txt > span {



  font-size: 14px;



  font-family: Arial;



  color: #bebebe;



}



.news .news_main .news_con .news_tab .news_item .news_botm .news_list > li:nth-last-child(1) {



  margin-right: 0;



}



.links {



  width: 100%;



  margin: 25px 0;



}



.links .link_main {



  border: solid 1px #efefef;



}



.links .link_main .link_tit {



  width: 137px;



  padding-left: 50px;



  box-sizing: border-box;



  font-size: 14px;



  color: #2c2c2c;



  height: 50px;



  line-height: 50px;



  border-right: 1px solid #efefef;



  background: url(../images/link_ico.png) 15px center no-repeat;



}



.links .link_main .link_list {



  width: 1060px;



  height: 50px;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



}



.links .link_main .link_list > a {



  float: left;



  font-size: 14px;



  color: #666666;



  line-height: 50px;



  margin-left: 30px;



}



.links .link_main .link_list > a:hover {



  color: #00166b;



  transform: translate(5px);



}