@font-face {
  font-family: 'Accidental-Presidency';
  src: url('../fonts/Accidental-Presidency.ttf')
}

:root {
  --color1: #005e9c;
  --color2: #119dad;
  --color3: #485779;
  --color4: #ed2b00;
  --color5: rgb(255 255 255 / 15%);
  --container-width: min(161.5rem, 100vw);
  --bn-height: 90rem;
  --head-height: 8.4rem;
  --shrinkhead-height: 6.5rem;
  --bodypadding: 8rem;
  --sctpadding: 0;
  --smenuheight: 7rem
}

@keyframes rotate {
  0% {
      transform: rotate(0deg)
  }

  100% {
      transform: rotate(360deg)
  }
}

html {
  font-size: 62.5%
}

html {
  position: relative;
}

html:before,
html:after {
  content: "";
  display: block;
  height: 100%;
  z-index: -3;
  position: absolute;
  left: 50%;
  top: 0;
  width: 1970px;
  background: #fff;
  margin-left: -985px;
  box-shadow: 0px 0px 17px rgb(205 228 252 / 37%);
}

html:before {
  z-index: -5;
  background: #f3f3f3;
  width: 100vw;
  margin: 0 auto;
  left: 0;
}

body {
  /* --container-width: 1200px; */
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}


.container {
  width: var(--container-width);
  max-width: 100%
}

.mobileonly {
  display: none !important
}

video {
  object-fit: cover
}

.waponly {
  display: none
}

.flex {
  display: flex
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center
}

.flex-w {
  display: flex;
  flex-wrap: wrap
}

.flex-c {
  display: flex;
  flex-direction: column
}

.i_ttl {
  display: flex;
  margin-bottom: 3.5rem;
  justify-content: space-between;
  align-items: flex-end
}

.i_ttl .l {
  display: flex;
  column-gap: 2rem;
  align-items: flex-end
}

.i_ttl .l p {
  font-size: 2rem;
  font-family: Poppins-Bold, Poppins;
  font-weight: 400;
  color: #818181;
  line-height: 1;
  position: relative;
  top: -0.2rem
}

.i_ttl .r a:hover span {
  color: #fff
}

.i_ttl .r a i {
  display: inline-block;
  width: 2.7rem;
  height: 2.7rem;
  vertical-align: middle;
  transform: translateY(-0.2rem);
  margin-left: 0.6rem
}

.i_ttl .r a span {
  color: #6f6f6f;
  font-size: 1.8rem
}

.h2_sct_ttl {
  display: inline-block;
  font-size: 3.2rem;
  color: #333;
  padding: 0;
  margin: 0 auto;
  line-height: 1.1;
  position: relative;
  font-size: 3.2rem;
  color: #212121;
  line-height: 1
}

.h2_sct_ttl+p {
  margin-bottom: 0;
  color: #7b7b7b;
  font-size: 1.6rem
}

.h2_sct_ttl:after {
  background-position: right 1.1rem
}

.h2_sct_ttl+.fbt {
  color: #c3c3c3;
  font-size: 2rem;
  font-weight: bold;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-transform: uppercase
}

.white .h2_sct_ttl {
  color: #fff
}

.white .h2_sct_ttl:after {
  background-position: right -15.9rem
}

.white .fbt {
  color: #fff
}

.ban img {
  visibility: hidden;
  width: 100%;
  max-width: none
}

.line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.lines-1 {
  white-space: nowrap;
  text-overflow: ellipsis
}

.lines-2 {
  -webkit-line-clamp: 2
}

.lines-3 {
  -webkit-line-clamp: 3
}

.lines-4 {
  -webkit-line-clamp: 4
}

.lines-5 {
  -webkit-line-clamp: 5
}

.bggray3 {
  background: #f7f8fc
}

.btextwrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0
}

.btextwrap div {
  height: 100%
}

.fullcarousel .carousel-caption {
  top: 0;
  left: 0;
  height: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-shadow: none;
  position: relative;
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100rem
}

.fullcarousel .carousel-caption div {
  height: auto
}

.fullcarousel .carousel-caption>* {
  opacity: 0
}

.fullcarousel .carousel-caption>[data-animation] {
  opacity: unset
}

.fullcarousel .btxt5, .fullcarousel .more {
  display: none !important
}

.fullcarousel .carousel-caption .t {
  color: #fff;
  font-size: 6rem;
  font-weight: bold
}

.fullcarousel .dotwp {
  width: 100%;
  height: 10rem;
  position: absolute;
  bottom: 2rem;
  left: 0;
  text-align: center;
  z-index: 33
}

.fullcarousel .carousel-caption .t.t1 {
  margin-top: -9rem;
  margin-bottom: 3rem
}

.fullcarousel .carousel-caption .t.t2 {
  font-size: 2.4rem;
  font-weight: 40;
  margin-bottom: 9rem
}

.fullcarousel .carousel-caption a {
  width: 19.9rem;
  height: 5.4rem;
  background: transparent;
  border-radius: 2.7rem 2.7rem 2.7rem 2.7rem;
  border: .1rem solid #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 2rem;
  padding: 1.7rem;
  padding-left: 4rem;
  transition: all .3s cubic-bezier(0.25, 0.1, 0, 0.39)
}

.fullcarousel .carousel-caption a i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ddac5f;
  fill: #fff;
  width: 3rem;
  height: 3rem;
  border-radius: 100px
}

.fullcarousel .carousel-caption a svg {
  height: 1.6rem;
  fill: inherit
}

.fullcarousel .carousel-caption a span {
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: 1px
}

.fullcarousel .carousel-caption a:hover {
  border-color: #ddac5f;
  background-color: #ddac5f
}

.fullcarousel .carousel-caption ul {
  position: relative;
  top: 154px;
  text-align: center
}

.fullcarousel .carousel-caption ul li:nth-child(1) {
  font-size: 66px;
  font-weight: 700;
  animation-delay: 0s;
  text-shadow: 1px 1.732px 10px rgba(0, 0, 0, 0.2)
}

.fullcarousel .carousel-caption ul li:nth-child(2) {
  font-size: 35px;
  font-weight: 400;
  margin: 10px 0 66px;
  animation-delay: 0.5s;
  text-shadow: 1px 1.732px 10px rgba(0, 0, 0, 0.2)
}

.fullcarousel .carousel-caption ul li:nth-child(3) {
  border: 1px solid #fff;
  display: inline-block;
  font-size: 29px;
  line-height: 52px;
  padding: 0 30px;
  animation-delay: 1.2s
}

.fullcarousel1 i {
  font-size: 30px;
  font-style: normal;
  line-height: 60px;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #fff;
  border-radius: 500px;
  background: rgba(255, 255, 255, 0.39);
  box-shadow: none
}

.fullcarousel .right.carousel-control {
  background: 0 0
}

.fullcarousel .carousel-control {
  width: 60px;
  background: 0 0
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  left: 0;
  display: block;
  width: 100%;
  height: 40px;
  margin: -40px 0 0
}

.carousel-control .fa:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  content: '';
  background: transparent url('../images/bgs.png') no-repeat 20px -893px
}

.carousel-control .fa.icon-next:before {
  background-position: -769px -893px
}

.fullcarousel .item>img {
  visibility: hidden;
  width: auto;
  max-width: none;
  height: auto
}

.fullcarousel .carousel-caption .animated0 {
  color: #fff
}

.fullcarousel .carousel-caption .animated0 {
  -webkit-animation-duration: 1.3s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  animation-duration: 1.3s;
  opacity: 0;
  text-shadow: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.fullcarousel .carousel-caption .animated1 {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  opacity: 0;
  text-shadow: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.fullcarousel .carousel-caption .animated2 {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  opacity: 0;
  text-shadow: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.fullcarousel .carousel-caption .animated3 {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  opacity: 0;
  text-shadow: none;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.caption-animate .item h3 {
  font-size: 72px;
  font-weight: 700;
  animation-delay: 0s;
  color: #fff;
  margin-top: -40px
}

.caption-animate .item h3+.p1 {
  font-size: 60px;
  margin-top: 20px;
  animation-delay: 0.5s
}

.caption-animate .item .d1 {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
  margin: 30px 0 50px;
  animation-delay: 1.4s;
  text-align: left;
  text-transform: uppercase
}

.caption-animate .item .d1 p {
  text-shadow: none
}

.caption-animate .item .d1 p:nth-child(1) {
  font-weight: 100;
  color: rgba(255, 255, 255, 0.5)
}

.caption-animate .item .d1 p:nth-child(3) {
  font-weight: 100
}

.caption-animate .item .p2 {
  font-weight: 400;
  width: 88px;
  width: 56px;
  height: 56px;
  animation-duration: 1.8s;
  animation-delay: 2s;
  text-align: center;
  border: 2px solid #fff;
  border-radius: 50%
}

.caption-animate .item .p2 img {
  margin-top: 12px
}

.carousel-inner>.item img {
  visibility: hidden;
  min-width: 1920px
}

.fullcarousel .right.carousel-control {
  background: transparent url('../images/right1.png') no-repeat center
}

.fullcarousel .carousel-control {
  width: 140px;
  transition: all 0.3s;
  opacity: .4;
  background: transparent url('../images/left1.png') no-repeat center
}

.carousel-control:focus {
  opacity: .7
}

.carousel-control:hover {
  opacity: 1
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  left: 0;
  display: block;
  width: 100%;
  height: 40px;
  margin: -40px 0 0
}

.carousel-control .fa:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  content: '';
  background: transparent url('../images/bgs.png') no-repeat 20px -893px
}

.carousel-control .fa.icon-next:before {
  background-position: -769px -893px
}

.carousel-indicators li {
  max-width: min-content;
  height: auto;
  padding: 1rem 0;
  transition: all 0.3s;
  background: blue;
  border: 0;
  border-bottom: 3px solid #fff;
  opacity: .5;
  color: #fff;
  font-size: 2.4rem;
  display: flex;
  flex: 1;
  column-gap: 3rem;
  height: auto;
  text-indent: 0;
  border-radius: 0;
  background: transparent;
  justify-content: center;
  align-items: center;
}

.carousel-indicators li i {
  font-style: normal
}

.carousel-indicators li.active {
  width: auto;
  height: auto;
  text-indent: 0;
  border-radius: 0;
  background: transparent
}

.carousel-indicators li span {
  white-space: nowrap;
  font-weight: bold;
  display: none;
}

.carousel-indicators {
  position: static;
  margin: 0 auto;
  width: 100%;
  display: flex;
  column-gap: 4rem;
  align-items: center;
  justify-content: center;
}

.carousel-indicators .active {
  opacity: 1
}

#location {
  padding: 0 3rem 0 2.3rem;
  background: url(../images/bg_lct.png) no-repeat left
}

#location * {
  font-size: 1.6rem;
  color: #666;
  font-weight: 400
}

#location a:hover {
  color: #b41017
}

#submenu {
  margin: 0 0;
  padding: 0
}

#submenu .box>a {
  display: none
}

#submenu ul {
  width: 100%;
  text-align: center;
  margin-top: 0
}

.submenu_search #submenu ul {
  text-align: left
}

.submenu_search #submenu {
  display: inline-block;
  margin: 0 auto;
  text-align: left
}

.submenu_search {
  text-align: center
}

.submenu_search #submenu li:first-child {
  margin-left: 0
}

.submenu_search #submenu li {
  text-align: center;
  padding: 0 1rem
}

#submenu.submenu_yx {
  border: none;
  top: 28.7rem;
  position: relative;
  background: transparent;
  z-index: 999
}

#submenu.submenu_yx ul {
  border-radius: 0.6rem;
  box-shadow: 0rem 0.2rem 1rem 0rem rgba(0, 0, 0, 0.06);
  background: #fff;
  justify-content: space-between;
  display: flex;
  overflow: hidden
}

#submenu.submenu_yx ul li {
  flex: 1 0 auto;
  margin: 0;
  transition: all 0.3s
}

#submenu.submenu_yx ul li.active, #submenu.submenu_yx ul li:hover {
  background: #0052d9;
  border: none
}

#submenu.submenu_yx ul li.active a, #submenu.submenu_yx ul li:hover a {
  color: #fff
}

#submenu ul li.active a, #submenu ul li a:hover {
  color: #fff;
  background: var(--color1)
}

#submenu ul li.active a img, #submenu ul a:hover img {
  filter: brightness(100)
}

#submenu ul li a {
  font-size: 1.6rem
}

#submenu ul li a i {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.2rem;
  margin-right: 1.8rem;
  height: 3.2rem
}

#submenu ul li a i img {
  height: 100%;
  width: auto
}

#submenu ul li a {
  padding: 0;
  transition: all 0.3s
}

#menu_left {
  width: 27rem;
  border: 0.1rem solid rgba(240, 240, 240, 1);
  padding: 0 2.5rem 4.5rem;
  margin-bottom: 6rem;
  position: relative
}

#menu_left .h2 {
  margin: 0 -2.5rem 1rem;
  line-height: 6.4rem;
  font-size: 1.8rem;
  color: #030303;
  position: relative;
  padding: 0 2.5rem;
  border-bottom: 0.1rem solid rgba(223, 229, 234, 1)
}

#menu_left .a_collapse {
  position: absolute;
  right: 2.5rem;
  top: 2.6rem;
  z-index: 99
}

#menu_left .a_collapse span {
  display: block;
  width: 1.6rem;
  height: 0.1rem;
  background: #999;
  margin-bottom: 0.4rem
}

#menu_left .menu_depth1 li {
  padding-left: 1.3rem
}

#menu_left .menu_depth1 li a {
  line-height: 3.6rem;
  position: relative;
  color: #535353;
  user-select: none
}

#menu_left .menu_depth1 li a:hover {
  color: #0052d9
}

#menu_left .menu_depth1 li {
  min-height: 3.6rem
}

#menu_left .menu_depth1>li ul {
  display: none
}

#menu_left .menu_depth1 li.open>ul {
  display: block
}

#menu_left .menu_depth1>li>a {
  font-size: 1.6rem
}

#menu_left li.haschild>a:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0rem;
  top: 0.5rem;
  left: -1.5rem;
  border: 0.5rem solid transparent;
  border-left-color: #848484
}

#menu_left li.haschild.open>a:before {
  border-left-color: transparent;
  border-top-color: #848484;
  top: 0.8rem;
  left: -1.7rem
}

#menu_left a:hover {
  color: #0052d9
}

#menu_left .haschild {
  position: relative
}

#menu_left .haschild>a {
  color: red
}

#menu_left .menu_depth2>li>a {
  font-size: 1.4rem
}

#menu_left .menu_depth2 {
  margin-bottom: 1.5rem
}

#menu_left .active>a {
  color: #0052d9 !important
}

#menu_pop {
  position: absolute;
  top: 0;
  left: calc(100% - 5rem);
  padding-left: 5rem;
  padding-bottom: 3rem;
  padding-right: 2rem;
  z-index: 88;
  display: none;
  background: #fff
}

#menu_pop .in {
  width: 84.4rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0.6rem 1.2rem 0.7rem 0rem rgba(71, 71, 71, 0.1);
  padding: 3.6rem 5.2rem;
  padding-right: 0;
  margin-left: 0.1rem;
  border: 0.1rem solid #d4d4d4
}

#menu_pop .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: 60rem;
  overflow-y: scroll;
  color: rgba(0, 0, 0, 0.051);
  transition: all 0.3s
}

#menu_pop .items::-webkit-scrollbar, #menu_pop .items::-webkit-scrollbar-thumb {
  width: 2.6rem;
  border-radius: 1.3rem;
  background-clip: padding-box;
  border: 1rem solid transparent
}

#menu_pop .items::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 0 1rem
}

#menu_pop .items:hover {
  color: rgba(0, 0, 0, 0.1)
}

#menu_pop .item {
  flex: 0 0 calc(33%);
  padding-right: 5rem
}

#menu_pop .item .h3 {
  font-size: 1.6rem;
  color: #333;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #dbdbdb;
  margin-bottom: 2rem
}

#menu_pop li {
  min-height: 2.8rem
}

#menu_pop a {
  color: #7b7b7b
}

#menu_pop a:hover {
  color: #0052d9
}

.help_list {
  padding-top: 2.5rem
}

.help_list ul {
  margin-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(235, 235, 235, 1)
}

.help_list ul li {
  min-height: 6.9rem;
  display: flex;
  align-items: center;
  border-top: 0.1rem solid rgba(235, 235, 235, 1)
}

.help_list ul li.tmphide {
  display: none
}

.help_list ul a {
  color: #535353;
  font-size: 1.6rem;
  line-height: 1.6
}

.help_list ul a:hover {
  color: #0052d9
}

#pagelist {
  margin: 6rem auto 8rem
}

.body_soft #pagelist {
  margin-top: 3rem
}

#pagelist a:hover, #pagelist .current {
  color: #fff;
  border-color: var(--color1);
  background: var(--color1)
}

#pagelist>span.pageinfo {
  display: none
}

#pagelist>span, #pagelist a {
  line-height: 4rem;
  display: inline-block;
  height: 4rem;
  min-width: 1.2rem;
  margin: 0 0.5rem;
  padding: 0 1.4rem;
  transition: all 0.2s;
  color: #666;
  font-size: 1.4rem;
  border: 0.1rem solid rgba(213, 213, 213, 1);
  background: #fff;
  text-align: center
}

.pagination {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 0
}

#footer {
  background: #27292b;
  padding: 7rem 0 0
}

#footer .footcontact {
  flex: 0 0 37rem;
  margin-right: 11rem
}

#footer .footcontact .sitelogo img {
  height: 6rem;
  width: auto;
  margin-bottom: 3rem;
  margin-top: -1rem;
  filter: brightness(0) invert(1);
}

#footer .footcontact .item {
  display: flex;
  align-items: flex-start;
  column-gap: 1rem;
  margin-bottom: 2rem
}

#footer .footcontact .item i {
  flex: 0 0 2.5rem;
  fill: #8B8B8B;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  margin-right: 1rem
}

#footer .footcontact .item span {
  color: #bbb;
  font-size: 1.6rem;
  white-space: nowrap;
}

#footer .footcontact .item_phone {
  align-items: center
}

#footer .footcontact .item_phone i {
  flex: 0 0 3.9rem;
  fill: #fff;
  margin-right: 0
}

#footer .footcontact .item_phone span {
  font-size: 2.8rem;
  font-weight: 700;
  /* color: var(--color1); */
  white-space: nowrap;
}

#footer .in1, #footer .in2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6rem 0 2.5rem;
  border-bottom: 1px solid rgb(255 255 255 / 10%)
}

#footer .in2 {
  border: none;
  border-top: 1px solid rgb(255 255 255 / 10%);
  padding: 3.6rem 0 1rem;
  font-size: 1.6rem
}

#footer .in2 * {
  color: #8B8B8B
}

#footer .in2 a:hover {
  color: #fff
}

#footer .in2 .l {
  display: flex;
  column-gap: 5rem;
  order: 3
}

.friendslinks .con>span {
  font-size: 1.4rem;
  color: #fff;
  margin-right: 1rem
}

.friendslinks .con>span~a {
  color: #717171;
  display: inline-block;
  margin: 0 0 1.2rem;
  margin-right: 3rem
}

.friendslinks .con>span~a:hover {
  color: #fff
}

.copyright {
  padding: 0 0 2.8rem
}

.copyright a:hover {
  color: #fff
}

.copyright .pp {
  margin-top: 1.5rem
}

.copyright .pp * {
  font-size: 1.6rem
}

.copyright .pp span {
  color: #fff;
  margin-right: 1.4rem
}

.copyright .pp a {
  display: inline-block;
  margin-right: 3.5rem;
  color: #717171
}

.copyright .pp a:hover {
  color: #fff
}

.friendslinks .con>span {
  font-size: 1.4rem;
  color: #fff;
  margin-right: 1rem
}

.friendslinks .con>span~a {
  color: #717171;
  display: inline-block;
  margin: 0 0 1.2rem;
  margin-right: 3rem
}

.friendslinks .con>span~a:hover {
  color: #fff
}

.copyright {
  padding: 0 0 2.8rem
}

.copyright a:hover {
  color: #fff
}

.copyright .pp {
  margin-top: 1.5rem
}

.copyright .pp * {
  font-size: 1.6rem
}

.copyright .pp span {
  color: #fff;
  margin-right: 1.4rem
}

.copyright .pp a {
  display: inline-block;
  margin-right: 3.5rem;
  color: #717171
}

.copyright .pp a:hover {
  color: #fff
}

.hdl_submenu ul {
  margin-top: 1.5rem;
  text-align: center
}

.hdl_submenu li {
  display: inline-block;
  font-size: 1.6rem;
  margin: 0 2.5rem -0.1rem;
  line-height: 6rem;
  color: #666666;
  cursor: pointer
}

.hdl_submenu .slick-active, .hdl_submenu .active {
  color: #0052d9;
  border-bottom: 0.3rem solid #0052d9
}

#searchbar {
  height: 15rem;
  padding-top: 0;
  background: #454545;
  width: 100%;
  margin: 0 auto;
  padding-left: 3rem;
  padding-right: 3rem
}

#searchbar.searchbar3 {
  background: transparent;
  padding-left: 0;
  padding-top: 1rem
}

#searchbar.searchbar3 form {
  padding-left: 0
}

#searchbar.searchbar3 .reci, #searchbar.searchbar3 .reci * {
  color: #666;
  line-height: 1.9
}

#searchbar.searchbar3 .reci a:hover {
  color: #0052d9
}

.resultlist .searchresult {
  padding: 1.5rem 0
}

.searchresult:last-child {
  border-bottom: 0.1rem solid rgba(229, 229, 229, 1)
}

.resultlist .searchresult>a {
  font-size: 1.8rem;
  line-height: 1.8
}

.resultlist .sinfo {
  margin-top: 1rem
}

.resultlist .kw {
  color: #ff0000
}

.resultlist .source1 {
  color: #999
}

.resultlist .source1 a {
  color: #999
}

.resultlist .pagelists {
  text-align: left
}

.ban #searchbar {
  height: auto;
  background: transparent;
  display: block;
  margin-top: 1.3rem
}

.reci {
  font-size: 1.3rem;
  color: #fff;
  margin-top: 2rem
}

.reci a {
  color: #fff;
  margin-right: 1.5rem
}

.ban #searchbar .form_search {
  padding: 0;
  width: 72rem;
  margin: 0 auto
}

#site-map {
  height: 40rem
}

.pagelists {
  text-align: center;
  margin: 5rem auto
}

.pagelists .all {
  padding-left: 2rem
}

.pagelists .grp {
  display: inline-block
}

.pagelists .pagelink {
  transition: all 0.3s;
  color: #333;
  outline: 0rem;
  border: 0.1rem solid #d4d6dd;
  border-radius: 0.2rem;
  margin-right: 0.8rem;
  display: inline-block;
  padding: 0.6rem 1.2rem;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.pagelists .pagelink.active, .pagelists .pagelink:hover {
  background: #0052d9;
  color: #fff;
  border-color: #0052d9
}

#searchbar p.fl {
  margin: 0;
  margin-top: 0;
  color: #fff;
  background: #363636;
  display: flex;
  height: 15rem;
  width: 23rem;
  align-items: center;
  justify-content: center
}

#searchbar .t {
  width: 13rem;
  height: 3.9rem;
  background: rgba(0, 82, 217, 1);
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  line-height: 3.9rem
}

#searchbar .inp02 {
  border: none;
  background: #0052d9;
  color: #fff;
  height: 5rem;
  margin-left: -0.5rem;
  width: 17rem;
  text-align: center;
  letter-spacing: 0.2rem;
  font-size: 1.6rem
}

#searchbar.searchbar3 .inp02 {
  width: 10rem
}

#searchbar .inp01 {
  line-height: 4.7rem;
  border: none;
  padding-left: 1.2rem;
  width: calc(100% - 17rem);
  font-size: 1.6rem
}

#searchbar.searchbar3 .inp01 {
  border: 0.1rem solid rgba(236, 236, 236, 1)
}

.ban #searchbar .inp01 {
  font-size: 1.4rem;
  width: calc(100% - 9.4rem)
}

.ban #searchbar .inp02 {
  width: 9.4rem;
  font-size: 1.4rem
}

#searchbar .form_search {
  width: calc(100% - 23rem);
  padding-top: 3rem;
  padding-left: 3.3rem
}

#searchbar .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

#searchbar+.sct_num {
  padding-top: 0rem
}

.crumbs {
  color: #7b7b7b;
  height: 9rem;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  border-bottom: #eee 1px solid;
  /* margin-bottom: 4.5rem; */
}

.body_jobs .crumbs {
  display: none
}

.body_download .crumbs {
  display: none
}

.body_contact .crumbs {
  display: none
}

.body_products .crumbs {
  /* display: none; */
}

.body_detail .crumbs {
  margin-bottom: 4.5rem
}

.body_p_1 .crumbs {
  display: none
}

.crumbs a {
  color: inherit;
  display: inline-block
}

.crumbs a:hover {
  color: var(--color1)
}

.crumbs span {
  display: inline-block;
  margin: 0.7rem
}

.crumbs a:first-child {
  padding-left: 3.2rem;
  background: url(../images/home.png) left center/auto 2.1rem no-repeat
}

#mem {
  margin-top: 2.2rem
}

#mem a {
  color: #7b7b7b;
  display: inline-block;
  padding: 0 1.2rem;
  margin-left: 0.5rem;
  vertical-align: middle;
  font-size: 1.4rem;
  line-height: 3rem;
  transition: all 0.3s;
  border-radius: 0.4rem
}

#mem a.register {
  background: #0052d9;
  color: #fff
}

.body_index #mem a {
  color: #fff
}

#mem a:hover {
  background: #2e7dff;
  color: #fff
}

#mem a:first-child:hover {
  background: #0052d9
}

#mem #member_info {
  display: inline-block
}

#mem .memname {
  position: relative;
  padding-right: 2.5rem
}

#mem .memname:hover {
  background: transparent !important;
  color: #7b7b7b
}

#mem .memname:hover:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

#mem .memname:after {
  position: absolute;
  top: 1.1rem;
  right: 0.7rem;
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.7rem;
  background: url(https://img.alicdn.com/tfs/TB1zz8RdeuSBuNjy1XcXXcYjFXa-12-7.png) no-repeat center center;
  background-image: url(https://img.alicdn.com/tfs/TB1hpSUhv1TBuNjy0FjXXajyXXa-195-195.png);
  background-position: 0 -6.1rem;
  background-repeat: no-repeat;
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s
}

#member_info .p1 {
  margin-top: 0.6rem
}

#member_info .info {
  display: none;
  position: absolute;
  right: 0;
  width: 20rem;
  padding: 1rem 0;
  z-index: 999
}

#member_info:hover .info {
  display: block
}

#member_info .info a {
  padding: 0;
  margin: 0;
  color: #333;
  color: #666
}

#member_info .info a:hover {
  background: transparent;
  color: #0052d9
}

#member_info .info i {
  vertical-align: middle;
  margin-top: 0.2rem;
  display: inline-block;
  margin-right: 0.2rem
}

#member_info .info p {
  margin: 0 auto;
  border-bottom: 0.1rem solid #eee;
  color: #333;
  background: #fff;
  padding: 0.9rem;
  padding-left: 1.5rem
}

#member_info .info p:last-child {
  border: none
}

@keyframes move {
  0% {
      width: 0%
  }

  100% {
      width: 100%
  }
}

.linkmore_3 {
  display: flex;
  width: 19.4rem;
  height: 5rem;
  color: #fff;
  border: 0.1rem solid #fff;
  justify-content: space-between;
  align-items: center;
  padding: 0 3rem;
  opacity: 0.8 !important;
  transition: all 0.3s
}

.linkmore_3 span {
  font-size: 1.8rem
}

.linkmore_3:hover {
  background: var(--color1);
  border-color: var(--color1);
  width: 22rem;
  color: #fff
}

.linkmore_3 i {
  display: flex;
  justify-content: center;
  align-items: center
}

.linkmore_3 i svg {
  height: 1.8rem;
  width: auto
}

#ban_index .a1:hover {
  background: #0052d9;
  color: #fff;
  border-color: #0052d9
}

#ban_index:hover .dots li.slick-active:after {
  animation-play-state: paused
}

#ban_index .txt {
  position: absolute;
  top: 50%;
  width: 120rem;
  left: 50%;
  min-height: 20rem;
  margin-left: -60rem;
  top: 50%;
  margin-top: -8.5rem
}

#ban_index .a1 {
  display: inline-block;
  width: 14.2rem;
  border: 0.1rem solid #fff;
  line-height: 4rem;
  margin: 2.5rem auto 0;
  font-size: 1.5rem;
  transition: all 0.3s;
  text-align: center
}

#ban_index {
  background: #181c28;
  position: relative;
  z-index: 66
}

#ban_index .con {
  position: relative
}

#ban_index .inner {
  position: relative;
  height: 50rem;
  width: 100%;
  overflow: hidden
}

#ban_index .img {
  display: inline-block;
  background: transparent no-repeat center;
  top: 1.5rem
}

#ban_index .img img {
  width: auto;
  height: auto
}

#ban_index .in {
  transform: translateY(-50rem);
  height: 100%
}

#ban_index .in * {
  color: #fff;
  border-color: #fff
}

#ban_index .con2 {
  height: 50rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start
}

#ban_index .con2>p {
  flex: auto;
  width: 100%
}

#ban_index .in .t {
  font-size: 4rem;
  line-height: 1.4;
  font-weight: bold
}

#ban_index .s {
  font-size: 2.6rem;
  line-height: 1.6
}

#ban_index .s2 {
  font-size: 1.8rem;
  display: inline-block;
  padding-top: 7.7rem;
  position: relative
}

#ban_index .s2:before {
  content: "";
  width: 7rem;
  height: 0.1rem;
  background: #fff;
  opacity: 0.4;
  display: block;
  position: absolute;
  left: 0;
  top: 3rem
}

#ban_index .linkmore {
  border-radius: 0;
  font-size: 1.5rem
}

#ban_index .linkmore:hover {
  border-color: #0052d9
}

#ban_index .dots {
  position: absolute;
  left: 50%;
  top: 39rem;
  transform: translateX(-50%)
}

#ban_index .dots li {
  width: 3.4rem;
  height: 0.3rem;
  background: #fff;
  display: inline-block;
  margin: 0;
  margin-right: 0.8rem;
  cursor: pointer;
  opacity: 0.5
}

#ban_index .dots li.slick-active {
  position: relative;
  opacity: 1
}

#ban_index .dots li.slick-active:after {
  animation: move 5s;
  content: "";
  display: block;
  position: absolute;
  width: 0rem;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff
}

#ban_index .p1 {
  font-size: 3.8rem;
  font-weight: 400
}

#ban_index .ban2 .p1 {
  text-align: center
}

#ban_index .p1 {
  font-size: 1.6rem;
  margin-top: 0
}

#ban_index .p2 {
  line-height: 3rem
}

#ban_index .ban2 .p2 {
  text-align: center
}

#ban_index .p2 .t a {
  color: #c6c9ce;
  font-size: 1.2rem;
  margin-right: 1rem
}

#ban_index .p2 .t a:hover {
  color: #fff
}

#ban_index .nav2 .p2 a:hover {
  color: #fff
}

#ban_index .ban {
  position: relative
}

#ban_index img {
  visibility: hidden;
  width: 100%;
  max-width: none
}

#ban_index h4 img {
  visibility: visible;
  width: auto;
  min-width: 0.1rem
}

#ban_index .sname {
  font-family: Microsoft YaHei UI;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  z-index: 4;
  top: 24%;
  right: 0;
  display: inline-block;
  width: fit-content;
  width: 100%;
  text-align: center;
  white-space: normal;
  letter-spacing: 0.7rem;
  text-transform: uppercase;
  word-break: break-word;
  color: #fff
}

#ban_index h2 {
  font-size: 4.8rem;
  font-weight: 400;
  font-weight: 400;
  position: absolute;
  top: 10rem;
  left: 50%;
  width: 120rem;
  margin-left: -60rem;
  text-align: center;
  letter-spacing: 0.4rem;
  color: #333
}

#ban_index h4 {
  font-size: 3rem;
  font-weight: 100;
  position: absolute;
  top: 20.2rem;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  letter-spacing: 0.4rem
}

#ban_index h4 .dot {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 1.1rem 0.2rem 1rem;
  vertical-align: middle;
  border-radius: 10rem;
  background: #b41017
}

#ban_index .txt {
  margin-top: -15rem
}

#ban_index .ban2 .p1 {
  margin: 3rem 0 0
}

#ban_index .ban {
  margin-top: -6.2rem
}

#ban_index .txt {
  margin-top: -11rem
}

#pageban .a1:hover {
  background: #0052d9;
  color: #fff;
  border-color: #0052d9
}

#pageban .txt {
  top: 50%;
  left: 50%;
  top: 23.2rem
}

.body_quyu #pageban .txt {
  top: 27rem
}

#pageban .ban2 .txt {
  padding-top: 4rem
}

#pageban .a1 {
  display: inline-block;
  width: 14.2rem;
  border: 0.1rem solid #fff;
  line-height: 4rem;
  margin: 2.5rem auto 0;
  font-size: 1.5rem;
  transition: all 0.3s;
  text-align: center
}

#pageban .con {
  position: relative
}

#pageban .inner {
  position: relative;
  height: 43rem
}

#pageban .img {
  display: inline-block;
  background: transparent no-repeat center;
  position: absolute;
  right: 0;
  top: 1.5rem
}

#pageban .img img {
  width: auto;
  height: auto;
  max-width: none;
  min-width: 0
}

#pageban .in {
  width: 44rem;
  position: absolute;
  top: 7rem;
  left: 29rem;
  text-align: left
}

#pageban .in * {
  color: #fff;
  border-color: #fff
}

#pageban .t {
  font-size: 4.2rem;
  color: #fff
}

#pageban .s {
  font-size: 2.6rem;
  color: #fff;
  line-height: 4.2rem;
  margin-bottom: 0
}

#pageban .linkmore {
  border-radius: 0;
  font-size: 1.5rem
}

#pageban .linkmore:hover {
  border-color: #0052d9
}

#pageban .dots {
  position: absolute;
  left: 29rem;
  top: 31rem
}

#pageban .dots li {
  width: 3.4rem;
  height: 0.3rem;
  background: #fff;
  display: inline-block;
  margin: 0;
  margin-right: 0.8rem;
  cursor: pointer
}

#pageban .dots li.slick-active {
  position: relative
}

#pageban .dots li.slick-active:after {
  animation: move 5s;
  content: "";
  display: block;
  position: absolute;
  width: 0rem;
  height: 100%;
  top: 0;
  left: 0;
  background: #0052d9
}

#pageban .nav2 {
  position: absolute;
  top: 2.9rem;
  left: 0
}

#pageban .nav2 .p1 span {
  color: #fff
}

#pageban .nav2 li {
  width: 24rem;
  height: 8.6rem;
  margin-bottom: 1rem;
  padding: 1.8rem 1.8rem 0;
  background: #242a37 no-repeat right bottom
}

#pageban .p1 {
  font-size: 4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  margin-top: -2rem;
}

.body_p_92 #pageban .p1 {
    display: none;
}

#pageban .ban2 .p1 {
  text-align: center
}

#pageban .p2 {
  font-size: 2.6rem;
  max-width: 86rem;
  line-height: 1.5;
  margin-top: 2.8rem
}

.body_contact #pageban .p2 {
  max-width: 74rem
}

#pageban.new0822 .txt {
  margin-top: -2.5rem
}

#pageban .p2.lh40 {
  line-height: 4rem
}

#pageban .ban2 .p2 {
  text-align: center
}

#pageban .nav2 .p2 span {
  color: #c6c9ce;
  font-size: 1.2rem;
  margin-right: 1rem
}

#pageban .nav2 .p2 a:hover {
  color: #fff
}

#pageban .ban {
  position: relative
}

#pageban img {
  visibility: hidden;
  width: 100%;
  max-width: none
}

#pageban .container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: start
}

#pageban h4 img {
  visibility: visible;
  width: auto;
  min-width: 0.1rem
}

#pageban .sname {
  font-family: Microsoft YaHei UI;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  z-index: 4;
  top: 24%;
  right: 0;
  display: inline-block;
  width: fit-content;
  width: 100%;
  text-align: center;
  white-space: normal;
  letter-spacing: 0.7rem;
  text-transform: uppercase;
  word-break: break-word;
  color: #fff
}

#pageban h2 {
  font-size: 4.8rem;
  font-weight: 400;
  font-weight: 400;
  position: absolute;
  top: 10rem;
  left: 50%;
  width: 120rem;
  margin-left: -60rem;
  text-align: center;
  letter-spacing: 0.4rem;
  color: #333
}

#pageban h4 {
  font-size: 3rem;
  font-weight: 100;
  position: absolute;
  top: 20.2rem;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  letter-spacing: 0.4rem
}

#pageban h4 .dot {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  margin: 0 1.1rem 0.2rem 1rem;
  vertical-align: middle;
  border-radius: 10rem;
  background: #b41017
}

#content_right h1 {
  margin: 0rem 0 1rem;
  line-height: 1.1;
  font-size: 2.4rem;
  color: #333
}

#content_right h1+.infotime {
  border-bottom: 0.1rem solid #e7e7e7;
  padding-bottom: 1rem;
  margin-bottom: 2rem
}

#content_right #detail {
  color: #7b7b7b;
  font-size: 1.4rem;
  line-height: 2.6rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem
}

#content_right .prev_next {
  padding-bottom: 3.5rem;
  border-bottom: 0.1rem solid #e7e7e7;
  margin-bottom: 4rem
}

#content_right .prev_next>div span {
  display: inline-block;
  color: #7b7b7b;
  font-size: 1.6rem;
  text-decoration: underline
}

#content_right .prev_next>div a {
  color: #7b7b7b;
  font-size: 1.6rem;
  display: inline-block;
  margin-top: 0.6rem;
  text-decoration: underline
}

#content_right .prev_next>div a:hover {
  color: #0052d9
}

#content_right .p3 a {
  color: #0052d9
}

#content_right .xiangguan li {
  width: 100%;
  float: none
}

#content_right .xiangguan .h4 {
  margin-bottom: 2rem
}

#content_right .xiangguan li {
  display: inline-block;
  width: 50%;
  float: left;
  padding-right: 3rem;
  padding-left: 1.8rem;
  position: relative
}

.bluedot>li {
  position: relative;
  padding-left: 4rem
}

.bluedot>li:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 1.7rem;
  left: 0.2rem;
  background: #0052d9
}

#content_right .xiangguan li a {
  font-size: 1.6rem;
  color: #666666;
  line-height: 4rem;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap
}

#content_right .xiangguan li a:hover {
  color: #0052d9
}

#top_lang {
  position: relative;
  transform: translateY(0.9rem)
}

.sitelogo .brand {
  color: #fff
}

.sitelogo .brand .s1 {
  display: block;
  font-size: 2.4rem;
  letter-spacing: 0.1rem
}

.sitelogo .brand .s2 {
  font-size: 1.4rem;
  letter-spacing: 0.1rem
}

#top_right .hd_r {
  display: flex;
  align-items: center;
  gap: 2rem;
  position: relative;
  top: .2rem
}

#top_right .hd_r svg {
  height: 2.1rem;
  position: relative;
  fill: inherit
}

#top_right .hd_r a {
  display: flex;
  column-gap: 0.9rem;
  font-size: 1.8rem;
  color: #fff
}

#top_right .hd_r a i {
  display: flex;
  align-items: center;
  justify-content: center;
  fill: #fff
}

#top_right .hd_r i img {
  height: 2.1rem
}

#top_right .hd_r .a2 img {
  height: 2rem
}

.header .line {
  width: 0.1rem;
  height: 2rem;
  display: block;
  background: #fff;
  opacity: 0.3
}

#top_search {
  margin-left: 2rem;
  padding-left: 2rem;
  position: relative
}

.searchLayer {
  transform: translateY(0.3rem);
}

#top_search:before {
  content: "";
  display: block;
  height: 2.1rem;
  width: 0.1rem;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0
}

#top_lang:before {
  content: "";
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  background: url(../images/earth.png) no-repeat center/cover;
  position: absolute;
  left: 0;
  top: 0.65rem;
  transition: all 0.1s
}

#top_lang.open:before {
  opacity: 0
}

#top_lang.open {
  background: rgb(255 255 255 / 16%);
  border-radius: 1rem;
  position: relative
}

#top_lang.open:after {
  content: "";
  height: 0.1rem;
  width: 80%;
  background: #fff;
  display: block;
  position: absolute;
  left: 10%;
  top: 50%;
  opacity: 0.2
}

.language-select {
  display: inline-flex;
  flex-direction: column;
  height: 3.86rem;
  cursor: pointer;
  -moz-border-radius: 0.4rem;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  margin: 0 auto;
  font-size: 1.6rem;
  font-family: PingFang;
  font-weight: 500;
  color: #ba914a;
  width: 10rem;
  line-height: 3.6rem;
  border: none;
  border-radius: 0.5rem !important;
  text-align: center;
  margin-left: 1rem;
  overflow: hidden;
  background: url(../images/caret-down.png) no-repeat right 1.3rem top 1.1rem/1.4rem auto
}

.language-select li {
  vertical-align: middle;
  text-align: center;
  justify-content: left;
  order: 2;
  min-height: 3.6rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  border-radius: 0.4rem;
  text-indent: -0.8rem
}

.language-select li:hover {
  cursor: pointer
}

.language-select li span {
  vertical-align: middle;
  display: inline-block;
  color: #fff
}

.open .language-select {
  height: auto
}

.language-select li.active {
  order: 1;
  pointer-events: none
}

.searchicon {
  width: 3.5rem;
  height: 3.5rem;
  background: transparent url(../images/fdj.png) no-repeat center/2.5rem auto;
  display: block;
  flex: 1;
  overflow: hidden;
  text-indent: -10rem;
  border: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1.7rem
}

.search_index {
  flex: auto;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-block;
  position: relative
}

.search_index div {
  margin: 0
}

.search_index input {
  width: 28rem;
  margin: 0 auto;
  line-height: 3.6rem;
  border: none;
  background: rgb(255 255 255 / 45%);
  border-radius: 0;
  display: inline-block;
  padding-left: 1rem;
  padding-right: 1rem;
  height: 3.9rem;
  font-size: 1.3rem;
  color: #333;
  line-height: 3rem;
  background: #fff;
  border: 0.2rem solid #9f9f9f;
  box-shadow: none;
  vertical-align: middle;
  position: absolute;
  top: -0.1rem;
  right: 0;
  transition: 0.2s ease-in;
  opacity: 0;
  width: 0rem;
  padding-right: 6rem
}

.search_index input::placeholder {
  color: rgb(255 255 255 / 71%)
}

.search_index button:hover {
  background-color: transparent;
  border: none;
  cursor: pointer
}

@media screen and (min-width: 770px) {
  .search_index:hover input {
      display: block;
      opacity: 1;
      width: 28rem;
      transform: scale(1)
  }

  .snav_float #submenu .con li:hover, .snav_float #submenu .con li.on {
      background: #f0f8f5f5;
      border-left: 0.1rem solid #ddf1e9;
      border-right: 0.1rem solid #ddf1e9
  }

  .snav_float #submenu .con li:hover a, .snav_float #submenu .con li.on a {
      color: var(--color1)
  }

  .snav_float #submenu .con li:hover a:after, .snav_float #submenu .con li.on a:after {
      opacity: 1
  }

  .snav_float #submenu .con li.on:hover a:after {
      opacity: 1
  }

  .search_index:hover input {
      display: block;
      opacity: 1;
      width: 28rem;
      transform: scale(1)
  }
}

.sct_part_1 {
  background: url(../images/bg2.jpg) no-repeat center/cover;
  background: #fff;
  position: relative;
}

.sct_part_1 .con {
  border-radius: 2rem;
  overflow: hidden;
  margin-top: 1rem
}

.sct_part_1 .lhdl {
  flex: 0 0 22rem;
  background: #2e4254;
  color: #fff;
  text-align: center
}

.sct_part_1 .lhdl ul {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  height: 100%
}

.sct_part_1 .lhdl ul li>div {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  position: relative;
  z-index: 2
}

.sct_part_1 .lhdl ul li {
  border-bottom: 1px solid #3f5162;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  flex: 1
}

.sct_part_1 .lhdl ul li:last-child {
  border: 0
}

.sct_part_1 .lhdl ul li:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  background: url(../images/bg8.png) no-repeat bottom right/cover;
  transition: all .3s;
  scale: 50%;
  opacity: 0;
  background: var(--color2);
}

.sct_part_1 .lhdl ul li:hover:after, .sct_part_1 .lhdl ul li.slick-active:after {
  top: 0;
  scale: 100%;
  opacity: 1;
  transition: all .1s
}

.sct_part_1 .lhdl ul li span {
  font-size: 1.8rem;
  display: block;
  font-weight: bold
}

.sct_part_1 .lhdl ul li .img {
  margin-top: 0.5rem
}

.sct_part_1 .r {
  flex: 1;
  padding: 7rem 8rem 5rem;
  background: #fff url(../images/bg1.jpg) no-repeat right bottom/cover;
  max-width: calc(100% - 22rem);
  background: url(../images/bg2.jpg) no-repeat center/cover;
  background: #fff;
  position: relative;
}

.sct_part_1 .r .inner {
  height: 43rem;
}

.sct_part_1 .r .i_hd {
  position: relative;
  height: 100%;
  width: 100%
}

.sct_part_1 .r .name {
    min-height: 40rem;
}

.sct_part_1 .r .slick2 {
  width: 56rem;
  height: 56rem;
  position: absolute;
  right: 11rem;
  bottom: -9rem;
  display: none;
}

.sct_part_1 .r .slick2 .img {
  width: 53rem;
  height: 43rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.sct_part_1 .r .slick2 img {
  max-width: 100%;
  max-height: 100%
}

.sct_part_1 .r .d1 {
  font-size: 3.8rem;
  font-weight: bold;
  margin-top: 0;
}

.sct_part_1 .r .d2 {
  text-transform: uppercase;
  font-size: 1.8rem;
  color: #666;
  margin: 1rem 0 1.8rem
}

.sct_part_1 .r .line {
  WIDTH: 60rem;
  HEIGHT: 0.3rem;
  background: var(--color2);
  margin: 1.5rem 0 3.5rem
}

.sct_part_1 .r .d3 {
  font-size: 2rem;
  color: #666;
  line-height: 1.8;
  width: 60rem
}

.sct_part_1 .r ul {
  /* border-left: 2px solid var(--color1); */
  padding: 0.3rem 0.7rem;
  margin: 3rem 0 4rem;
  display: grid;
  /* grid-template-columns: repeat(2,1fr); */
  /* max-width: 82rem; */
  /* list-style: disc; */
}

.sct_part_1 .r .ul_3 {
    grid-template-columns: repeat(3, 1fr);
    max-width: 82rem;
}

.sct_part_1 .r ul li {
  font-size: 1.6rem;
  padding: 0.3rem 0;
  height: 4.6rem;
  display: flex;
  align-items: center;
  margin-right: 7rem;
  list-style: disc;
  position: relative;
  padding-left: 1.8em;
}

.sct_part_1 .r .ul_3 li {
    white-space: nowrap;
}

.sct_part_1 .r ul li:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: var(--color2);
    border-radius: 100px;
    margin-right: 0rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sct_part_1 .r ul li a {
  transition: all .3s;
  font-size: 1.8rem;
}

.sct_part_1 .r ul li a:hover {
  font-weight: bold;
  font-size: 2rem
}

.sct_part_1 .r .hdl {
  display: flex;
  column-gap: 1.7rem;
  display: none;
}

.sct_part_1 .r .hdl .pn {
  transition: all .3s;
  width: 4.7rem;
  height: 4.7rem;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: #e5e5e5;
  fill: #b5b5b5;
  cursor: pointer;
  border-radius: 94rem;
  padding: 1.3rem
}

.sct_part_1 .r .hdl .pn svg {
  fill: inherit
}

.sct_part_1 .r .hdl .pn:hover {
  background: var(--color2);
  fill: #fff
}

.sitemorelink1 {
  width: 23.2rem;
  height: 5.2rem;
  background: var(--color2);
  border-radius: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  /* position: absolute; */
  right: 0;
  top: 4.7rem
}

.sitemorelink1:hover svg {
  width: 3rem;
  height: 3rem
}

.sitemorelink1 span {
  color: #fff;
  font-size: 1.9rem;
  font-weight: bold
}

.sitemorelink1 i {
  display: flex;
  align-items: center;
  justify-content: center
}

.sitemorelink1 svg {
  transition: all .3s
}

.sct_part_1 .bgvideo {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.3;
  transition: opacity 1.3s;
  z-index: 1
}

.sct_part_1 .bgvideo2 {
  z-index: 2;
  opacity: 0.15;
}

.sct_part_1 .inner3 {
    position: relative;
    z-index: 333;
}


.sct_part_1 .container {
    position: relative;
    z-index: 88;
}


.sct_part_2 {
  background: url(../images/ab1.jpg) no-repeat right bottom/cover;
  background: #6e9cdb;
  position: relative;
  padding: 6rem 0 12rem;
}

.sct_part_2 .p1 .count0:before {
  content: attr(rel);
  font-size: 7.5rem;
  font-style: normal;
  color: var(--color1);
  font-family: 'ACCIDENTAL-PRESIDENCY';
  LINE-HEIGHT: 1;
  visibility: hidden
}

.sct_part_2 .p1 .count strong {
  position: absolute;
  left: 0;
  top: 0
}

.sct_part_2 .counts {
  display: flex;
  justify-content: space-between;
  gap: 14rem
}

.sct_part_2 .sitemorelink1 {
  position: static;
  width: 25.2rem
}

.sct_part_2 .p1 .count {
  font-size: 7.5rem;
  font-style: normal;
  color: #fff;
  font-family: 'ACCIDENTAL-PRESIDENCY';
  LINE-HEIGHT: 1;
  position: absolute;
  left: 0;
  top: 0
}

.sct_part_2 .p1 .count0 {
  position: relative
}

.sct_part_2 .p1 em {
  font-size: 5.4rem;
  font-weight: bold;
  color: #fff;
}

.sct_part_2 .p1 span {
  color: #fff;
  font-size: 2.4rem;
  white-space: nowrap;
  position: relative;
  top: 1.4rem;
  font-weight: bold;
  left: 1rem
}

.sct_part_2 .sinfo {
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.9;
  max-width: 100%;
  margin-bottom: 7rem
}

.sct_part_2 h2 {
  font-size: 2rem;
  color: var(--color1)
}

.sct_part_2 .l {
  display: block
}

.sct_part_2 .con * {
  color: #fff
}

.sct_part_2 .i_ttl {
  margin-top: 4rem
}

.sct_part_2 .i_ttl p {
  font-size: 4.8rem;
  color: #fff;
  margin: 3rem 0 4rem;
  font-weight: bold;
  line-height: 1.3
}

.sct_part_2 .i_ttl h2 {
  color: #fff;
  margin-bottom: 1.7rem
}

.sct_part_2 .p1 {
  display: flex;
  align-items: center;
  margin-left: 2rem
}

.sct_part_2 .p2 {
  margin: 2rem 0 4rem
}

.sct_part_2 .row2 {
  margin-top: 7rem
}

.sct_part_2 .in {
  background: transparent;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.sct_part_2 .in .img {
  display: flex;
  align-items: center;
  justify-content: center;
  POSITION: RELATIVE;
  top: -0.5rem;
  filter: brightness(0) invert(1);
}

.sct_part_2 .in .s1 {
  font-size: 2.2rem;
  font-weight: 400;
  color: #fff;
  flex: 0 0 100%;
  text-align: left;
  border-top: 1px solid #fff3;
  padding-top: 2rem;
  margin-top: 1rem;
  /* padding-left: 8.7rem; */
}

.sct_part_2 .in .s1 i {
  font-style: normal;
  margin-right: 0.3rem
}

.sct_part_2 .in .s1+.s1 {
  font-size: 2.4rem;
  font-weight: 400;
  color: #333
}

.sct_part_2 .in .sinfo {
  font-size: 1.5rem;
  line-height: 2.1;
  margin: 2rem auto 1.5rem;
  color: #666
}

.sct_part_3 {
  background: url(../images/bg4.jpg) no-repeat center bottom/cover
}

.sct_part_3 .indexsolutions {
  position: relative;
  background: #2e4254;
  border-radius: 2rem;
  overflow: hidden
}

.sct_part_2 .bgvideo {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0.3;
  transition: opacity 1.3s;
  z-index: 1
}

.sct_part_2 .bgvideo1 {
  opacity: 0
}

.sct_part_2 .bgvideo2 {
  z-index: 2
}

.sct_part_2  .bgvideo {
  transition: opacity 3s
}

.sct_part_2  .bgvideo2 {
  opacity: 0
}

.sct_part_2 .container {
    position: relative;
    z-index: 88;
}

.sct_part_2  .bgvideo1 {
  opacity: .3
}

.sct_part_3 .slick-slider {
  z-index: 3
}

.sct_part_3 .indexsolutions .inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 72rem
}

.sct_part_3 .indexsolutions .ll {
  color: #fff;
  text-align: left;
  padding: 10rem 8rem;
  flex: 0 0 calc(1043 / 1600 * 100%);
  position: relative;
  z-index: 3
}

.sct_part_3 .indexsolutions .ll i {
  font-style: normal;
  font-size: 3rem
}

.sct_part_3 .indexsolutions .h3 {
  font-size: 4.8rem;
  font-weight: bold
}

.sct_part_3 .indexsolutions .sinfo {
  width: 50rem;
  font-size: 2rem;
  line-height: 1.9;
  color: #fff;
  margin: 4rem 0 6rem
}

.sct_part_3 .indexsolutions .sitemorelink1 {
  position: static;
  width: 21rem
}

.sct_part_3 .indexsolutions .rr {
  position: absolute;
  right: 0;
  top: 0;
  width: 50.8rem;
  height: 72rem;
  z-index: 2;
  overflow: hidden
}

.sct_part_3 .indexsolutions .img {
  display: flex;
  justify-content: flex-end
}

.sct_part_3 .indexsolutions .img img {
  width: 58.8rem;
  max-width: 58.8rem
}

.sct_part_3 .circle1 {
  z-index: 4
}

.sct_part_3 .hdls {
  position: absolute;
  width: 16.1rem;
  height: 16.1rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.sct_part_3 .pn {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: calc(50% - 2.5rem);
  transform: translate(-50%, -50%);
  border: 1.3rem solid transparent;
  border-bottom-color: #fff
}

.sct_part_3 .pn.next {
  top: calc(50% + 2.5rem);
  border: 1.3rem solid transparent;
  border-top-color: #fff
}

.sct_part_3 .circle1, .sct_part_3 .circle2 {
  width: 57rem;
  height: 57rem;
  border: 1px solid #ffffff3d;
  border-radius: 100vw;
  position: absolute;
  right: 22.4rem;
  top: 50%;
  transform: translateY(-50%) !important
}

.sct_part_3 .circle2 {
  width: 41rem;
  height: 41rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) !important;
  border: 1px solid #ffffff1f
}

.sct_part_3 .circle1 ul {
  width: 100%;
  height: 100%;
  border-radius: 100vw
}

.sct_part_3 .circle1 ul li {
  font-size: 2rem;
  font-weight: bold;
  color: #8ba5bc;
  text-align: right;
  white-space: nowrap;
  position: absolute;
  padding-right: 5rem;
  cursor: pointer;
  transition: all .3s
}

.sct_part_3 .circle1 ul li:hover:after {
  background: var(--color1)
}

.sct_part_3 .circle1 ul li:hover {
  color: var(--color1)
}

.sct_part_3 .circle1 ul li.slick-active {
  color: var(--color1)
}

.sct_part_3 .circle1 ul li.slick-active:after {
  width: 2rem;
  height: 2rem;
  background: var(--color1);
  opacity: 1
}

.sct_part_3 .circle1 ul li:nth-child(1) {
  right: calc(100% - 7.1rem);
  top: 9.3rem
}

.sct_part_3 .circle1 ul li:nth-child(2) {
  right: calc(100% - 1.6rem);
  top: 21rem
}

.sct_part_3 .circle1 ul li:nth-child(3) {
  right: calc(100% - 1.6rem);
  top: 33rem
}

.sct_part_3 .circle1 ul li:nth-child(4) {
  right: calc(100% - 7.1rem);
  top: 44.8rem
}

.sct_part_3 .circle1 ul li:after {
  content: "";
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  background: #3b86af;
  border-radius: 10rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #fff;
  transition: all .3s
}

.sct_part_3 .hdls:before {
  animation: rotate 3s linear infinite;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/c1.png) no-repeat center / cover
}

.sct_news1 .hdl_1 ul {
  display: flex !important;
  column-gap: 5rem
}

.sct_news1 .hdl_1 li span {
  font-size: 2rem;
  cursor: pointer;
  transition: all 0.2s;
  border-bottom: 2px solid transparent;
  padding-bottom: 1rem
}

.sct_news1 .hdl_1 li.slick-active span {
  font-weight: bold;
  color: var(--color1)
}

.sct_news1 .hdl_1 li span:hover {
  color: var(--color1)
}

.sct_news1 .morenews {
  width: 20rem;
  height: 5.2rem;
  background: #ffffff;
  border-radius: 10rem;
  opacity: 1;
  border: 2px solid #6f6f6f;
  display: flex;
  margin: 0;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  column-gap: 0.9rem;
  transition: all 0.3s
}

.sct_news1 .morenews span {
  color: var(--color1);
  font-weight: bold
}

.sct_news1 .morenews i {
  fill: var(--color1)
}

.sct_news1 .morenews i svg {
  width: 1.8rem;
  height: 1.8rem;
  opacity: 1;
  fill: #6f6f6f;
  position: relative;
  top: 0.2rem
}

.sct_news1 .morenews:hover {
  border-color: var(--color1);
  background: var(--color1);
  color: #fff
}

.sct_news1 .morenews:hover span {
  color: #fff
}

.sct_news1 .morenews:hover i svg {
  fill: #fff
}

.sct_news1 .inner {
  border-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
  box-shadow: 0px 6px 10px 7px rgb(163 175 178 / 15%);
  margin: 1.5rem 1rem;
  border-radius: 1.4rem;
  overflow: hidden
}

.sct_news1 .inner:hover {
  box-shadow: 0px 6px 10px 7px rgb(230 170 79 / 22%)
}

.sct_news1 .inner:hover .bd {
  transition: all 0.3s
}

.sct_news1 .a_box:hover {
  fill: #fff;
  color: #fff
}

.sct_news1 .a_box:hover .bd {
  background: var(--color1) url(../images/bg6.png) no-repeat right bottom/cover
}

.sct_news1 .a_box:hover .bd * {
  color: #fff;
  fill: #fff
}

.sct_news1 .a_box .bd * {
  transition: none !important
}

.sct_news1 .a_box {
  fill: #b4b4b4
}

.sct_news1 .row_in .img img {
  width: 100%
}

.sct_news1 .row_in .bd {
  padding: 4rem 3.5rem 3rem;
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.8;
  transition: all 0.3s;
  border-top: none
}

.sct_news1 .row_in .date {
  display: flex;
  color: #aaa;
  margin-bottom: 2.5rem;
  font-size: 1.65rem;
  letter-spacing: 1px;
  align-items: center;
  gap: 1rem;
  line-height: 1
}

.sct_news1 .row_in .date svg {
  height: 2rem;
  fill: #b4b4b4
}

.sct_news1 .row_in .h3 {
  font-size: 2.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  transition: all 0.3s;
  margin: 0 0 1rem
}

.sct_news1 .row_in .sinfo {
  font-size: 1.7rem;
  line-height: 1.8;
  margin-bottom: 3rem
}

.sct_news1 .row_in .ft a {
  font-size: 1.6rem;
  color: #666;
  display: inline-flex;
  align-items: center;
  column-gap: 1rem;
  fill: #b4b4b4
}

.sct_news1 .row_in .ft a:hover {
  fill: var(--color1)
}

.sct_news1 .row_in .ft svg {
  fill: inherit;
  width: 3.7rem
}

.sct_news1 a:hover {
  color: var(--color1) !important;
  fill: var(--color1)
}

.sct_news1 .row_in .ft a i {
  display: inline-block;
  width: 2.3rem;
  height: 2.3rem;
  display: inline-flex;
  background: url(../images/pull_right.png) center/cover;
  opacity: 0.9
}

.sct_news1 .hdl_1 {
  position: relative
}

.ftlink .items {
  flex: 1 1;
  display: flex;
  justify-content: space-between;
  column-gap: 4rem;
  padding-left: 2rem
}

.index_clients {
  background: url(../images/bg5.jpg) no-repeat center bottom/cover;
  padding-top: 8rem
}

.index_clients .i_ttl .l {
  display: block
}

.index_clients .i_ttl .l p {
  margin-bottom: 1em
}

.index_clients .con {
  position: relative;
  margin-top: -9rem
}

.index_clients .con .flex {
  align-items: center;
  column-gap: 30rem
}

.index_clients .con .num {
  color: #dcdde3;
  font-size: 26.6rem;
  font-weight: bold
}

.index_clients .con .circle3 {
  background-image: -moz-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  background-image: -webkit-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  background-image: -ms-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  width: 43rem;
  height: 43rem;
  border-radius: 100rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 4.1rem;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: calc(50% - 20rem);
  top: 50%;
  margin-top: -22rem;
  margin-left: -22rem
}

.index_clients .con .clients {
  margin-top: 5rem
}

.ftlink .item {
  flex: 1 1;
  height: 4rem;
  background: transparent;
  border-radius: 0;
  margin-right: 0;
  line-height: 4rem
}

.ftlink {
  display: flex;
  align-items: center;
  height: 100%;
  width: 22rem
}

.ftlink .btn {
  width: 100%;
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
  font-size: 1.4rem;
  background: transparent;
  color: #fff;
  border: 1px solid rgb(255 255 255 / 10%);
  height: 4.1rem;
  border-radius: 0
}

.ftlink .dropdown-menu {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
  margin-top: 0rem;
  background: #013779;
  contain: content;
  border-color: rgb(255 255 255 / 10%)
}

.ftlink .dropdown-menu a:hover {
  background: transparent
}

.ftlink .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent
}

.ftlink .dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #fff;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.ftlink .dropdown-item:hover {
  background: transparent
}

#submenuwrap {
  background: #f7f7fb;
  border-bottom: 1px solid #ededed
}

#submenuwrap .box>a {
  display: none
}

#submenuwrap .box ul {
  display: flex;
  width: 100% !important;
  align-items: center;
  justify-content: flex-start;
  height: 8rem
}

#submenuwrap .box ul li {
  flex: 0 0 auto;
  text-align: center;
  border-right: 1px solid #ededed;
  height: 100%
}

#submenuwrap .box ul li:last-child {
  border: none
}

#submenuwrap .box ul li a {
  font-size: 2rem;
  display: block;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 7rem;
  transition: all 0.3s
}

#submenuwrap .box ul li.on {
  border: none
}

#submenuwrap .box ul li.on a {
  font-weight: bold;
  background: #df201d;
  color: #fff
}

.h2_ttl_3 {
  font-size: 4rem;
  font-weight: 400;
  position: relative;
  padding-bottom: 6rem
}

.h2_ttl_3 .s2 {
  font-size: 1.8rem;
  margin-left: 2rem;
  color: #888;
  letter-spacing: 0.3rem
}

.sct_guanyu1 {
  padding-top: 10.4rem;
  padding-bottom: 9rem;
  background: url(../images/bg10.png) no-repeat left bottom/100% auto
}

.sct_guanyu1 .con {
  display: flex;
  justify-content: space-between
}

.remark {
  font-size: 1.6rem;
  line-height: 1.98
}

.articletitle_page+.remark {
  padding: 0 0 5rem
}

.remark * {
  /* font: inherit; */
  color: inherit
}

strong {
}

.sct_guanyu1 .img {
  margin-bottom: 2rem
}

.sct_guanyu1 .row2 {
  margin-top: 3rem
}

.sct_guanyu1 .fbt1 {
  font-size: 2.4rem
}

.sct_guanyu1 .remark p {
  text-indent: 2em
}

.sct_guanyu1 .youshi {
  padding-top: 4rem
}

.sct_guanyu1 .ys3 {
  display: flex;
  justify-content: space-between;
  column-gap: 3.1rem;
  margin-top: 2.3rem
}

.sct_guanyu1 .item {
  color: #fff;
  background-image: -moz-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  background-image: -webkit-linear-gradient(176deg, rgb(37 86 153) 0%, rgb(63 172 167) 100%);
  background-image: -ms-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  border-radius: 1rem;
  padding: 2.5rem 3rem;
  flex: 1
}

.sct_guanyu1 .p1 {
  font-size: 2.5rem;
  margin-bottom: 0.6rem;
  font-weight: bold
}

.sct_guanyu1 .p2 {
  margin: 0;
  font-size: 2.4rem
}

.sct_guanyu1 .rr {
  flex: 0 0 calc(552 / 1600 * 100%);
}

.sct_guanyu1 .rr .img {
  border-radius: 2rem;
  overflow: hidden
}

.sct_guanyu1 .remark * {
  font-size: 1.8rem;
  color: #666
}

.sct_guanyu1 .h2_ttl_3 {
  font-size: 3.5rem;
  font-weight: bold;
  padding-bottom: 4rem
}

.sct_guanyu1 .ll {
  padding-right: 7.6rem;
}

.sct_guanyu3 {
  background: url(../images/bg11.jpg) no-repeat center bottom/cover;
  padding: 11rem 0 11rem;
  overflow: hidden
}

.sct_guanyu3 .h2_ttl_3:after {
  content: "";
  display: block;
  width: 1.7em;
  height: 0.4rem;
  background-image: -moz-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  background-image: -webkit-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  background-image: -ms-linear-gradient(176deg, rgb(224, 131, 52) 0%, rgb(230, 169, 79) 100%);
  position: absolute;
  bottom: 2.6rem
}

.sct_guanyu3 .flex {
  justify-content: space-between
}

.sct_guanyu3 .flex .ll {
  flex: 0 0 calc(610 / 1600 * 100%)
}

.sct_guanyu3 .flex .fbt1 {
  font-size: 2.4rem
}

.sct_guanyu3 .flex .h2 {
  font-size: 4.8rem;
  font-weight: bold
}

.sct_guanyu3 .rr {
  flex: 1;
  padding-left: 7rem;
  padding-top: 3rem;
  position: relative
}

.sct_guanyu3 .rr:before {
  border-left: 1px solid #d5dde1;
  content: "";
  display: block;
  width: 0px;
  height: 80vw;
  position: absolute;
  left: 0;
  top: -20rem
}

.sct_guanyu3 .rr li {
  display: flex;
  gap: 5rem;
  margin-bottom: 3rem;
  align-items: flex-start;
  position: relative
}

.sct_guanyu3 .rr .year {
  display: flex;
  align-items: flex-end
}

.sct_guanyu3 .rr .year span {
  font-size: 2rem;
  color: #979797;
  font-weight: bold;
  margin-right: 1rem;
  font-family: arial
}

.sct_guanyu3 .rr .year i {
  font-style: normal;
  display: none
}

.sct_guanyu3 .rr .event {
  font-size: 1.6rem;
  line-height: 1.8;
  color: #484848
}

.sct_guanyu3 .rr li.active {
  margin-bottom: 5rem;
  display: block
}

.sct_guanyu3 .rr li.active:before {
  content: "";
  display: block;
  height: 100%;
  width: 0.5rem;
  border-radius: 0.3rem;
  background: var(--color1);
  position: absolute;
  left: -7.35rem;
  top: 0
}

.sct_guanyu3 .rr .active .year {
  margin-bottom: 1rem
}

.sct_guanyu3 .rr .active .year span {
  font-size: 7.2rem;
  color: var(--color1);
  color: #ddac5f;
  line-height: 1;
  font-weight: bold
}

.sct_guanyu3 .rr .active .year i {
  display: block;
  font-size: 3.6rem;
  color: #ddac5f
}

.sct_guanyu3 .rr .active .event {
  font-size: 2.2rem;
  color: #222
}

.sct_guanyu2 {
  background: url(../images/bg4.jpg) no-repeat center/cover;
  padding: 6rem 0 8rem
}

.sct_guanyu2 .row2 {
  padding-top: 2rem
}

.sct_guanyu2 .in {
  text-align: center;
  background: #fff;
  border-radius: 0.8rem;
  padding: 4rem 3rem 3rem
}

.sct_guanyu2 .in i {
  display: flex;
  width: 13rem;
  height: 13rem;
  border: 1px solid #d7d7d7;
  border-radius: 100rem;
  margin: 0 auto 3rem;
  align-items: center;
  justify-content: center
}

.sct_guanyu2 .in img {
  height: 6.2rem;
  width: auto
}

.sct_guanyu2 .p1 {
  font-size: 3rem
}

.sct_guanyu2 .p2 {
  font-size: 1.8rem;
  line-height: 1.5;
  height: 6rem;
  color: #777;
  margin: 3rem 2rem 0
}

.sct_youshi_1 {
  background: url(../images/bg12.jpg) no-repeat center top/cover;
  padding: 6rem 0 10rem
}

.sct_youshi_1 a i {
  order: -1
}

.sct_youshi_1 .linkmore_3 i svg {
  fill: var(--color1)
}

.sct_youshi_1 .linkmore_3:hover * {
  color: #fff;
  fill: #fff !important
}

.sct_youshi_1 .linkmore_3:hover {
  padding-left: 3rem
}

.sct_youshi_1 .i_ttl {
  margin-top: 4rem;
  display: block
}

.sct_youshi_1 .i_ttl h2 {
  margin-bottom: 1.7rem
}

.sct_youshi_1 .p2 {
  margin: -1rem 0 4rem;
  font-size: 2rem;
  color: #555;
  width: 59rem
}

.sct_youshi_1 .linkmore_3 {
  padding: 0;
  border: 0;
  color: var(--color1);
  justify-content: flex-start;
  column-gap: 0.6rem
}

.sct_youshi_1 .row2 {
  margin-top: 4rem
}

.sct_youshi_1 .in {
  height: 37rem;
  padding: 3rem 2.8rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 21rem;
  opacity: 1;
  border: 1px solid #ffffff0f;
  border-bottom: 1px solid #ffffff00;
  background: rgb(255, 255, 255);
  background: linear-gradient(171deg, rgb(196 189 189 / 26%) 7%, rgb(255 255 255 / 0%) 100%);
  transition: all 0.3s
}

.sct_youshi_1 .in.active, .sct_youshi_1 .in:hover {
  border-color: transparent;
  background: rgb(217, 24, 17);
  background: linear-gradient(161deg, rgb(118 197 239) -15%, rgba(255, 255, 255, 0) 100%);
  border-bottom: 1px solid #756c56
}

.sct_youshi_1 .in.active span, .sct_youshi_1 .in:hover span {
  font-weight: bold
}

.sct_youshi_1 .in:hover * {
  border-color: #fff !important;
  color: #fff !important;
  fill: #fff !important
}

.sct_youshi_1 .in .img {
  display: block;
  margin: 2rem auto
}

.sct_youshi_1 .in .img img {
  height: 7rem
}

.sct_youshi_1 .in .s1 {
  font-size: 2.2rem;
  font-weight: 400;
  color: #fff;
  order: -2
}

.sct_youshi_1 .in .arrow_1 {
  width: 5rem;
  height: 5rem;
  display: flex;
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  fill: #eee;
  border: 2px solid #c7c7c7e3;
  width: 3.7rem;
  height: 3.7rem;
  fill: #c7c7c7e3;
  padding: 0.6rem;
  opacity: 0.5
}

.sct_youshi_1 .in.active .arrow_1, .sct_youshi_1 .in:hover .arrow_1 {
  transform: rotate(-45deg);
  opacity: 1;
  border-color: var(--color1);
  fill: var(--color1)
}

.sct_youshi_1 .in .s1 i {
  font-style: normal;
  margin-right: 0.3rem
}

.sct_youshi_1 .in .s1+.s1 {
  font-size: 2.4rem;
  font-weight: 400;
  color: #333
}

.sct_youshi_1 .in .sinfo {
  font-size: 1.5rem;
  line-height: 2.1;
  margin: 2rem auto 1.5rem;
  color: #666
}

.sct_youshi_1 .info {
  font-size: 2.2rem;
  line-height: 1.8;
  color: #fff;
  max-width: 82%;
  margin-bottom: 5rem;
  min-height: 16rem
}

.sct_youshi_1 .i_ttl .h2 {
  font-size: 3.6rem;
  font-weight: bold;
  color: #fff;
  padding-bottom: 2rem
}

.sct_youshi_1 .fbt1 {
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
}

.sct_jidi_1 {
  padding: 0;
  padding-top: 7rem
}

.sct_jidi_1 .in2 {
  padding: 5rem 5rem 8rem;
  padding-left: 5rem
}

.sct_jidi_1 .row2 {
  background-color: #f5f7f9
}

.sct_jidi_1 .txt {
  padding: 5rem
}

.sct_jidi_1 .txt .h2 {
  font-size: 2.4rem;
  margin-top: 0
}

.sct_jidi_1 .txt .d2 {
  font-size: 3rem
}

.sct_jidi_1 .txt2, .sct_jidi_1 .txt2 * {
  font-size: 1.6rem;
  line-height: 2;
  color: #555
}

.sct_jidi_1 .num3 ul {
  display: flex;
  justify-content: flex-start;
  column-gap: 14rem
}

.sct_jidi_1 .num3 .count {
  font-size: 5.2rem;
  color: var(--color1);
  font-weight: 400
}

.sct_jidi_1 .num3 .dw {
  font-size: 1.6rem;
  color: var(--color1);
  margin-left: 0.5rem
}

.sct_jidi_1 .num3 .d2 {
  font-size: 1.8rem;
  margin: 1rem 0 0
}

.sct_jidi_2 {
  padding: 5rem 0 8rem
}

.sct_jidi_2 .h2 {
  text-align: center;
  padding-bottom: 4rem
}

.sct_jidi_2 .h2:after {
  display: none
}

.sct_jidi_2 .img {
  margin-bottom: 2rem
}

.picslist {
  padding: 7rem 0
}

.picslist .in {
  background: url(../images/bg7.jpg) no-repeat;
  display: block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 41.8rem;
  margin-bottom: 2rem;
  position: relative;
  padding: 1rem;
  text-align: center
}

.picslist .img {
  height: 26rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem
}

.picslist .txt {
  margin-top: 5.6rem;
  font-size: 1.6rem
}

.picslist .in:before {
  content: "";
  display: block;
  width: 80%;
  height: 0.1rem;
  background: #ddd;
  position: absolute;
  margin: 0 auto;
  left: 10%;
  top: -10rem;
  opacity: 0
}

#leftbar .box_list {
  display: block
}

#leftbar .box_list .item {
  display: none
}

#leftbar .wrap0 {
  padding-right: 3rem
}

#leftbar .box4 .ttl {
  background: none;
  border: 1px solid #ededed;
  border-bottom: none;
  color: var(--color1);
  font-weight: bold
}

#leftbar .box_cp .img {
  margin-bottom: 2.2rem;
  background: #fff
}

#leftbar .box_cp .img a {
  display: block;
  width: 100%
}

#leftbar .box_cp .img a img {
  width: 100%
}

#leftbar .box_list .a_1 {
  position: relative
}

#leftbar .box_list .a_1:hover, #leftbar .box_list .a_1.on {
  color: #fff;
  font-weight: bold;
  background: url(../images/bg8.png) no-repeat bottom right/cover;
  background: var(--color2);
}

#leftbar .box_list .a_1:hover span {
  color: #fff
}

#leftbar .box_list .a_1:hover img, #leftbar .box_list .a_1.on img {
  filter: none;
  filter: brightness(0) invert(1);
}

#leftbar .box_list .a_1.on:before, #leftbar .box_list .a_1:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.5rem;
  height: 4rem;
  top: 50%;
  left: 0;
  background: var(--color1);
  margin-top: -2rem;
  display: none
}

#leftbar .box_list .a_2 {
  position: relative
}

#leftbar .box_list .a_2:hover, #leftbar .box_list .a_2.on {
  color: var(--color1);
  font-weight: bold
}

#leftbar .box_list .a_2.on:before, #leftbar .box_list .a_2:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 0.7rem;
  height: 0.7rem;
  top: 50%;
  left: 0;
  background: var(--color1);
  margin-top: -0.4rem;
  border-radius: 10rem;
  left: -1.9rem
}

#leftbar .box_list .a_2.on:after, #leftbar .box_list .a_2:hover:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -.5em;
  background: transparent url(../images/right.png) no-repeat right/auto 1.8rem
}

#leftbar .box_list .ttl a {
  color: #fff
}

#leftbar .box_list .ttl {
  font-size: 2.6rem;
  line-height: 8rem;
  padding: 0 3.5rem;
  background: #0053a3;
  display: flex;
  justify-content: space-between;
  align-items: center
}

#leftbar .box_list .ttl i {
  display: block;
  width: 5rem;
  height: 5rem;
  background: url(../images/bg8.png) no-repeat center;
  border: 1px solid rgb(255 255 255 / 20%);
  border-radius: 10rem
}

#leftbar .box_list ul a:hover {
  color: var(--color1) !important
}

#leftbar .box_list .ul1 {
  border: none;
  margin-bottom: 4rem
}

#leftbar .box_list .cat1:last-child a.a_1 {
  border-bottom: none
}

#leftbar .box_list ul.lv2 {
  border: none;
  border-left: 0;
  margin: 1rem 3rem 3rem;
  margin-right: 1.1rem
}

#leftbar .box_list ul.lv2 li {
  padding: 1.1rem;
  padding-right: 1rem;
  padding-left: 1.5rem;
  border-left: 1px solid #e8e8e8;
  position: relative
}

#leftbar .box_list ul.lv2 li a {
  color: #333;
  display: block;
  padding: 1rem;
  padding: 0;
  padding-left: 0.4rem;
  font-size: 1.6rem;
}

#leftbar .box_list ul.lv2 li:last-child a {
  border: none
}

#leftbar .box_list ul.lv2 li a:hover {
  color: var(--color1)
}

#leftbar .box_list .cat1 {
  background: #fff;
  margin-bottom: 2.4rem;
  border-radius: .8rem;
  padding: 0 0 1px
}

#leftbar .box_list .cat1 i:after {
  content: "+"
}

#leftbar .box_list .cat1 i.plus:after {
  content: "-"
}

#leftbar .box_list .cat1 i {
  font-size: 2rem;
  font-style: normal;
  position: absolute;
  right: 1rem;
  top: 0.7rem;
  color: var(--color1);
  display: block;
  width: 4rem;
  height: 4.2rem;
  text-align: center;
  cursor: pointer
}

#leftbar .box_list .cat1 a {
  display: block;
  color: #2e4254;
  padding-left: 3rem;
  padding-right: 4rem
}

#leftbar .box_list .cat1 .a_1 {
  font-size: 2.1rem;
  height: 8rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.6rem
}

#leftbar .box_list .cat1 a.a_ly {
  font-size: 1.4rem;
  line-height: 2;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1.5rem
}

#leftbar .box_list .ul2 {
  display: none;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 1rem;
  padding-top: 1rem
}

#leftbar .box_list .ul2 li {
  border: none;
  padding-left: 0
}

#leftbar .box_list .ul2 li a {
  font-size: 1.4rem;
  line-height: 3.6rem;
  border: none
}

#leftbar .box .c {
  border: 1px solid #ededed;
  border-top: none;
  padding-bottom: 1rem
}

#leftbar .box4 .c p {
  border-top: none
}

#leftbar .box.box4 .c .p1 {
  border-top: none
}

#leftbar .box .p1 {
  margin-top: 0
}

#leftbar .box .p1 img {
  width: 100%;
  margin-bottom: 0.7rem
}

#leftbar .box .c span {
  display: block;
  text-align: center;
  margin: 0px 1rem
}

#leftbar .box .c p {
  border-top: 1px solid #ededed
}

#leftbar .box .span1 {
  color: #000
}

#leftbar .box .span2 {
  font-size: 1.2rem;
  color: #666
}

#leftbar .p1 .span2 {
  font-size: 1.2rem;
  color: var(--color1);
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: -4px !important
}

#leftbar .box_list em {
  height: 100%;
  width: 6rem;
  display: flex;
  align-items: center
}

#leftbar .box_list em img {
  filter: brightness(0) saturate(100%) invert(22%) sepia(18%) saturate(916%) hue-rotate(167deg) brightness(98%) contrast(93%);
  width: 4rem;
}

#products_list {
  padding: 7rem 0 0;
  background: #f7f9fb
}

#products_list .r li>a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #ffffff;
  margin-bottom: 3rem;
  overflow: hidden;
  border-radius: .6rem
}

#products_list .r .p_ico {
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2rem;
  margin: 0;
  display: flex;
  height: 28rem;
}

#products_list .p_ico img {
  width: auto;
  height: auto;
  max-height: 100%;
}

#products_list .r .txt {
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem 3.5rem;
  width: 100%
}

#products_list .r .txt i {
  transition: all 0.3s
}

#products_list .r a:hover * {
  color: var(--color1)
}

#products_list .r .txt span {
  font-size: 1.7rem;
  color: #555;
  white-space: nowrap;
  display: inline-block;
  max-width: 25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

#products_list .r .txt i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  background: transparent;
  border-radius: 100rem;
  padding: 0.5rem;
  fill: #7b7b7b;
  transition: all 0.3s
}

#products_list .r a:hover i {
  background: var(--color2);
  fill: white
}

#products_detail {
  padding-top: 6.4rem;
  background: #f7f9fb
}

#products_detail table.fea {
  margin: 2rem 0 3rem
}

#products_detail table.fea .t {
  font-size: 2rem
}

#products_detail table.fea td, #products_detail table.fea th {
  padding: 1rem 0;
  font-size: 1.8rem;
  color: #666;
  border: 0;
  line-height: 1.8
}

#products_detail table.fea th {
  width: 6rem;
  color: #2e4254;
  font-weight: bold
}

#products_detail .mainpic {
  /* background: #f1f7fb; */
  height: 42.5rem;
  border-radius: .8rem;
  flex: 0 0 42.5rem;
  overflow: hidden
}

#products_detail .mainpic img {
  width: 100%
}

#products_detail .infos {
  padding-left: 5.5rem;
  flex: 1
}

#products_detail .infos h1 {
  margin: 0 0 4rem;
  font-weight: 400;
  font-weight: bold;
  font-size: 3.2rem;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem
}

#products_detail .p_ft {
  border-top: 1px dotted #ccc;
  padding-top: 5rem
}

#products_detail .btn_zx {
  display: flex;
  gap: 2rem;
  align-items: center
}

#products_detail .btn_zx a {
  display: flex;
  align-items: center;
  gap: 1rem;
  max-width: min-content;
  border-radius: .4rem;
  background: #139dad;
  border: 0;
  height: 5rem;
  padding: 0 1.3em
}

#products_detail #products_list {
  padding: 3rem 0;
  margin-top: 2.5rem;
  margin-bottom: 8rem
}

#products_detail #products_list .r {
  margin-top: 4rem;
  margin-bottom: 3rem
}

#products_detail #products_list .t {
  display: flex;
  align-items: center;
  margin-bottom: 2.2rem;
  color: #2e4254
}

#products_detail #products_list .t i {
  display: flex;
  margin-right: 1.4rem;
  width: 4rem;
  border: 0.2rem solid #2e4254;
  height: 4rem;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding: 0.3rem
}

#products_detail #products_list .t .h2 {
  display: inline-block;
  margin: 0;
  font-weight: bold
}

#products_detail #products_list .item {
  background: #f1f7fb;
  padding: 0
}

#products_detail #products_list .item .p_ico {
  margin: 0 auto;
  width: 100%;
  background: #fff;
  padding: 3rem;
  border-radius: 0;
}

#products_detail #products_list .txt {
  margin: 0;
  padding: 1.6rem 3rem;
  background: #fff
}

#slt_list .w_a .txt .info {
  line-height: 2;
  height: 12rem
}

.article_list1 .item .txt {
  padding-left: 5rem;
  padding-top: 1rem;
  padding-right: 0
}

.article_list1 .item {
  padding: 0rem 0 5rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid #eeeeee
}

.article_list1 .row>div:last-child .item {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0
}

.article_list1 .item h3 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 3.2rem;
  font-weight: 400;
  transition: all .3s
}

.article_list1 .item h3+div {
  line-height: 2;
  margin-bottom: 2.6rem
}

.article_list1 .item .sinfo {
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 2.5rem;
  margin-bottom: 4rem
}

.article_list1 .btn_more {
  margin-top: 3rem;
  background: transparent;
  color: #333;
  padding: 0
}

.article_list1 .btn_more span {
  font-size: 2rem;
  color: #555
}

.article_list1 a:hover .btn_more span {
  color: var(--color1)
}

.article_list1 .item .time {
  font-size: 1.6rem;
  color: #aaa;
  display: block;
  margin-bottom: 2rem;
  padding-left: 2.5rem;
  background: url(../images/date.png) no-repeat left center/auto 1em
}

.article_list1 .item>a {
  display: flex;
  position: relative;
  padding: 0
}

.article_list1 .item>a * {
  position: relative
}

.article_list1 .img {
  max-height: 45rem
}

.article_list1 .img {
  overflow: hidden
}

.article_list1 .item .more {
  color: #333;
  font-size: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #eee;
  width: 19rem;
  padding: 0.6rem 3rem;
  transition: all 0.3s
}

.article_list1 .item .more:hover {
  color: #fff;
  background: var(--color1);
  fill: #fff
}

.article_list1 .item .more i {
  top: 0.2rem
}

.article_list1 .item .more i svg {
  height: 3rem
}

.article_list1 .item .img {
  flex: 0 0 45rem;
  margin: 0
}

.article_detail2 {
  padding: 0
}

.article_content {
  padding-right: 6rem;
  margin-bottom: 8rem;
}

.article_content .remark {
  font-size: 1.4rem
}

.article_content h1 {
  margin: 0 auto;
  font-size: 4.2rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 2rem
}

.articletitle_page {
  text-align: center
}

.article_content.topgap1 {
  padding-top: 0rem
}

.article_content.topgap1:before {
  height: 0.2rem
}

.articleinfo {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 0.1rem solid #e2e2e2
}

.articleinfo * {
  color: #888;
  font-size: 1.6rem
}

.articleinfo .fl * {
  color: #777
}

.articleinfo .fl a:hover {
  color: var(--color4)
}

.articleinfo .fl span {
  display: inline-block;
  margin-right: 2rem
}

.articleinfo .fl span i {
  display: inline-block;
  height: 1.3em;
  width: 1em;
  background: url(../images/i-clock.png) no-repeat center/auto 70%;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 7px;
  display: none
}

.articleinfo .fl span.category i {
  background-image: url(../images/i-view.png);
  background-size: 100% auto
}

.articleinfo .fl span.source i {
  background-image: url(../images/newspaper.png);
  background-size: 100% auto
}

.articlenav .fl {
  font-size: 1.6rem
}

.articlenav .return1 i {
  vertical-align: middle;
  display: inline-block;
  width: 2.3rem;
  height: 1.4rem;
  background: url(../images/return.png) no-repeat center/auto 100%;
  position: relative;
  top: -0.2rem
}

.articlenav .return1 {
  display: block;
  width: 16rem;
  border: 0.1rem solid var(--color1);
  border-radius: 10rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.6rem;
  vertical-align: middle
}

.articlenav .return1 span {
  color: var(--color1)
}

.hotarticles {
  background: #fff;
  padding: 0;
  margin-top: 0;
  margin-bottom: 6.5rem
}

.hotarticles .h4 {
  font-size: 2.2rem;
  margin: 1em 0 2em;
  font-weight: bold;
  border-bottom: 1px solid #eccc;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 0.1rem solid #e2e2e2
}

.hotarticles h3 {
  margin: 0 0 1.5rem;
  padding: 1.5rem;
  font-size: 1.8rem;
  background: rgb(244, 241, 238)
}

.hotarticles a {
  line-height: 1.6;
  font-size: 1.8rem;
  font-weight: 400
}

.hotarticles .sinfo {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 2rem 0 1rem
}

.hotarticles li {
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  padding-left: 0;
  border-bottom: 0.1rem solid #f3f1ee
}

.hotarticles li span {
  display: inline-block;
  margin-top: 0.8rem;
  color: #999;
  font-size: 1.6rem
}

.hotarticles li span i {
  display: inline-block;
  height: 1.3em;
  width: 1.4em;
  background: url(../images/date.png) no-repeat center/auto 80%;
  position: relative;
  top: 0.5rem;
  margin-right: 7px
}

.hotarticles a+span {
  display: block;
  color: #666
}

.hotarticles a:hover {
  color: var(--color2)
}

.body_news_list .crumbs {
  display: none
}

.sct_news1_submenu {
  padding-top: 4rem;
  margin-bottom: 5rem;
  border-bottom: 1px solid #ddd
}

.body_detail .sct_news1_submenu {
  display: none
}

.body_ptn #submenuwrap, .body_ptn .crumbs {
  display: none
}

.ttl_5 .h2 {
  font-weight: 400;
  margin-top: 5rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #e9f3fb;
  position: relative
}

.ttl_5 .h2:after {
  content: "";
  display: block;
  height: 3px;
  background: var(--color1);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2em
}

.body_ptn .content {
  padding-bottom: 3rem
}

.sec_contact_1 {
  padding-top: 8rem
}

.sec_contact_1 .sinfo2 {
  font-size: 1.8rem;
  line-height: 1.9;
  color: #777;
  margin-bottom: 2rem
}

.sec_contact_1 .in1 {
  padding-right: 5rem
}

.sec_contact_1 .ttl_5 .h2 {
  margin-top: 0;
  font-size: 3.6rem;
  font-weight: bold
}

.ul_contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 3rem
}

.ul_contact li {
  display: flex;
  align-items: center;
  column-gap: 2rem;
  margin-bottom: 5rem;
  flex: auto
}

.ul_contact li i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.5rem;
  height: 6.5rem;
  background: #f4f4f4;
  border-radius: 10rem
}

.ul_contact li img {
  height: 3.4rem;
  width: auto
}

.ul_contact li .t {
  color: #888;
  font-size: 2rem
}

.ul_contact li .d {
  color: #212121;
  font-size: 2.2rem;
  margin-top: 0.1rem;
  font-weight: bold;
  font-family: airal
}

.ul_contact li.li_3 .d {
  font-weight: 400
}

.sec_contact_2 {
  padding: 6.5rem 0;
  background: #f7f7f7;
  margin-top: 7rem
}

.sec_contact_2 .ttl_5 {
  font-size: 3.5rem;
  margin-bottom: 1.5rem;
  font-weight: bold
}

.sec_contact_2 .finfo {
  font-size: 1.6rem;
  color: #666;
  margin-bottom: 5rem
}

.sec_contact_2 textarea.frm_ipt {
  flex: 0 0 100%;
  max-width: 100%;
  padding-top: 1rem;
  height: 16rem
}

.sec_contact_2 .frm_ipt {
  height: 65px;
  background: #ffffff;
  opacity: 1;
  border: 1px solid #e7e7e7;
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
  max-width: 33%;
  padding: 0 2rem
}

.sec_contact_2 .msg_form {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between
}

.sec_contact_2 .ipt_submit {
  width: 18rem;
  height: 5.4rem;
  background: var(--color1);
  font-size: 2rem;
  color: #fff;
  border: none;
  margin: 2rem 0 0;
  letter-spacing: 0.7rem;
  border-radius: 0.4rem
}

.culture_c .in {
  text-align: center;
  border: 1px solid #eee;
  padding: 6rem;
  margin-bottom: 5rem
}

.culture_c .t {
  font-size: 2.5rem;
  margin: 3rem auto 1rem
}

.picslist {
  padding: 7rem 0
}

.picslist .in {
  border: 1px solid #EAEAEA;
  display: block;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 46.5rem;
  width: 96%;
  margin: 2rem auto;
  position: relative;
  padding: 3rem 4rem;
  text-align: center;
  border-radius: 1rem
}

.picslist .img {
  height: 26rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem
}

.picslist .txt {
  margin-top: 5.6rem;
  font-size: 1.6rem;
  position: relative;
  color: #666
}

.picslist .in:before {
  content: "";
  display: block;
  width: 80%;
  height: 0.1rem;
  background: #ddd;
  position: absolute;
  margin: 0 auto;
  left: 10%;
  top: -10rem;
  opacity: 0
}

.sct_honor {
  padding: 7rem 0 4rem;
  background: url(../images/bg13.jpg) no-repeat center/cover
}

.sct_honor .picslist .in {
  padding-left: 0;
  padding-right: 0;
  background: #fff
}

.sct_honor .picslist {
  padding: 0
}

.sct_honor .picslist .pn {
  display: flex;
  justify-content: end;
  gap: 2rem;
  flex: 1;
  position: relative;
  top: 1rem
}

.sct_honor .picslist .pn a:hover * {
  fill: var(--color1);
  border-color: var(--color1)
}

.sct_honor .picslist .pn a i {
  display: flex;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  align-items: center;
  border: 1px solid #ccc;
  fill: #ccc
}

.sct_honor .picslist .pn a svg {
  width: 2rem;
  height: 2rem
}

.sct_honor .picslist .hdl_wrap {
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
  align-items: flex-end;
  padding-bottom: 1rem
}

.sct_honor .picslist .hdl_wrap .currentdot {
  font-size: 2rem;
  color: var(--color1);
  line-height: 1.1;
  position: relative;
  top: -0.1rem
}

.sct_honor .picslist .hdl_3 {
  position: relative
}

.sct_honor .picslist .hdl_wrap:before {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 13rem);
  background: #eee;
  position: absolute;
  bottom: 0;
  left: 0
}

.sct_honor .picslist .hdl_3 li {
  display: none
}

.sct_honor .picslist .hdl_3 li:last-child {
  display: block !important;
  position: relative;
  padding-left: 2rem;
  color: #999
}

.sct_honor .picslist .hdl_3 li:last-child:before {
  content: "";
  display: block;
  width: 1px;
  height: 1.5rem;
  background: #ccc;
  transform: rotate(32deg);
  position: absolute;
  left: 1.1rem;
  top: 0.1rem
}

.sct_honor .picslist .hdl_3 ul {
  display: flex !important
}

.sct_honor .picslist .hdl_3 .slick-active {
  position: relative
}

.sct_honor .picslist .slider_honors .slick-slide {
  margin-left: 2.2rem
}

.sct_honor .picslist .slider_honors .slick-list {
  margin-left: -2.2rem
}

.sct_honor .hndots {
  text-align: center
}

.sct_honor .hndots {
  width: 100%;
  text-align: center;
  margin: 4rem auto 0
}

.sct_honor .hndots ul.slick-dots li {
  display: inline-block;
  width: 6.6rem;
  height: .5rem;
  margin: 10px 5px;
  border-radius: 15px;
  background: #eee;
  cursor: pointer;
  transition: all .3s
}

.sct_honor .hndots ul.slick-dots li.slick-active {
  background-color: var(--color1)
}

.sct_honor .hndots ul.slick-dots li span {
  display: none
}

.sct_honor .picslist .img {
  background: url(../images/frame.png) no-repeat center;
  padding: 0;
  width: 22.7rem;
  height: 32.8rem;
  margin: 0 auto;
  image-rendering: -webkit-optimize-contrast
}

.sct_honor .picslist .txt:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #EAEAEA;
  position: relative;
  top: -2rem;
  left: 0%
}

.sct_honor .i_ttl .r {
  position: relative;
  top: -3.5rem
}

.sct_honor .row2 {
  position: relative;
  top: -1.5rem
}

.sct_honor .h2_ttl_3 {
  font-weight: bold;
  text-align: left;
  padding-bottom: 1.5rem
}

.products_index{
  padding: 6rem 0;
}

#hot1 .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 每行4列 */
  gap: 2.0rem; /* 项目之间的间距 */
  margin: 6.0rem auto 0;
}

#hot1 .item {
  background-color: #fff; /* 每个项目的背景颜色 */
  border: .1rem solid #ddd; /* 边框 */
  border-radius: .8rem; /* 圆角 */
  overflow: hidden;
  padding-bottom: 2.0rem;
  text-align: center;
  box-shadow: 0 .4rem .6rem rgba(0, 0, 0, 0.1); /* 阴影效果 */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#hot1 .img {
    height: 30rem;
    width: 100%;
    display: flex;
    justify-content: center;
    ALIGN-ITEMS: CENTER;
}

#hot1 .item:hover {
  transform: translateY(-.5rem); /* 悬停时上移 */
  box-shadow: 0 .8rem 1.2rem rgba(0, 0, 0, 0.2); /* 悬停时阴影变大 */
}

#hot1 .img img {
  max-width: 80%; /* 图片宽度自动适应容器 */
  max-height: 24.0rem;
  height: auto;
  display: block;
  margin: 0 auto; /* 居中 */
  padding: 1.0rem; /* 图片的内边距 */
}

#hot1 .txt {
  padding: 1.0rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #333;
}

#hot1 .txt a {
  text-decoration: none; /* 去掉下划线 */
  color: var(--color3); /* 链接颜色 */
  transition: color 0.3s ease;
}

#hot1 .txt a:hover {
  color: #005bb5; /* 悬停时的链接颜色 */
}



.sct_base .imgs {
  display: block;
  position: relative;
  height: 65rem;
  margin-top: 1.5rem
}

.sct_base .img {
  overflow: hidden;
  position: absolute;
  border-radius: 1rem
}

.sct_base img:hover {
  transform: scale(1.15)
}

.sct_base .img img {
  width: 100%;
  transition: all 1s
}

.sct_base .img_1 {
  width: 63.9rem;
  height: 59rem;
  left: 0rem;
  top: 0rem
}

.sct_base .img~.img {
  top: 0rem;
  width: 46rem;
  height: 28.4rem
}

.sct_base .img~.img_2 {
  left: calc(64rem + 2rem)
}

.sct_base .img~.img_3 {
  left: calc(64rem + 2rem + 46rem + 2rem)
}

.sct_base .img~.img_4 {
  left: calc(64rem + 2rem);
  top: 30.6rem
}

.sct_base .img~.img_5 {
  left: calc(64rem + 2rem + 46rem + 2rem);
  top: 30.6rem
}

.sct_base .img~.img_6 {
  left: calc(57.8rem + 1rem + 33rem + 1rem);
  top: 30.6rem
}

.sct_base .img~.img_7 {
  left: calc(57.8rem + 1rem + 33rem + 1rem + 33rem + 1rem);
  top: 30.6rem
}

.sct_base .img_3, .sct_base .img_4 {
  width: calc(28% - 1rem);
  height: 16.5rem;
  right: 0rem;
  top: 0rem
}

.sct_base .img_4 {
  top: 17.6rem
}

.sct_base .p_s_first .img img {
  width: auto;
  min-height: 100%;
  max-width: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.6s
}

.sct_base .p_s_first .img:hover img {
  transform: translateX(-50%) translateY(-50%) scale(1.2)
}

.sct_base {
  padding: 6rem 0 5rem
}

.sct_base .flex1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 18rem
}

.sct_base .h2 {
  font-size: 4.8rem;
  font-weight: bold;
  padding: 0 0 4rem
}

.sct_base .hdl_fct ul {
  display: flex !important;
  column-gap: 8rem;
  align-items: center
}

.sct_base .hdl_fct ul li {
  padding: 0 0 1.7rem;
  border-bottom: .3rem solid transparent;
  position: relative;
  top: -0.3rem;
  cursor: pointer
}

.sct_base .hdl_fct ul span {
  font-size: 2.2rem
}

.sct_base .hdl_fct ul li.slick-active {
  border-bottom-color: var(--color1);
  font-weight: bold;
  color: var(--color1)
}

.index_clients_ab {
  background: url(../images/bg14.jpg) no-repeat center bottom/cover;
  padding: 11rem 0 10rem
}

.index_clients_ab .con .flex {
  align-items: flex-start;
  column-gap: 18rem;
  justify-content: space-between
}

.index_clients_ab .nums {
  font-size: 8rem;
  font-weight: bold;
  font-family: arial;
  color: var(--color1)
}

.index_clients_ab h2 {
  margin: 1rem 0 3rem
}

.index_clients_ab .l>p {
  font-size: 2rem;
  color: #555;
  margin-top: 8rem
}

.cat_products_66 {
  padding: 8rem 0
}

.cat_products_66 .item {
  display: flex;
  margin-bottom: 3rem
}

.cat_products_66 .txt {
  flex: 1;
  padding: 9rem 6rem;
  position: relative
}

.cat_products_66 .txt * {
  position: relative;
  z-index: 1
}

.cat_products_66 .txt i {
  font-size: 19rem;
  font-style: normal;
  font-family: arial;
  font-weight: bold;
  color: #fff;
  -webkit-text-stroke: 1px #44444430;
  position: absolute;
  top: 0;
  z-index: 0;
  left: 4.3rem
}

.cat_products_66 .en {
  font-size: 1.8rem;
  color: #888;
  text-transform: uppercase;
  padding: 1rem 0;
  margin-bottom: 1rem
}

.cat_products_66 .en:after {
  content: "";
  display: block;
  height: 4px;
  width: 6rem;
  background: var(--color1);
  margin-top: 2rem
}

.cat_products_66 .sinfo {
  font-size: 2rem;
  line-height: 1.8;
  max-width: 92%
}

.cat_products_66 ul {
  display: flex;
  gap: 5rem;
  margin-top: 5rem
}

.cat_products_66 li {
  display: flex;
  width: 10.4rem;
  height: 10.4rem;
  background: var(--color1);
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: #fff;
  font-size: 2.4rem;
  border-radius: 11rem;
  padding: 1.5rem;
  text-align: center
}

.cat_products_66 li a {
  color: #fff
}

.cat_products_66 .pic {
  flex: 1;
  min-width: 80rem;
  border-radius: 0 2rem 2rem 0;
  overflow: hidden
}

.cat_products_66 .item:nth-child(even) .txt {
  padding: 10rem 10rem
}

.cat_products_66 .item:nth-child(even) .txt i {
  left: 7.7rem
}

.cat_products_66 .item:nth-child(even) .pic {
  order: -1
}

.cat_products_66 .txt .h3 a {
  font-size: 4.8rem;
  transition: all .3s
}

.body_search #header {
  /* background-color: #042766; */
  border-bottom: 2px solid var(--color1);
}

.text-color1 {
  color: var(--color1)
}

.py-4 {
  padding-top: 1rem
}

.py-4 {
  padding-bottom: 1rem
}

.para {
  padding: 4rem;
  display: flex;
  background: #fff
}

.para .linkmore svg {
  fill: #fff;
  height: 3rem;
  transform: translateY(1px)
}

.para .linkmore span {
  white-space: nowrap;
  font-size: 1.8rem;
  letter-spacing: 1px
}

.para .phone_2 {
  display: flex;
  gap: 1.6em;
  align-items: center
}

.para .img2 {
  display: flex;
  justify-content: center;
  align-items: center
}

.para .img2 svg {
  height: 5rem;
  width: 4.8rem;
  fill: #777
}

.para .txt_1 span {
  display: block;
  color: #888;
  font-size: 1.4rem
}

.para .txt_1 span.s2 {
  color: var(--color1);
  font-size: 2.4rem;
  line-height: 1
}

.productdetail {
  padding: 4rem;
  background: #fff;
  margin-top: 2.2rem
}

.productdetail .remark * {
  /* font-size: 1.8rem; */
  color: #555;
  /* line-height: 1.8; */
  white-space: normal !important;
  word-wrap: break-word !important;
  text-wrap: wrap !important
}




.productdetail .tab_hdls {
  display: flex;
  list-style: none;
  padding: 0;
}

.productdetail .tab_hdls li {
  /* margin-right: 10px; */
  cursor: pointer;
  padding: .5rem 4rem;
  background: #f0f0f0;
  border-radius: 4px;
  /* width: 18.5rem; */
  height: 5.2rem;
  font-size: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .6rem .6rem 0 0;
  line-height: 1
}
.productdetail .slick-dots li.slick-active {
  background: #139dad;
  color: #fff;
  height: 6rem;
}




/* Slick Dots Customization */
.productdetail .slick-dots {
  display: flex !important;
  /* justify-content: center; */
  padding-left: 2rem;
  align-items: flex-end;
}

.productdetail .slick-dots {
  margin-bottom: 3rem;
  width: 100%;
  border-bottom: 1px solid #139dad;
}

.productdetail .slick-dots li button {
  background: #f0f0f0;
  border: none;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  cursor: pointer;
}

.productdetail .slick-dots li.slick-active button {
}

.detail_con .products_list .grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.8rem;
  margin-top: 2.4rem
}

.detail_con .products_list .p_ico {
  border-radius: 1rem;
  overflow: hidden
}

.detail_con .products_list .txt {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.detail_con .products_list .txt span {
  font-size: 1.6rem;
}

.detail_con .products_list .txt i {
  display: flex;
  padding: 0.8rem;
  background: #f7f9fb;
  border-radius: 10rem
}

.detail_con .products_list .txt svg {
  width: 1.8rem
}

.downloadlist .items {
  margin: 6rem auto
}

.downloadlist .item {
  background: #fff;
  margin-bottom: 2.5rem
}

.downloadlist .item ul {
  transition: all .3s
}

.downloadlist .item ul {
  display: flex;
  align-items: center
}

.downloadlist .item li {
  flex: 1;
  padding: 1.7rem 0;
  text-align: center;
  font-size: 1.8rem;
  color: #666
}

.downloadlist .item .li_1 {
  flex: 10
}

.downloadlist .item .li_2 {
  flex: 30;
  text-align: left
}

.downloadlist .item .li_2~li {
  flex: 10
}

.downloadlist .item .li_1 i {
  width: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto
}

.downloadlist .item .li_6 i {
  display: flex;
  margin: 0 auto;
  width: 4.6rem;
  height: 4.6rem;
  background: var(--color1);
  border-radius: 10rem;
  justify-content: center;
  align-items: center;
  fill: #fff
}

.downloadlist .item .li_6 i svg {
  fill: inherit;
  width: 2.4rem
}

.downloadlist .item ul:hover {
  background: var(--color1)
}

.downloadlist .item ul:hover * {
  color: #fff
}

.downloadlist .item ul:hover .li_1 svg {
  fill: #fff
}

.downloadlist .item ul:hover .li_6 i {
  background: #fff;
  fill: var(--color1)
}

.downloadlist .item svg {
  fill: var(--color1);
  width: 100%
}

.body_job .in {
  padding: 0;
  padding-left: 1rem;
  padding-top: 2rem
}

.body_job .in .p1 {
  font-size: 4.4rem;
  font-weight: bold;
  margin-bottom: 5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ddd
}

.body_job .jpart2 .in .p1 {
  border-bottom: 1px solid #ffffff54
}

.body_job .in .p2 {
  font-size: 2.2rem;
  line-height: 1.7
}

.body_job .in .p3 {
  font-size: 1.6rem
}

.body_job .img img {
  border-radius: 1rem;
  overflow: hidden
}

.jpart1 {
  padding: 8rem 0 7rem;
  background: url(../images/bg16.jpg) bottom center/cover
}

.jpart1 .p2 {
  color: var(--color1)
}

.jpart1 .p3 {
  margin-top: 4rem;
  padding: 3rem;
  background: #f4f4f4;
  border-left: 2px solid #E1E1E1;
  line-height: 2
}

.jpart2 {
  padding: 10rem 0 7rem;
  background: url(../images/bg17.jpg) no-repeat center/cover;
  color: #fff
}

.jpart2 .in {
  padding-right: 7rem;
  margin-top: -2rem
}

body_job .jpart2 .in .p1 {
  border-bottom: 1px solid #ffffff1f
}

.jpart2 .p2 {
  margin-bottom: 5rem
}

.jpart2 ul li {
  display: inline-block;
  width: 20%;
  border: 1px solid #ffffff45;
  border-radius: 0.6rem;
  padding: 2rem;
  height: 13rem;
  text-align: center;
  margin-bottom: 2rem;
  margin-right: 2rem
}

.jpart2 .img {
  padding-top: 1rem
}

.jpart2 ul li i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.6rem;
  height: 4.6rem;
  margin: 0 auto 1.5rem;
  padding: 0.1rem
}

.jpart3 {
  padding: 8rem 0 5rem
}

.body_job .sct_huoban {
  background: url(../images/bg18.jpg) no-repeat center/cover;
  margin-bottom: -0.2rem;
  height: 40rem;
  padding-top: 5rem
}

.jpart3 .p2 {
  color: var(--color1);
  margin-bottom: 5rem
}

.jpart3 ul li {
  margin: 3.5rem 0
}

.jpart3 ul li .d1 {
  font-size: 2.2rem;
  font-weight: bold;
  padding-left: 0.8em;
  margin-bottom: 1.4rem;
  border-left: 3px solid var(--color1);
  line-height: 1.1
}

.jpart3 ul li .d2 {
  color: #666
}

.jpart3 .ttl3 .h2 {
  font-weight: bold;
  padding-bottom: 1rem
}

.jpart3 .ttl3 .fbt1 {
  font-size: 2rem;
  color: #666;
  margin-bottom: 5rem
}

.jpart3 .join1 a {
  display: block;
  width: min-content;
  white-space: nowrap;
  line-height: 4.5rem;
  text-align: center;
  background: var(--color1);
  color: #fff;
  padding: 1.2rem 4rem;
  transition: all .3s;
  margin-bottom: 2rem
}

.jpart3 .join1 a:hover {
  background: var(--color2)
}

.tablewrap {
  margin-top: 3rem;
  margin-bottom: 7rem
}

.tablewrap>table {
  display: none
}

.tablewrap>table th {
  font-size: 2.2rem;
  font-weight: bold;
  padding: 2rem !important;
  color: #333;
  border-top: none !important;
  border-bottom: 2px solid var(--color1)
}

body .tablewrap>table td {
  font-size: 1.8rem;
  box-sizing: border-box;
  padding: 2.4rem 1.6rem !important;
  border-top: 0 !important;
  border-bottom: 1px solid #eee
}

body .tablewrap>table td:first-child {
  font-size: 2.2rem
}

.tablewrap>table th:last-child {
  width: 170px
}

.tablewrap>table td:last-child {
  width: 60px
}

.tablewrap>table .xq td {
  padding: 0 6rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: #f7f8fc;
  width: 100%
}

.tablewrap>table .s {
  line-height: 1.8;
  display: none;
  width: 100%;
  margin: auto;
  padding: 3rem 0
}

.tablewrap>table .s * {
  font-size: 1.8rem !important;
  line-height: 1.6 !important
}

.tablewrap>table .job_detail {
  line-height: 1.1;
  cursor: pointer;
  color: #333
}

.tablewrap>table .job_detail:hover {
  color: var(--color1)
}

.jitems1 .item {
  display: flex;
  column-gap: 4rem;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid #eee;
  align-items: flex-start
}

.jitems1 .item:last-child {
  border: 0
}

.jitems1 .pic {
  flex: 0 0 8rem;
  display: flex;
  justify-content: center;
  align-items: center
}

.jitems1 .txt1 strong {
  font-size: 3rem;
  color: #2e4254;
  display: block;
  margin-bottom: 1.5rem
}

.jitems1 .txt1 .info1 {
  font-size: 1.8rem;
  line-height: 1.8;
  color: #666
}

.jitems2 .txt1 .info1 {
  color: #fff
}

.jitems2 .item {
  border-bottom: 1px solid #ffffff1f
}

.jitems2 .txt1 strong {
  color: #fff
}



@media screen and (min-width: 1920px) {
  .carousel-inner>.item {
      background-size: cover !important
  }
}