header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: .8;
  height: 60px;
  line-height: 60px;
  background-color: #fff;
  z-index: 99; }
  header .myContainer {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    header .myContainer #logo {
      width: 150px; }
      header .myContainer #logo img {
        width: 100%; }
    header .myContainer #navList {
      width: 50%; }
      header .myContainer #navList ul {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        header .myContainer #navList ul li a {
          font-size: 14px;
          color: #595757; }
        header .myContainer #navList ul .navListLastLi:before {
          content: '';
          width: 1px;
          height: 15px;
          background-color: #595757;
          position: relative;
          top: 3px;
          right: 25%;
          display: inline-block; }
      header .myContainer #navList span {
        font-size: 14px;
        color: #595757; }

footer .myContainer {
  padding: 2% 0; }
  footer .myContainer p {
    color: #595757;
    font-size: 16px;
    line-height: 1.6; }

.indexSwiper {
  margin-top: 60px; }
  .indexSwiper .swiper-wrapper {
    height: auto; }
    .indexSwiper .swiper-wrapper .swiper-slide {
      height: auto;
      background-color: #eee; }
      .indexSwiper .swiper-wrapper .swiper-slide img {
        width: 100%; }
  .indexSwiper .swiper-pagination-bullet-active {
    background: #fff; }

h4 {
  font-size: 26px;
  color: #595757;
  margin-bottom: 35px; }

.indexSec {
  padding: 4% 0; }
  .indexSec .myContainer .indexSecBox ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between; }
    .indexSec .myContainer .indexSecBox ul li {
      width: 33%;
      margin-bottom: 10px;
      overflow: hidden;
      position: relative; }
      .indexSec .myContainer .indexSecBox ul li img {
        width: 100%;
        transition: .4s all; }
      .indexSec .myContainer .indexSecBox ul li .title {
        position: absolute;
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        left: 0; }
        .indexSec .myContainer .indexSecBox ul li .title h2 {
          font-size: 16px;
          line-height: 38px;
          color: #fff;
          opacity: 0; }
    .indexSec .myContainer .indexSecBox ul li:hover img {
      transform: scale(1.2) rotate(5deg);
      filter: grayscale(100%) opacity(0.5); }
    .indexSec .myContainer .indexSecBox ul li:hover .title h2 {
      opacity: 1; }
  .indexSec .myContainer .indexSecMore {
    width: 100%;
    margin-top: 3%;
    text-align: center; }
    .indexSec .myContainer .indexSecMore span a button {
      color: #fff;
      font-size: 14px;
      outline: none;
      padding: 12px 22px;
      border: 1px solid #222;
      background: #222;
      letter-spacing: .1em; }
    .indexSec .myContainer .indexSecMore span:before {
      content: '';
      width: 350px;
      height: 1px;
      display: inline-block;
      background-color: #dcdcdc;
      position: relative;
      left: 4px;
      bottom: 5px; }
    .indexSec .myContainer .indexSecMore span:after {
      content: '';
      width: 350px;
      height: 1px;
      display: inline-block;
      background-color: #dcdcdc;
      position: relative;
      right: 4px;
      bottom: 5px; }

.indexThr {
  padding-bottom: 5%; }
  .indexThr .myContainer {
    display: flex;
    justify-content: space-between; }
    .indexThr .myContainer .indexThrLeft {
      width: 60%;
      padding: 40px;
      background-color: #eff3f7;
      background: url("/static/home/img/index/t1.jpg"); }
      .indexThr .myContainer .indexThrLeft ul li {
        margin-bottom: 65px; }
        .indexThr .myContainer .indexThrLeft ul li p {
          font-size: 22px;
          color: #3e3a39;
          margin-bottom: 10px; }
        .indexThr .myContainer .indexThrLeft ul li .indexThrLeftLine {
          width: 45px;
          height: 1px;
          background-color: #3e3a39; }
        .indexThr .myContainer .indexThrLeft ul li small {
          font-size: 16px;
          color: #3e3a39;
          display: block;
          margin-bottom: 15px; }
        .indexThr .myContainer .indexThrLeft ul li h3 {
          font-size: 22px;
          color: #3e3a39; }
        .indexThr .myContainer .indexThrLeft ul li a {
          font-size: 16px;
          color: #595757;
          padding-bottom: 5px;
          border-bottom: 1px solid #595757; }
      .indexThr .myContainer .indexThrLeft ul li:last-child {
        margin-bottom: 0; }
    .indexThr .myContainer .indexThrRight {
      padding: 40px;
      background-color: #eff3f7; }
      .indexThr .myContainer .indexThrRight h3 {
        font-size: 22px;
        color: #3e3a39;
        line-height: 1.4; }
      .indexThr .myContainer .indexThrRight small {
        font-size: 18px;
        color: #e60012;
        margin-bottom: 25px;
        display: block; }
      .indexThr .myContainer .indexThrRight p {
        font-size: 16px;
        color: #595757;
        margin-bottom: 45px; }
      .indexThr .myContainer .indexThrRight .indexThrRightFUl {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 60%; }
        .indexThr .myContainer .indexThrRight .indexThrRightFUl li {
          color: #595757;
          font-size: 16px; }
      .indexThr .myContainer .indexThrRight .indexThrRightSUl {
        padding-top: 20px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .indexThr .myContainer .indexThrRight .indexThrRightSUl li {
          width: 30%;
          padding: 5px 0;
          display: flex;
          border-right: 1px solid #77797b;
          align-items: center;
          justify-content: center; }
          .indexThr .myContainer .indexThrRight .indexThrRightSUl li .indexThrRightSUlTime {
            color: #000;
            font-size: 24px;
            font-weight: 600;
            padding-right: 5px; }
          .indexThr .myContainer .indexThrRight .indexThrRightSUl li .indexThrRightSUlItem {
            color: #595757;
            font-size: 16px; }
        .indexThr .myContainer .indexThrRight .indexThrRightSUl li:last-child {
          border-right: 0; }

.indexFour {
  padding-bottom: 4%; }
  .indexFour .myContainer .indexFourBox {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .indexFour .myContainer .indexFourBox .indexFourLeft {
      width: 500px;
      height: 428px;
      padding: 70px 40px;
      background-color: #333; }
      .indexFour .myContainer .indexFourBox .indexFourLeft h3 {
        font-size: 22px;
        color: #fff;
        line-height: 1.6;
        margin-bottom: 10px; }
      .indexFour .myContainer .indexFourBox .indexFourLeft .indexFourLine {
        width: 45px;
        height: 1px;
        background-color: #fff;
        margin-bottom: 20px; }
      .indexFour .myContainer .indexFourBox .indexFourLeft p {
        color: #fff;
        font-size: 14px;
        line-height: 1.6; }
      .indexFour .myContainer .indexFourBox .indexFourLeft .indexFourLeftUl {
        margin-top: 45px; }
        .indexFour .myContainer .indexFourBox .indexFourLeft .indexFourLeftUl p {
          font-size: 18px; }
        .indexFour .myContainer .indexFourBox .indexFourLeft .indexFourLeftUl li {
          color: #fff;
          font-size: 16px;
          line-height: 1.6; }
    .indexFour .myContainer .indexFourBox .indexFourRight {
      width: 900px; }
      .indexFour .myContainer .indexFourBox .indexFourRight img {
        width: 100%; }
  .indexFour .myContainer .indexFourBox2 {
    display: flex;
    align-items: center;
    justify-content: center; }
    .indexFour .myContainer .indexFourBox2 h3 {
      color: #000;
      font-size: 22px;
      margin-bottom: 20px; }
    .indexFour .myContainer .indexFourBox2 .indexFourBox2Line {
      width: 45px;
      height: 1px;
      background-color: #000;
      margin-bottom: 20px; }
    .indexFour .myContainer .indexFourBox2 p {
      color: #000;
      font-size: 16px;
      line-height: 1.6;
      margin-top: 10px; }
    .indexFour .myContainer .indexFourBox2 .indexFourBox2Left {
      padding: 40px;
      background-color: #d7d7d7; }
    .indexFour .myContainer .indexFourBox2 .indexFourBox2Right {
      padding: 40px;
      background-color: #c9c9c9; }

#about {
  margin-top: 60px; }
  #about #aboutFirst .myContainer {
    display: flex;
    justify-content: space-between; }
    #about #aboutFirst .myContainer .aboutFirstLeft {
      width: 39%;
      padding: 8%;
      text-align: right; }
      #about #aboutFirst .myContainer .aboutFirstLeft p {
        color: 595757;
        font-size: 22px; }
    #about #aboutFirst .myContainer .aboutFirstRight {
      width: 59%;
      padding: 6%; }
      #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightTop {
        margin-bottom: 80px; }
        #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightTop p {
          color: 595757;
          font-size: 16px;
          margin-bottom: 30px;
          line-height: 1.6; }
      #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightBottom p {
        color: #595757;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 25px; }
      #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightBottom .aboutFirstFUl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightBottom .aboutFirstFUl .aboutFirstFLi {
          width: 50%;
          margin-bottom: 35px; }
          #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightBottom .aboutFirstFUl .aboutFirstFLi .aboutFirstSUl .aboutFirstSLi {
            line-height: 1.6; }
            #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightBottom .aboutFirstFUl .aboutFirstFLi .aboutFirstSUl .aboutFirstSLi span {
              font-size: 12px;
              color: #595757; }
          #about #aboutFirst .myContainer .aboutFirstRight .aboutFirstRightBottom .aboutFirstFUl .aboutFirstFLi .aboutFirstSUl .aboutFirstSLi:first-child span {
            font-size: 16px; }
  #about #aboutThr {
    padding: 3%; }
    #about #aboutThr .myContainer {
      text-align: center; }
      #about #aboutThr .myContainer h3 {
        font-size: 26px;
        color: #595757;
        margin-bottom: 25px; }
      #about #aboutThr .myContainer small {
        font-size: 16px;
        color: #595757;
        display: block;
        padding: 0 20%;
        margin-bottom: 55px; }
      #about #aboutThr .myContainer img {
        width: 100%; }

#service {
  margin-top: 60px; }
  #service #serviceFirst {
    padding: 3% 0; }
    #service #serviceFirst .serviceFirstLeft {
      padding: 120px 0;
      position: relative; }
      #service #serviceFirst .serviceFirstLeft .serviceFirstLeftImg {
        width: 1345px; }
        #service #serviceFirst .serviceFirstLeft .serviceFirstLeftImg img {
          width: 100%; }
      #service #serviceFirst .serviceFirstLeft .serviceFirstLeftBox {
        width: 385px;
        position: absolute;
        left: 1160px;
        top: 60px;
        padding: 90px 40px 40px 40px;
        background-color: #e6e8eb; }
        #service #serviceFirst .serviceFirstLeft .serviceFirstLeftBox img {
          width: 90px;
          margin-bottom: 15px; }
        #service #serviceFirst .serviceFirstLeft .serviceFirstLeftBox p.title {
          font-size: 18px;
          color: #3e3a39;
          padding-bottom: 15px; }
        #service #serviceFirst .serviceFirstLeft .serviceFirstLeftBox .line {
          width: 40px;
          height: 2px;
          background-color: #3e3e3e;
          margin-bottom: 35px; }
        #service #serviceFirst .serviceFirstLeft .serviceFirstLeftBox p.content {
          color: #3e3a39;
          font-size: 14px;
          line-height: 1.4;
          margin-bottom: 55px; }
        #service #serviceFirst .serviceFirstLeft .serviceFirstLeftBox p.stitle {
          font-size: 16px;
          color: #3e3e3e;
          margin-bottom: 15px; }
        #service #serviceFirst .serviceFirstLeft .serviceFirstLeftBox ul li {
          line-height: 1.8;
          font-size: 16px;
          color: #3e3e3e; }
    #service #serviceFirst .serviceFirstRight {
      position: relative;
      min-height: 620px;
      padding: 60px 0; }
      #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace {
        width: 1345px;
        height: 620px;
        background-image: url("https://gaogecompany.oss-cn-hangzhou.aliyuncs.com/gaoge/service/f2.jpg");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 100%;
        position: relative;
        float: right; }
        #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace .serviceFirstRightBox {
          width: 385px;
          position: absolute;
          left: -192px;
          bottom: 60px;
          z-index: 99;
          text-align: left;
          padding: 90px 40px 40px 40px;
          background-color: #e6e8eb; }
          #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace .serviceFirstRightBox img {
            width: 90px;
            margin-bottom: 15px; }
          #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace .serviceFirstRightBox p.title {
            font-size: 18px;
            color: #3e3a39;
            padding-bottom: 15px; }
          #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace .serviceFirstRightBox .line {
            width: 40px;
            height: 2px;
            background-color: #3e3e3e;
            margin-bottom: 35px; }
          #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace .serviceFirstRightBox p.content {
            color: #3e3a39;
            font-size: 14px;
            line-height: 1.4;
            margin-bottom: 55px; }
          #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace .serviceFirstRightBox p.stitle {
            font-size: 16px;
            color: #3e3e3e;
            margin-bottom: 15px; }
          #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace .serviceFirstRightBox ul li {
            line-height: 1.8;
            font-size: 16px;
            color: #3e3e3e; }
      #service #serviceFirst .serviceFirstRight .serviceFirstRightSpace2 {
        background-image: url("https://gaogecompany.oss-cn-hangzhou.aliyuncs.com/gaoge/service/f4.jpg"); }
    #service #serviceFirst .serviceFirstLeft {
      margin-top: 120px; }
  #service #serviceSec {
    padding: 3%; }
    #service #serviceSec .myContainer {
      text-align: center; }
      #service #serviceSec .myContainer h3 {
        font-size: 26px;
        color: #595757;
        margin-bottom: 25px; }
      #service #serviceSec .myContainer small {
        font-size: 16px;
        color: #595757;
        display: block;
        padding: 0 20%;
        margin-bottom: 55px; }
      #service #serviceSec .myContainer img {
        width: 100%; }

#cdetail {
  margin-top: 60px; }
  #cdetail .cdetailMain {
    border-bottom: 1px solid #d4d4d4; }
    #cdetail .cdetailMain .casesContainer {
      width: 1200px;
      margin: 0 auto;
      padding: 3% 0; }
      #cdetail .cdetailMain .casesContainer h2 {
        color: #3e3a39;
        font-size: 22px;
        font-weight: 600; }
      #cdetail .cdetailMain .casesContainer p {
        margin-bottom: 15px; }
        #cdetail .cdetailMain .casesContainer p img {
          width: 100%; }
      #cdetail .cdetailMain .casesContainer ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 4% 0; }
        #cdetail .cdetailMain .casesContainer ul li p {
          color: #3e3a39;
          font-size: 16px;
          margin-bottom: 0; }
  #cdetail .cdetailPage .myContainer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 55px; }
    #cdetail .cdetailPage .myContainer ul li a {
      display: flex;
      align-items: center; }
      #cdetail .cdetailPage .myContainer ul li a p {
        color: #3e3a39;
        font-size: 16px; }
    #cdetail .cdetailPage .myContainer ul .left a img {
      margin-right: 5px; }
    #cdetail .cdetailPage .myContainer ul .right a img {
      margin-left: 5px; }

/*# sourceMappingURL=style.css.map */