@charset "utf-8";
/* CSS Document */
.question-text { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "ËÎÌå", sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* Óà ascii ×Ö·û±íʾ£¬Ê¹µÃÔÚÈκαàÂë϶¼ÎÞÎÊÌâ */
}
.services {
  background-color: #19191b;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  min-height:880px;
  position: relative;
  padding-top:18%;
   padding-bottom:6%;
  color: rgba(255, 255, 255, 0.3);
}

.services-con{ height:100%; width:1010px;margin:auto; opacity:.99}
.services-con p{ text-align:center; font-size:30px; color:#ffffff; font-family:Microsoft YaHei; line-height:100px; margin-bottom:20px; }

.question-text li{ display:inline-block; width:216px; padding-right:44px; font-size:14px; color:#ffffff; font-family:Microsoft YaHei; line-height:32px;opacity:0.6}


.l-answer-text{ width:350px;text-align:center;  float:left;}
.l-sub-text{ padding-bottom:30px; padding-top:30px;}
.l-sub-text p{ text-align:center; font-size:20px; color:#ffffff; font-family:Microsoft YaHei; line-height:40px;}
.l-sub-text ul{ text-align:justify; display:inline-block;font-size:16px; color:#ffffff; font-family:Microsoft YaHei; line-height:32px;opacity:0.7}

.r-answer-text{ width:350px;text-align:center; float:right;}
.r-sub-text p{ text-align:center; font-size:20px; color:#ffffff; font-family:Microsoft YaHei; line-height:40px; }
.r-sub-text{ padding-bottom:30px; padding-top:30px;}
.r-sub-text ul{ text-align:justify; display:inline-block;font-size:16px; color:#ffffff; font-family:Microsoft YaHei; line-height:32px;opacity:0.7}

/* ÄÚÈÝ¿ªÊ¼ */
.content1 { width:100%; height:1030px; background: url(content1-bg1.webp) center; background-size:cover;}
.content6{width:100%; height:1030px; background:#b1c3cd;}

.content5 { width:100%; height:1030px; background: url(content5-bg.jpg) center; background-size:cover;}
#bgcontent{ width:80%; height:1030px; margin:auto;  background:url(content1-1.webp) no-repeat left center; }
#bgcontent1{ width:80%; height:1030px; margin:auto;  background:url(content6.png) no-repeat left center;}

.p-content1{ width:550px; /*height:225px;*/ float:right;padding-top:300px;}
.p-content5{ width:550px; height:225px; float:right;padding-top:300px; padding-right: 300px;}
.p1-content1 { width:550px; height:48px; font-size:48px; color:#333333;font-family:΢ÈíÑÅºÚ Light; text-align:center;}
.p1-content5 { width:550px; height:48px; font-size:48px; color:aliceblue;font-family:΢ÈíÑÅºÚ Light; text-align:center;}
.p2-content1 { width:550px; height:50px; font-size:18px; color:#333333; padding-top:40px; padding-bottom:40px; font-family:΢ÈíÑÅºÚ Light; text-align:center; line-height:30px;}
.p2-content5 { width:550px; height:50px; font-size:18px; color:aliceblue; padding-top:30px; padding-bottom:50px; font-family:΢ÈíÑÅºÚ Light; text-align:center; line-height:30px;}
.p3-content5 { width:500px; height:30px; font-size:18px; color:aliceblue; padding-top:15px; font-family:΢ÈíÑÅºÚ Light; text-align:right; line-height:30px;}


.content2 {width:100%; height:1030px; background:#fff url(pyramid22.webp);background-size: 100% 100%; no-repeat bottom; position: relative;}
.content7 {width:100%; height:1030px; background:#010b17 url(content7.webp) no-repeat bottom; position: relative;}
.p-content2{ width:700px; height:100px;overflow: auto; margin: auto; position: absolute;  top:-60%; left: -20%; bottom: 0; right: 0;}
.p1-content2 { width:700px; height:48px; font-size:48px; color:#000;font-family:΢ÈíÑÅºÚ Light; text-align:left;}
.p2-content2 { width:700px; height:50px; font-size:18px; color:#000; padding-top:40px; padding-bottom:40px; font-family:΢ÈíÑÅºÚ Light; text-align:center; line-height:30px;}


.content3 { width:100%; height:1030px; background:#313b50; position: relative; }

.bg-content3{ width:100%; height:1030px; background: url(content3-1.webp) center top no-repeat; margin:0 auto;}
.p-content3{ width:700px; height:300px; margin:0 auto; padding-top:500px;}
.p1-content3 {height:48px; font-size:48px; color:#ffffff;font-family:΢ÈíÑÅºÚ Light; text-align:left;text-align:center;}
.p2-content3 {height:50px; font-size:18px; color:#ffffff; padding-top:40px; padding-bottom:40px; font-family:΢ÈíÑÅºÚ Light; text-align:left; line-height:30px;}


.content4 {width:100%; height:1030px; background:#f9fbfd url(content4-22.webp) no-repeat right;}
.p-content4{ width:1200px; /*height:280px;*/overflow: auto; margin:auto; padding-top:300px;}

.p1-content4 { width:700px; height:48px; font-size:48px; color:#595959;font-family:΢ÈíÑÅºÚ Light; text-align:center;}

.p2-content4 { width:700px; height:50px; font-size:18px; color:#595959; padding-top:40px; padding-bottom:40px; font-family:΢ÈíÑÅºÚ Light; text-align:center; line-height:30px;}


.button1 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #333333; font-family:΢ÈíÑÅºÚ Light;color:#333333;float:left; margin-left:177px;}
.button2 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #ffffff; font-family:΢ÈíÑÅºÚ Light;font-family:΢ÈíÑÅºÚ Light;color:#fff; position: absolute; margin: auto;top:140px; left: 0; bottom: 0; right: 0;}

.button3 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #ffffff; font-family:΢ÈíÑÅºÚ Light;font-family:΢ÈíÑÅºÚ Light;color:#fff; position: absolute; margin: auto;top:380px; left: 0; bottom: 0; right: 0;}
.button5 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #ffffff; font-family:΢ÈíÑÅºÚ Light;color:#ffffff;float:left; margin-left:177px;}

.button4 a{text-decoration:none;width:164px;height:50px;font-size:30px;text-align:center; line-height:50px;border-radius:10px; border:solid 1px #595959; font-family:΢ÈíÑÅºÚ Light;color:#595959;float:left; margin-left:250px;}


#myDiv {
  transition: top 2s;
  position: absolute;
  top: 935px;
}
.function{ background:rgba(255,255,255,255);  height:255px; width:100%; z-index:200;}
.function-box1, .function-box2, .function-box3, .function-box4{ width:24.9%; height:228px; float:left;  margin-top:23px; border-right:solid 1px #32414f; position: relative;}
.function-box4{ width:24.9%; border:none;}
.box1-icon, .box2-icon, .box3-icon, .box4-icon{overflow: auto; margin: auto; position: absolute;  top:40px; left: 0; bottom: 0; right: 0;}
.function p{ font-size:30px; color:#31414e;font-family:΢ÈíÑÅºÚ Light; text-align:center; padding-top:120px;}


.animated {
  animation-duration: 3s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count:1;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 4s;
}


.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}



@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}