* {
  margin: 0;
  padding: 0;
}

body {
  font-size: .75rem;
  line-height: 1.5625rem;
  color: #555555;
  margin: 0 auto;
}

a {
  color: #555555;
  text-decoration: none;
}

a:hover {
  color: #ff4e00 !important;
}

img {
  border: 0;
}

ul,
li,
dl,
dt,
dd {
  list-style: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear:after {
  content: '';
  display: block;
  clear: both;
}

.center {
  width: 85vw;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-center {
  justify-content: center;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

html {
  font-size: 1rem;
}

button {
  border: none;
  transition: all .3s;
}

button:hover {
  box-shadow: 0.125rem 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.2);
}

/* header */
header .headerBox {
  height: 30.125rem;
  background: url("/image/01.jpg") no-repeat;
  background-size: cover;
}

.header_top {
  padding-top: 1.25rem;
  margin: 0 6.25rem;
}

.header_top .header_top_right {
  width: 100%;
  margin-left: auto;
  align-items: center;
  font-size: .9375rem;
}

.header_top .header_top_right a {
  color: #fff;
}

.header_item {
  width: calc(100% - 6.25rem);
  color: #fff;
  transform: translate(6.25rem, 6.375rem);
}

.header_item h3 {
  font-weight: 540;
  font-size: 1.6875rem;
}

.header_item div {
  margin: 1.9375rem 0;
  font-size: 1.0625rem;
}

button {
  background-color: #ff4e00;
  color: #fff;
  font-size: .75rem;
  padding: .625rem 1.25rem;
  border-radius: 62.4375rem;
  cursor: pointer;
}

.header_item_advantage {
  width: max-content;
  margin: 0 auto;
  transform: translateY(-2.375rem);
}

.header_item_advantage > div {
  background-color: #fff;
  width: 13.125rem;
  height: 4.375rem;
  text-align: center;
  line-height: 4.375rem;
  margin: 0 1.875rem;
  font-size: .9375rem;
  font-weight: 540;
  transition: all 0.5s;
  box-shadow: 0.125rem 0.125rem 0.125rem 0.125rem rgba(0, 0, 0, 0.2);
}

.header_item_advantage > div > h1 {
  font-size: 2rem;
  line-height: 3.75rem;
}

.header_item_advantage > div p {
  margin-left: .625rem;
  font-weight: 550;
}

.header_item_advantage .active {
  transform: translateY(-0.625rem);
}

.header_customize {
  padding-bottom: 8.125rem;
}

.header_customize > h4 {
  margin: 50px 0;
}

.header_customize div {
  margin-top: 1.25rem;
}

.header_customize img {
  width: 18.6875rem;
  height: 11.9375rem;
  margin: 0 .625rem;
  transition: all .5s;
}

.header_customize .header_customize_firstRow > :nth-child(3) {
  width: 25.375rem;
}

.header_customize .header_customize_lastRow > :nth-child(3) {
  width: 13.875rem;
}

.header_customize .header_customize_lastRow > :nth-child(4) {
  width: 10.0625rem;
}

.header_customize > div > img:hover {
  transform: translate(-10px, -10px);
  box-shadow: 2px 2px 6px 4px rgba(255, 192, 203, 0.767);
}

h4 {
  text-align: center;
  font-size: 1.875rem;
}

section > .swiperBox {
  height: 34.5rem;
  background: url("/image/02.jpg") no-repeat;
  background-size: cover;
}

section > .swiperBox > h4 {
  padding: 3.95rem 0 3.75rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.75rem;
}

section .section_box {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  width: 1104px;
  height: 24.1875rem;
  margin: 0 auto;
}

section .section_box .inner_box {
  width: 600%;
  height: 22.9375rem;
  display: flex;
  position: absolute;
  transition: all .5s;
  left: 0;
}

section .section_box .section_box_swiper {
  width: 276px;
  height: inherit;
  transition: all .5s;
  z-index: 1;
  cursor: pointer;
}

section .section_box .section_box_swiper > a {
  width: 100%;
  height: 100%;
}

section .section_box .section_box_swiper > a > div {
  width: inherit;
  height: inherit;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #fff;
  font-size: 1.25rem;
  position: relative;
}

section .section_box .section_box_swiper > a > div > a {
  color: #fff;
  font-size: .75rem;
  position: absolute;
  top: 15.625rem;
}

section .section_box .section_box_swiper .baner1 {
  background: url("/image/swiper1.jpg") no-repeat;
  background-size: cover;
}

section .section_box .section_box_swiper .baner2 {
  background: url("/image/swiper2.jpg") no-repeat;
  background-size: cover;
}

section .section_box .section_box_swiper .baner3 {
  background: url("/image/swiper3.jpg") no-repeat;
  background-size: cover;
}

section .section_box .section_box_swiper .baner4 {
  background: url("/image/swiper4.jpg") no-repeat;
  background-size: cover;
}

section .section_box .section_box_swiper .baner5 {
  background: url("/image/swiper5.jpg") no-repeat;
  background-size: cover;
}

section .section_box .section_box_swiper .baner6 {
  background: url("/image/swiper6.jpg") no-repeat;
  background-size: cover;
}

section .section_box .section_box_swiper .baner7 {
  background: url("/image/swiper7.jpg") no-repeat;
  background-size: cover;
}

section .section_box .section_box_swiper .shade {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.211765);
}

section .section_box .section_box_swiper .shade:hover {
  z-index: 99;
  background-color: transparent;
}

section .section_box .section_box_swiper:hover {
  transform: scale(1.1);
  background-color: transparent;
}

section .section_box .swiper_prev {
  width: .9563rem;
  height: .9563rem;
  background: url("https://junhe.oss-cn-beijing.aliyuncs.com/newgw/app/static/btn_l.png") no-repeat;
  background-size: cover;
  left: .625rem;
  top: calc((22.9375rem / 2) + .9563rem);
  cursor: pointer;
  z-index: 10;
}

section .section_box .swiper_next {
  width: .9563rem;
  height: .9563rem;
  background: url("https://junhe.oss-cn-beijing.aliyuncs.com/newgw/app/static/jiantouright.png") no-repeat;
  background-size: cover;
  right: .625rem;
  top: calc((22.9375rem / 2) + .9563rem);
  cursor: pointer;
  z-index: 10;
}

section .section_box .swiper_disabled {
  opacity: .35;
  cursor: auto;
}

.section_box2 {
  padding: 4.5rem 0;
}

.section_box2 > h4 {
  color: #181616;
  font-size: 1.5625rem;
  font-weight: 540;
}

.section_box2 .section_box2_img {
  margin-top: 5rem;
}

.section_box2 .section_box2_img > img {
  width: 17.1875rem;
  height: 20.625rem;
}

.section_box2 .section_box2_img > img:hover {
  box-shadow: .1875rem .1875rem .625rem .125rem pink;
}

.section_box3_anli {
  width: 100%;
  height: 37.5rem;
  background: url("/image/11.jpg");
  background-size: cover;
}

.section_box3_anli .section_box3_anli_text {
  width: 62.5rem;
  height: 37.5rem;
  color: #000;
  transform: translate(11.25rem, 12.625rem);
}

.section_box3_anli .section_box3_anli_text > h4 {
  text-align: left;
  font-weight: 500;
}

.section_box3_anli .section_box3_anli_text > p {
  width: 16.25rem;
  padding: 2.1875rem 0;
}

.section_box3_anli .section_box3_anli_text > button {
  background-color: #FE0000;
}

.section_box4 {
  text-align: center;
  padding: 5rem 0;
}

.section_box4 > h4 {
  font-size: 1.5625rem;
}

.section_box4 > p {
  padding-top: 1.875rem;
  font-size: .9375rem;
}

footer {
  width: 100%;
  height: 18.75rem;
  background: url("/image/12.jpg") no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
}

footer .footer_text {
  margin: auto;
}

footer .footer_text > h4 {
  font-size: 1.5625rem;
}

footer .footer_text > h4 > span {
  color: #fe0000;
  font-size: 1.875rem;
}

footer .footer_text > p {
  margin: 1.25rem 0;
}

footer .footer_text > a {
  border: none;
  background-color: #fff;
  padding: .625rem 1.875rem;
  color: #3B54EC;
  cursor: pointer;
}

.footer_bottom {
  width: 100%;
  padding-top: 3.125rem;
  background-color: #17171a;
  text-align: center;
  font-size: .9375rem;
  flex-direction: column;
}

.footer_bottom a {
  color: #666;
  font-size: .75rem;
}

.footer_bottom .footer_bottom_one {
  margin: 0 auto;
  width: 80vw;
}

.footer_bottom .footer_bottom_one ul {
  text-align: left;
}

.footer_bottom .footer_bottom_one ul ol {
  color: #fff;
  padding: .625rem 0;
}

.footer_bottom .footer_bottom_one ul li {
  height: 1.4375rem;
  font-size: .75rem;
}

.footer_bottom .footer_bottom_two {
  width: 80vw;
  margin: 3.125rem auto 0;
  border-top: .0625rem solid #2f2f31;
  padding: 2.1875rem 0;
  font-size: .75rem;
}

.footer_bottom .footer_bottom_two > p {
  display: inline-block;
}

.footer_bottom .footer_bottom_two > p > a {
  color: #666;
}

.footer_bottom .footer_bottom_two > a {
  color: #666;
}

/* ScrollToTop */
a.back-to-top {
  display: none;
  position: fixed;
  bottom: 18px;
  right: 15px;
  text-decoration: none;
}

a.back-to-top i {
  display: block;
  font-size: 22px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  background: #3d60f4;
  border-radius: 30px;
  text-align: center;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

a.back-to-top:hover, a.back-to-top:focus {
  text-decoration: none;
}