* {
  margin: 0;
  padding: 0;
}
ul,
li {
  list-style: none;
}
a {
  text-decoration: none;
}
img {
  border: none;
}
body {
  overflow-x: hidden;
  font-family: "微软雅黑", "新宋体";
}
.wrap {
  position: relative;
  width: 1100px;
  margin: 0 auto;
}
.wrap .title {
  margin: 0 auto;
  width: 392px;
  height: 70px;
  background: url(../img/title.png) no-repeat;
}
.wrap .title p {
  float: left;
  font-family: 'Impact', "微软雅黑";
  width: 70px;
  font-size: 34px;
  color: #0b2c3a;
  line-height: 70px;
  text-align: center;
}
.wrap .title h2 {
  float: left;
  width: 320px;
  text-align: center;
  line-height: 70px;
  font-size: 27px;
  color: #00ffff;
}
.color {
  background: #06171f;
  padding-top: 50px;
}
/*banner 开始*/
.banner {
  overflow: hidden;
}
.banner img {
  float: left;
}
/*banner 结束*/
.yd {
  height: 108px;
}
.yd h3 {
  width: 221px;
  height: 100%;
  line-height: 108px;
  float: left;
  font-size: 25px;
  color: #06171f;
  background: #00ffff;
  text-align: center;
  letter-spacing: 7px;
}
.yd p {
  float: left;
  width: 839px;
  padding: 10px 20px;
  background: #0b2c3a;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  text-indent: 2em;
}
.adv-box .adv {
  margin: 43px auto 0;
  width: 898px;
}
.adv-box .adv .list {
  overflow: hidden;
  padding: 0 19px;
}
.adv-box .adv .list li {
  float: left;
  margin-right: 63px;
  width: 236px;
  height: 34px;
  line-height: 34px;
  background: #0b2c3a;
  color: #00ffff;
  border: 4px solid #00ffff;
  text-align: center;
}
.adv-box .adv .list li.last {
  margin-right: 0;
}
.adv-box .adv .list li.on {
  color: #06171f;
  background: #00ffff;
}
.adv-box .adv .con {
  position: relative;
  height: 118px;
  margin-top: 16px;
  border: 1px solid #00ffff;
}
.adv-box .adv .con li {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 5px;
  height: 88px;
  background: #0b2c3a;
  color: #fff;
  text-indent: 2em;
  line-height: 30px;
  display: none;
}
.adv-box .adv .con li.on {
  display: block;
}
.adv-box .adv .icon {
  margin: 20px auto 0;
  width: 70px;
  overflow: hidden;
}
.adv-box .adv .icon li {
  float: left;
  margin-left: 17px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #092632;
}
.adv-box .adv .icon li.on {
  background: #00ffff;
}
.ts .list {
  width: 865px;
  margin: 40px auto 0;
  overflow: hidden;
  padding-bottom: 2px;
}
.ts .list li {
  float: left;
  border-radius: 15px;
  width: 430px;
  height: 170px;
  border: 1px solid #00ffff;
  margin: 0 -1px -1px 0;
}
.ts .list li h3 {
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  font-size: 19px;
  color: #00ffff;
}
.ts .list li p {
  padding: 0 20px;
  line-height: 25px;
  color: #fff;
  font-size: 14px;
}
.progress .pro-con {
  width: 836px;
  margin: 0 auto;
}
.progress .pro-con .part {
  width: 100%;
  overflow: hidden;
}
.progress .pro-con .part .left {
  float: left;
  width: 198px;
}
.progress .pro-con .part .left h4 {
  width: 100%;
  height: 47px;
  line-height: 47px;
  font-size: 20px;
  text-align: center;
  background: #00ffff;
  color: #06171f;
}
.progress .pro-con .part .left .point {
  margin: 5px auto 0;
  width: 9px;
  background: url(../img/bg1.png) repeat-y;
}
.progress .pro-con .part .left .one {
  height: 266px;
}
.progress .pro-con .part .left .two {
  height: 629px;
}
.progress .pro-con .part .left .three {
  height: 629px;
}
.progress .pro-con .part .left .four {
  height: 629px;
}
.progress .pro-con .part .right {
  float: right;
  padding: 13px 0 0 16px;
  width: 613px;
  border: 1px solid #063f47;
}
.progress .pro-con .part .right li {
  overflow: hidden;
}
.progress .pro-con .part .right li h5 {
  float: left;
  font-size: 18px;
  color: #01ffff;
  font-weight: 700;
}
.progress .pro-con .part .right li h6 {
  float: left;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  color: #01ffff;
}
.progress .pro-con .part .right li p {
  width: 607px;
  float: left;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-indent: 1em;
}
.progress .pro-con .part .right li p span {
  color: #01ffff;
}
.ask ul {
  width: 876px;
  margin: 70px auto 0;
  overflow: hidden;
}
.ask ul li {
  margin-bottom: 40px;
  overflow: hidden;
}
.ask ul li p.icon {
  float: left;
  width: 88px;
  height: 88px;
  line-height: 88px;
  text-align: center;
  border-radius: 50%;
  background: #06171f;
  color: #00ffff;
  border: 1px solid #00ffff;
  font-weight: 700;
  font-size: 50px;
  font-family: impact, "微软雅黑";
}
.ask ul li p.con {
  float: left;
  position: relative;
  width: 719px;
  font-size: 19px;
  text-indent: 2em;
}
.ask ul li p.con span {
  position: absolute;
  top: 16px;
  display: block;
  height: 18px;
}
.ask ul li p.con span.left {
  width: 12px;
  left: -12px;
  background: url(../img/q.png) no-repeat;
}
.ask ul li p.con span.right {
  width: 19px;
  right: -18px;
  background: url(../img/a.png) no-repeat;
}
.ask ul li p.con.q {
  background: #00ffff;
  color: #06171f;
  margin: 18px 0 0 40px;
  line-height: 50px;
}
.ask ul li p.con.a {
  background: #0b2c3a;
  color: #00ffff;
  margin: 5px 40px 0 0 ;
  line-height: 30px;
}
.footer {
  padding-top: 20px;
  width: 100%;
  height: 130px;
  background: #000;
}
.footer p {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}