body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select,
header,
footer,
div {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  line-height: 1;
}
input[type='text'],
input[type='button'],
input[type='submit'],
input[type='reset'],
select,
textarea,
button {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 100px white inset;
}
body {
  background: #fff;
  -webkit-text-size-adjust: 100%;
  color: #1e1e1e;
  font-family: Arial;
}
a {
  color: #1e1e1e;
  text-decoration: none!important;
}
a:hover {
  text-decoration: none!important;
}
em {
  font-style: normal;
}
li {
  list-style: none;
}
img {
  border: 0;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
p {
  word-wrap: break-word;
}
.fontB {
  text-transform: uppercase;
}
.flex {
  display: flex;
  align-items: center;
}
.text_1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text_2 {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (min-width: 1681px) {
  html {
    font-size: 10px;
  }
}
@media screen and (max-width: 1680px) and (min-width: 1440px) {
  html {
    font-size: 9px;
  }
}
@media screen and (max-width: 1439px) and (min-width: 1360px) {
  html {
    font-size: 8px;
  }
}
@media screen and (max-width: 1359px) {
  html {
    font-size: 6px;
  }
}
@media screen and (min-width: 751px) {
  .pc-hide {
    display: none!important;
  }
}
html {
  position: relative;
}
.body_act {
  width: 100%;
  overflow: hidden;
}
.jt_up {
  position: fixed;
  right: 2rem;
  bottom: 3rem;
  z-index: 1000;
  cursor: pointer;
}
.jt_up img {
  width: 8rem;
  height: 8rem;
}
.pages {
	text-align: center;
	margin-top: 40px;
	font-size: 16px;
}

.pages li {
	display: inline-block;
	vertical-align: top;

}
.appInfo .box:nth-child(2),.appInfo .box:nth-child(3){
	display: none;
}
.pages li a {
	display: block;
	background: #fff;
	padding: 6px 12px;
	font-size: 13px;
	color: rgb(90, 88, 88);
	border-radius: 5px;
	border: 2px solid #efeff0;
}

.pages li:hover a,
.pages li.active a {
	background: #351F68;
	color: #fff;
}
.p.text_2 {
    font-size: 14px;
}
.pageWidth {
  width: calc(100% - 12rem);
  margin: 0 auto;
}
.container {
  width: calc(100% - 38rem);
  margin: 0 auto;
}
header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100000;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 0 2rem;
}
header .worp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .logo {
  justify-content: flex-start;
}
header .logo img {
  width: auto;
  height: 70px;
}
header .logo span {
  font-size: 1.8rem;
  color: #191919;
  margin-left: 1.7rem;
}
header .nav_box .item {
  height: 10rem;
  justify-content: center;
  margin: 0 3.5rem;
  position: relative;
}
header .nav_box .item:hover > span,
header .nav_box .item:hover > a {
  color: #351F68;
}
header .nav_box .item > span,
header .nav_box .item > a {
  font-size: 2.2rem;
  color: #545454;
  cursor: pointer;
}
header .nav_box .item .down_box {
  position: absolute;
  top: 110%;
  left: -27rem;
  background: #fff;
  box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.1);
  display: flex;
  transition: all 0.5s;
  visibility: hidden;
  opacity: 0;
  z-index: 1000;
}
header .nav_box .item .down_box .intro {
  width: 23rem;
  padding: 2.5rem;
  background: #F0F0F0;
  display: none;
}
header .nav_box .item .down_box .intro img {
  width: 18.1rem;
  height: 10.4rem;
  object-fit: cover;
  margin-bottom: 1.6rem;
}
header .nav_box .item .down_box .intro .t {
  font-size: 1.6rem;
  color: #262626;
  margin-bottom: 1.6rem;
}
header .nav_box .item .down_box .intro p {
  font-size: 1.2rem;
  color: #666666;
  line-height: 2.2rem;
}
header .nav_box .item .down_box .son_nav_box {
  display: flex;
  padding: 3rem 0;
  position: relative;
}
header .nav_box .item .down_box .son_nav_box .close_down {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
header .nav_box .item .down_box .son_nav_box .close_down svg {
  width: 1.2rem;
  height: 1.3rem;
}
header .nav_box .item .down_box .son_nav_box .left {
  padding: 0 4rem;
}
header .nav_box .item .down_box .son_nav_box .left a {
  white-space: nowrap;
  display: block;
  font-size: 1.6rem;
  color: #484848;
  margin-bottom: 2rem;
}
header .nav_box .item .down_box .son_nav_box .left a:hover {
  color: #2C489E;
}
header .nav_box .item .down_box .son_nav_box .right {
  display: none;
  border-left: 1px solid #E0E0E0;
  padding: 0 4rem;
}
header .nav_box .item .down_box .son_nav_box .right a {
  white-space: nowrap;
  display: block;
  font-size: 1.6rem;
  color: #484848;
  margin-bottom: 2rem;
}
header .nav_box .item .down_box_ts {
  left: inherit;
}
header .nav_box .act:after {
  content: '';
  width: 90%;
  height: 1px;
  background: #2C489E;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
header .tel_box svg {
  width: 3.8rem;
  height: 3.8rem;
  margin-right: 1rem;
}
header .tel_box span {
  font-size: 1.8rem;
  color: #333;
}
header .lang_box a {
  font-size: 1.4rem;
  color: #3E3E3E;
  width: 3.7rem;
  height: 3.7rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .lang_box span {
  font-size: 1.8rem;
  color: #585858;
  margin: 0 1.6rem;
}
header .lang_box .act {
  background: #351F68;
  color: #fff;
}
footer {
  background: #F7F7F7;
  padding: 3.2rem 0;
}
footer .top {
  justify-content: space-between;
  padding-bottom: 3.3rem;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 3.6rem;
}
footer .top a {
  font-size: 1.6rem;
  color: #070707;
  margin-right: 7.8rem;
}
footer .top img {
  width: 13.5rem;
}
footer .center {
  justify-content: space-between;
  padding-bottom: 3.3rem;
  border-bottom: 1px solid #E0E0E0;
  margin-bottom: 3.6rem;
}
footer .center .intro p {
  font-size: 1.6rem;
  color: #1D1D1D;
  margin: 0.8rem 0;
}
footer .center .img_group .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 2.1rem;
}
footer .center .img_group .item img {
  width: 11rem;
  height: 11rem;
  object-fit: cover;
}
footer .center .img_group .item span {
  font-size: 1.4rem;
  color: #383838;
  margin-top: 1.8rem;
}
footer .bot p {
  font-size: 1.4rem;
  color: #1D1D1D;
}
.banner {
  margin-top: 10rem;
  margin-bottom: 6.3rem;
}
.banner img {
  width: 100%;
  height: auto;
}
.common_title_box {
  justify-content: space-between;
}
.common_title_box .t {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
}
.common_title_box a span {
  font-size: 1.6rem;
}
.common_title_box a img {
  width: 2.2rem;
  margin-left: 1rem;
}
.common_title_box.icon .t img {
  width: 6rem;
  height: 6rem;
  margin-right: 3px;
}
.home_yy {
  margin-bottom: 8rem;
}
.home_yy .item_box {
  margin-top: 3.6rem;
  display: flex;
  flex-wrap: wrap;
}
.home_yy .item_box a {
    width: calc(16.6% - calc(4 / 5 * 1.3rem));
    margin-right: 1.3rem;
    margin-bottom: 1.6rem;
    box-sizing: border-box;
}
.home_yy .item_box a:nth-child(6n) {
  margin-right: 0;
}
.home_yy .item_box a > img {
  width: 100%;
  height: 19.6rem;
  object-fit: cover;
}
.home_yy .item_box a .p {
  font-size: 1.8rem;
  color: #000000;
  margin-top: 1.6rem;
  text-align: center;
}
.home_hx {
  margin-bottom: 8rem;
  text-align: center;
}
.home_hx .title_box {
  justify-content: space-between;
}
.home_hx .title_box .t {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
}
.home_hx .title_box .right p {
  padding: 0 2.4rem;
  height: 5.7rem;
  line-height: 5.7rem;
  text-align: center;
  border: 1px solid #E9E9E9;
  font-size: 1.6rem;
  color: #666666;
  margin-left: 3.7rem;
}
.home_hx .title_box .right .act {
  background: #351F68;
  border: 1px solid #351F68;
  color: #fff;
}
.home_hx .item_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
  margin-bottom: 4.4rem;
}
.home_hx .item_box a {
    width: calc(33.3333% - calc(2 / 3 * 4.5rem));
    margin-right: 1.3rem;
    /* width: calc(16.6% - calc(4 / 5 * 1.3rem)); */
    margin-bottom: 2rem;
    border: 1px solid #E0E0E0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    box-sizing: border-box;
    transition: border 0.4s;
}
.home_hx .item_box a:nth-child(6n) {
  margin-right: 0;
}
.home_hx .item_box a:hover {
  border: 1px solid #351F68;
}
.home_hx .item_box a .img_box {
  width: 100%;
  position: relative;
  padding-top: 80%;
  background: #f6f6f6;
  margin-bottom: 2.2rem;
}
.home_hx .item_box a .img_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}
.home_hx .item_box a .p1 {
  font-weight: bold;
  font-size: 2rem;
  color: #57636C;
  margin-bottom: 3rem;
  border-bottom: 1px solid #B6C1CA;
  padding-bottom: 4px;
}
.home_hx .item_box a .p2 {
  text-align: center;
  width: 90%;
  font-weight: bold;
  font-size: 2rem;
  color: #000000;
  margin-bottom: 1.2rem;
}
.home_hx .item_box a .p3 {
    font-size: 1.7rem;
    line-height: 21px;
    color: #8692A3;
}
.home_hx .more {
  display: inline-block;
  height: 3.9rem;
  line-height: 3.9rem;
  text-align: center;
  padding: 0 2.9rem;
  border: 1px solid #351F68;
  font-size: 1.4rem;
  color: #351F68;
}
.home_case {
  margin-bottom: 9rem;
}
.home_case .worp {
  margin-top: 3.5rem;
  position: relative;
}
.home_case .worp .next,
.home_case .worp .prev {
  width: 5.6rem;
  height: 5.6rem;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  cursor: pointer;
  transition: border 0.4s;
}
.home_case .worp .next img,
.home_case .worp .prev img {
  width: 3rem;
  height: 3rem;
}
.home_case .worp .next:hover,
.home_case .worp .prev:hover {
  border: 1px solid #351F68;
}
.home_case .worp .next {
  right: -4rem;
}
.home_case .worp .prev {
  left: -4rem;
}
.home_case .worp .prev img {
  transform: rotate(180deg);
}
.home_case .caseSwiper .swiper-slide .p {
  text-align: center;
  font-size: 1.6rem;
  color: #666666;
  margin-top: 1rem;
  line-height: 1.6;
}
.home_case .caseSwiper .swiper-slide .img_box {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.home_case .caseSwiper .swiper-slide .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home_new {
  margin-bottom: 8rem;
}
.home_new .big_new {
  margin-top: 3.7rem;
  margin-bottom: 5.7rem;
  background: #F7F7F7;
  align-items: flex-start;
}
.home_new .big_new .img_box {
  width: 50%;
  overflow: hidden;
}
.home_new .big_new .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home_new .big_new .text_box {
  flex: 1;
  overflow: hidden;
  padding: 4.4rem 8.6rem;
}
.home_new .big_new .text_box .date {
  font-size: 1.8rem;
  color: #9C9C9C;
  margin-bottom: 1.7rem;
}
.home_new .big_new .text_box .title {
  font-size: 2.6rem;
  color: #333333;
  line-height: 4.4rem;
  margin-bottom: 3.9rem;
}
.home_new .big_new .text_box .p {
  line-height: 1.6;
}
.home_new .big_new .text_box .p p,
.home_new .big_new .text_box span {
  font-size: 1.4rem;
  color: #666666;
  line-height: 3.8rem;
}
.home_new .big_new .text_box .more {
  font-size: 1.6rem;
  color: #351F68;
  margin-top: 5.7rem;
}
.home_new .list {
  align-items: flex-start;
  border-bottom: 1px solid #E3E3E3;
  padding-bottom: 4.7rem;
  margin-bottom: 2.5rem;
}
.home_new .list:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.home_new .list img {
  width: 37.9rem;
  height: 23rem;
  object-fit: cover;
}
.home_new .list .text_box {
  margin-top: 1.4rem;
  flex: 1;
  overflow: hidden;
  padding: 0 7rem;
}
.home_new .list .text_box .title {
  font-size: 2rem;
  color: #333333;
  margin-bottom: 2.4rem;
}
.home_new .list .text_box .p p,
.home_new .list .text_box span {
  font-size: 1.4rem;
  color: #666666;
  line-height: 3.8rem;
}
.home_new .list .text_box .more {
  margin-top: 3rem;
  font-size: 1.4rem;
  color: #351F68;
}
.home_new .list .date {
  margin-top: 3rem;
}
.home_new .list .date p {
  text-align: center;
}
.home_new .list .date p:first-child {
  font-size: 4.3rem;
  color: #351F68;
}
.home_new .list .date p:last-child {
  font-size: 1.4rem;
  color: #351F68;
  margin-top: 4px;
}
.banner_ {
  margin-top: 10rem;
}
.banner_ img {
  width: 100%;
  height: 50rem;
  object-fit: cover;
}
.product {
  margin-top: 6.7rem;
  margin-bottom: 8rem;
  text-align: center;
}
.product .box {
  margin-bottom: 8.5rem;
}
.product .box .title_box {
  justify-content: space-between;
}
.product .box .title_box .t {
  font-weight: bold;
  font-size: 2.4rem;
  color: #7b5ca4;
}
.product .box .title_box .right p {
  padding: 0 2.4rem;
  height: 5.7rem;
  line-height: 5.7rem;
  text-align: center;
  border: 1px solid #E9E9E9;
  font-size: 1.6rem;
  color: #666666;
  margin-left: 3.7rem;
}
.product .box .title_box .right .act {
  background: #351F68;
  border: 1px solid #351F68;
  color: #fff;
}
.product .box .item_box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4.6rem;
  margin-bottom: 4.4rem;
}
.product .box .item_box a {
  width: calc(25% - calc(3 / 4 * 2.9rem));
  margin-right: 2.9rem;
  margin-bottom: 2rem;
  border: 1px solid #E0E0E0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem;
  box-sizing: border-box;
  transition: border 0.4s;
}
.product .box .item_box a:nth-child(4n) {
  margin-right: 0;
}
.product .box .item_box a:hover {
  border: 1px solid #351F68;
}
.product .box .item_box a .img_box {
  width: 100%;
  position: relative;
  padding-top: 80%;
  background: #f6f6f6;
  margin-bottom: 2.2rem;
}
.product .box .item_box a .img_box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
}
.product .box .item_box a .p1 {
  font-weight: bold;
  font-size: 1.4rem;
  color: #57636C;
  margin-bottom: 3rem;
  border-bottom: 1px solid #B6C1CA;
  padding-bottom: 0.6rem;
}
.product .box .item_box a .p2 {
  text-align: center;
  width: 90%;
  font-size: 2rem;
  color: #000000;
  margin-bottom: 1rem;
}
.product .box .item_box a .p3 {
  font-size: 1.4rem;
  color: #8692A3;
}
.apply {
  margin-top: 3.2rem;
}
.apply .box1 {
  margin-bottom: 7.2rem;
}
.apply .box1 .title {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  margin-bottom: 4.7rem;
}
.apply .box1 .worp {
  position: relative;
}
.apply .box1 .worp .next,
.apply .box1 .worp .prev {
  width: 5.6rem;
  height: 5.6rem;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  transition: border 0.4s;
  cursor: pointer;
}
.apply .box1 .worp .next img,
.apply .box1 .worp .prev img {
  width: 3rem;
  height: 3rem;
}
.apply .box1 .worp .next:hover,
.apply .box1 .worp .prev:hover {
  border: 1px solid #351F68;
}
.apply .box1 .worp .next {
  right: -4rem;
}
.apply .box1 .worp .prev {
  left: -4rem;
}
.apply .box1 .worp .prev img {
  transform: rotate(180deg);
}
.apply .box1 .swiper1 .swiper-slide .item,
.apply .box1 .swiper2 .swiper-slide .item {
  width: 100%;
}
.apply .box1 .swiper1 .swiper-slide .item .img_box,
.apply .box1 .swiper2 .swiper-slide .item .img_box {
  width: 100%;
  position: relative;
  padding-top: 100%;
}
.apply .box1 .swiper1 .swiper-slide .item .img_box img,
.apply .box1 .swiper2 .swiper-slide .item .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.apply .box1 .swiper1 .swiper-slide .item .text_box,
.apply .box1 .swiper2 .swiper-slide .item .text_box {
  margin-top: 2rem;
}
.apply .box1 .swiper1 .swiper-slide .item .text_box .num,
.apply .box1 .swiper2 .swiper-slide .item .text_box .num {
  display: none;
  font-size: 2.8rem;
  color: #000000;
  border-right: 1px solid #B5B5B5;
  margin-right: 2rem;
  padding-right: 2.5rem;
}
.apply .box1 .swiper1 .swiper-slide .item .text_box .p,
.apply .box1 .swiper2 .swiper-slide .item .text_box .p {
  width: 100%;
}
.apply .box1 .swiper1 .swiper-slide .item .text_box .p p:first-child,
.apply .box1 .swiper2 .swiper-slide .item .text_box .p p:first-child {
  font-size: 2.6rem;
  color: #333333;
}
.apply .box1 .swiper1 .swiper-slide .item .text_box .p p:last-child,
.apply .box1 .swiper2 .swiper-slide .item .text_box .p p:last-child {
  font-size: 1.6rem;
  color: #676767;
  margin-top: 9px;
}
.apply .box {
  margin-bottom: 12rem;
}
.apply .box .title {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  margin-bottom: 4.7rem;
}
.apply .box .item_box {
  margin-top: 3.6rem;
  display: flex;
  flex-wrap: wrap;
}
.apply .box .item_box a {
  width: calc(20% - calc(4 / 5 * 1.3rem));
  margin-right: 1.3rem;
  margin-bottom: 1.6rem;
  box-sizing: border-box;
}
.apply .box .item_box a:nth-child(5n) {
  margin-right: 0;
}
.apply .box .item_box a > img {
  width: 100%;
  height: 19.6rem;
  object-fit: cover;
}
.apply .box .item_box a .p {
  font-size: 1.8rem;
  color: #000000;
  margin-top: 1.6rem;
  text-align: center;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination li {
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #f5f5f5;
  margin-right: 1.2rem;
  cursor: pointer;
}
.pagination li a,
.pagination li span {
  font-size: 1.6rem;
  line-height: 0;
}
.pagination .active {
  background: #351F68;
  color: #fff;
}
.appInfo {
  width: calc(100% - 38rem);
  margin: 7rem auto;
}
.appInfo .box {
  margin-bottom: 6rem;
}
.appInfo .content {
  margin-top: 3rem;
}
.appInfo .content p,
.appInfo .content span {
  font-size: 1.6rem !important;
  line-height: 3.8rem;
  text-wrap-mode: wrap!important;
}
.appInfo .content img {
  width: 100%;
}
.appInfo .content table {
  width: 100%;
  float: inherit;
}
.appInfo .content li {
  list-style: disc;
}
.common_title_box2 {
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #E3E3E3;
}
.common_title_box2 p {
  font-size: 2.8rem;
  color: #000000;
  border-left: 3px solid #351F68;
  padding-left: 1.5rem;
}
.caseInfo_box {
  flex-wrap: wrap;
  margin-top: 4rem;
}
.caseInfo_box a {
  width: calc(25% - calc(3 / 4 * 3rem));
  margin-right: 3rem;
  margin-bottom: 2rem;
}
.caseInfo_box a:nth-child(4n) {
  margin-right: 0;
}
.caseInfo_box a .img_box {
  width: 100%;
  position: relative;
  padding-top: 100%;
}
.caseInfo_box a .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.caseInfo_box a .p {
  font-size: 1.8rem;
  color: #000000;
  margin-top: 1.6rem;
  text-align: center;
}
.news {
  padding-top: 13rem;
}
.newsInfo {
  width: calc(100% - 92rem);
  margin: 3rem auto;
  padding-top: 13rem;
}
.newsInfo .foot_ {
  margin-top: 3rem;
}
.newsInfo .foot_ a {
  display: block;
  font-size: 1.4rem;
  color: #666666;
  line-height: 3rem;
}
.newsInfo .title {
  font-size: 3.2rem;
  line-height: 3.8rem;
  color: #1A1A1A;
  text-align: center;
  margin-bottom: 1.9rem;
}
.newsInfo .date {
  font-size: 1.6rem;
  color: #666666;
  line-height: 3.8rem;
  text-align: center;
}
.newsInfo .content {
  margin-top: 3rem;
}
.newsInfo .content p,
.newsInfo .content span {
  font-size: 1.6rem !important;
  line-height: 3.8rem;
  text-wrap-mode: wrap!important;
}
.newsInfo .content img {
  width: 100%;
}
.newsInfo .content table {
  width: 100%;
  float: inherit;
}
.newsInfo .content li {
  list-style: disc;
}
.join_us {
  padding-top: 12rem;
  margin-bottom: 3rem;
}
.join_us .bot_box {
  margin-top: 6rem;
}
.join_us .bot_box .box {
  margin-bottom: 5rem;
}
.join_us .bot_box .line {
  width: 8rem;
  height: 0.8rem;
  background: #351F68;
  margin-bottom: 2.8rem;
}
.join_us .bot_box .t {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 3rem;
}
.join_us .bot_box p {
  font-size: 1.6rem;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.join_us .bot_box .img_group {
  margin-top: 4rem;
}
.join_us .bot_box .img_group .img_item {
  margin-right: 6rem;
}
.join_us .bot_box .img_group .img_item img {
  width: auto;
  height: 10rem;
}
.join_us .bot_box .img_group .img_item p {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 2rem;
}
.join_us .main .tab {
  width: 100%;
  height: 6.5rem;
  background: #351F68;
  display: flex;
  align-items: center;
  padding: 0 12.8rem;
  margin-bottom: 2rem;
}
.join_us .main .tab p {
  color: #fff;
  font-size: 1.8rem;
}
.join_us .main .tab p:nth-child(1) {
  width: 35rem;
}
.join_us .main .tab p:nth-child(2) {
  width: 23rem;
}
.join_us .main .tab p:nth-child(3) {
  width: 23rem;
}
.join_us .main .down_box {
  background: #fff;
  padding: 4rem 8rem;
  padding-left: 12.8rem;
  display: none;
  background: #F7F7F7;
}
.join_us .main .down_box .text_box {
  margin-bottom: 5.8rem;
}
.join_us .main .down_box .text_box .name {
  font-size: 2rem;
  margin-bottom: 2.6rem;
}
.join_us .main .down_box .text_box p {
  font-size: 1.6rem;
  line-height: 1.4;
  color: #666666;
}
.join_us .main .down_box .foot {
  display: flex;
  justify-content: flex-end;
}
.join_us .main .down_box .btn {
  border: 1px solid #351F68;
  background: #fff;
  color: #351F68;
  font-size: 1.4rem;
  display: inline-block;
  padding: 1rem 2.5rem;
}
.join_us .main .list {
  width: 100%;
  height: 9rem;
  display: flex;
  align-items: center;
  padding: 0 12.8rem;
  border-bottom: 1px solid #ebebeb;
  transition: all 0.3s;
  position: relative;
  cursor: pointer;
}
.join_us .main .list svg {
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  right: 8rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.join_us .main .list:hover {
  background: #ebebeb;
}
.join_us .main .list p {
  color: #000;
  font-size: 1.8rem;
  color: #1B1B1B;
}
.join_us .main .list p:nth-child(1) {
  width: 35rem;
}
.join_us .main .list p:nth-child(2) {
  width: 23rem;
}
.join_us .main .list p:nth-child(3) {
  width: 23rem;
}
.join_us .main .act {
  background: #ebebeb;
}
.join_us .main .act svg {
  transform: translateY(-50%) rotate(180deg);
}
.contant {
  padding-top: 10rem;
}
.contant .main {
  background: #F7F7F7;
  padding: 13rem 0;
  padding-left: 29.5rem;
  padding-right: 6rem;
}
.contant .main .left {
  /* flex: 1; */
  overflow: hidden;
}
.contant .main .t {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 1.5rem;
  margin-bottom: 3.9rem;
}
.contant .main p {
  font-size: 1.8rem;
  color: #666666;
  margin-bottom: 2rem;
  line-height: 1.5;
}
.contant .main .right {
  padding-left: 7rem;
}
.contant .main .right .map {
  width: 44rem;
  height: 44rem;
  margin-left: 2.2rem;
}
.contant .form_box {
  padding: 0 29.5rem;
  padding-top: 1.7rem;
  margin-bottom: 6.4rem;
}
.contant .form_box .t {
  font-weight: bold;
  font-size: 3.6rem;
  color: #333333;
  margin-bottom: 2.9rem;
}
.contant .form_box form {
  display: block;
  padding: 4.9rem 4.5rem 2.7rem;
  box-shadow: 0px 0px 20px 1px rgba(128, 128, 128, 0.16);
}
.contant .form_box form .list {
  justify-content: space-between;
  margin-bottom: 2rem;
}
.contant .form_box form .list_ {
  width: 100%;
  height: 6rem;
  background: #F7F7F7;
  padding: 0 2.9rem;
}
.contant .form_box form .list_ span {
  font-size: 1.6rem;
  color: #666666;
}
.contant .form_box form .list_ .radio_box {
  margin-left: 3rem;
}
.contant .form_box form .list_ .radio_box label {
  font-size: 1.6rem;
  color: #666666;
  margin-left: 3px;
}
.contant .form_box form .btn_box {
  text-align: center;
  margin-top: 2.5rem;
}
.contant .form_box form input[type='submit'] {
  height: 4.9rem;
  background: #351F68;
  color: #fff;
  font-size: 1.6rem;
  padding: 0 4.3rem;
}
.contant .form_box form .box {
  width: 48%;
  height: 6rem;
  background: #F7F7F7;
  padding: 0 2.9rem;
}
.contant .form_box form .box span {
  font-size: 1.6rem;
  color: #666666;
}
.contant .form_box form .box input {
  flex: 1;
  height: 100%;
  border: none;
  background: #F7F7F7;
  outline: none;
}
.pro1Info {
  width: calc(100% - 38rem);
  margin: 7rem auto;
}
.pro1Info > .box {
  margin-bottom: 6rem;
}
.pro1Info > .box form {
  display: block;
  padding: 4.9rem 4.5rem 2.7rem;
  box-shadow: 0px 0px 20px 1px rgba(128, 128, 128, 0.16);
  margin-top: 4.8rem;
}
.pro1Info > .box form .list {
  justify-content: space-between;
  margin-bottom: 2rem;
}
.pro1Info > .box form .list_ {
  width: 100%;
  height: 6rem;
  background: #F7F7F7;
  padding: 0 2.9rem;
}
.pro1Info > .box form .list_ span {
  font-size: 1.6rem;
  color: #666666;
}
.pro1Info > .box form .list_ .radio_box {
  margin-left: 3rem;
}
.pro1Info > .box form .list_ .radio_box label {
  font-size: 1.6rem;
  color: #666666;
  margin-left: 3px;
}
.pro1Info > .box form .btn_box {
  text-align: center;
  margin-top: 2.5rem;
}
.pro1Info > .box form input[type='submit'] {
  height: 4.9rem;
  background: #351F68;
  color: #fff;
  font-size: 1.6rem;
  padding: 0 4.3rem;
}
.pro1Info > .box form .box {
  width: 48%;
  height: 6rem;
  background: #F7F7F7;
  padding: 0 2.9rem;
}
.pro1Info > .box form .box span {
  font-size: 1.6rem;
  color: #666666;
}
.pro1Info > .box form .box input {
  flex: 1;
  height: 100%;
  border: none;
  background: #F7F7F7;
  outline: none;
}
.pro1Info > .box .worp {
  margin-top: 3.5rem;
  position: relative;
}
.pro1Info > .box .worp .next,
.pro1Info > .box .worp .prev {
  width: 5.6rem;
  height: 5.6rem;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  cursor: pointer;
  transition: border 0.4s;
}
.pro1Info > .box .worp .next img,
.pro1Info > .box .worp .prev img {
  width: 3rem;
  height: 3rem;
}
.pro1Info > .box .worp .next:hover,
.pro1Info > .box .worp .prev:hover {
  border: 1px solid #351F68;
}
.pro1Info > .box .worp .next {
  right: -4rem;
}
.pro1Info > .box .worp .prev {
  left: -4rem;
}
.pro1Info > .box .worp .prev img {
  transform: rotate(180deg);
}
.pro1Info > .box .caseSwiper .swiper-slide .p {
  text-align: center;
  font-size: 1.6rem;
  color: #666666;
  margin-top: 1rem;
}
.pro1Info > .box .caseSwiper .swiper-slide .img_box {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.pro1Info > .box .caseSwiper .swiper-slide .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro1Info .box1 {
  flex-wrap: wrap;
  margin-top: 4rem;
}
.pro1Info .box1 .item {
  width: calc(20% - calc(4 / 5 * 2.2rem));
  margin-right: 2.2rem;
  margin-bottom: 2.2rem;
}
.pro1Info .box1 .item:nth-child(5n) {
  margin-right: 0;
}
.pro1Info .box1 .item .img_box {
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
}
.pro1Info .box1 .item .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pro1Info .box1 .item .img_box p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5.3rem;
  background: rgba(0, 0, 0, 0.7);
  font-weight: bold;
  font-size: 1.6rem;
  color: #FFFFFF;
  text-align: center;
  line-height: 5.3rem;
}
.pro1Info .tab_box {
  margin-top: 9.3rem;
  margin-bottom: 5.3rem;
}
.pro1Info .tab_box .nav {
  border-bottom: 1px solid #E3E3E3;
}
.pro1Info .tab_box .nav span {
  font-size: 2.8rem;
  color: #000000;
  margin-right: 6.8rem;
  padding-bottom: 3rem;
  cursor: pointer;
}
.pro1Info .tab_box .nav .act {
  border-bottom: 2px solid #351F68;
}
.pro1Info .tab_box .con {
  margin-top: 5rem;
  display: none;
}
.pro1Info .tab_box .con1 p,
.pro1Info .tab_box .con1 span {
  font-size: 1.4rem;
  line-height: 3.8rem;
  text-wrap-mode: wrap!important;
}
.pro1Info .tab_box .con1 img {
  width: 100%;
}
.pro1Info .tab_box .con1 table {
  width: 100%;
  float: inherit;
}
.pro1Info .tab_box .con1 li {
  list-style: disc;
}
.pro1Info .tab_box .con2 a {
  height: 5.7rem;
  line-height: 5.7rem;
  border-radius: 3rem;
  background: #351F68;
  font-size: 1.6rem;
  color: #FFFFFF;
  padding: 0 3rem;
  margin-right: 3rem;
}
.mask_box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100000;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.36s;
}
.mask_box .info_box {
  width: 50%;
  background: #fff;
  height: 100%;
  overflow-y: scroll;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5rem;
}
.mask_box .info_box .title {
  font-weight: bold;
  font-size: 29px;
  color: #000000;
  border-bottom: 1px solid #E7E7E7;
  padding-bottom: 3rem;
  margin-bottom: 2.8rem;
}
.mask_box .info_box .info_content img {
  width: 100%;
}
.mask_box .info_box .info_content .common_title_box2 {
  margin: 2.6rem 0;
}
.mask_box .info_box .info_content .content p,
.mask_box .info_box .info_content .content span {
  font-size: 1.6rem !important;
  color: #666666;
  line-height: 3.8rem;
  text-wrap-mode: wrap!important;
}
.mask_box .info_box .info_content .content table {
  width: 100%;
  float: inherit;
}
.mask_box .info_box .info_content .content li {
  list-style: disc;
}
.mask_box .form_box {
  width: 40.3rem;
  height: 43.9rem;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mask_box .form_box .top {
  background: #351F68;
  height: 7.2rem;
  justify-content: space-between;
  padding: 0 2.3rem;
  margin-bottom: 3.4rem;
}
.mask_box .form_box .top span {
  font-size: 2rem;
  color: #FFFFFF;
}
.mask_box .form_box .top img {
  width: 2rem;
  height: 2rem;
}
.mask_box .form_box .bot {
  display: flex;
  flex-direction: column;
  padding: 0 3rem;
}
.mask_box .form_box .bot input[type='text'] {
  border: 1px solid #CCCCCC;
  outline: none;
  height: 5rem;
  margin-bottom: 2.8rem;
  font-size: 1.6rem;
  padding-left: 1.2rem;
}
.mask_box .form_box .bot input[type='submit'] {
  background: #351F68;
  outline: none;
  border: none;
  height: 4.8rem;
  font-size: 1.6rem;
  color: #FFFFFF;
  margin-top: 0.8rem;
}
.mask_box .form_box2 {
  width: 100rem;
  padding-bottom: 3rem;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mask_box .form_box2 .top {
  background: #351F68;
  height: 7.2rem;
  justify-content: space-between;
  padding: 0 2.3rem;
  margin-bottom: 3.4rem;
}
.mask_box .form_box2 .top span {
  font-size: 2rem;
  color: #FFFFFF;
}
.mask_box .form_box2 .top img {
  width: 2rem;
  height: 2rem;
}
.mask_box .form_box2 .bot {
  padding: 0 3rem;
}
.mask_box .form_box2 .bot .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mask_box .form_box2 .bot input[type='text'] {
  width: 48%;
  border: 1px solid #CCCCCC;
  outline: none;
  height: 5rem;
  margin-bottom: 2.8rem;
  font-size: 1.6rem;
  padding-left: 1.2rem;
}
.mask_box .form_box2 .bot input[type='submit'] {
  width: 20rem;
  background: #351F68;
  outline: none;
  border: none;
  height: 4.8rem;
  font-size: 1.6rem;
  color: #FFFFFF;
  margin-top: 0.8rem;
}
.message_box {
  position: fixed;
  right: 0;
  bottom: 26rem;
  z-index: 1000;
  align-items: flex-end;
}
.message_box .mess_icon {
  width: 8rem;
  height: auto;
}
.message_box .box {
  background: #fff;
  margin-right: 1.8rem;
  padding: 2rem 1.5rem;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  display: none;
}
.message_box .box .list {
  margin-bottom: 2.2rem;
}
.message_box .box .list p {
  font-size: 1.6rem;
  margin-bottom: 5px;
}
.message_box .box .list:last-child {
  margin-bottom: 0;
}
.message_box .box .list .img_group {
  display: flex;
}
.message_box .box .list .img_group img {
  width: 10rem;
  height: auto;
  margin-right: 1rem;
}
.about {
  padding-top: 15rem;
}
.about .box2 {
  margin-bottom: 6rem;
}
.about .box2 .title {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  margin-bottom: 5.6rem;
}
.about .box2 .worp {
  position: relative;
}
.about .box2 .worp .line {
  background: #EBEBEB;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 21.5rem;
  left: 0;
}
.about .box2 .worp .top {
  position: relative;
  height: 22rem;
}
.about .box2 .worp .top:before {
  content: '';
  width: 1rem;
  height: 1rem;
  background: #E5E5E5;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.about .box2 .next,
.about .box2 .prev {
  width: 5.6rem;
  height: 5.6rem;
  background: #FFFFFF;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  top: calc(21.5rem - 5.6rem / 2);
  z-index: 100;
  cursor: pointer;
  transition: border 0.4s;
}
.about .box2 .next img,
.about .box2 .prev img {
  width: 3rem;
  height: 3rem;
}
.about .box2 .next:hover,
.about .box2 .prev:hover {
  border: 1px solid #351F68;
}
.about .box2 .next {
  right: -4rem;
}
.about .box2 .prev {
  left: -4rem;
}
.about .box2 .prev img {
  transform: rotate(180deg);
}
.about .box2 .aboutSwiper1 .img_box {
  width: 60%;
  position: relative;
  padding-top: 40%;
  overflow: hidden;
  margin: 0 auto;
}
.about .box2 .aboutSwiper1 .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about .box2 .aboutSwiper1 .year {
  font-size: 2.4rem;
  color: #666666;
  margin-top: 2.8rem;
  text-align: center;
}
.about .box2 .aboutSwiper1 .list_box {
  margin-top: 3.6rem;
}
.about .box2 .aboutSwiper1 .list_box .list span {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 3.8rem;
}
.about .box2 .aboutSwiper1 .list_box .list p {
  font-size: 1.4rem;
  color: #666666;
  line-height: 1.5;
}
.about .box4 {
  margin-bottom: 9rem;
  position: relative;
  padding-bottom: 9rem;
}
.about .box4 .title {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  margin-bottom: 5.6rem;
}
.about .box4 .next,
.about .box4 .prev {
  width: 5.6rem;
  height: 5.6rem;
  background: #EEEEEE;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  z-index: 100;
  cursor: pointer;
  transition: border 0.4s;
}
.about .box4 .next img,
.about .box4 .prev img {
  width: 3rem;
  height: 3rem;
}
.about .box4 .next:hover,
.about .box4 .prev:hover {
  border: 1px solid #351F68;
}
.about .box4 .next {
  right: 44%;
}
.about .box4 .prev {
  left: 44%;
}
.about .box4 .prev img {
  transform: rotate(180deg);
}
.about .aboutSwiper2 .swiper-slide {
  border: 1px solid #F2F2F2;
}
.about .aboutSwiper2 .swiper-slide p {
  text-align: center;
  font-size: 1.4rem;
  color: #666666;
  padding: 1.5rem 1rem;
}
.about .aboutSwiper2 .img_box {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #F2F2F2;
}
.about .aboutSwiper2 .img_box img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about .aboutSwiper3 .swiper-slide {
  border: 1px solid #F2F2F2;
}
.about .aboutSwiper3 .swiper-slide p {
  text-align: center;
  font-size: 1.4rem;
  color: #666666;
  padding: 1.5rem 1rem;
}
.about .aboutSwiper3 .img_box {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #F2F2F2;
}
.about .aboutSwiper3 .img_box img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about .box3 {
  margin-bottom: 8rem;
}
.about .box3 .title {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  margin-bottom: 5.6rem;
}
.about .box3 .worp {
  flex-wrap: wrap;
  align-items: stretch;
}
.about .box3 .worp .item {
  width: calc(33.333% - calc(2 / 3 * 1.6rem));
  margin-right: 1.6rem;
  background: #F5F5F5;
  box-shadow: 0px 0px 2rem 1px rgba(181, 181, 181, 0.5);
  border-radius: 2rem;
}
.about .box3 .worp .item:nth-child(3n) {
  margin-right: 0;
}
.about .box3 .worp .item img {
  width: 100%;
  height: auto;
}
.about .box3 .worp .item .intro {
  text-align: right;
  padding: 0 2.6rem;
  padding-bottom: 3rem;
}
.about .box3 .worp .item .intro p {
  font-size: 2rem;
  color: #817F7F;
  line-height: 2;
}
.about .box3 .worp .item .user {
  text-align: right;
  margin-top: 2.8rem;
  margin-bottom: 3rem;
  padding: 0 2.6rem;
}
.about .box3 .worp .item .user p {
  font-size: 2.2rem;
  color: #817F7F;
}
.about .box3 .worp .item .user p em {
  font-size: 3.6rem;
  color: #351F68;
  font-weight: bold;
}
.about .box3 .worp .item .user span {
  font-size: 2.2rem;
  color: #817F7F;
  line-height: 1.6;
}
.about .box5 {
  margin-bottom: 8rem;
}
.about .box5 .title {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  margin-bottom: 5.6rem;
}
.about .box5 .worp {
  flex-wrap: wrap;
  align-items: stretch;
}
.about .box5 .worp .item {
  width: calc(20% - calc(4 / 5 * 1.6rem));
  margin-right: 1.6rem;
  background: #F5F5F5;
  box-shadow: 0px 0px 2rem 1px rgba(181, 181, 181, 0.5);
  border-radius: 2rem;
}
.about .box5 .worp .item:nth-child(5n) {
  margin-right: 0;
}
.about .box5 .worp .item img {
  width: 100%;
  height: auto;
}
.about .box5 .worp .item .intro {
  text-align: right;
  padding: 0 2.6rem;
  padding-bottom: 1.8rem;
}
.about .box5 .worp .item .intro p {
  font-size: 1.4rem;
  color: #817F7F;
  line-height: 2;
}
.about .box5 .worp .item .user {
  text-align: right;
  margin-top: 2.8rem;
  margin-bottom: 1rem;
  padding: 0 2.6rem;
}
.about .box5 .worp .item .user p {
  font-size: 1.8rem;
  color: #817F7F;
}
.about .box5 .worp .item .user p em {
  font-size: 2.2rem;
  color: #351F68;
  font-weight: bold;
}
.about .box5 .worp .item .user span {
  font-size: 1.5rem;
  color: #817F7F;
  line-height: 1.6;
}
.about .box1 {
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 9rem;
}
.about .box1 .right .img_box {
  width: 40rem;
  height: 14.5rem;
  overflow: hidden;
  position: relative;
  margin-bottom: 2rem;
}
.about .box1 .right .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about .box1 .right .img_box .text_box {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 2.4rem;
  padding-bottom: 1.7rem;
}
.about .box1 .right .img_box .text_box p:first-child {
  font-size: 2.2rem;
  color: #FFFFFF;
}
.about .box1 .right .img_box .text_box p:last-child {
  font-size: 1.4rem;
  color: #FFFFFF;
  margin-top: 1.2rem;
}
.about .box1 .left {
  flex: 1;
  overflow: hidden;
  padding-right: 11rem;
}
.about .box1 .left .t {
  font-weight: bold;
  font-size: 3.6rem;
  color: #000000;
  margin-bottom: 3.9rem;
}
.about .box1 .left .intro p,
.about .box1 .left .intro span {
  font-size: 1.6rem;
  color: #666666;
  line-height: 4rem;
}
.download {
  margin-top: 20rem;
  margin-bottom: 9.8rem;
}
.download .title {
  font-weight: bold;
  font-size: 3.6rem;
  color: #333333;
  margin-bottom: 7rem;
}
.download .worp {
  align-items: flex-start;
}
.download .left {
  border-left: 1px solid #EFEFEF;
  width: 22%;
}
.download .left p {
  font-size: 2rem;
  color: #999999;
  margin-bottom: 6rem;
  padding-left: 2.4rem;
  cursor: pointer;
  transition: color 0.4s;
}
.download .left p:last-child {
  margin-bottom: 0;
}
.download .left p:hover {
  color: #351F68;
}
.download .left .act {
  border-left: 1px solid #351F68;
  color: #351F68;
}
.download .right {
  width: 78%;
  display: none;
}
.download .right .list {
  border: 1px solid #E0E0E0;
  margin-bottom: 2rem;
  padding: 2.2rem 3rem;
  position: relative;
}
.download .right .list .text_box {
  width: 70%;
  padding-left: 5rem;
  border-left: 1px solid #E0E0E0;
  margin-left: 5rem;
}
.download .right .list .text_box p {
  font-weight: bold;
  font-size: 1.8rem;
  color: #171717;
  margin-bottom: 1.4rem;
}
.download .right .list .text_box span {
  font-size: 1.4rem;
  color: #666666;
}
.download .right .list .img1 {
  width: 4rem;
  height: auto;
}
.download .right .list .img2 {
  width: 2rem;
  height: auto;
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
}