.graph_page {
  background: url(../imgs/index_nav.jpg) no-repeat center 0;
}
.banner {
  background: url(../imgs/graph/banner3500.png) no-repeat center 0;
}
.bus_Box {
  text-align: center;
  min-width: 1900px;
  height: 1086px;
  background-color: #fff;
}
.bus_Box .bus .bus_t {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
}
.bus_Box .bus .bus_t li {
  position: relative;
  border-radius: 30px;
  height: 360px;
  width: 332px;
  box-shadow: 0px 12px 29px 0px rgba(0, 0, 0, 0.15);
  background: url(../imgs/graph/fuwunr_white.png) no-repeat center 0;
}
.bus_Box .bus .bus_t li span {
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: #333333;
  margin-top: 250px;
}
.bus_Box .bus .bus_t li::before {
  position: absolute;
  display: block;
  top: 44px;
  left: 0;
  right: 0;
  margin: auto;
  content: '';
  width: 161px;
  height: 161px;
  background: url(../imgs/graph/fuwunr_icon.png) no-repeat;
}
.bus_Box .bus .bus_t li:nth-child(2)::before {
  background-position: -353px 0;
}
.bus_Box .bus .bus_t li:nth-child(3)::before {
  background-position: -707px 0;
}
.bus_Box .bus .bus_t li:nth-child(4)::before {
  background-position: -1062px 0;
}
.bus_Box .bus .bus_t li:hover {
  background: url(../imgs/graph/fuwunr_red.png) no-repeat center 0;
}
.bus_Box .bus .bus_t li:hover span {
  color: #FD6866;
}
.bus_Box .bus hr {
  margin: 50px 0 35px 0;
}
.bus_Box .bus .bus_b li {
  margin: 0 auto;
  width: 1090px;
  height: 59px;
  line-height: 59px;
  font-size: 26px;
}
.bus_Box .bus .bus_b li:nth-child(2n+1) {
  background-color: #eee;
}
.bus_Box .bus .bus_b li:nth-child(2n) {
  background-color: #fff;
}
.bus_Box .bus .bus_b li span {
  padding: 0 20px;
}
.bus_Box .bus .bus_b li span:hover {
  font-weight: bold;
}
.bus_Box .tel {
  margin-top: 25px;
}
.we {
  height: 732px;
  min-width: 1900px;
  background-image: url(../imgs/graph/t_bg.png), url(../imgs/graph/fuwuys_bk.png);
  background-repeat: no-repeat;
  background-position: center 144px, center 0;
  background-size: 320px ,100% 100% ;
}
.we .adv h3,
.we .adv h4 {
  color: #fff;
}
.we .adv ul {
  display: flex;
  justify-content: space-between;
  margin-top: 75px;
}
.we .adv ul li {
  position: relative;
  overflow: hidden;
  width: 334px;
  height: 382px;
  background: url(../imgs/graph/fuwuys_pic.png) no-repeat;
}
.we .adv ul li::before {
  line-height: 62px;
  text-align: center;
  content: '绝不外包';
  position: absolute;
  bottom: 0;
  width: 334px;
  height: 62px;
  background: rgba(49, 49, 49, 0.8);
  opacity: 0.8;
  display: block;
  color: white;
  font-weight: bold;
  font-size: 36px;
}
.we .adv ul li:nth-child(2) {
  background-position: -354px 0;
}
.we .adv ul li:nth-child(2)::before {
  content: "四级审核";
}
.we .adv ul li:nth-child(3) {
  background-position: -708px 0;
}
.we .adv ul li:nth-child(3)::before {
  content: "直观可见";
}
.we .adv ul li:nth-child(4) {
  background-position: -1062px 0;
}
.we .adv ul li:nth-child(4)::before {
  content: "保证精度";
}
.we .adv ul li div {
  transition: 1s all;
  position: absolute;
  bottom: -382px;
  width: 334px;
  height: 272px;
  background: rgba(49, 49, 49, 0.8);
  margin: 0 auto;
  padding-top: 110px;
  text-align: center;
}
.we .adv ul li div h5 {
  font-size: 36px;
  font-weight: bold;
  color: #ffffff;
}
.we .adv ul li div p {
  line-height: 2;
  margin-top: 38px;
  font-size: 18px;
  color: #ffffff;
}
.we .adv ul li:hover::before {
  animation: hide linear 0.3s forwards;
}
@keyframes hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.we .adv ul li:hover div {
  animation: show linear 0.6s forwards;
}
@keyframes show {
  0% {
    display: none;
    bottom: -382px;
  }
  100% {
    display: block;
    bottom: 0;
  }
}
.drawing {
  background-color: #fff;
  position: relative;
  height: 960px;
  min-width: 1900px;
  background-image: url(../imgs/graph/tuzhisl_title.png), url(../imgs/graph/tuzhisl_bk.png);
  background-repeat: no-repeat;
  background-position: center 79px, center center;
}
.drawing ul {
  position: absolute;
  top: 219px;
  left: 940px;
}
.drawing ul li {
  text-indent: 6.5rem;
  width: 706px;
  height: 129.5px;
  font-size: 36px;
  line-height: 130px;
  color: #2c2c2c;
}
.drawing ul li:nth-child(1) {
  background: url(../imgs/graph/tuzhisl_icon.png) no-repeat 28px 43px;
}
.drawing ul li:nth-child(2) {
  background: url(../imgs/graph/tuzhisl_icon.png) no-repeat 28px -88px;
}
.drawing ul li:nth-child(3) {
  background: url(../imgs/graph/tuzhisl_icon.png) no-repeat 28px -218px;
}
.drawing ul li:nth-child(4) {
  background: url(../imgs/graph/tuzhisl_icon.png) no-repeat 28px -220px;
}
.drawing ul li:hover:nth-child(1) {
  background: #e1e6e1 url(../imgs/graph/tuzhisl_icon_a.png) no-repeat 28px 43px;
}
.drawing ul li:hover:nth-child(2) {
  background: #e1e6e1 url(../imgs/graph/tuzhisl_icon_a.png) no-repeat 28px -88px;
}
.drawing ul li:hover:nth-child(3) {
  background: #e1e6e1 url(../imgs/graph/tuzhisl_icon_a.png) no-repeat 28px -218px;
}
.drawing ul li:hover:nth-child(4) {
  background: #e1e6e1 url(../imgs/graph/tuzhisl_icon_a.png) no-repeat 28px -220px;
}
.drawing .tel {
  margin-top: 664px;
}
.checklist {
  position: relative;
  height: 1056px;
  min-width: 1900px;
  background-image: url(../imgs/graph/tuzhisl_title.png), url(../imgs/graph/tuxingys_1.png);
  background-repeat: no-repeat;
  background-position: center 79px, center center;
}
.checklist p {
  text-align: center;
  position: absolute;
  color: white;
  font-size: 24px;
}
.checklist p span {
  margin-right: 10px;
}
.checklist p:nth-of-type(1) {
  top: 464px;
  left: 451px;
}
.checklist p:nth-of-type(2) {
  top: 464px;
  left: 848px;
}
.checklist p:nth-of-type(3) {
  top: 464px;
  left: 1243px;
}
.checklist p:nth-of-type(4) {
  top: 666px;
  left: 651px;
}
.checklist p:nth-of-type(5) {
  top: 666px;
  left: 1047px;
}
.checklist .tel {
  margin-top: 764px;
}
.serve_Box {
  text-align: center;
  height: 841px;
  background: #fff url(../imgs/graph/liucheng_line.png) no-repeat center 444px;
}
.serve_Box .serve ul {
  display: flex;
  justify-content: space-around;
  margin-top: 78px;
}
.serve_Box .serve ul li {
  perspective: 800px;
  height: 314px;
  width: 314px;
  border-radius: 50%;
  background: url(../imgs/graph/liucheng_circle.png) no-repeat;
}
.serve_Box .serve ul li span {
  display: block;
  margin-top: 35px;
  font-weight: bold;
  font-size: 48px;
  font-family: Impact;
}
.serve_Box .serve ul li h5 {
  margin: 30px 0 20px 0;
  font-weight: bold;
  font-size: 30px;
}
.serve_Box .serve ul li p {
  font-size: 20px;
  line-height: 1.7;
}
.serve_Box .serve ul li:hover {
  animation: xuanzhuan linear 1s;
}
.serve_Box .serve ul li:hover span,
.serve_Box .serve ul li:hover h5,
.serve_Box .serve ul li:hover p {
  color: #E8302E;
}
@keyframes xuanzhuan {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.serve_Box .serve .tel {
  margin-top: 80px;
}