.justify,
.top-form-wrap .top-form-box ul li,
.online-scroll-wrap ul li,
.croed-wrap .crowd-box ul,
.advantage-wrap .advantage-box ul,
.major-wrap .major-box ul,
.major-wrap .major-box ul li .double-btn,
.major-wrap .major-pagination-box .major-pagination,
.major-wrap .double-btn-out,
.production-wrap .production-box ul li,
.production-wrap .production-pagination,
.guide-wrap .guide-box ul li,
.quest-wrap .quest-box ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
html,
body {
  max-width: 640px;
  margin: 0 auto;
  overflow-x: hidden;
}
.ban-wrap {
  width: 16rem;
  margin: 0 auto;
}
.ban-wrap img {
  width: 16rem;
}
.top-form-wrap .top-form-title {
  margin-top: 0.25rem;
}
.top-form-wrap .top-form-title h3 {
  line-height: 1.5rem;
  font-size: 0.75rem;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.top-form-wrap .top-form-title p {
  width: 14rem;
  margin: 0 auto;
  line-height: 0.95rem;
  font-size: 0.45rem;
  color: #000;
  text-align: center;
  -webkit-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
     -moz-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
          border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  border: 1px solid #aaaaaa;
}
.top-form-wrap .top-form-title p i {
  display: inline-block;
  width: 0.55rem;
  height: 0.475rem;
  background: url('../img/ixon/dong-icon.png') no-repeat center / contain;
  margin-right: 0.25rem;
  vertical-align: -0.05rem;
}
.top-form-wrap .top-form-title p span {
  line-height: 0.95rem;
  font-size: 0.45rem;
  color: #ea0b0c;
}
.top-form-wrap .top-form-box {
  width: 14rem;
  margin: 0 auto;
}
.top-form-wrap .top-form-box ul li {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.5rem;
}
.top-form-wrap .top-form-box ul li i {
  display: inline-block;
  width: 0.85rem;
  height: 0.75rem;
  background: url('../img/ixon/name-icon.png') no-repeat center / contain;
  margin-right: 0.125rem;
}
.top-form-wrap .top-form-box ul li:last-child i {
  background: url('../img/ixon/phone-icon.png') no-repeat center / contain;
}
.top-form-wrap .top-form-box ul li p {
  line-height: 1.15rem;
  font-size: 0.625rem;
  color: #ea0b0c;
}
.top-form-wrap .top-form-box ul li input {
  display: block;
  width: 10.9rem;
  line-height: 1.15rem;
  font-size: 0.5rem;
  color: #000;
  text-indent: 0.375rem;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
     -moz-border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
          border-radius: 0.1rem 0.1rem 0.1rem 0.1rem;
}
.top-form-wrap .top-form-box ul li input::-webkit-input-placeholder {
  line-height: 1.15rem;
  font-size: 0.5rem;
  color: #aaaaaa;
}
.top-form-wrap .top-form-box ul li input::-moz-placeholder {
  line-height: 1.15rem;
  font-size: 0.5rem;
  color: #aaaaaa;
}
.top-form-wrap .top-form-box ul li input::placeholder {
  line-height: 1.15rem;
  font-size: 0.5rem;
  color: #aaaaaa;
}
.top-form-wrap .top-form-box .top-form-btn {
  display: block;
  width: 14rem;
  margin: 0 auto;
  line-height: 1.5rem;
  font-size: 0.625rem;
  color: #fff;
  text-align: center;
  background: #f2a267;
  -webkit-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
     -moz-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
          border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  margin-top: 0.75rem;
}
.online-scroll-wrap {
  width: 14.5rem;
  margin: 0 auto;
  height: 1.5rem;
  overflow: hidden;
  margin-top: 0.75rem;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
     -moz-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
          border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
}
.online-scroll-wrap ul {
  width: 11.75rem;
  margin: 0 auto;
}
.online-scroll-wrap ul li {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.online-scroll-wrap ul li i {
  display: inline-block;
  width: 0.525rem;
  height: 0.55rem;
  background: url('../img/ixon/hot-icon.png') no-repeat center / contain;
  margin: 0 0.375rem;
}
.online-scroll-wrap ul li p {
  line-height: 1.5rem;
  font-size: 0.55rem;
  color: #000;
  text-align: center;
}
.online-scroll-wrap ul li p:nth-of-type(1) {
  width: 2.2rem;
}
.online-scroll-wrap ul li p:nth-of-type(2) {
  width: 4.425rem;
}
.online-scroll-wrap ul li p:nth-of-type(3) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.public-box {
  margin-top: 0.625rem;
  background: url('../img/ixon/bg-01.jpg') repeat;
  padding-bottom: 0.75rem;
}
.public-box .public-title-box {
  padding-top: 0.75rem;
}
.public-box .public-title-box h3 {
  margin: 0 auto;
}
.public-box .public-title-box h3 img {
  display: block;
  height: 1.25rem;
  margin: 0 auto;
}
.public-box .public-title-box p {
  width: 8.125rem;
  margin: 0 auto;
  margin-top: 0.375rem;
  line-height: 1.2rem;
  font-size: 0.6rem;
  color: #eb9362;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
     -moz-border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
          border-radius: 0.625rem 0.625rem 0.625rem 0.625rem;
}
.head-wrap {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  text-align: center;
}
.head-wrap h3 {
  display: inline-block;
  line-height: 1.2rem;
  font-size: 0.625rem;
  color: #fff;
  background: #e67b4b;
  -webkit-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
     -moz-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
          border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
  padding: 0 0.375rem;
}
.head-wrap h4 {
  margin-top: 0.375rem;
}
.head-wrap h4 img {
  display: block;
  height: 1rem;
  margin: 0 auto;
}
.head-wrap p {
  width: 14.5rem;
  margin: 0 auto;
  line-height: 1.375rem;
  font-size: 0.55rem;
  color: #e67b4b;
  letter-spacing: 0.125rem;
}
.head-wrap p i {
  display: inline-block;
  width: 1.5rem;
  height: 0px;
  border-bottom: 2px solid #e67b4b;
  vertical-align: 0.125rem;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}
.croed-wrap .crowd-box {
  margin-top: 0.25rem;
}
.croed-wrap .crowd-box ul {
  width: 15rem;
  margin: 0 auto;
}
.croed-wrap .crowd-box ul li {
  width: 4.75rem;
  height: 13.75rem;
  position: relative;
}
.croed-wrap .crowd-box ul li i {
  display: block;
  width: 4.75rem;
  height: 4.75rem;
  background: url('../img/ixon/crowd-icon-01.png') no-repeat center / contain;
  position: absolute;
  top: 0rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.croed-wrap .crowd-box ul li:nth-of-type(2) i {
  background: url('../img/ixon/crowd-icon-02.png') no-repeat center / contain;
}
.croed-wrap .crowd-box ul li:nth-of-type(3) i {
  background: url('../img/ixon/crowd-icon-03.png') no-repeat center / contain;
}
.croed-wrap .crowd-box ul li .crowd-des {
  width: 3rem;
  height: 10.2rem;
  background: #fff;
  -webkit-border-radius: 1.5rem;
     -moz-border-radius: 1.5rem;
          border-radius: 1.5rem;
  position: absolute;
  top: 3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.croed-wrap .crowd-box ul li .crowd-des .crowd-des-box {
  margin-top: 2rem;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  text-align: center;
}
.croed-wrap .crowd-box ul li .crowd-des .crowd-des-box h3 {
  display: inline-block;
  font-size: 0.55rem;
  color: #e98d57;
  font-weight: bold;
  padding: 0.5rem 0.125rem;
  border: 1px solid #e98d57;
  -webkit-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
     -moz-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
          border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
  margin-left: 0.575rem;
}
.croed-wrap .crowd-box ul li .crowd-des .crowd-des-box p {
  line-height: 0.75rem;
  font-size: 0.5rem;
  color: #e98d57;
  font-weight: bold;
  margin-left: 0.125rem;
}
.croed-wrap .crowd-box ul li .crowd-des a {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background: #febd86;
  -webkit-border-radius: 1.1rem 1.1rem 1.1rem 1.1rem;
     -moz-border-radius: 1.1rem 1.1rem 1.1rem 1.1rem;
          border-radius: 1.1rem 1.1rem 1.1rem 1.1rem;
  position: absolute;
  bottom: 0.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.croed-wrap .crowd-box ul li .crowd-des a span {
  display: block;
  line-height: 0.75rem;
  font-size: 0.5rem;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.advantage-wrap {
  width: 15rem;
  margin: 0 auto;
}
.advantage-wrap .advantage-top-img {
  width: 100%;
}
.advantage-wrap .advantage-top-img a {
  display: block;
}
.advantage-wrap .advantage-top-img a img {
  width: 100%;
  height: 9rem;
}
.advantage-wrap .advantage-box ul li {
  width: 7.5rem;
}
.advantage-wrap .advantage-box ul li:first-child {
  width: 7.525rem;
  position: relative;
}
.advantage-wrap .advantage-box ul li:first-child a {
  display: block;
}
.advantage-wrap .advantage-box ul li:first-child a img {
  width: 100%;
  height: 7.525rem;
}
.advantage-wrap .advantage-box ul li:first-child a {
  position: absolute;
  top: -1.575rem;
  left: 0;
}
.advantage-wrap .advantage-box ul li:first-child h3 {
  margin-top: 6.4rem;
}
.advantage-wrap .advantage-box ul li:last-child {
  width: 7.475rem;
}
.advantage-wrap .advantage-box ul li:last-child a {
  display: block;
}
.advantage-wrap .advantage-box ul li:last-child a img {
  width: 100%;
  height: 4.225rem;
}
.advantage-wrap .advantage-box ul li:last-child a {
  margin-top: 0.5rem;
}
.advantage-wrap .advantage-box ul li h3 {
  display: inline-block;
  margin-top: 0.375rem;
  margin-left: 0.25rem;
  line-height: 0.95rem;
  font-size: 0.625rem;
  color: #e67b4b;
  font-weight: bold;
  padding: 0 0.375rem;
  border: 1px solid #e67b4b;
  -webkit-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
     -moz-border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
          border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.advantage-wrap .advantage-box ul li p {
  width: 7rem;
  margin: 0 auto;
  line-height: 0.75rem;
  font-size: 0.5rem;
  color: #e67b4b;
  text-align: justify;
  margin-top: 0.25rem;
}
.advantage-wrap .advantage-box ul li .adv-radius-border {
  border: 1px solid #e67b4b;
  border-top: none;
  -webkit-border-radius: 0 0 1rem 1rem;
     -moz-border-radius: 0 0 1rem 1rem;
          border-radius: 0 0 1rem 1rem;
  padding-bottom: 0.25rem;
}
.sect-zx {
  display: block;
  width: 13.725rem;
  margin: 0 auto;
  line-height: 1.5rem;
  font-size: 0.625rem;
  color: #fff;
  text-align: center;
  background: #f2a267;
  -webkit-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
     -moz-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
          border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
  margin-top: 0.75rem;
}
.major-wrap {
  height: 25.325rem;
  margin-top: 0.75rem;
  background: url('../img/ixon/major-bg.jpg') no-repeat center / contain;
}
.major-wrap .major-box {
  width: 15rem;
  margin: 0 auto;
  padding-top: 3.75rem;
}
.major-wrap .major-box ul li {
  width: 7.05rem;
  margin-top: 0.5rem;
  text-align: center;
  background: #fff;
  padding-bottom: 0.375rem;
}
.major-wrap .major-box ul li a {
  display: block;
}
.major-wrap .major-box ul li a img {
  width: 100%;
  height: 4.475rem;
}
.major-wrap .major-box ul li h3 {
  line-height: 1.125rem;
  font-size: 0.625rem;
  color: #000;
  font-weight: bold;
}
.major-wrap .major-box ul li h4 {
  line-height: 0.625rem;
  font-size: 0.5rem;
  color: #f2a267;
}
.major-wrap .major-box ul li p {
  line-height: 0.625rem;
  font-size: 0.5rem;
  color: #4e4e4e;
}
.major-wrap .major-box ul li .double-btn {
  width: 6.075rem;
  margin: 0 auto;
}
.major-wrap .major-box ul li .double-btn a {
  width: 2.7rem;
  margin-top: 0.25rem;
  line-height: 0.825rem;
  font-size: 0.5rem;
  color: #fff;
  text-align: center;
  background: #f2a267;
  border: 1px solid #f2a267;
  -webkit-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
     -moz-border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
          border-radius: 0.15rem 0.15rem 0.15rem 0.15rem;
}
.major-wrap .major-box ul li .double-btn a:last-child {
  background: none;
  color: #000;
  border: 1px solid #a9a9a9;
}
.major-wrap .major-pagination-box {
  width: 14.975rem;
  margin: 0 auto;
}
.major-wrap .major-pagination-box span {
  width: 7.025rem;
  line-height: 1.3rem;
  font-size: 0.625rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05rem;
  border: 1px solid #fff;
}
.major-wrap .major-pagination-box .major-btn-active {
  background: #fff;
  color: #f2a267;
}
.major-wrap .double-btn-out {
  width: 14.75rem;
  margin: 0 auto;
}
.major-wrap .double-btn-out a {
  width: 7.15rem;
  margin-top: 0.5rem;
  line-height: 1.375rem;
  font-size: 0.6rem;
  color: #f2a267;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
     -moz-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
          border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
}
.production-wrap .production-box {
  width: 15rem;
  margin: 0 auto;
}
.production-wrap .production-box ul {
  margin-top: 0.5rem;
}
.production-wrap .production-box ul li:nth-of-type(1) a {
  width: 7.05rem;
}
.production-wrap .production-box ul li:nth-of-type(1) a:last-child {
  width: 7.75rem;
}
.production-wrap .production-box ul li:nth-of-type(1) a:last-child img {
  width: 100%;
  height: 4.175rem;
}
.production-wrap .production-box ul li:nth-of-type(1) a {
  display: block;
}
.production-wrap .production-box ul li:nth-of-type(1) a img {
  width: 100%;
  height: 8.65rem;
}
.production-wrap .production-box ul li:nth-of-type(1) .last {
  margin-top: 0.3rem;
}
.production-wrap .production-box ul li:nth-of-type(2) {
  margin-top: 0.25rem;
}
.production-wrap .production-box ul li:nth-of-type(2) a {
  width: 4.8rem;
}
.production-wrap .production-box ul li:nth-of-type(2) a {
  display: block;
}
.production-wrap .production-box ul li:nth-of-type(2) a img {
  width: 100%;
  height: 4.125rem;
}
.production-wrap .production-pagination span {
  width: 3.55rem;
  line-height: 1.25rem;
  font-size: 0.55rem;
  color: #e97f4a;
  text-align: center;
  font-weight: bold;
  background: #eeeeee;
}
.production-wrap .production-pagination .production-btn-active {
  color: #fff;
  background: #e97f4a;
}
.guide-wrap .guide-box {
  width: 15rem;
  margin: 0 auto;
}
.guide-wrap .guide-box ul li {
  margin-top: 0.5rem;
}
.guide-wrap .guide-box ul li .guide-des {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #fff8e6;
}
.guide-wrap .guide-box ul li .guide-des h3 {
  width: 4.55rem;
  margin: 0 auto;
  line-height: 1.2rem;
  font-size: 0.6rem;
  color: #fff;
  margin-top: 0.5rem;
  text-align: center;
  font-weight: bold;
  background: #eea86f;
  -webkit-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
     -moz-border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
          border-radius: 0.75rem 0.75rem 0.75rem 0.75rem;
}
.guide-wrap .guide-box ul li .guide-des p {
  width: 90%;
  margin: 0.25rem auto;
  line-height: 0.9rem;
  font-size: 0.5rem;
  color: #000;
  text-align: justify;
}
.guide-wrap .guide-box ul li .guide-img {
  width: 9.1rem;
}
.guide-wrap .guide-box ul li .guide-img a {
  display: block;
}
.guide-wrap .guide-box ul li .guide-img a img {
  width: 100%;
  height: 7.325rem;
}
.guide-wrap .guide-box ul li .radius-left {
  -webkit-border-radius: 1rem 0 0 1rem;
     -moz-border-radius: 1rem 0 0 1rem;
          border-radius: 1rem 0 0 1rem;
}
.guide-wrap .guide-box ul li .radius-right {
  -webkit-border-radius: 0 1rem 1rem 0;
     -moz-border-radius: 0 1rem 1rem 0;
          border-radius: 0 1rem 1rem 0;
}
.quest-wrap {
  background: #fff8e6;
  padding: 0.75rem 0;
}
.quest-wrap .quest-box {
  width: 15rem;
  margin: 0 auto;
}
.quest-wrap .quest-box ul li p {
  line-height: 1.5rem;
  font-size: 0.6rem;
  color: #000;
}
.quest-wrap .quest-box ul li .hot-p {
  color: #df4634;
}
.quest-wrap .quest-box ul li .hot-p i {
  display: inline-block;
  width: 0.85rem;
  height: 0.95rem;
  background: url('../img/ixon/hot-icon.png') no-repeat center / contain;
  vertical-align: -0.125rem;
}
.quest-wrap .quest-box ul li a {
  display: block;
  width: 4rem;
  height: 1rem;
  margin-top: 0.3rem;
  -webkit-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
     -moz-border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
          border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
  line-height: 1rem;
  font-size: 0.5rem;
  color: #fff;
  text-align: center;
  background: #e67b4b;
}