/*----------------banner-----------------start*/
.ui-banner {
  height: 580px;
}
.swiper-container {
  height: 580px;
}
.swiper-container:hover #swiper-next1,
.swiper-container:hover #swiper-prev1 {
  opacity: 1;
}
.ui-banner  a {
  font-size: 0;
}
.my-bullet {
  width: 10px;
  height: 10px;
  background: #cccccc;
  display: inline-block;
  border-radius: 50%;
  margin: 0 3px;
  cursor: pointer;
}
.my-bullet-active {
  width: 30px;
  background: #ff6600;
  border-radius: 4px;
}
#swiper-next1 {
  width: 70px;
  height: 160px;
  background: url("../images/arrow-right.png")/*tpa=http://jj1.boyue.ink/images/arrow-right.png*/ no-repeat center;
  right: 26px;
  top: 206px;
  opacity: 0;
  border-radius: 4px;
}
#swiper-next1:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
#swiper-prev1 {
  width: 70px;
  height: 160px;
  background: url("../images/arrow-left.png")/*tpa=http://jj1.boyue.ink/images/arrow-left.png*/ no-repeat center;
  left: 26px;
  top: 206px;
  opacity: 0;
  border-radius: 4px;
}
#swiper-prev1:hover {
  background-color: rgba(0, 0, 0, 0.6);
}
/*----------------banner-----------------end*/

/*----------------主体-----------------start*/
.ui-develop-one {
  background: #fff;
}
.ui-develop-one-box {
  width: 1389px;
  height: 536px;
  margin: 0 auto;
  padding-top: 22px;
  text-align: center;
}
.ui-one-title,
.ui-two-title,
.ui-three-title,
.ui-four-title,
.ui-process-title {
  font-size: 0;
}
.ui-title-line {
  height: 2px;
  display: inline-block;
  vertical-align: middle;
}
.ui-title-text {
  vertical-align: middle;
  font-size: 40px;
}
.line-one {
  width: 525px;
  background: #c9c9c9;
}
.text-one {
  color: #4d4d4d;
  margin: 0 88px 0 85px;
}
.ui-one-title + p {
  font-size: 18px;
  color: #4d4d4d;
  margin-top: 16px;
}
.ui-game-list {
  font-size: 0;
}
.ui-game-list > li {
  display: inline-block;
  margin-top: 56px;
  margin-left: 86px;
  font-size: 0;
}
.ui-game-list > li:first-child {
  margin-left: 0;
}
.ui-game-list > li p {
  font-size: 40px;
  color: #4d4d4d;
  margin-top: 20px;
}
.ui-develop-two {
  background: #2a2a2a;
}
.ui-develop-two-box {
  width: 1389px;
  height: 786px;
  margin: 0 auto;
  padding-top: 22px;
  text-align: center;
}
.line-two {
  width: 527px;
  background: #faa43a;
}
.text-two {
  color: #faa43a;
  margin: 0 58px;
}
.ui-two-title + p {
  font-size: 18px;
  color: #ffffff;
  margin-top: 16px;
}
.ui-h5-intro > img {
  width: 1176px;
  margin: 71px 0 0 150px;
}
.ui-develop-three {
  background: #ffffff;
}
.ui-develop-three-box {
  width: 1389px;
  height: 786px;
  margin: 0 auto;
  padding-top: 22px;
  text-align: center;
}
.line-three {
  width: 500px;
  background: #c9c9c9;
}
.text-three {
  color: #4d4d4d;
  margin: 0 42px;
}
.ui-three-title + p {
  font-size: 18px;
  color: #4d4d4d;
  margin-top: 16px;
}
.ui-u3d-intro > img {
  width: 80%;
}
.ui-develop-four {
      background: #2a2a2a;
}
.ui-develop-four-box {
  width: 1389px;
  height: 666px;
  margin: 0 auto;
  padding-top: 22px;
  text-align: center;
}
.line-four {
  width: 570px;
  background: #faa43a;
}
.text-four {
  color: #faa43a;
  margin: 0 20px;
}
.ui-why-list {
  font-size: 0;
}
.ui-why-profile {
  width: 316px;
  height: 542px;
  margin-left: 34px;
  margin-top: 74px;
  display: inline-block;
  vertical-align: middle;
}
.ui-why-profile:first-child {
  margin-left: 0;
}
.why-one {
  background: url("../images/profile_1.png")/*tpa=http://jj1.boyue.ink/images/profile_1.png*/ no-repeat center;
}
.why-two {
  background: url("../images/profile_2.png")/*tpa=http://jj1.boyue.ink/images/profile_2.png*/ no-repeat center;
}
.why-three {
  background: url("../images/profile_3.png")/*tpa=http://jj1.boyue.ink/images/profile_3.png*/ no-repeat center;
}
.why-four {
  background: url("../images/profile_4.png")/*tpa=http://jj1.boyue.ink/images/profile_4.png*/ no-repeat center;
}
.ui-why-title {
  margin-top: 142px;
}
.why-one > .ui-why-title > p {
  font-size: 30px;
  color: #58c2c8;
}
.why-two > .ui-why-title > p {
  font-size: 30px;
  color: #fdcc6c;
}
.why-three > .ui-why-title > p {
  font-size: 30px;
  color: #ad9cfb;
}
.why-four > .ui-why-title > p {
  font-size: 30px;
  color: #f06d58;
}
.ui-why-profile > p {
  font-size: 23px;
  margin-top: 48px;
  padding: 0 30px;
  letter-spacing: 2px;
  text-align: left;
}
.why-one > p {
  color: #58c2c8;
}
.why-two > p {
  color: #fdcc6c;
}
.why-three > p {
  color: #836bf1;
}
.why-four > p {
  color: #d86b5a;
}
.ui-process {
  background: #fff;
}
.ui-process-box {
  width: 1389px;
  height: 586px;
  margin: 0 auto;
  padding-top: 22px;
  text-align: center;
}
.line-process {
  width: 526px;
  background: #c9c9c9;
}
.text-process {
  color: #4d4d4d;
  margin: 0 84px;
}
.ui-process-img > img {
  width: 1257px;
  margin-top: 160px;
}
/*----------------主体-----------------end*/