@import "public.css";
/***** Banner start******/
.banner {
  height: 460px;
  background: url("../images/ui/banner_bg.jpg") repeat-x;
}
.banner .left {
  color: #fff;
  padding-top: 66px;
  width: 662px;
  float: left;
  overflow: hidden;
}
.banner .left h2 {
  font-size: 40px;
  line-height: 1.5;
  margin-bottom: 26px;
  overflow: hidden;
}
.banner .left .des {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 20px;
}
.banner .left .des .dot {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid #fff;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin-top: 5px;
  position: relative;
}
.banner .left .des .dot span {
  display: inline-block;
  width: 8px;
  height: 8px;
  line-height: 8px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner .left .des p {
  float: left;
  margin-left: 22px;
}
.banner .left .mb-54 {
  margin-bottom: 54px;
}
.banner .left .download {
  display: block;
  width: 252px;
  height: 70px;
  background: #4399fd;
  border-radius: 50px;
  font-size: 28px;
  line-height: 70px;
  text-align: center;
  margin-top: 42px;
  margin-bottom: 28px;
}
.banner .left .download:hover {
  background: #5ea8ff;
}
.banner .left .soft-info {
  line-height: 1;
  font-size: 14px;
  color: #999999;
}
.banner .left .soft-info span {
  padding-right: 16px;
}
.banner .left .soft-info span:last-of-type {
  padding-right: 0;
}
.banner .right {
  float: right;
  width: 528px;
  height: 460px;
  position: relative;
  opacity: 1;
}
.banner .right img {
  position: absolute;
  display: none;
}
.banner .right .static {
  top: 0;
  left: 0;
}
.banner .right .main {
  top: 130px;
  left: 231px;
}
.banner .right .dianyuan {
  top: 49px;
  left: 0;
}
.banner .right .lien-shang2 {
  top: 134px;
  left: 104px;
}
.banner .right .lien-shang {
  position: absolute;
  top: 134px;
  left: 104px;
  width: 50px;
  overflow: hidden;
}
.banner .right .lien-shang img {
  position: static;
  width: 130px;
  height: 118px;
}
.banner .right .ppt {
  top: 250px;
  left: 222px;
}
.banner .right .word {
  top: 250px;
  left: 222px;
}
.banner .right .pptshow {
  top: 358px;
  left: 110px;
  opacity: 0.2;
}
.banner .right .els {
  top: 250px;
  left: 222px;
}
.banner .right .png,
.banner .right .png2,
.banner .right .png3 {
  top: 272px;
  left: 348px;
}
.banner .right .png4 {
  top: 327px;
  left: 433px;
  opacity: 0.2;
}
.banner .right .mask {
  top: 260px;
  left: 312px;
  z-index: 999;
}
.banner .right .wendang,
.banner .right .wendang2 {
  top: 49px;
  left: 281px;
}
.banner .right .lien-xia {
  top: 344px;
  left: 194px;
}
.banner .right .lien-zhong {
  top: 291px;
  left: 427px;
}
/***** Banner end******/
/***** 主内容 start******/
.title {
  font-size: 32px;
  color: #333;
  font-weight: normal;
}
.subtitle {
  font-size: 16px;
  color: #999;
}
.des {
  color: #999;
  font-size: 16px;
  line-height: 38px;
}
.con1 {
  padding-top: 52px;
  padding-bottom: 66px;
}
.con1 .title {
  text-align: center;
  margin-bottom: 14px;
}
.con1 .subtitle {
  text-align: center;
  margin-bottom: 30px;
}
.con1 img {
  width: 1217px;
  height: 745px;
  margin-left: -8px;
}
.con2 {
  background: #f6f9ff;
  padding: 62px 0 100px;
}
.con2 .left {
  width: 514px;
  float: left;
  padding-top: 174px;
}
.con2 .left .title {
  margin-bottom: 20px;
}
.con2 .right {
  width: 578px;
  height: 366px;
  float: right;
  position: relative;
  padding-top: 46px;
}
.con2 .right .s-img {
  position: absolute;
  top: 0;
  left: -10px;
}
.con3 {
  padding-top: 96px;
  padding-bottom: 88px;
}
.con3 .left {
  width: 628px;
  position: relative;
  margin-left: -8px;
  float: left;
}
.con3 .left .s-img {
  position: absolute;
  top: 16px;
  right: -100px;
}
.con3 .right {
  width: 470px;
  padding-top: 134px;
  float: right;
}
.con3 .right .title {
  margin-bottom: 20px;
}
.con4 {
  padding-top: 48px;
  padding-bottom: 56px;
  background: #f6f9ff;
}
.con4 .title {
  text-align: center;
  margin-bottom: 20px;
}
.con4 .subtitle {
  text-align: center;
  margin-bottom: 28px;
}
.con4 ul {
  background: #fff;
}
.con4 ul li {
  width: 240px;
  height: 210px;
  box-sizing: border-box;
  float: left;
  padding-top: 38px;
  text-align: center;
}
.con4 ul li img {
  width: 83px;
  height: 85px;
  display: inline-block;
  margin-bottom: 32px;
}
.con4 ul li p {
  font-size: 14px;
  color: #333;
}
.con4 ul .bd-r {
  border-right: 1px solid #ededed;
}
.con4 ul .bd-b {
  border-bottom: 1px solid #ededed;
}
.friend-con {
  background: #f6f9ff;
}
/***** 主内容 end******/
/*# sourceMappingURL=index.css.map */