@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; overflow-y:auto!important;*overflow-y:scroll; height:100%; min-height:100%;}
body{margin:0; font-family:Arial,"微软雅黑"; height:100%; min-height:100%; background:#fff; font-size: 0.85em; width: 100%; margin: 0 auto;}
img{border:0}
ul,li,ol,dl,dt,dd{list-style:none;}.color-w{color:#fff;}
.clearfix:after,.clearfix:before{display:table;content:' '}.clearfix:after{clear:both}
h2{font-size: 1.25em; padding:  40px 0 20px; letter-spacing: 1px; font-weight: normal;}
h2 b{font-size: 3em; display: block; padding: 15px 10px; font-weight: normal;}
a{text-decoration: none; color: #000; cursor: pointer;}
.w100{width: 96%; max-width: 1200px; margin:0 auto; position: relative;}
.lt-banner{background: linear-gradient(223deg, #007FF0 0%, #006EDF 28%, #0044BC 76%, #003DAC 100%); color: #fff; text-align: center; position: relative; overflow: hidden;}
.lt-banner h1{padding: 150px 0 200px; font-size: 1.75em; font-weight: normal; letter-spacing: 2px; position: relative; z-index: 9;}
.lt-banner h1 b{display: block; font-size: 2.5em; font-weight: normal; padding: 6px 0; line-height: 2em;}
.lt-banner dl{width: 96%; max-width: 1200px; background: #fff; height: 160px; margin: 0 auto; position: absolute; bottom: -90px; left: 50%; transform: translateX(-50%); box-shadow: 0 1px 20px 0 rgba(0,0,0,0.12); border-radius: 4px; z-index: 10;}
.lt-banner dl dt{width: 100%; position: relative;}
.lt-banner dl dt a{width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 1px 8px 0 rgba(0,0,0,0.12); position: absolute; top:50px; left: -28px; background: #fff;}
.lt-banner ul li img{position: absolute;  animation:ghostUpdown 6s infinite alternate;-webkit-animation:ghostUpdown 6s infinite alternate;}
.lt-banner-bg{top: 0; left:0; z-index: 1; position: absolute; width: 100%; height: 100%;}
.lt-banner-l{top: 10px; left: 80px; z-index: 2}
.lt-banner-t{top: 40px; right: 60px; z-index: 2}
.lt-banner-a{bottom: 10px; left: 16%; z-index: 1}
.lt-banner-l1{top: -40px; right: 30px; z-index: 1;  transform:rotate(95deg);}
.lt-banner font{border-radius: 50%; position: absolute;}
.lt-banner font.lt-banner-f1{background:linear-gradient(223deg, #007FF0 0%, #003DAC 100%); width: 200px; height: 200px; top: 200px; left: 200px; }
.lt-banner font.lt-banner-f2{background:linear-gradient(223deg, #e6ce31 0%, #FF9800 100%); width: 40px; height: 40px; top: 40px; left: 340px; }
.lt-banner font.lt-banner-f3{background:linear-gradient(223deg, #007FF0 0%, #003DAC 100%); width: 160px; height: 160px; bottom: 50px; right: 20px; }
.lt-need{margin: -60px auto 0; width: 100%; max-width: 1200px; background: #1a024b; color: #d4def7; border-radius: 40px 0 40px 0; position: relative; z-index: 99;}
.lt-need dl{padding:0 50px;}
.lt-need dl dt p{font-size: 1.25em; letter-spacing: 2px; padding-left: 20px;}
.lt-need dl dt h2{text-align: left;}
.lt-need dl dd{height: 10px; border-radius: 8px; background:linear-gradient(90deg, #ffdd55 0%, #ffc155 28%, #99ddaa 76%, #48ddef 100%); width: 80%; margin: 20px 0 0 20px;}
.lt-need ul{padding: 0 20px;}
.lt-need ul li{width: calc(33.3% - 100px); padding:50px; float: left; color:#9ca7c1 }
.lt-need ul li h3{font-size: 1.35em; padding-bottom: 6px; color: #d4def7;}
.lt-need2{padding:30px 0 80px;}
.lt-need2 ul li{float: left; width:calc(22% - 2px); margin: 20px 1.5% 0; padding: 40px 0; font-size: 1.05em; border: 1px solid #dedede; text-align: center; background: #fff; border-radius: 20px 0 20px 0;}
.lt-need2 ul li h3{letter-spacing: 2px; padding-bottom: 20px; margin-top: 30px; font-size: 1.75em; font-weight:normal; position: relative;}
.lt-need2 ul li p{color: #999; height: 64px; padding: 0 20px;}
.lt-need2 ul li button{margin-top: 40px; display: inline-block; padding:10px 50px; border: 1px solid #dedede; background: #fff;  }
.lt-need2 ul li img{width: 72px;}
/*.lt-need2 dl{position: relative; padding: 40px 0 40px 40px; font-size: 1.5em; }
.lt-need2 dl dt{font-size: 4em; position: absolute; top: -10px; left: 0px;border-radius: 40px 0 40px 0;}
.lt-need2 dl dt h3{ position: relative; text-align: center;  z-index: 5; padding: 40px 60px;}
.lt-need2 dl dt img{position: absolute; top: 0; left: 10px;}
.lt-need2 dl dd{padding:50px 200px; border:1px solid #dedede; border-radius: 40px 0 40px 0;}
.lt-need2 dl dd img{display: block;}*/
.lt-need3{background:#8a27b3; background: linear-gradient(90deg,#8a27b3 0%,#5a228d 49%); color: #fff;}
.lt-need3 dl dt{padding: 50px 0 100px;}
.lt-need3 dl dt p{font-size: 1.25em; line-height: 2em; padding:10px; }
.lt-need3 dl dt a{margin: 60px 10px 0; padding: 15px 60px; border: 1px solid #fff; display:inline-block; background: #fff; border-radius: 30px; font-size: 1.25em; color: #1e59e4; font-weight: bold;}
.lt-need3 dl dd{position: absolute; width: 94%; margin: 0 auto; max-width: 600px; top: 120px; right: 0;}
.lt-need3 dl dd ul li{float: left; width:47%; margin:10px 1.5%; text-align:center; background: rgba(255, 255, 255, 0.2); letter-spacing: 1px; cursor: pointer;}
.lt-need3 dl dd ul li a{ padding: 20px 0; display: block; color: #fff;}
.lt-need3 dl dd ul li b{display: block; font-size: 1.25em;}
.lt-news{margin-top: 30px;background: #f5f7f9; background: linear-gradient(to right, #f5f7f9 0%, #e4e8ec 50%, #f5f7f9 50% , #f5f7f9 100%);}
.lt-news-lt{width: 49%; float: left;position: relative; }
.lt-news-rt{width: 49%; float: left;position: relative; }
.lt-news h3{position: relative; font-weight: normal; color: #999; font-size: 1em;}
.lt-news h3 b{font-size:2em; font-weight: normal; color: #000; padding-right: 6px;}
.lt-news h3 a{position: absolute; top: 6px; right: 10px; font-weight: normal; color: #999;}
.lt-news dl{padding: 60px;}
.lt-news-lt dl dd h4{color: #003dac; border-bottom: 2px solid #dedede; padding-top: 40px; font-weight: normal; display: inline-block; font-size: 1.25em;}
.lt-news-lt dl dd h4 b{font-size: 4em; font-weight: normal;}
.lt-news-lt dl dd h5{padding:10px 0 40px; font-size: 1.25em;}
.lt-news-lt dl dd h5 span{color: #666; font-weight: normal; padding: 2px 5px; border-radius: 4px; background: rgba(0, 65, 183, 0.1); font-size: 0.85em; margin-right:6px; }
.lt-news-lt dl dd p{height: 120px; overflow: hidden; color: #999;}
.lt-news-lt dl dd a{background: #007FF0; border-radius: 20px; padding:10px 30px; color: #fff; margin-top: 50px; display: inline-block;}
.lt-news-rt dl dt a{display: block; margin-top: 10px;}
.lt-news-rt dl dt a img{width: 100%; max-height: 180px;}
.lt-news-rt dl dt a p{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; word-break:break-all; height: 60px; color: #666; padding: 15px 0;}
.lt-news-rt dl dt a p b{color: #111; display: block; padding: 4px 0; font-size: 1.05em;}
.lt-news-rt dl dt a:hover p{padding:15px; background: rgba(0, 127, 240, 0.1); -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;transition: all .3s ease;}
.lt-news-rt dl dd a{display: block; border-top: 1px solid #e0e0e0; padding: 15px 0; font-weight: normal;}
.lt-news-rt dl dd a p{padding-right: 100px; position: relative;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; word-break:break-all;}
.lt-news-rt dl dd a p span{position: absolute; top: 0; right: 0px; font-weight: normal; color: #999;}
.lt-news-rt dl dd a:hover{ background:rgba(0, 127, 240, 0.1); color: #007FF0; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;transition: all .3s ease; padding: 15px;}
/**/


@media (max-width:751px){ 
   body{font-size: 0.65em; }
   h2{padding: 20px 0 10px; font-size: 1em;}
   h2 b{font-size: 2.5em; padding: 5px 10px;}
   .lt-banner{margin-top: 56px;}
   .lt-banner h1{padding: 30px 0 100px; font-size: 1.25em;}
   .lt-banner h1 b{line-height: 1.75em;}
   .lt-banner h1 b lable{display: block;}
   .lt-banner ul li img{width: 20%;}
   .lt-banner-l{top: 0px; left: 20px; z-index: 2}
.lt-banner-t{top: 20px; right: 30px; z-index: 2}
   .lt-need{width: 94%;}
   .lt-need dl{padding: 0 20px;}
   .lt-need ul li{padding: 10px 5px 15px; width: calc(33.3% - 10px)}
   .lt-need ul li p{font-size: 0.85em;}
   .lt-need2{padding: 0 0 28px;}
.lt-need2 ul li{width: calc(47% - 2px); padding: 10px 0 6px; margin:6px 1.5%; }
.lt-need2 ul li h3{margin-top: 0; padding-bottom: 2px;}
.lt-need2 ul li img{width: 35%;}
.lt-need3{padding: 10px 0 30px;}
   .lt-need3 dl dt{padding: 0px 0 8px;}
   .lt-need3 dl dd{position: static; width: 100%;}
   .lt-need3 dl dt a{margin:10px 10px 0; }
   .lt-need3 dl dt p{padding: 0 10px;}
   .lt-need3 dl dd ul li{margin: 12px 2% 0; width: 46%;}
   .lt-need3 dl dd ul li a{padding: 12px 0;}

}
      @keyframes ghostUpdown{
     0% {
    transform: translate(30px, 0px);
  }
  50% {
    transform: translate(0px, 30px);
  }
  100% {
    transform: translate(30px, 0px);
  }
  }
  @-webkit-keyframes ghostUpdown{
     0% {
    transform: translate(30px, 0px);
  }
  50% {
    transform: translate(0px, 30px);
  }
  100% {
    transform: translate(30px, 0px);
  }
  }