.content{
    display: block;
}
.banner-box {
    height: 412px;
    position: relative;
    overflow: hidden;
    width: 100%;
}
.banner-box img {
    width: 1920px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    max-width: initial;
}
.about-box {
    height: 101px;
    line-height: 100px;
    border-bottom: 1px solid #dcdcdc;
    background-color: #fff;
}

.about-box span {
    float: left;
    font-size: 50px;
    font-family: "Arial";
    color: #ff9c00;
    text-transform: uppercase;
}

.about-box i {
    float: left;
    width: 6px;
    height: 6px;
    background-color: #ff9c00;
    margin-top: 47px;
    margin-left: 22px;
    margin-right: 22px;
}
.fl {
    float: left;
}
.box-div {
    margin-top: 25px;
    float: left;
}
.about-box .p1 {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
}

.about-box .p2 {
    font-size: 12px;
    color: #666;
    line-height: 24px;
    margin: 0;
}

.box-lei {
    line-height: normal;
    text-align: right;
    margin-top: 10px;
}

.box-lei .location {
    font-size: 12px;
    color: #666;
    background: url(https://www.szluoyi.com/uploads/images/san.png) no-repeat left center;
    padding-left: 10px;
    display: inline-block;
}

.box-lei .location a {
    color: #666;
}

.box-lei ul {
    margin-top: 10px;
}

.box-lei ul li {
    float: left;
    height: 32px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ff9c00;
    margin-right: 10px;
}

.box-lei ul li a {
    color: #ff9c00;
    display: block;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.box-lei ul li a:hover,
.box-lei ul li a.cur1 {
    color: #fff;
    background-color: #ff9c00;
}
.about-box .pi-section{
    padding: 0;
}
.fr {
    float: right;
}
.box-lei.bui {
    margin-top: 40px;
}
.xg_build_main h2 {
    font-size: 36px ;
  }
  .xg_build_main .sub_title {
    position: relative;
    margin-top: 14px;
    padding-left: 36px;
    color: #ff9c00;
    font-size: 24px;
  }
  .xg_build_main .sub_title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 18px;
    height: 4px;
    background-color: #ff9c00;
  }
  .xg_build_main .main1 {
    padding: 112px 0 120px;
  }
  .xg_build_main .main1 ul {
    position: relative;
    margin-top: 95px;
    padding: 24px 0;
  }
  .xg_build_main .main1 ul::after {
    content: "";
    position: absolute;
    top: 123px;
    left: 0;
    width: 100%;
    height: 1px ;
    background-color: rgba(61, 106, 254, 0.1);
    pointer-events: none;
  }
  .xg_build_main .main1 li {
    position: relative;
    width: 240px;
    height: 240px;
    text-align: center;
    border-radius: 50%;
    background-color: #f6f8fd;
  }
  .xg_build_main .main1 li:nth-child(1) {
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  .xg_build_main .main1 li:nth-child(2) {
    -o-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .xg_build_main .main1 li:nth-child(3) {
    -o-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  .xg_build_main .main1 li:nth-child(4) {
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .xg_build_main .main1 li .content {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f6f8fd;
    border-radius: 50%;
  }
  .xg_build_main .main1 li .title {
    padding-top: 38px;
    font-size: 22px;
  }
  .xg_build_main .main1 li p {
    margin-top: 67px;
    color: #8f98ae;
    font-size: 14px;
    line-height: 24px;
  }
  .xg_build_main .main1 li .small {
    position: absolute;
    left: 50%;
    top: 96px;
    margin-left: -4px;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #3d6afe;
  }
  .xg_build_main .main1 li .cir {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -71px;
    margin-left: -71px;
    width: 143px;
    height: 143px;
    border: 1px solid #d1dbf3;
    border-radius: 50%;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: -1;
  }
  .xg_build_main .main1 li .cir::before,
  .xg_build_main .main1 li .cir::after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #3d6afe;
  }
  .xg_build_main .main1 li .cir::before {
    left: 0;
    margin-left: -4px;
  }
  .xg_build_main .main1 li .cir::after {
    right: 0;
    margin-right: -4px;
  }
  .xg_build_main .main1 li .big {
    position: absolute;
    top: 70px;
    right: -40px;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: rgba(61, 106, 254, 0.85);
    opacity: 0;
  }
  .xg_build_main .main1 li:hover .big {
    opacity: 1;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
  }
  .xg_build_main .main1 li:hover .small {
    display: none;
  }
  .xg_build_main .main1 li:hover .cir {
    margin-top: -143px;
    margin-left: -143px;
    width: 286px;
    height: 286px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-name: xg_route;
    animation-name: xg_route;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .xg_build_main .main2 {
    padding: 102px 0 80px;
    background-color: #f9f9f9;
  }
  .xg_build_main .main2 ul {
    margin-top: 85px;
  }
  .xg_build_main .main2 li {
    margin-left: 1.78571429%;
    margin-bottom: 2.85714286%;
    width: 32.14285714%;
    background-color: #fff;
  }
  .xg_build_main .main2 li:nth-child(3n + 1) {
    margin-left: 0;
  }
  .xg_build_main .main2 li:nth-child(3n+2) {
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .xg_build_main .main2 li:nth-child(3n) {
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .xg_build_main .main2 li .picture_container {
    padding-top: 20%;
  }
  .xg_build_main .main2 li .picture_container img {
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .xg_build_main .main2 li .article {
    padding: 25px 30px;
  }
  .xg_build_main .main2 li .article h3 {
    margin-bottom: 20px;
    font-size: 26px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .xg_build_main .main2 li .article p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
  }
  .xg_build_main .main2 li:hover img {
    -o-transform: translate3d(0, 0, 0) scale(1.08);
    -moz-transform: translate3d(0, 0, 0) scale(1.08);
    -webkit-transform: translate3d(0, 0, 0) scale(1.08);
    transform: translate3d(0, 0, 0) scale(1.08);
  }
  .xg_build_main .main2 li:hover .article h3 {
    color: #ff9c00;
  }
  .xg_build_main .main3 {
    padding: 102px 0 0;
  }
  .xg_build_main .main3 ul {
    margin-top: -15px;
  }
  .xg_build_main .main3 li {
    margin-left: 3.57142857%;
    margin-top: 110px;
  }
  .xg_build_main .main3 li:nth-child(3n + 1) {
    margin-left: 0;
  }
  .xg_build_main .main3 li:nth-child(3n + 2) {
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .xg_build_main .main3 li:nth-child(3n) {
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .xg_build_main .main3 .des {
    margin-top: 20px;
    color: #666;
  }
  .xg_build_main .main3 h3 {
    margin-top: 16px;
    font-size: 24px;
  }
  .xg_build_main .main4 {
    margin-top: 115px;
  }
  .xg_build_main .main4 li {
    width: 25%;
  }
  .xg_build_main .main4 li:nth-child(4n) {
    -o-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }
  .xg_build_main .main4 li:nth-child(4n - 1) {
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .xg_build_main .main4 li:nth-child(4n - 2) {
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .xg_build_main .main4 .more {
    margin: 60px auto 0;
    width: 140px;
    height: 46px;
    color: #5c5c5c;
    font-size: 14px;
    background-color: #ffffff;
    border: solid 1px #5c5c5c;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
  .xg_build_main .main4 .more img {
    margin-right: 10px;
  }
  .xg_build_main .main4 .more:hover {
    color: #ff9c00;
    border: solid 1px #ff9c00;
  }
  .xg_build_main .main5 {
    padding: 100px 0 120px ;
  }
  .xg_build_main .main5 .text {
    padding-left: 5.35714286%;
  }
  .xg_build_main .main5 .text .img {
    position: relative;
    margin-top: 60px;
  }
  .xg_build_main .main5 .text .t_head {
    font-size: 20px;
  }
  .xg_build_main .main5 .text p {
    margin-top: 16px;
    color: #888888;
    line-height: 24px;
    font-size: 14px;
  }
  .xg_build_main .main5 .text .txt1 {
    position: absolute;
    left: 4.54890068%;
    top: 15.20467836%;
    text-align: right;
  }
  .xg_build_main .main6 {
    padding-top: 84px;
    padding-bottom: 118px;
    background: #f6f8fd url("https://www.szluoyi.com/images/change/xg_jianshe_main6_bg.png") center / cover no-repeat;
  }
  .xg_build_main .main6 ul {
    margin-top: -22px;
  }
  .xg_build_main .main6 li {
    margin-top: 75px;
    padding-right: 20px;
  }
  .xg_build_main .main6 li:nth-child(3n+1) {
    width: 34.28571429%;
  }
  .xg_build_main .main6 li:nth-child(3n + 2) {
    width: 35.35714286%;
    -o-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .xg_build_main .main6 li:nth-child(3n) {
    padding-right: 0;
    width: 30.35714286%;
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .xg_build_main .main6 li .text_title {
    margin-top: 25px;
    font-size: 20px;
  }
  .xg_build_main .main6 li p {
    margin-top: 12px;
    font-size: 14px;
    color: #888;
  }
  .xg_build_main .main6 li:hover {
    -o-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
  .xg_build_main .main7 {
    padding: 112px 0 115px;
  }
  .xg_build_main .main7 .news_wrap {
    margin-top: 52px;
  }
  .xg_build_main .main7 .left {
    width: 41.78571429%;
  }
  .xg_build_main .main7 .news_title {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
  }
  .xg_build_main .main7 ul {
    margin-top: 20px;
  }
  .xg_build_main .main7 li {
    line-height: 20px;
    color: #555;
  }
  .xg_build_main .main7 li a{
      
    align-items: center;
  }
  .xg_build_main .main7 li a p{
      margin: 10px 0;
  }
  .xg_build_main .main7 li:nth-child(1) {
    -o-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  .xg_build_main .main7 li:nth-child(2) {
    -o-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
  .xg_build_main .main7 li:nth-child(3) {
    -o-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
  .xg_build_main .main7 li:nth-child(4) {
    -o-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
  .xg_build_main .main7 li:nth-child(5) {
    -o-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
  .xg_build_main .main7 li:nth-child(6) {
    -o-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  .xg_build_main .main7 li:hover {
    color: #ff9c00;
  }
  .xg_build_main .main7 li span {
    color: #bbb;
  }
  .xg_build_main .main7 li p {
    padding-right: 30px;
    width: calc(100% - 80px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .xg_build_main .main7 .right {
    width: 41.92857143%;
  }
   .main8 {
    padding: 65px 0 50px;
    color: #fff;
    text-align: center;
    background-color: #ef004a;
  }
   .main8 .pi-section{
      padding: 0;
  }
   .main8 h3 {
    font-size: 36px;
  }
   .main8 p {
    margin-top: 20px;
    font-size: 18px;
    color: #fff;
  }
   .main8 .more {
    margin: 32px auto 0;
    width: 42px;
    height: 42px;
    border: solid 1px #ffffff;
    border-radius: 50%;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
   .main8 .more:hover {
    background-color: #ff9c00;
    border: solid 1px #ff9c00;
  }
  @-webkit-keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  @keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
      -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
      opacity: 0;
      -webkit-transform: scale3d(0.3, 0.3, 0.3);
      transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
      transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
      -webkit-transform: scale3d(0.97, 0.97, 0.97);
      transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  @-webkit-keyframes xg_route {
    from {
      -o-transform: rotateZ(0);
      -moz-transform: rotateZ(0);
      -webkit-transform: rotateZ(0);
      transform: rotateZ(0);
    }
    to {
      -o-transform: rotateZ(360deg);
      -moz-transform: rotateZ(360deg);
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  @keyframes xg_route {
    from {
      -o-transform: rotateZ(0);
      -moz-transform: rotateZ(0);
      -webkit-transform: rotateZ(0);
      transform: rotateZ(0);
    }
    to {
      -o-transform: rotateZ(360deg);
      -moz-transform: rotateZ(360deg);
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  .flex_row_justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
ul, ol {
    list-style: none;
}
.picture_container {
    position: relative;
    overflow: hidden;
    background: none;
}
.picture_container img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.main4 .flex{
    padding: 0;
}
.footer {

    background: #333;

    color: #fff;

}



.footer .footer_top {

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 0;
}



.footer .footer_top .center {

    height: 140px;

}



.footer .footer_top .center .item:nth-child(1) {

    -o-animation-delay: 0s;

    -moz-animation-delay: 0s;

    -webkit-animation-delay: 0s;

    animation-delay: 0s;

}



.footer .footer_top .center .item:nth-child(2) {

    -o-animation-delay: 0.15s;

    -moz-animation-delay: 0.15s;

    -webkit-animation-delay: 0.15s;

    animation-delay: 0.15s;

}



.footer .footer_top .center .item:nth-child(3) {

    -o-animation-delay: 0.3s;

    -moz-animation-delay: 0.3s;

    -webkit-animation-delay: 0.3s;

    animation-delay: 0.3s;

}



.footer .footer_top .center .item:nth-child(4) {

    -o-animation-delay: 0.45s;

    -moz-animation-delay: 0.45s;

    -webkit-animation-delay: 0.45s;

    animation-delay: 0.45s;

}



.footer .footer_top .center .item:nth-child(5) {

    -o-animation-delay: 0.6s;

    -moz-animation-delay: 0.6s;

    -webkit-animation-delay: 0.6s;

    animation-delay: 0.6s;

}



.footer .footer_top .center .item .item_icon {

    font-size: 32px;
    margin-right: 10px;
    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

}



.footer .footer_top .center .item .explain .explain_title {

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -moz-backface-visibility: hidden;

    -moz-transform-style: preserve-3d;

}



.footer .footer_top .center .item .explain .explain_content {

    font-size: 14px;

    margin-top: 5px;

    color: rgba(255, 255, 255, 0.3);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    -o-transition: all 0.5s;

    transition: all 0.5s;

    -moz-backface-visibility: hidden;

    -moz-transform-style: preserve-3d;

}



.footer .footer_top .center .item:hover .item_icon {

    -webkit-transform: rotateY(360deg);

    transform: rotateY(360deg);

}



.footer .footer_top .center .item:hover .explain .explain_title {

    -o-transform: translate(0, -8px);

    -moz-transform: translate(0, -8px);

    -webkit-transform: translate(0, -8px);

    transform: translate(0, -8px);

}



.footer .footer_top .center .item:hover .explain .explain_content {

    -o-transform: translate(0, -4px);

    -moz-transform: translate(0, -4px);

    -webkit-transform: translate(0, -4px);

    transform: translate(0, -4px);

}
.flex_column_center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
}
.flex_row_justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}
.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}