/* =Skitter styles



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

.fullSlide {

  width: 100%;

  position: relative;

  height: 600px;

  background: #FFF;

  overflow: hidden;

}



.fullSlide .bd {

  height: 600px;

  margin: 0 auto;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.fullSlide .bd ul {

  width: 100% !important;

}



.fullSlide .bd li {

  width: 100% !important;

  height: 600px;

  overflow: hidden;

  text-align: center;

}



.fullSlide .bd li a {

  display: block;

  height: 600px;

}



.fullSlide .hd {

  width: 100%;

  position: absolute;

  z-index: 2;

  bottom: 0;

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

  height: 14px;

  margin: 3px;

  background-color: #fff;

  overflow: hidden;

  line-height: 99px;

  border: 2px solid #FFF;

  border-radius: 50%;

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

  transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

  width: 50px;

  background: #c90000;

  border-radius: 9px;

  -webkit-transition: all .3s linear;

  transition: all .3s linear;

}



.fullSlide .prev,

.fullSlide .next {

  width: 40px;

  height: 60px;

  position: absolute;

  top: 50%;

  margin-top: -30px;

  z-index: 2;

  background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

  filter: alpha(opacity=30);

  -moz-opacity: .3;

  opacity: .3;

  -webkit-transition: all .5s linear;

  transition: all .5s linear;

}



.fullSlide .prev {

  background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

  left: 10%;

}



.fullSlide .next {

  background-position: -6px -137px;

  right: 10%;

}





.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: #c90000;



  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: #c90000;



  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;



}



.shadow:hover {



  transform: translateY(-5px);



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



}



.shadow2:hover {



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



}



.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: #c90000;



  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;



}



.img_white {



  overflow: hidden;



}



.img_white::after {



  display: block;



  content: "";



  width: 100%;



  height: 100%;



  position: absolute;



  z-index: 1;



  -webkit-transform: scaleY(0);



  transform: scaleY(0);



  -webkit-transform-origin: bottom;



  transform-origin: bottom;



  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));



  background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));



  background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));



  background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));



  background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));



  opacity: 1;



  bottom: -100%;



  transition: all 0.8s ease-in-out;



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



  -ms-transition: all 0.8s ease-in-out;



  -o-transition: all 0.8s ease-in-out;



}



.img_white:hover::after {



  -webkit-transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);



  transition: all 1s cubic-bezier(0, 0, 0.18, 0.96);



  -webkit-transform: scaleY(1);



  transform: scaleY(1);



  -webkit-transform-origin: top;



  transform-origin: top;



  opacity: 0;



  bottom: 100%;



}



.img_save {



  position: absolute;



  left: 0;



  top: 0;



  right: 0;



  bottom: 0;



  margin: auto;



  max-width: 100%;



  max-height: 100%;



}



a,



img {



  transition: all 0.7s ease-in-out;



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



}



.title1 {

  width: 300px;

  position: relative;

  z-index: 1;

}



.title2 {

  width: 300px;

  position: relative;

  z-index: 1;

}





.title1::after {



  content: "";



  position: absolute;



  width: 280px;



  height: 70px;



  z-index: -1;



  left: -42px;



  top: 25px;



  transition: all 0.7s ease-in-out;



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



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



}





.title2::after {



  content: "";



  position: absolute;



  width: 280px;



  height: 70px;



  z-index: -1;



  left: -42px;



  top: 25px;



  transition: all 0.7s ease-in-out;



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



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



}



.title1 .t_top {

  padding: 7px 0 0 70px;

  position: relative;

  z-index: 2;

}



.title1 .t_top::after {

  content: "";

  position: absolute;

  left: -20px;

  top: 0;

}



.title1 .t_top > h4 {



  font-size: 14px;



  font-family: Arial;



  line-height: 14px;



  color: #cccccc;



}



.title1 .t_top > h3 {



  font-size: 30px;



  font-weight: bold;



  margin-top: 25px;



  line-height: 30px;



  color: #ffffff;



}



.title1 .t_top > h3 a {



  color: #ffffff;



}



.title1 h5 {



  font-size: 15px;



  line-height: 15px;



  color: #666666;



  margin-top: 35px;



}











.title2 .t_top {

  padding: 7px 0 0 70px;

  position: relative;

  z-index: 2;

}



.title2 .t_top::after {

  content: "";

  position: absolute;

  left: -20px;

  top: 0;

}



.title2 .t_top > h4 {



  font-size: 14px;



  font-family: Arial;



  line-height: 14px;



  color: #cccccc;



}



.title2 .t_top > h3 {



  font-size: 30px;



  font-weight: bold;



  margin-top: 25px;



  line-height: 30px;



  color: #ffffff;



}



.title2 .t_top > h3 a {



  color: #ffffff;



}



.title2 h5 {



  font-size: 15px;



  line-height: 15px;



  color: #666666;



  margin-top: 35px;



}



.flex {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.pro {



  width: 100%;



  margin-top: 70px;



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



}



.pro .pro_main .pro_top {



  width: 100%;



  height: 450px;



}



.pro .pro_main .pro_top .pro_l {



  width: 570px;



  height: 100%;



  position: relative;



}



.pro .pro_main .pro_top .pro_l .title1 .t_top::after {



  width: 79px;



  height: 74px;



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



}



.pro .pro_main .pro_top .pro_l .pro_n {



  position: absolute;



  width: 64px;



  height: 20px;



  cursor: pointer;



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



  left: 100px;



  bottom: 15px;



}



.pro .pro_main .pro_top .pro_l .fl_list {



  width: 100%;



  margin-top: 45px;



}



.pro .pro_main .pro_top .pro_l .fl_list ul {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.pro .pro_main .pro_top .pro_l .fl_list ul li {



  flex: 0 0 170px;



  float: left;



  width: 170px;



  margin-bottom: 30px;



  height: 40px;



  box-sizing: border-box;



  border-radius: 4px;



  border: solid 1px #e5e5e5;



  position: relative;



  z-index: 1;



  transition: all 0.7s ease-in-out;



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



  background-color: #c90000;



}



.pro .pro_main .pro_top .pro_l .fl_list ul li > a {



  display: block;



  width: 100%;



  height: 100%;



  line-height: 38px;



  padding: 0 10px 0 46px;



  box-sizing: border-box;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  font-size: 15px;



  color: #fff;



  position: relative;



  font-weight: bold;



}



.pro .pro_main .pro_top .pro_l .fl_list ul li > a::after {



  content: "";



  position: absolute;



  height: 100%;



  top: 0;



  left: 17px;



  width: 20px;



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



  transition: all 0.7s ease-in-out;



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



}



.pro .pro_main .pro_top .pro_l .fl_list ul li:hover {



  border: solid 1px #c90000;



}



.pro .pro_main .pro_top .pro_l .fl_list ul li:hover > a {



  color: #fff;



}



.pro .pro_main .pro_top .pro_l .fl_list ul li:hover > a::after {



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



}



.pro .pro_main .pro_top .pro_l .fl_list ul li:hover .hover::after {



  opacity: 1;



  -webkit-clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);



  clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%);



}



.pro .pro_main .pro_top .pro_l .hd {



  margin-top: 40px;



}



.pro .pro_main .pro_top .pro_l .hd ul li {



  float: left;



  width: 10px;



  height: 10px;



  background-color: #444444;



  border-radius: 50%;



  transition: all 0.7s ease-in-out;



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



  font-size: 0;



  cursor: pointer;



  margin-right: 20px;



  position: relative;



  z-index: 1;



}



.pro .pro_main .pro_top .pro_l .hd ul li::after {



  content: "";



  position: absolute;



  width: 16px;



  height: 16px;



  background-color: #c90000;



  opacity: 0.3;



  border-radius: 50%;



  z-index: -1;



  left: 50%;



  top: 50%;



  transform: translate(-50%, -50%) scale(0);



  transition: all 0.7s ease-in-out;



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



}



.pro .pro_main .pro_top .pro_l .hd ul li.on {



  background: #c90000;



}



.pro .pro_main .pro_top .pro_l .hd ul li.on::after {



  transform: translate(-50%, -50%) scale(1);



}



.pro .pro_main .pro_top .pro_r .pro_list ul li {



  width: 570px;



  height: 450px;



  position: relative;



  overflow: hidden;



  border-radius: 16px;



}



.pro .pro_main .pro_top .pro_r .pro_list ul li:hover > a > img {



  transform: scale(1.1);



}



.pro .pro_main .pro_top .pro_r .pro_list ul li > a {



  display: block;



  width: 100%;



  height: 100%;



  border: solid 3px #f5f5f5;



  box-sizing: border-box;



  border-radius: 16px;



  overflow: hidden;



}



.pro .pro_main .pro_top .pro_r .pro_list ul li > a > img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 16px;



}



.pro .pro_main .pro_top .pro_r .pro_list ul li .pro_txt {



  position: absolute;



  width: 564px;



  height: 50px;



  line-height: 50px;



  background-color: #222222;



  bottom: 0;



  left: 50%;



  transform: translate(-50%);



}



.pro .pro_main .pro_top .pro_r .pro_list ul li .pro_txt > a {



  display: block;



  width: 100%;



  font-size: 15px;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  padding: 0 10px;



  box-sizing: border-box;



  color: #ffffff;



  text-align: center;



}



.pro .pro_main .pro_botm {



  width: 100%;



  margin-top: 40px;



}



.pro .pro_main .pro_botm ul li {



  float: left;



  width: 370px;



  transition: all 0.7s ease-in-out;



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



  margin: 0 42px 35px 0;



}



.pro .pro_main .pro_botm ul li .pro_v {



  width: 100%;



  height: 270px;



  background-color: #ffffff;



  border-radius: 0px 8px 0px 8px;



  box-sizing: border-box;



  padding: 10px;



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



}



.pro .pro_main .pro_botm ul li .pro_v > a {



  display: block;



  width: 100%;



  height: 100%;



  overflow: hidden;



  border-radius: 0px 8px 0px 8px;



}



.pro .pro_main .pro_botm ul li .pro_v > a > img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 10px;



  transform: scale(1.2);



  border-radius: 0px 8px 0px 8px;



}



.pro .pro_main .pro_botm ul li .pro_txt {



  width: 100%;



  height: 60px;



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



  position: relative;



  overflow: hidden;



}



.pro .pro_main .pro_botm ul li .pro_txt > p {



  width: 100%;



  margin-top: 10px;



}



.pro .pro_main .pro_botm ul li .pro_txt > p > a {



  display: block;



  width: 100%;



  font-size: 15px;



  line-height: 18px;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  color: #444444;



  padding: 0 60px 0 20px;



  box-sizing: border-box;



  position: relative;



}



.pro .pro_main .pro_botm ul li .pro_txt > p > a::after {



  content: "-";



  position: absolute;



  font-size: 15px;



  color: #999999;



  line-height: 15px;



  left: 0;



  top: 0;



  transition: all 0.7s ease-in-out;



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



}



.pro .pro_main .pro_botm ul li .pro_txt > a {



  position: absolute;



  width: 19px;



  height: 40px;



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



  transition: all 0.7s ease-in-out;



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



  top: 18px;



  right: 7px;



  animation: 2s infinite myfirst;



}



.pro .pro_main .pro_botm ul li:hover {



  transform: translateY(-5px);



}



.pro .pro_main .pro_botm ul li:hover .pro_v > a {



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



}



.pro .pro_main .pro_botm ul li:hover .pro_v > a > img {



  transform: scale(1);



}



.pro .pro_main .pro_botm ul li:hover .pro_txt > p > a {



  color: #c90000;



}



.pro .pro_main .pro_botm ul li:hover .pro_txt > a {



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



  right: 18px;



}



.pro .pro_main .pro_botm ul li:nth-child(3n) {



  margin-right: 0;



}



.ys {



  width: 100%;



  height: 800px;



  padding-top: 50px;



  position: relative;



  box-sizing: border-box;



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



}



.ys .ys_main .title1 .t_top::after {



  width: 68px;



  height: 73px;



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



}



.ys .ys_con {



  position: absolute;



  right: 0;



  top: 0;



  height: 100%;



  width: 50%;



}



.ys .ys_con ul {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.ys .ys_con ul li {



  flex: 0 0 50%;



  float: left;



  width: 50%;



  height: 400px;



  padding-top: 53px;



  box-sizing: border-box;



  text-align: center;



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



  transition: all 0.7s ease-in-out;



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



}



.ys .ys_con ul li .ys_ico {



  width: 100px;



  height: 100px;



  background-color: #444444;



  border-radius: 50%;



  margin: 0 auto;



  position: relative;



  overflow: hidden;



  transition: all 0.7s ease-in-out;



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



}



.ys .ys_con ul li .ys_ico > span,



.ys .ys_con ul li .ys_ico > i {



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  top: 0;



  transition: all 0.7s ease-in-out;



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



}



.ys .ys_con ul li .ys_ico > i {



  transform: scale(0);



}



.ys .ys_con ul li > h3 {



  font-size: 24px;



  font-weight: bold;



  line-height: 24px;



  color: #555555;



  transition: all 0.7s ease-in-out;



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



  margin: 40px 0 20px;



}



.ys .ys_con ul li > p {



  width: 70%;



  font-size: 14px;



  line-height: 30px;



  color: #777777;



  margin: 0 auto;



  transition: all 0.7s ease-in-out;



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



}



.ys .ys_con ul li:hover {



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



}



.ys .ys_con ul li:hover .ys_ico {



  background: #fff;



}



.ys .ys_con ul li:hover .ys_ico > i {



  transform: scale(1);



}



.ys .ys_con ul li:hover .ys_ico > span {



  transform: scale(0);



}



.ys .ys_con ul li:hover > h3,



.ys .ys_con ul li:hover p {



  color: #fff;



}



.ys .ys_con ul li:nth-child(1) .ys_ico > span {



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



}



.ys .ys_con ul li:nth-child(1) .ys_ico > i {



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



}



.ys .ys_con ul li:nth-child(2) {



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



}



.ys .ys_con ul li:nth-child(2) .ys_ico > span {



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



}



.ys .ys_con ul li:nth-child(2) .ys_ico > i {



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



}



.ys .ys_con ul li:nth-child(2):hover {



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



}



.ys .ys_con ul li:nth-child(3) {



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



}



.ys .ys_con ul li:nth-child(3) .ys_ico > span {



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



}



.ys .ys_con ul li:nth-child(3) .ys_ico > i {



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



}



.ys .ys_con ul li:nth-child(3):hover {



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



}



.ys .ys_con ul li:nth-child(4) .ys_ico > span {



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



}



.ys .ys_con ul li:nth-child(4) .ys_ico > i {



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



}



.case {



  width: 100%;



  margin-top: 70px;



}



.case .case_main .case_top .title1 .t_top::after {



  width: 70px;



  height: 75px;



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



}



.case .case_main .case_top .title2 .t_top::after {



  width: 70px;



  height: 75px;



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



}



.case .case_main .case_view {



  width: 100%;



  margin-top: 44px;



  position: relative;



}



.case .case_main .case_view .case_hd {



  position: absolute;



  right: 60px;



  top: -110px;



}



.case .case_main .case_view .case_hd ul li {



  float: left;



  width: 20px;



  height: 20px;



  margin: 0 15px;



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



  transition: all 0.7s ease-in-out;



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



  font-size: 0;



  cursor: pointer;



}



.case .case_main .case_view .case_hd ul li.on {



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



}



.case .case_main .case_view .case_hd .case_p,



.case .case_main .case_view .case_hd .case_n {



  position: absolute;



  cursor: pointer;



  width: 22px;



  height: 41px;



  top: -10px;



}



.case .case_main .case_view .case_hd .case_p {



  left: -65px;



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



}



.case .case_main .case_view .case_hd .case_n {



  right: -65px;



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



}



.case .case_main .case_view .case_view_list .tempWrap {



  width: 100% !important;



}



.case .case_main .case_view .case_view_list ul li {



  float: left;



  width: 376px;



  margin-right: 38px;



}



.case .case_main .case_view .case_view_list ul li > a {



  display: block;



  width: 100%;



  height: 280px;



  border-radius: 6px;



  overflow: hidden;



}



.case .case_main .case_view .case_view_list ul li > a > img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  border-radius: 6px;



}



.case .case_main .case_view .case_view_list ul li .case_txt {



  width: 100%;



  height: 52px;



  line-height: 52px;



  border-bottom: 1px solid #e8e8e8;



  box-sizing: border-box;



  position: relative;



}



.case .case_main .case_view .case_view_list ul li .case_txt::after {



  content: "";



  position: absolute;



  width: 0;



  height: 1px;



  background-color: #c90000;



  transition: all 0.7s ease-in-out;



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



  left: 0;



  bottom: 0;



}



.case .case_main .case_view .case_view_list ul li .case_txt > a {



  float: left;



  width: 50%;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  font-size: 15px;



  color: #444444;



  position: relative;



  padding-left: 20px;



  box-sizing: border-box;



}



.case .case_main .case_view .case_view_list ul li .case_txt > a::after {



  content: "-";



  position: absolute;



  left: 0;



  top: 0;



  font-size: 15px;



  color: #444444;



}



.case .case_main .case_view .case_view_list ul li .case_txt > span {



  font-size: 12px;



  line-height: 12px;



  margin-top: 20px;



}



.case .case_main .case_view .case_view_list ul li .case_txt > span > a {



  display: block;



  width: 100%;



  height: 100%;



  padding: 0 23px 0 88px;



  box-sizing: border-box;



  color: #999999;



  position: relative;



  font-size: 12px;



}



.case .case_main .case_view .case_view_list ul li .case_txt > span > a::after {



  content: "";



  position: absolute;



  width: 8px;



  height: 10px;



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



  right: 5px;



  top: 50%;



  margin-top: -5px;



  transition: all 0.7s ease-in-out;



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



  animation: 2s infinite myfirst2;



}



.case .case_main .case_view .case_view_list ul li .case_txt > span > a::before {



  content: "";



  position: absolute;



  width: 71px;



  height: 1px;



  background-color: #e5e5e5;



  left: 0;



  top: 50%;



}



.case .case_main .case_view .case_view_list ul li:hover > a > img {



  transform: scale(1.1) rotateZ(-2deg);



}



.case .case_main .case_view .case_view_list ul li:hover .case_txt::after {



  width: 80px;



}



.case .case_main .case_view .case_view_list ul li:hover .case_txt > a {



  padding-left: 25px;



  color: #c90000;



}



.case .case_main .case_view .case_view_list ul li:hover .case_txt > span > a::after {



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



}



.inform {



  width: 100%;



  margin-top: 70px;



  /* display: none; */



}



.inform .in_main .in_l {



  width: 600px;



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



}



.inform .in_main .in_l ul li {



  float: left;



  width: 200px;



  height: 200px;



  background-color: #f5f5f5;



  text-align: center;



  padding-top: 47px;



  box-sizing: border-box;



  position: relative;



  z-index: 1;



}



.inform .in_main .in_l ul li::after {



  content: "";



  position: absolute;



  width: 28px;



  height: 29px;



  background-color: #c90000;



  opacity: 0.2;



  z-index: -1;



  top: 75px;



  right: 72px;



  border-radius: 50%;



  transition: all 0.7s ease-in-out;



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



}



.inform .in_main .in_l ul li .ys_ico {



  width: 60px;



  height: 60px;



  margin: 0 auto;



  transition: all 0.7s ease-in-out;



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



}



.inform .in_main .in_l ul li > h3 {



  font-size: 18px;



  line-height: 18px;



  color: #555555;



  margin: 25px 0 10px;



}



.inform .in_main .in_l ul li > h4 {



  font-size: 12px;



  line-height: 12px;



  color: #cccccc;



}



.inform .in_main .in_l ul li:hover::after {



  transform: rotateY(360deg);



}



.inform .in_main .in_l ul li:hover .ys_ico {



  animation: 1s infinite jello;



}



.inform .in_main .in_l ul li:nth-child(even) {



  background: #fff;



}



.inform .in_main .in_l ul li:nth-child(1) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(2) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(3) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(4) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(5) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(6) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(7) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(8) .ys_ico {



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



}



.inform .in_main .in_l ul li:nth-child(9) .ys_ico {



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



}



.inform .in_main .in_r {



  width: 599px;



  height: 600px;



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



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



  padding: 50px 55px 0;



  box-sizing: border-box;



  position: relative;



  z-index: 1;



}



.inform .in_main .in_r > h3 {



  font-size: 30px;



  font-weight: bold;



  line-height: 30px;



  color: #c90000;



  margin-bottom: 38px;



}



.inform .in_main .in_r input::placeholder {



  font-size: 14px;



  color: #999999;



}



.inform .in_main .in_r input:focus::placeholder {



  color: transparent;



}



.inform .in_main .in_r textarea::placeholder {



  font-size: 14px;



  color: #999999;



}



.inform .in_main .in_r textarea:focus::placeholder {



  color: transparent;



}



.inform .in_main .in_r .in_con {



  width: 100%;



}



.inform .in_main .in_r .in_con > input {



  float: left;



  width: 200px;



  height: 37px;



  border-radius: 4px;



  padding: 0 32px;



  box-sizing: border-box;



  margin-bottom: 20px;



}



.inform .in_main .in_r .in_con #userName {



  margin-right: 39px;



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



}



.inform .in_main .in_r .in_con #userPhone {



  width: 250px;



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



}



.inform .in_main .in_r .in_con #content {



  width: 100%;



  height: 108px;



  background: url(../images/in3.png) 8px 8px no-repeat #f9f9f9;



  padding: 10px 32px;



  box-sizing: border-box;



  margin-bottom: 28px;



}



.inform .in_main .in_r .in_con .btn_box > input {



  float: left;



  width: 140px;



  height: 37px;



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



  border-radius: 4px;



  padding: 0 30px;



  box-sizing: border-box;



}



.inform .in_main .in_r .in_con .btn_box > img {



  float: left;



  width: 90px;



  height: 37px;



  cursor: pointer;



  margin-left: 18px;



}



.inform .in_main .in_r .in_con > button {



  width: 120px;



  height: 36px;



  background-color: #c90000;



  border-radius: 4px;



  cursor: pointer;



  font-size: 16px;



  color: #ffffff;



  margin-top: 30px;



}



.about {



  width: 100%;



  min-height: 600px;



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



  padding-top: 58px;



  box-sizing: border-box;



  margin-top: 70px;



}



.about .ab_main .ab_tit {



  text-align: center;



}



.about .ab_main .ab_tit > h4 {



  width: 357px;



  height: 50px;



  margin: 0 auto;



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



}



.about .ab_main .ab_tit > i {



  display: block;



  width: 2px;



  height: 21px;



  background-color: #ffffff;



  opacity: 0.3;



  margin: 20px auto 18px;



}



.about .ab_main .ab_tit > h3 {



  font-size: 24px;



  font-weight: bold;



  line-height: 24px;



  color: #ffffff;



  margin-bottom: 24px;



}



.about .ab_main .ab_tit > span {



  display: block;



  width: 100%;



  height: 11px;



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



}



.about .ab_main > h5 {



  width: 946px;



  text-align: center;



  margin: 20px auto;



  font-size: 16px;



  line-height: 36px;



  color: #ffffff;



  height: 144px;



  overflow: hidden;



}



.about .ab_main > a {



  display: block;



  width: 100px;



  height: 40px;



  box-sizing: border-box;



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



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



  text-align: center;



  line-height: 38px;



  font-size: 15px;



  color: #ffffff;



  margin: 38px auto 0;



}



.about .ab_main .ab_links {



  width: 100%;



  height: 160px;



  background-color: #ffffff;



  border-radius: 8px;



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



  padding: 37px 60px 0 90px;



  box-sizing: border-box;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  margin-top: 64px;



}



.about .ab_main .ab_links .ab_item {



  flex: 0 0 30%;



  float: left;



  width: 30%;



  position: relative;



}



.about .ab_main .ab_links .ab_item::after {



  content: "";



  position: absolute;



  width: 1px;



  height: 50px;



  background-color: #e5e5e5;



  right: 0;



  top: 20px;



}



.about .ab_main .ab_links .ab_item > a {



  width: 91px;



  height: 91px;



  border-radius: 50%;



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



  position: relative;



  overflow: hidden;



  z-index: 1;



}



.about .ab_main .ab_links .ab_item > a::after {



  content: "";



  position: absolute;



  width: 100%;



  height: 100%;



  z-index: -1;



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



  left: 0;



  top: -100%;



  transition: all 0.7s ease-in-out;



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



  border-radius: 50%;



}



.about .ab_main .ab_links .ab_item > a > span,



.about .ab_main .ab_links .ab_item > a > i {



  position: absolute;



  width: 100%;



  height: 100%;



  left: 0;



  top: 0;



  transition: all 0.7s ease-in-out;



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



}



.about .ab_main .ab_links .ab_item > a > i {



  transform: scale(0);



}



.about .ab_main .ab_links .ab_item > i {



  width: 21px;



  height: 1px;



  background-color: #e5e5e5;



  margin: 50px 16px 0 14px;



}



.about .ab_main .ab_links .ab_item .ab_txt > a {



  display: block;



  font-size: 16px;



  line-height: 16px;



  color: #666666;



  margin: 25px 0 8px



						;



}



.about .ab_main .ab_links .ab_item .ab_txt > p {



  font-size: 12px;



  line-height: 12px;



  color: #999999;



}



.about .ab_main .ab_links .ab_item:hover > a::after {



  top: 0;



}



.about .ab_main .ab_links .ab_item:hover > a > span {



  transform: scale(0);



}



.about .ab_main .ab_links .ab_item:hover > a > i {



  transform: scale(1);



}



.about .ab_main .ab_links .ab_item:nth-child(1) > a > span {



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



}



.about .ab_main .ab_links .ab_item:nth-child(1) > a > i {



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



}



.about .ab_main .ab_links .ab_item:nth-child(2) > a > span {



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



}



.about .ab_main .ab_links .ab_item:nth-child(2) > a > i {



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



}



.about .ab_main .ab_links .ab_item:nth-child(3) > a > span {



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



}



.about .ab_main .ab_links .ab_item:nth-child(3) > a > i {



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



}



.news {



  width: 100%;



  margin-top: 70px;



		position: relative;



		z-index: 2;



}



.news .news_main .news_tit .title1 .t_top::after {



  width: 79px;



  height: 74px;



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



}



.news .news_main .news_tit .news_menu {



  margin-top: 40px;



}



.news .news_main .news_tit .news_menu ul li {



  float: left;



  width: 104px;



  height: 64px;



  position: relative;



  margin-left: 50px;



}



.news .news_main .news_tit .news_menu ul li > a {



  display: block;



  width: 100%;



  height: 100%;



  line-height: 62px;



  font-size: 18px;



  padding-left: 30px;



  box-sizing: border-box;



}



.news .news_main .news_tit .news_menu ul li::after,



.news .news_main .news_tit .news_menu ul li::before {



  content: "";



  position: absolute;



  width: 0;



  height: 1px;



  background: #c90000;



  transition: all 0.7s ease-in-out;



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



}



.news .news_main .news_tit .news_menu ul li::after {



  left: 0;



  top: 0;



}



.news .news_main .news_tit .news_menu ul li::before {



  bottom: 0;



  right: 0;



}



.news .news_main .news_tit .news_menu ul li:hover::after,



.news .news_main .news_tit .news_menu ul li:hover::before {



  width: 100%;



}



.news .news_main .news_tit .news_menu ul li:nth-child(1) > a {



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



}



.news .news_main .news_tit .news_menu ul li:nth-child(2) > a {



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



}



.news .news_main .news_tit .news_menu ul li:nth-child(3) > a {



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



}



.news .news_main .news_con {



  margin-top: 38px;



}



.news .news_main .news_con .news_top {



  width: 100%;



}



.news .news_main .news_con .news_top .news_l {



  transition: all 0.7s ease-in-out;



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



}



.news .news_main .news_con .news_top .news_l > a {



  width: 380px;



  height: 300px;



  overflow: hidden;



}



.news .news_main .news_con .news_top .news_l > a > img {



  width: 100%;



  height: 100%;



  object-fit: cover;



}



.news .news_main .news_con .news_top .news_l .news_txt {



  width: 380px;



  height: 300px;



  background-color: #f5f5f5;



  padding: 50px 60px 0 40px;



  box-sizing: border-box;



}



.news .news_main .news_con .news_top .news_l .news_txt > h3 {



  width: 100%;



}



.news .news_main .news_con .news_top .news_l .news_txt > h3 > a {



  padding-left: 20px;



  box-sizing: border-box;



  width: 100%;



  display: block;



  font-size: 15px;



  color: #444444;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  position: relative;



}



.news .news_main .news_con .news_top .news_l .news_txt > h3 > a::after {



  content: "-";



  position: absolute;



  font-size: 15px;



  color: #444444;



  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_top .news_l .news_txt > span {



  display: block;



  font-size: 13px;



  line-height: 13px;



  color: #999999;



  margin: 20px 0 30px;



}



.news .news_main .news_con .news_top .news_l .news_txt > p {



  width: 100%;



  font-size: 13px;



  line-height: 28px;



  height: 84px;



  overflow: hidden;



  color: #777777;



}



.news .news_main .news_con .news_top .news_l .news_txt > a {



  display: block;



  width: 49px;



  height: 14px;



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



  animation: 2s infinite myfirst2;



  margin-top: 30px;



}



.news .news_main .news_con .news_top .news_l:hover {



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



}



.news .news_main .news_con .news_top .news_l:hover > a > img {



  transform: scale(1.1) rotateZ(-2deg);



}



.news .news_main .news_con .news_top .news_l:hover .news_txt > h3 > a {



  color: #c90000;



  padding-left: 25px;



}



.news .news_main .news_con .news_top .news_r {



  width: 380px;



}



.news .news_main .news_con .news_top .news_r ul li {



  width: 100%;



  height: 76px;



  position: relative;



  margin-top: 10px;



  margin-bottom: 20px;



}



.news .news_main .news_con .news_top .news_r ul li::after {



  content: "";



  position: absolute;



  width: 361px;



  height: 1px;



  background-color: #e5e5e5;



  right: 0;



  transition: all 0.7s ease-in-out;



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



  bottom: 0;



}



.news .news_main .news_con .news_top .news_r ul li::before {



  content: "";



  position: absolute;



  width: 0;



  height: 1px;



  background-color: #c90000;



  left: 20px;



  transition: all 0.7s ease-in-out;



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



  bottom: 0;



}



.news .news_main .news_con .news_top .news_r ul li > a {



  display: block;



  width: 100%;



  font-size: 15px;



  padding-left: 20px;



  box-sizing: border-box;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  color: #444444;



  position: relative;



}



.news .news_main .news_con .news_top .news_r ul li > a::after {



  content: "-";



  position: absolute;



  font-size: 15px;



  color: #444444;



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



  width: 100%;



  padding: 0 10px 0 20px;



  box-sizing: border-box;



  margin-top: 18px;



  line-height: 14px;



}



.news .news_main .news_con .news_top .news_r ul li > p > span {



  font-size: 13px;



  color: #999999;



}



.news .news_main .news_con .news_top .news_r ul li > p > a {



  width: 15px;



  height: 7px;



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



  animation: 2s infinite myfirst;



  margin-top: 5px;



}



.news .news_main .news_con .news_top .news_r ul li:hover::before {



  width: 50px;



}



.news .news_main .news_con .news_top .news_r ul li:hover > a {



  color: #c90000;



  padding-left: 25px;



}



.news .news_main .news_con .news_top .news_r ul li:hover > a::after {



  transform: rotateY(360deg);



  color: #c90000;



}



.news .news_main .news_con .news_botm {



  width: 100%;



  margin-top: 35px;



}



.news .news_main .news_con .news_botm ul {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.news .news_main .news_con .news_botm ul li {



  flex: 0 0 380px;



  float: left;



  width: 380px;



  height: 76px;



  position: relative;



  margin-top: 10px;



  margin-bottom: 20px;



}



.news .news_main .news_con .news_botm ul li::after {



  content: "";



  position: absolute;



  width: 361px;



  height: 1px;



  background-color: #e5e5e5;



  right: 0;



  transition: all 0.7s ease-in-out;



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



  bottom: 0;



}



.news .news_main .news_con .news_botm ul li::before {



  content: "";



  position: absolute;



  width: 0;



  height: 1px;



  background-color: #c90000;



  left: 20px;



  transition: all 0.7s ease-in-out;



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



  bottom: 0;



}



.news .news_main .news_con .news_botm ul li > a {



  display: block;



  width: 100%;



  font-size: 15px;



  padding-left: 20px;



  box-sizing: border-box;



  overflow: hidden;



  white-space: nowrap;



  text-overflow: ellipsis;



  color: #444444;



  position: relative;



}



.news .news_main .news_con .news_botm ul li > a::after {



  content: "-";



  position: absolute;



  font-size: 15px;



  color: #444444;



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



  width: 100%;



  padding: 0 10px 0 20px;



  box-sizing: border-box;



  margin-top: 18px;



  line-height: 14px;



}



.news .news_main .news_con .news_botm ul li > p > span {



  font-size: 13px;



  color: #999999;



}



.news .news_main .news_con .news_botm ul li > p > a {



  width: 15px;



  height: 7px;



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



  animation: 2s infinite myfirst;



  margin-top: 5px;



}



.news .news_main .news_con .news_botm ul li:hover::before {



  width: 50px;



}



.news .news_main .news_con .news_botm ul li:hover > a {



  color: #c90000;



  padding-left: 25px;



}



.news .news_main .news_con .news_botm ul li:hover > a::after {



  transform: rotateY(360deg);



  color: #c90000;



}



.links {



  width: 100%;



  margin: 70px 0 58px;



position: relative;



z-index: 2;						



}



.links .link_main .link_tit {



  width: 88px;



  height: 31px;



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



  padding-left: 8px;



  box-sizing: border-box;



  line-height: 31px;



  font-size: 16px;



  font-weight: bold;



  color: #ffffff;



}



.links .link_main .link_list {



  width: calc(1200px - 120px);



}



.links .link_main .link_list > a {



  display: inline-block;



  vertical-align: middle;



  margin: 0 10px;



  padding: 0 10px;



  font-size: 14px;



  line-height: 33px;



  color: #555555;



  position: relative;



}



.links .link_main .link_list > a:hover::after,



.links .link_main .link_list > a:hover::before {



  width: 100%;



}



.links .link_main .link_list > a::after,



.links .link_main .link_list > a::before {



  content: "";



  position: absolute;



  width: 0;



  height: 100%;



  height: 1px;



  background: #c90000;



  transition: all 0.7s ease-in-out;



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



}



.links .link_main .link_list > a::after {



  left: 0;



  top: 0;



}



.links .link_main .link_list > a::before {



  right: 0;



  bottom: 0;



}



.links .link_main .link_list > a:hover {



  color: #c90000;



  transform: translate(5px);



}











.ys{



  display: none;



}





.case .case_main .case_view .case_view_list1 ul li{

  width: 200px;

  margin-right: 40px;

}



.case .case_main .case_view .case_view_list1 ul li > a{

  height: 100px;

  

}



.case .case_main .case_view .case_view_list1 ul li > a img{

  width: 100%;

  height: 100px;

  object-fit: contain;

}



.case .case_main .case_view .case_view_list1 ul li .case_txt > a{

width: 100%;

}



.case .case_main .case_view .case_view_list1 ul li .case_txt > span{

  display: none;

}