@import url(index.css);
body {
  background-color: #f8f8f8;
}
#title_bj {
  margin: 0 auto;
}
#title_bj .sec-top {
  width: 100%;
  overflow: hidden;
  position: relative;
  background: url(../images/product-banner.png) center top no-repeat #0e64ff;
  height: 430px;
}
#title_bj .sec-top .go_test {
  position: absolute;
  top: 296px;
  left: 50%;
  margin-left: -26px;
  display: none;
}
#section {
  width: 1024px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
#section .top-icons {
  overflow: hidden;
  margin-bottom: 14px;
}
#section .top-icons li {
  width: 331px;
  background-color: #fff;
  height: 154px;
  color: #f39827;
}
#section .top-icons li .solve-icon-out.fir {
  margin-top: 67px;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
}
#section .top-icons li .solve-icon-out.dif {
  margin-top: 55px;
  text-align: center;
  opacity: 0;
  filter: alpha(opacity=0);
}
#section .top-icons li i {
  margin: 0 auto;
  margin-bottom: 10px;
}
.div-group {
  overflow: hidden;
}
.div-group-1 {
  background: url('../images/product-sec-1.png') no-repeat center 210px transparent;
  height: 660px;
}
.div-group-1 {
  padding: 65px 100px;
  text-align: center;
}
.div-group-1 .p-title {
  font-size: 36px;
  color: #0e64ff;
  margin-bottom: 20px;
}
.div-group-1 .p-tip {
  font-size: 22px;
}
.div-group-1 .p-tip span {
  margin: 0 22px;
}
.div-group-1 .p-tip span em {
  color: #0e64ff;
}
.div-group-1 .bj-2 {
  width: 744px;
  margin-top: 50px;
}
.div-group-2 {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 60px 0;
}
.div-group-2 .g-ul {
  background: url(../images/product-sec-2.png) no-repeat 0 0 transparent;
  width: 986px;
  height: 788px;
  margin: 0 auto;
}
.div-group-2 .g-ul li {
  width: 327px;
  height: 260px;
  display: inline-block;
  margin: 0px 1px 0px 0;
  position: relative;
  overflow: hidden;
}
.div-group-2 .g-ul li em {
  color: #fff;
  display: block;
  text-align: center;
  padding-top: 170px;
  font-size: 20px;
}
.div-group-2 .g-ul li .top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/product-icon.png) no-repeat 0 0 transparent;
}
.div-group-2 .g-ul li .down {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  display: table;
}
.div-group-2 .g-ul li .down p {
  color: #fff;
  line-height: 30px;
  padding: 0 30px 0 30px;
  font-size: 16px;
  height: 100%;
  vertical-align: middle;
  display: table-cell;
}
.div-group-2 .g-ul .li-1 .top {
  background-position: 0 0;
}
.div-group-2 .g-ul .li-2 .top {
  background-position: -329px 0;
}
.div-group-2 .g-ul .li-3 .top {
  background-position: -660px 0;
}
.div-group-2 .g-ul .li-4 .top {
  background-position: 0 -262px;
}
.div-group-2 .g-ul .li-6 .top {
  background-position: -660px -262px;
}
.div-group-2 .g-ul .li-7 .top {
  background-position: 0 -530px;
}
.div-group-2 .g-ul .li-8 .top {
  background-position: -329px -530px;
}
.div-group-2 .g-ul .li-9 .top {
  background-position: -660px -530px;
}
.sec-test {
  margin: 0 auto;
  width: 1024px;
  text-align: center;
  margin-bottom: 20px;
}
