#header, #nav ul li > a, .top_menu {
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}
#header {
  z-index: 999;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 998;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}
#header > .m {
  display: flex;
  padding: 0 3.125rem;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  position: static
}
#header .fr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  max-width: 85rem;
  gap: 1.75rem
}
#header .line01 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, .15);
  z-index: -1
}
#logo {
  flex-shrink: 0;
  width: 18.875rem;
  margin-right: 2rem
}
#logo a {
  display: flex;
  height: 100%;
  align-items: center
}
#logo img {
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}
#logo .img01 {
  display: none
}
#logo .img02 {
  display: block
}
#nav {
  flex-grow: 1
}
#nav ul {
  display: flex;
  flex-grow: 1;
  justify-content: space-around
}
#nav ul li {
  z-index: 0;
  text-align: center;
  font-size: 0
}
#nav ul li > a {
  display: block;
  font-size: 1.0625rem;
  color: #fff;
  line-height: 5.75rem;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
  display: inline-block
}
#nav ul li > a:before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #2f7ec1;
  transition: .3s ease-in-out;
  transform: scaleX(0);
  transform-origin: center
}
#nav ul li.on > a:before, #nav ul li:hover > a:before {
  transform: scaleX(1)
}
#nav li .sub {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #fff;
  padding: 5rem 0;
  clip-path: inset(0 0 100% 0);
  visibility: hidden;
  pointer-events: none
}
#nav li .sub .bd {
  display: flex;
  align-items: center;
  gap: 6rem;
  justify-content: center
}
#nav li .sub .box1 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-top: 1px solid #ced8d9
}
#nav li .sub .box1 a {
  display: flex;
  align-items: center;
  line-height: 4rem;
  padding: 0 2rem;
  border-bottom: 1px solid #ced8d9;
  position: relative
}
#nav li .sub .box1 a:before {
  content: "";
  opacity: 0;
  display: block;
  width: 4px;
  height: 1.25rem;
  background: #2f7ec1;
  position: absolute;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%)
}
#nav li .sub .box1 .ico {
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  margin-right: .5rem;
  display: flex;
  align-items: center;
  justify-content: center
}
#nav li .sub .box1 h4 {
  font-size: 1rem;
  color: #1f1f1f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#nav li .sub .box1 a:hover h4 {
  color: #2f7ec1
}
#nav li .sub .box1 a:hover:before {
  opacity: 1
}
#nav li .sub .box2 {
  width: 29.375rem
}
#nav li .sub .box2 p {
  font-size: 1.125rem;
  color: #2f7ec1;
  font-weight: bold;
  padding-top: 1.125rem
}
#nav li:hover .sub {
  clip-path: inset(0 0 0 0);
  pointer-events: inherit;
  visibility: visible;
  transition: .5s
}
.top_btn_search {
  flex-shrink: 0
}
.top_btn_search i {
  color: #fff;
  font-size: 1.75rem
}
.top_language {
  position: relative;
  flex-shrink: 0
}
.top_language > a {
  display: flex;
  align-items: center
}
.top_language > a i {
  color: #fff
}
.top_language > a i:first-child {
  font-size: 1.75rem
}
.top_language > a i:nth-child(2) {
  font-size: .75rem !important;
  margin-left: 3px
}
.top_language .sub {
  position: absolute;
  position: absolute;
  padding-top: .5rem;
  left: 50%;
  top: 100%;
  z-index: 999;
  transform-origin: 0 0;
  transform: translateY(10px) translateX(-50%);
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  opacity: 0;
  visibility: hidden
}
.top_language .sub .box {
  padding: 0;
  text-align: center;
  background: #fff;
  display: block !important;
  min-width: 100%;
  width: auto;
  padding: 5px 0;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px #3334d
}
.top_language .sub a {
  padding: 0;
  display: block;
  position: relative;
  z-index: 2;
  line-height: 1.5rem;
  transition: .3s;
  padding: .5rem 1.5rem;
  font-size: .9375rem;
  color: #2d2d2d;
  text-align: center;
  white-space: nowrap
}
.top_language .sub a:hover {
  background: #2f7ec1;
  color: #fff;
  transition: 0s
}
.top_language:hover .sub {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) translateX(-50%)
}
.top_tel {
  display: flex;
  align-items: center;
  color: #fff
}
.top_tel i {
  font-size: 2rem;
  margin-right: 4px
}
.top_tel span {
  font-size: .875rem;
  color: #fff;
  transition: .5s
}
.top_tel p {
  font-size: 1.5rem;
  color: #fff;
  font-family: arial;
  font-weight: bold;
  transition: .5s
}
#header.xg {
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
}
#header.xg #nav ul li > a {
  color: #333
}
#header.xg #nav ul li > a:before {
  background: #2f7ec1
}
#header.xg #logo .img01 {
  display: block
}
#header.xg #logo .img02 {
  display: none
}
#header.xg .top_btn_search i {
  color: #444
}
#header.xg .top_language > a i {
  color: #444
}
#header.xg .top_tel {
  color: #444
}
#header.xg .top_tel span {
  color: #666
}
#header.xg .top_tel p {
  color: #2f7ec1
}
#m_header {
  display: none;
  height: 4.5rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 996;
  transition: .5s;
  background: #fff
}
#m_header .m {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem
}
#m_header #logo img {
  height: 36px
}
#m_header .fr {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding-right: 6rem
}
#m_header .fr i {
  color: #333;
  font-size: 1.25rem
}
.m_nav_list {
  width: 100%
}
.m_nav_list::-webkit-scrollbar {
  display: none
}
#m_nav .top_search {
  display: flex;
  justify-content: center;
  margin-right: 0;
  margin-top: 1rem;
  margin-bottom: 1rem
}
#nav_btn_box .m {
  padding-left: 0
}
.top_search {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  margin-bottom: 1rem;
  opacity: 0;
  transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1);
  transform: translateY(30px)
}
#m_nav.act .top_search {
  opacity: 1;
  transition: all .5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
  transform: translateY(0)
}
.top_search form {
  width: 304px;
  height: 46px;
  background: 0;
  border-radius: 26px;
  border: 1px solid rgb(255 255 255 / 63%);
  display: flex;
  align-items: center;
  justify-content: space-between
}
.top_search form .input {
  width: 100px;
  height: 100%;
  background: 0;
  border: 0;
  flex-grow: 1;
  color: #fff;
  padding-left: 20px
}
.top_search form .button {
  width: 46px;
  height: 100%;
  cursor: pointer;
  background: url(../images/search-btn.svg) center no-repeat;
  background-size: 23px !important;
  border: 0;
  outline: 0;
  color: #fff
}
.top_search form .button:active {
  background: url(../images/search-btn.svg) center no-repeat
}
.top_search form .input::-webkit-input-placeholder {
  color: #fff
}
.top_search form .input::-moz-placeholder {
  color: #fff
}
.top_search form .input::-moz-placeholder {
  color: #fff
}
.top_search form .input::-ms-input-placeholder {
  color: #fff
}
.top_search form .input:focus::-webkit-input-placeholder {
  color: transparent
}
.top_search form .input:focus:-moz-placeholder {
  color: transparent
}
.top_search form .input:focus::-moz-placeholder {
  color: transparent
}
.top_search form .input:focus:-ms-input-placeholder {
  color: transparent
}
#m_nav {
  z-index: 997;
  position: fixed;
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-size: cover;
  width: 100%;
  height: 100vh;
  right: 0;
  top: 0;
  display: none;
  padding: 50px 0;
  overflow: hidden;
  pointer-events: none;
  transition: all .5s .5s cubic-bezier(0.445, 0.145, 0.355, 1);
  display: block;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  transform-origin: left
}
#m_nav::-webkit-scrollbar {
  display: none
}
#m_nav.act {
  pointer-events: auto;
  top: 0;
  visibility: visible;
  opacity: 1;
  transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}
#m_nav > ul > li {
  width: 80%;
  overflow: hidden;
  padding: 0;
  margin: 0 auto
}
#m_nav > ul > li + li {
  border-top: 1px solid rgb(220 220 220 / 10%)
}
#m_nav li .a {
  display: block
}
#m_nav li h3 {
  line-height: 4.5rem;
  height: 4.5rem;
  color: #000;
  padding: 0;
  font-size: 1.25rem;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}
#m_nav li .a {
  flex-grow: 1;
  color: #000;
  font-size: 1.125rem;
  font-weight: bold
}
#m_nav li .a span {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 50px;
  text-align: center
}
#m_nav li i {
  font-size: 0
}
#m_nav .title i {
  opacity: 1;
  filter: alpha(opacity=100);
  display: inline-block;
  width: 30px;
  height: 4.5rem;
  opacity: .8;
  float: right;
  display: inline-block;
  background: url(../images/arrow_down.svg) center no-repeat;
  background-size: 14px
}
#m_nav li.on.title i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg)
}
#m_nav .on.title i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg)
}
#m_nav li {
  display: block;
  width: 100%
}
#m_nav .slide_nav {
  position: absolute;
  left: 0;
  height: 70px;
  z-index: 998;
  padding: 15px;
  top: 0;
  width: 100%
}
#m_nav .title .list {
  display: none;
  position: relative;
  width: 100%;
  z-index: 9;
  left: 0;
  margin-left: 0;
  background: 0;
  border: 0;
  clear: both;
  padding-bottom: 1rem
}
#m_nav .title .list span {
  background: 0
}
#m_nav .title .list span a:hover {
  color: #014085
}
#m_nav .title .list a {
  display: block;
  font-size: 1rem;
  color: #666;
  text-align: left;
  line-height: 2.5rem;
  border: 0;
  transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1)
}
#m_nav .title .list .void > a {
  background-size: 10px;
  position: relative
}
#m_nav .title .list .void > a:before {
  content: "ยท";
  position: absolute;
  left: -1em;
  font-size: 12px;
  font-weight: bold
}
#m_nav .title .list span {
  position: relative;
  display: block
}
#m_nav .title .list span .sub {
  position: static;
  width: 100%;
  display: block !important;
  overflow: hidden
}
#m_nav .title .sub a {
  background: 0;
  font-size: .875rem;
  opacity: .8;
  min-width: 50%;
  float: left;
  display: inline-block;
  color: #999
}
.nav_mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.4);
  display: none
}
#m_nav li h3 {
  transform: translateY(50px);
  opacity: 0
}
#m_nav li .list a {
  transform: translateY(50px);
  opacity: 0
}
#m_nav.act li h3 {
  transform: translateY(0);
  transition: all .5s .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  opacity: 1
}
#m_nav.act .list a {
  transform: translateY(0);
  transition: all .5s .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  opacity: 1
}
.search-dialog-box {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 70vh;
  z-index: 1000000;
  opacity: 0;
  visibility: hidden;
  transition: .6s
}
.search-dialog-box:before {
  content: "";
  position: absolute;
  top: 0;
  height: 0;
  transition: .6s;
  left: 0;
  right: 0;
  z-index: 1;
  background-image: -moz-linear-gradient(270deg, #0c8a91 30%, rgba(175, 30, 40, 0) 100%);
  background-image: -webkit-linear-gradient(270deg, #0c8a91 30%, rgba(175, 30, 40, 0) 100%);
  background-image: -ms-linear-gradient(270deg, #0c8a91 30%, rgba(175, 30, 40, 0) 100%)
}
.search-dialog-box.on:before {
  height: 100%
}
.search-dialog-box .bubbles-bg {
  opacity: 0;
  visibility: hidden;
  display: none
}
.search-dialog-box .search-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  margin: 0;
  background: rgba(0, 0, 0, .7);
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: center center;
  transition: height .8s cubic-bezier(.77, 0, .175, 1)
}
.search-dialog-box .wrap-inner {
  transform: translateY(100%);
  transition: .6s
}
.header-right .bubbles-bg {
  opacity: 0;
  visibility: hidden;
  transition: all .5s .8s
}
.search-dialog-box .bubbles-bg .bubble {
  position: absolute
}
.search-dialog-box .bubbles-bg .bubble .circle {
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.search-dialog-box .bubbles-bg .bubble1 {
  width: 6%;
  padding-top: 6%;
  left: 26.875%;
  top: -6.67%
}
.search-dialog-box .bubbles-bg .bubble1 .circle {
  border: 1px solid #fff
}
.search-dialog-box .bubbles-bg .bubble2 {
  width: 12px;
  padding-top: 12px;
  left: 13.54%;
  top: 18%
}
.search-dialog-box .bubbles-bg .bubble2 .circle {
  background-color: #ff495f
}
.search-dialog-box .bubbles-bg .bubble3 {
  width: 36px;
  padding-top: 36px;
  left: 8.854%;
  top: 30.55%
}
.search-dialog-box .bubbles-bg .bubble3 .circle {
  background-color: #fff
}
.search-dialog-box .bubbles-bg .bubble4 {
  width: 56.875%;
  padding-top: 56.875%;
  left: -28.6458%;
  top: 51.85%
}
.search-dialog-box .bubbles-bg .bubble4 .circle {
  background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
  background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
  background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%)
}
.search-dialog-box .bubbles-bg .bubble5 {
  width: 54px;
  padding-top: 54px;
  left: 26.3%;
  top: 70.83%
}
.search-dialog-box .bubbles-bg .bubble5 .circle {
  background-color: #fff;
  opacity: .1
}
.search-dialog-box .bubbles-bg .bubble6 {
  width: 56.875%;
  padding-top: 56.875%;
  left: 73.4375%;
  top: -52.77%
}
.search-dialog-box .bubbles-bg .bubble6 .circle {
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
  background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%)
}
.search-dialog-box .bubbles-bg .bubble7 {
  width: 2rem;
  padding-top: 2rem;
  left: 60.9375%;
  top: 18.5%
}
.search-dialog-box .bubbles-bg .bubble7 .circle {
  background-color: #ff495f
}
.search-dialog-box .bubbles-bg .bubble8 {
  width: 1.35rem;
  padding-top: 1.35rem;
  left: 95.83%;
  top: 70.83%
}
.search-dialog-box .bubbles-bg .bubble8 .circle {
  border: 1px solid #fff
}
.search-dialog-box .bubbles-bg .bubble9 {
  width: 16px;
  padding-top: 16px;
  left: 76.5625%;
  top: 96.296%
}
.search-dialog-box .bubbles-bg .bubble9 .circle {
  background-color: #fff
}
.search-dialog-box .bubbles-bg .bubble10 {
  width: 56.875%;
  padding-top: 56.875%;
  left: 71.354%;
  top: 87%
}
.search-dialog-box .bubbles-bg .bubble10 .circle {
  background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
  background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
  background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%)
}
.search-dialog-box .bubbles-bg .bubble {
  animation: spin 8s infinite linear;
  transform-origin: 50% 45%
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {
  animation: spin2 8s infinite linear
}
.search-dialog-box .bubbles-bg .bubble .circle {
  animation: spin-reverse 8s infinite linear
}
.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {
  animation: spin-reverse2 8s infinite linear
}
.search-dialog-box .bubbles-bg .sm-bubble {
  transform-origin: 30% 30px
}
.search-dialog {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 2
}
.search-dialog .search-tit {
  font-size: 2.75rem;
  line-height: 3.5rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  display: none
}
.search-dialog .search-inner {
  overflow: hidden;
  margin-top: 0
}
.search-dialog .search-input {
  overflow: hidden;
  width: 50rem;
  margin: 0 auto;
  padding: 0 .5rem 0 1.5rem;
  background-color: rgba(255, 255, 255, .1);
  box-sizing: border-box;
  transition: all .3s;
  max-width: 94%
}
.search-dialog .search-input input[type=text] {
  float: left;
  height: 4.5rem;
  width: calc(100% - 3.5rem);
  background-color: transparent;
  font-size: 1.25rem;
  color: #fff;
  transition: all .3s
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}
.search-dialog .search-input input[type=text]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}
.search-dialog .search-input input[type=text]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5)
}
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5)
}
.search-dialog .search-input input[type=button], .search-dialog .search-input .clear-btn {
  float: right;
  height: 4.5rem;
  width: 3.5rem
}
.search-dialog .search-input input[type=button] {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
  background-image: url('../images/search-btn.svg')
}
.search-dialog .search-input .clear-btn {
  background-color: rgba(0, 0, 0, .2);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('../images/close-btn.svg');
  background-size: 3.5rem;
  border-radius: 100%;
  margin-right: 1rem;
  display: none
}
.search-dialog .search-input.on {
  background-color: #fff
}
.search-dialog .search-input.on input[type=submit] {
  background-image: url('https://www.tsc-cable.com/static/style/pc/images/search-btn2.svg')
}
.search-dialog .hot-search {
  font-size: 0;
  width: 19.5rem;
  margin: .6rem auto 0;
  box-sizing: border-box;
  padding: 0 .6rem;
  overflow: hidden
}
.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: top
}
.search-dialog .hot-search .hot-tit {
  font-size: .375rem;
  line-height: .5rem;
  color: #fff;
  font-weight: bold;
  padding-left: .6rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: .5rem;
  background-image: url(https://www.tsc-cable.com/static/style/pc/images/hot-icon.png)
}
.search-dialog .hot-link {
  margin-left: 1rem
}
.search-dialog .hot-link a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: .375rem;
  line-height: .5rem;
  margin-right: .75rem;
  color: #fff;
  padding-bottom: 5px;
  position: relative
}
.search-dialog .hot-link a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .3s
}
.search-dialog-box .bottom-box {
  position: absolute;
  left: 0;
  bottom: 5.1%;
  width: 100%
}
.search-dialog-box .bottom-box .share-box {
  overflow: hidden
}
.search-dialog-box .bottom-box .copy {
  font-size: .35rem;
  line-height: .5rem;
  color: #fff;
  font-family: "gilroy-regular";
  margin-top: .5rem;
  overflow: hidden
}
.header-right.is-open .bubbles-bg {
  visibility: visible;
  opacity: 1
}
.header-right.is-open .search-btn .con-box {
  display: none
}
.header-right.is-open .close-btn {
  display: block
}
.header-right.is-open .item .search-bg {
  transform: scale(1)
}
.search-dialog-box.on {
  opacity: 1;
  visibility: visible
}
.search-dialog-box.on .search-bg {
  height: 100vh
}
.search-dialog-box.on .bubbles-bg {
  opacity: 1;
  visibility: visible
}
.search-dialog-box.on .wrap-inner {
  transform: translateY(0)
}
.pub-close {
  position: absolute;
  width: 3rem;
  height: 3rem;
  z-index: 10;
  right: 1.5rem;
  top: 1.35rem;
  background-color: rgba(255, 255, 255, .1);
  border-radius: 100%
}
.pub-close .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #1c5ab7;
  transform: scale(0);
  border-radius: 100%;
  transition: transform .3s
}
.pub-close i {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: .75rem;
  background-repeat: no-repeat;
  background-image: url(../images/close-btn.svg);
  transition: .6s
}
.pub-close i:hover {
  transform: rotate(180deg)
}
@keyframes spin {
  to {
    transform: rotate(1turn)
  }
}
@keyframes spin2 {
  to {
    transform: rotate(-1turn)
  }
}
@keyframes spin-reverse {
  from {
    transform: rotate(1turn)
  }
}
@keyframes spin-reverse2 {
  from {
    transform: rotate(-1turn)
  }
}
#m_n_nav {
  display: none;
  line-height: 50px;
  position: relative;
  z-index: 9;
  width: 100%;
  background: #2f7ec1
}
#m_n_nav .m {
  display: flex;
  align-items: center;
  justify-content: space-between
}
#bnt_back svg {
  fill: #fff;
  vertical-align: middle;
  width: 26px;
  height: 26px
}
#m_n_nav h1 {
  font-size: 14px;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 50px
}
#bnt_sub_nav {
  cursor: pointer;
  color: #fff;
  font-size: 18px
}
#bnt_sub_nav svg {
  fill: #fff;
  height: 20px;
  vertical-align: middle;
  width: 20px
}
#bnt_sub_nav img {
  display: block;
  height: 15px
}
#bnt_sub_nav.on img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
#sub_nav_content {
  background: #f0f3f5;
  display: none;
  box-shadow: 0 0 5px #999;
  z-index: 9
}
#sub_nav_content ul {
  padding: 10px
}
#sub_nav_content ul li {
  display: block;
  line-height: 28px;
  margin: 1rem 0
}
#sub_nav_content ul li a {
  display: block;
  border-left: 2px solid #2f7ec1;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: #535455
}
#sub_nav_content ul li.on a {
  color: #2f7ec1
}
#sub_nav_content dl {
  font-size: 0;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
  border-top: 1px solid #e7e7e7
}
#sub_nav_content dt {
  position: relative;
  background: #fff;
  z-index: 999;
  margin-bottom: 0
}
#sub_nav_content dt a {
  margin: 0 20px;
  display: block;
  color: #5b5349;
  line-height: 30px;
  font-size: 15px;
  font-weight: 400;
  vertical-align: top;
  font-family: Alibaba-PuHuiTi-Regular
}
#sub_nav_content dt a i {
  position: absolute;
  right: 15px;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none
}
#sub_nav_content dt.title {
  background: #fafafb
}
#sub_nav_content dt.title i {
  opacity: 1;
  filter: alpha(opacity=100)
}
#sub_nav_content dt.title_on {
  background: #fafafb
}
#sub_nav_content dt.title_on a {
  color: #2f7ec1;
  border-top: 1px solid #fff
}
#sub_nav_content dt.title_on a i {
  color: #2f7ec1
}
#sub_nav_content dt.last a {
  border-top: 1px solid #f8f8f8
}
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {
  color: #2f7ec1
}
#sub_nav_content dd .box {
  padding: 0
}
#sub_nav_content dd a {
  padding: 0 25px;
  line-height: 30px;
  font-size: 13px;
  color: #5b5349;
  display: block;
  height: 30px
}
#sub_nav_content dd a.on {
  color: #2f7ec1
}
#banner {
  position: relative;
  z-index: 0
}
#banner .swiper {
  height: 100vh
}
#banner .swiper-slide {
  overflow: hidden
}
#banner .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat !important
}
#banner .txt {
  color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  max-width: 45%;
  align-items: flex-start;
  justify-content: center;
  padding-bottom: 6rem
}
#banner .txt > * {
  opacity: 0
}
#banner .txt h4 {
  font-size: 1.625rem;
  color: #fff
}
#banner .txt > i {
  display: block;
  width: 2.5rem;
  height: 2px;
  background: #fff;
  margin-top: 2rem;
  margin-bottom: 2rem
}
#banner .txt h3 {
  font-size: 3.75rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: .75rem
}
#banner .txt h5 {
  font-size: 1.5rem;
  margin-bottom: 7rem
}
.mybtn01 {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s;
  font-size: .9375rem;
  width: 10.75rem;
  height: 3.4375rem;
  color: #2f7ec1;
  position: relative;
  z-index: 1
}
.mybtn01 i {
  font-size: 12px;
  margin-left: 1.125rem
}
.mybtn01 i:before {
  transition: 0s
}
.mybtn01:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -1;
  transform: skewX(-15deg);
  transform-origin: bottom
}
#banner .swiper-slide.swiper-slide-active .txt h4 {
  animation: enter 1.2s forwards .1s
}
#banner .swiper-slide.swiper-slide-active .txt > i {
  animation: enter 1.2s forwards .2s
}
#banner .swiper-slide.swiper-slide-active .txt h3 {
  animation: enter 1.2s forwards .3s
}
#banner .swiper-slide.swiper-slide-active .txt h5 {
  animation: enter 1.2s forwards .4s
}
#banner .swiper-slide.swiper-slide-active .txt .mybtn01 {
  animation: enter 1.2s forwards .5s
}
#banner .arrbox {
  float: right;
  position: absolute;
  right: 0;
  bottom: 12rem;
  z-index: 9
}
#banner .arrbox .m {
  display: flex;
  gap: .875rem
}
#banner .arrbox .arr {
  display: flex;
  width: 4.375rem;
  height: 4.125rem;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer
}
#banner .arrbox .arr i {
  font-size: 1.5rem
}
#banner .arrbox .arr:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -1;
  transform: skewX(-15deg)
}
#banner .arrbox .arr_right {
  margin-top: -.625rem
}
#banner .arrbox .arr:hover:before {
  background: #2f7ec1
}
#banner .arrbox .arr:hover i {
  color: #fff
}
#banner .pagination {
  left: 0;
  bottom: 6.625rem;
  text-align: center;
  position: absolute;
  z-index: 9;
  display: flex;
  flex-direction: column;
  font-size: 0;
  width: auto;
  padding-left: 3rem;
  padding-right: 1.5rem
}
#banner .pagination span {
  white-space: nowrap;
  line-height: 3rem
}
#banner .pagination span:before {
  content: "0";
  display: inline-block
}
#banner .pagination span.swiper-pagination-current {
  font-size: 2.5rem;
  font-family: Roboto-BoldItalic;
  color: #fff
}
#banner .pagination span.swiper-pagination-total {
  font-size: 1.5rem;
  font-family: Roboto-LightItalic;
  color: #fff
}
#banner .pagination:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  margin-bottom: 4px;
  position: absolute;
  top: 50%;
  left: 0
}
#banner .mybtn01:hover:before {
  background: #2f7ec1;
  border: 1px solid #2f7ec1
}
#banner .mybtn01:hover:after {
  background: #00d5e1
}
#banner .mybtn01:hover {
  color: #fff
}
@-webkit-keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}
@keyframes enter {
  0% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  20% {
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px)
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px)
  }
}
.n_banner {
  height: 28.125rem;
  width: 100%;
  overflow: hidden
}
.n_banner .m {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center
}
.n_banner h3 {
  color: #fff;
  font-size: 2.25rem;
  margin-bottom: 3rem
}
.n_banner i {
  display: block;
  width: 1.5rem;
  height: 2px;
  background: #fff;
  margin: 0 auto
}
.n_title {
  padding: 0;
  position: relative;
  z-index: 1
}
.n_title:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e5e5e5
}
.n_title .m {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.n_nav {
  position: relative;
  flex-grow: 1
}
.n_nav ul {
  display: flex
}
.n_nav li {
  display: block;
  flex-grow: 1;
  max-width: 13.75rem;
  font-size: 1.125rem;
  float: left;
  line-height: 4.375rem;
  z-index: 1;
  position: relative;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px
}
.n_nav li a {
  display: block;
  padding: 0 2rem;
  text-align: center;
  color: #2b2b2b;
  transition: .5s
}
.n_nav li + li:after {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  background: #ccc;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px
}
.n_nav li:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  background: #2f7ec1;
  bottom: 0;
  left: 0;
  transition: .3s ease-in-out;
  opacity: 0;
  z-index: -1
}
.n_nav li.on a, .n_nav li:hover a {
  color: #fff
}
.n_nav li.on:before, .n_nav li:hover:before {
  width: 100%;
  opacity: 1
}
.n_nav li.on:after, .n_nav li:hover:after {
  opacity: 0
}
.n_nav .sub {
  position: absolute;
  top: 100%;
  min-width: 100%;
  left: 0;
  display: none
}
.n_nav .sub a {
  display: block;
  height: 2.75rem;
  font-size: .9rem;
  line-height: 2.75rem;
  transition: .3s;
  background: #fff;
  text-align: center;
  text-transform: uppercase;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
  white-space: nowrap;
  padding: 0 15px;
  font-weight: normal !important;
  color: #2f2f2f
}
.n_nav .sub a:hover {
  color: #2f7ec1
}
.position {
  left: 0;
  bottom: 0;
  font-size: .9375rem;
  color: #747679;
  display: flex;
  align-items: center
}
.position > svg {
  margin-right: 5px
}
.position span, .position a, .position i {
  font-size: .8125rem;
  color: #828386;
  flex-shrink: 0;
  -moz-transition: all .36s ease-in-out;
  -webkit-transition: all .36s ease-in-out;
  -o-transition: all .36s ease-in-out;
  -ms-transition: all .36s ease-in-out;
  transition: all .36s ease-in-out
}
.position i {
  margin: 0 .5rem;
  font-style: normal;
  width: 8px;
  height: 8px
}
.position span {
  color: #2f7ec1;
  font-style: normal
}
.position em {
  color: #2f7ec1;
  font-style: normal
}
.position a:hover {
  color: #2f7ec1
}
.s_search {
  width: 100%
}
.s_search .bd {
  max-width: 78.25rem;
  margin: 0 auto
}
.s_search form {
  width: 100%;
  position: relative;
  display: flex;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  height: 5.625rem;
  background: rgba(255, 255, 255, 0.3);
  margin-top: -3rem;
  z-index: 1
}
.s_search form:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  z-index: -1;
  transform-origin: bottom;
  clip-path: polygon(1% 0, 99% 0, 100% 100%, 0 100%);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1)
}
.s_search form .input {
  flex-grow: 1;
  padding: 0 2.5rem;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5)
}
.s_search form .button {
  flex-shrink: 0;
  background: 0;
  padding: 0 2.5rem
}
.s_search form .button i {
  font-size: 1.5rem;
  color: #2f7ec1
}
.hotsearch {
  font-size: .875rem;
  width: 100%;
  color: rgba(0, 0, 0, 0.4);
  margin-top: 2rem;
  padding-left: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem
}
.hotsearch a:hover {
  color: #2f7ec1
}
.s_tt {
  text-align: center;
  margin-bottom: 3.5rem
}
.s_tt h3 {
  font-size: 3rem;
  color: #333;
  font-weight: bold;
  margin-bottom: .75rem
}
.s_tt p {
  font-size: 1.125rem;
  color: rgba(31, 31, 31, 0.8)
}
.s_pro_bg {
  background: url(../images/s_pro_bg.jpg) center no-repeat;
  background-size: cover
}
.hdtabnav {
  background: #fff;
  border-radius: .625rem;
  overflow: hidden;
  border: 1px solid #e8e8e8
}
.hdtabnav li {
  width: 13%;
  font-size: 1.125rem;
  color: #777f8a;
  display: flex;
  justify-content: center
}
.hdtabnav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 8.75rem;
  position: relative;
  z-index: 1;
  border-right: 1px solid #e8e8e8
}
.hdtabnav li a i {
  font-size: 2.5rem;
  color: #2f7ec1
}
.hdtabnav li a h4 {
  margin-top: .875rem;
  font-size: 1.125rem;
  color: #1f1f1f
}
.hdtabnav li a .ico {
  width: 2.5rem;
  height: 2.5rem
}
.hdtabnav li a .ico .img01 {
  display: block
}
.hdtabnav li a .ico .img02 {
  display: none
}
.hdtabnav li.swiper-slide-thumb-active h4 {
  color: #fff
}
.hdtabnav li.swiper-slide-thumb-active a i {
  color: #fff
}
.hdtabnav li.swiper-slide-thumb-active a .ico .img01 {
  display: none
}
.hdtabnav li.swiper-slide-thumb-active a .ico .img02 {
  display: block
}
.hdtabnav li a:after {
  content: "";
  display: block;
  width: 0;
  height: 100%;
  background: #2f7ec1;
  position: absolute;
  right: 0;
  bottom: 0;
  visibility: hidden;
  z-index: -1
}
.hdtabnav li.swiper-slide-thumb-active a:after {
  visibility: visible;
  right: auto;
  left: 0;
  width: 100%
}
.s_pro {
  width: 100%;
  overflow: hidden
}
.s_pro .m {
  padding: 0 5rem
}
.s_pro .bd {
  margin-top: 2.5rem
}
.s_pro .box {
  display: block;
  border-radius: .625rem;
  position: relative;
  z-index: 1;
  background: #fff;
  border: 1px solid #e8e8e8;
  padding-bottom: 2rem;
  margin-bottom: 1.75rem;
  transition: .5s
}
.s_pro .box .img {
  border-radius: .625rem
}
.s_pro .box .img .pic {
  padding: 0 1.5rem
}
.s_pro .box .img:after {
  padding-top: 80%
}
.s_pro .box .txt {
  padding: 1.75rem
}
.s_pro .box .txt h4 {
  font-size: 1rem;
  color: #b4b4b4;
  margin-bottom: 1.125rem;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: .625rem;
  transition: .5s
}
.s_pro .box .txt h5 {
  font-size: 1.25rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 1.5rem;
  transition: .5s
}
.s_pro .box .txt .con {
  font-size: 1rem;
  line-height: 1.875rem;
  height: 5.625rem;
  overflow: hidden;
  color: #333;
  transition: .5s
}
.s_pro .box .txt .con p {
  padding-left: 1.25rem;
  position: relative
}
.s_pro .box .txt .con p:before {
  content: "";
  display: block;
  width: 13px;
  height: 1.875rem;
  background: url(../images/p_ico.png) center no-repeat;
  background-size: contain !important;
  position: absolute;
  left: 0;
  top: 0
}
.s_pro .box:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  z-index: -1
}
.s_pro .swiper-pagination {
  position: static;
  margin-top: 2rem
}
.s_pro .swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  margin: 0 5px !important;
  border-radius: 5px;
  transition: .5s width;
  background: #f0f0f0;
  opacity: 1
}
.s_pro .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 3.75rem;
  background: #d9d9d9
}
.s_pro .li {
  position: relative
}
.s_pro .arr {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
  font-family: "swiper-icons";
  font-size: 2.25rem;
  color: #989898
}
.s_pro .arr_left {
  left: -3.25rem
}
.s_pro .arr_right {
  right: -3.25rem
}
.s_pro .bd > .swiper {
  overflow: visible
}
.s_pro .arr:hover {
  color: #2f7ec1
}
.pro_arr {
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  position: absolute;
  align-items: center;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  background: #2f7ec1;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  border: 2px solid #fff
}
.pro_arr i {
  color: #fff
}
.s_pro .box:hover .pro_arr {
  opacity: 1;
  visibility: visible
}
.s_pro .box:hover:before {
  opacity: 1;
  visibility: visible
}
.s_pro .swiper-fade .swiper-slide .swiper-slide {
  pointer-events: inherit
}
.s_pro .mybtn01 {
  margin-top: 2.75rem
}
.mybtn01.green:before {
  background: #2f7ec1
}
.mybtn01.green:after {
  background: #00d5e1
}
.mybtn01.green {
  color: #fff
}
.s_hangye {
  width: 100%;
  overflow: hidden
}
.s_hangye .bd ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .75rem;
  grid-auto-rows: 26.75rem
}
.s_hangye .bd ul li .box {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  background: #000
}
.s_hangye .bd ul li .box .img {
  width: 100%;
  height: 100%
}
.s_hangye .bd ul li .box .txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 4.25rem 3.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start
}
.s_hangye .bd ul li .box .tt {
  color: #fff
}
.s_hangye .bd ul li .box .tt h4 {
  font-size: 1.75rem;
  line-height: 1.5
}
.s_hangye .bd ul li .box .tt p {
  font-size: .875rem;
  line-height: 1.7
}
.mybtn02 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  align-items: center;
  gap: .5rem;
  font-size: 1.0625rem;
  color: #fff;
  font-weight: bold
}
.mybtn02 span {
  color: #fff;
  color: .875rem;
  width: 2.5rem;
  height: 2.5rem;
  background: #2f7ec1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}
.mybtn02 i {
  flex-shrink: 0;
  color: #fff;
  font-size: .875rem
}
.s_hangye .bd ul li .box .mybtn02 {
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  transform: translateY(20px)
}
.s_hangye .bd ul li .box:hover .mybtn02 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0)
}
.s_hangye .bd ul li .box:hover .img img {
  opacity: .8
}
.s_hangye .bd ul li:nth-child(2) {
  grid-column: 2/4
}
.s_hangye .bd ul li:nth-child(3) {
  grid-column: 4/5;
  grid-row: 1/3
}
.s_tonghang {
  background: url(../images/s_tonghang_bg.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden
}
.s_tonghang .bd {
  display: flex;
  gap: .875rem
}
.s_tonghang .bd .left {
  flex-shrink: 0;
}
.s_tonghang .bd .right {
  flex-grow: 1
}
.s_coop {
  width: 100%;
  overflow: hidden
}
.s_coop ul {}
.s_coop ul li .box {
  display: block;
  background: #fff;
  width: 12%;
  float: left;
  margin-right: 0.5%;
}
.s_coop ul li .img:after {
  padding-top: 50%
}
.s_coop ul li .img .pic {
  padding: 10px
}
.s_coop ul li h4 {
  text-align: center;
  background: #e6e6e6;
  line-height: 3.75rem;
  font-size: 1.0625rem;
  color: #1f1f1f;
  padding: 0 10px;
  transition: .5s
}
.s_coop ul li .box:hover h4 {
  background: #2f7ec1;
  color: #fff
}
.s_yeji {
  height: 100%;
  width: 100%;
  overflow: hidden
}
.s_yeji .box {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative
}
.s_yeji .img {
  height: 100%
}
.s_yeji .box:hover .img img {
  transform: scale(1.03)
}
.s_yeji .mask {
  position: absolute;
  background-image: -moz-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .7) 100%);
  background-image: -webkit-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .7) 100%);
  background-image: -ms-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .7) 100%);
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  padding: 7rem 5.5rem 2.75rem 4rem
}
.s_yeji .mask .mybtn01 {
  flex-shrink: 0;
  margin-left: 5rem
}
.s_yeji .mask h4 {
  font-size: 1.375rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: .75rem
}
.s_yeji .mask p {
  font-size: .875rem;
  line-height: 1.625rem;
  color: rgba(255, 255, 255, 0.7)
}
.mybtn01.whiteborder:before {
  background: transparent;
  border: 1px solid #fff
}
.mybtn01.whiteborder:after {
  background: #fff
}
.mybtn01.whiteborder {
  color: #fff
}
.s_yeji .mybtn01.whiteborder:hover:before {
  background: #2f7ec1;
  border: 1px solid #2f7ec1
}
.s_yeji .mybtn01.whiteborder:hover:after {
  background: #00d5e1
}
.s_yeji .mybtn01.whiteborder:hover {
  color: #fff
}
.s_fuwu {
  width: 100%;
  overflow: hidden
}
.s_fuwu .bd {
  display: flex;
  position: relative
}
.s_fuwu .bd .left {
  width: 57.7%;
  flex-shrink: 0;
  position: relative
}
.s_fuwu .bd .right {
  flex-grow: 1;
  padding: 5.75rem 4rem;
  background: url(../images/s_fuwu_bg.jpg) center no-repeat;
  background-size: cover
}
.s_fuwu .arrbox {
  display: flex;
  margin-top: 4.5rem;
  gap: 10px
}
.s_fuwu .arr {
  cursor: pointer;
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff
}
.s_fuwu .arr i {
  color: #2f7ec1
}
.s_fuwu .left .s_fuwu_for1, .s_fuwu .left .img {
  height: 100%
}
.s_fuwu .right .box .txtovh3 {
  font-size: 1rem;
  line-height: 2.25rem;
  color: #fff;
  margin-bottom: 3rem
}
.s_fuwu .right h4 {
  font-size: 2.25rem;
  line-height: 3rem;
  color: #fff;
  margin-bottom: 3rem
}
.f_nav {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 11.5rem
}
.f_nav .box {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 1
}
.f_nav .box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background-image: -moz-linear-gradient(270deg, transparent 0, #2f7ec1 100%);
  background-image: -webkit-linear-gradient(270deg, transparent 0, #2f7ec1 100%);
  background-image: -ms-linear-gradient(270deg, transparent 0, #2f7ec1 100%)
}
.f_nav .box .ico {
  display: flex;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.125rem;
  align-items: center;
  justify-content: center
}
.f_nav .box h4 {
  font-size: 1.375rem;
  color: #fff;
  text-align: center
}
.f_nav .swiper-slide-thumb-active .box:before {
  opacity: 1;
  visibility: visible
}
.s_news {
  background: url(../images/s_news_bg.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden
}
.s_news .bd {
  display: flex;
  gap: 1.875rem
}
.s_news .left {
  width: 59%;
  flex-shrink: 0
}
.s_news .right {
  flex-grow: 1
}
.s_news01 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.375rem
}
.s_news01 ul li .box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 1.25rem;
  overflow: hidden;
  padding: 2.75rem 2.5rem;
  gap: 4rem;
  background: #fff;
  position: relative;
  z-index: 1
}
.s_news01 ul li .img {
  position: relative;
  height: 15.25rem
}
.s_news01 ul li .img:after {
  padding-top: 72.18%
}
.s_news01 ul li .mask {
  opacity: 1;
  visibility: visible;
  transition: .5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25)
}
.s_news01 ul li .mask .ico_more {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  border-radius: 50%;
  align-items: center;
  justify-content: center
}
.s_news01 ul li .mask .ico_more i {
  font-size: .875rem;
  color: #2f7ec1
}
.s_news01 ul li .txt span {
  transition: .5s;
  font-size: 1rem;
  font-family: Roboto-Medium;
  color: #2f7ec1
}
.s_news01 ul li .txt i {
  transition: .5s;
  display: block;
  width: 15px;
  height: 2px;
  background: #2f7ec1;
  margin: 1.5rem 0
}
.s_news01 ul li .txt h4 {
  transition: .5s;
  font-size: 1.125rem;
  color: #1f1f1f;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: .75rem
}
.s_news01 ul li .txt p {
  transition: .5s;
  font-size: .875rem;
  color: #1f1f1f;
  line-height: 1.625rem
}
.s_news01 ul li .box:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  background-image: -moz-linear-gradient(270deg, transparent 0, #2f7ec1 100%);
  background-image: -webkit-linear-gradient(270deg, transparent 0, #2f7ec1 100%);
  background-image: -ms-linear-gradient(270deg, transparent 0, #2f7ec1 100%)
}
.s_news01 ul li .box:hover span {
  color: #fff
}
.s_news01 ul li .box:hover i {
  background: #fff
}
.s_news01 ul li .box:hover h4 {
  color: #fff
}
.s_news01 ul li .box:hover p {
  color: rgba(255, 255, 255, 0.7)
}
.s_news01 ul li .box:hover:before {
  opacity: 1;
  visibility: visible
}
.s_news01 ul li .box:hover .mask {
  opacity: 0;
  visibility: hidden
}
.s_news01 ul li:nth-child(even) .box {
  flex-direction: column-reverse
}
.s_news01 ul li:nth-child(even) .box:before {
  background-image: -moz-linear-gradient(90deg, transparent 0, #2f7ec1 100%);
  background-image: -webkit-linear-gradient(90deg, transparent 0, #2f7ec1 100%);
  background-image: -ms-linear-gradient(90deg, transparent 0, #2f7ec1 100%)
}
.s_news02 ul {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  gap: 1.5rem;
  height: 100%
}
.s_news02 ul li .box {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 2.5rem;
  border-radius: 1.25rem;
  height: 100%;
  position: relative;
  z-index: 1
}
.s_news02 ul li .time {
  font-family: Roboto-Medium;
  flex-shrink: 0;
  text-align: center
}
.s_news02 ul li .time span {
  font-size: 3rem;
  color: #2f7ec1
}
.s_news02 ul li .time p {
  font-size: 1rem;
  color: #2f7ec1
}
.s_news02 ul li i {
  flex-shrink: 0;
  margin: 0 1.5rem;
  display: block;
  width: 1px;
  height: 3.5rem;
  background: #d6dede
}
.s_news02 ul li .txt h4 {
  font-size: 1.125rem;
  color: #1f1f1f;
  margin-bottom: .75rem
}
.s_news02 ul li .txt p {
  font-size: .875rem;
  line-height: 1.625rem;
  color: rgba(31, 31, 31, 0.7)
}
.s_news .mybtn01 {
  margin-top: 4rem
}
.s_about {
  width: 100%;
  overflow: hidden;
  background: url(../images/s_about_bg.jpg) center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1
}
.s_about .bd {
  position: relative;
  align-items: center;
}
.s_about .left {
  width: 65rem
}
.s_about .right {
  padding-bottom: 15rem;
  padding-top: 5.5rem
}
.s_about .right .m {
  padding-left: 0 !important
}
.s_about .txt {
  text-align: center
}
.s_about .txt h3 {
  font-size: 2rem;
  color: #1f1f1f;
  margin-bottom: 1.5rem;
  line-height: 1.5
}
.s_about .txt .con {
  font-size: 1rem;
  color: rgba(20, 20, 20, 0.8);
  line-height: 2rem;
  margin-bottom: 4rem
}
.s_about .txt .btnbox {
  display: flex;
  justify-content: center;
  gap: 2.5rem;
  padding-bottom: 10rem;
}
.s_shuzi {
  width: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 15rem;
  max-width: 100%;
  color: #333;
  display: flex;
  justify-content: center;
}
.s_shuzi ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  max-width: 960px;
  width: 100%;
}
.s_shuzi ul li div {
  align-items: flex-start;
  display: flex
}
.s_shuzi ul li div span {
  font-size: 2.375rem;
  font-family: Roboto-Medium
}
.s_shuzi ul li div i {
  font-size: .875rem;
  margin-left: .5rem
}
.s_shuzi ul li p {
  font-size: 1rem;
  line-height: 1.5;
}
.mybtn01.blueborder:before {
  background: transparent;
  border: 1px solid #2f7ec1
}
.mybtn01.blueborder:after {
  background: #2f7ec1
}
.mybtn01.blueborder {
  color: #2f7ec1
}
.mybtn01.blueborder:hover:before {
  background: #2f7ec1;
  border: 1px solid #2f7ec1
}
.mybtn01.blueborder:hover:after {
  background: #00d5e1
}
.mybtn01.blueborder:hover {
  color: #fff
}
#box {
  margin-top: 0rem
}
#box ul {
  display: flex;
  overflow: hidden;
  gap: .625rem
}
#box li {
  width: 13.75rem;
  float: left;
  flex-shrink: 0;
  flex-grow: 1;
  transition: .5s;
  position: relative
}
#box li.on {
  width: calc(100% - 55rem - 5rem);
  flex-grow: 0
}
#box li .box {
  background: #fff;
  height: 38.75rem;
  padding: 3.125rem 2.5rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: .5s;
  display: flex;
  align-items: flex-end
}
#box li .box:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10rem;
  background-image: -moz-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .8) 100%);
  background-image: -webkit-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .8) 100%);
  background-image: -ms-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .8) 100%);
  z-index: 10
}
#box li .txt {
  z-index: 11;
  position: relative
}
#box li .box .bg {
  background-size: cover !important;
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: .5s
}
#box li i {
  color: #fff;
  font-size: 2.125rem;
  margin-bottom: 1.125rem;
  display: block
}
#box li .ico {
  display: flex;
  width: 5rem;
  height: 5rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2)
}
#box li .ico img {
  max-width: 2.125rem;
  max-height: 2.125rem
}
#box li h4 {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  white-space: nowrap;
  color: #fff;
  transition: .5s
}
.s_buju {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.s_buju .con {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, .8);
  margin-bottom: 2.25rem
}
.s_buju .bd {
  display: flex;
  justify-content: space-between
}
.s_buju .left {
  flex-shrink: 0
}
.s_buju .left .m {
  padding-right: 0 !important
}
.s_buju .left .box {
  width: 27rem
}
.s_buju .right .m {
  padding-left: 0 !important;
  padding-right: 3rem !important
}
.s_buju .left h3 {
  font-size: 2.375rem;
  line-height: 3rem;
  color: #010101;
  font-weight: bold;
  margin-bottom: 4rem
}
.s_buju .left ul {
  display: grid;
  grid-template-columns: 1fr .8fr;
  position: relative;
  gap: 4.5rem 4rem
}
.s_buju .left ul li div {
  align-items: flex-start;
  display: flex
}
.s_buju .left ul li div span {
  font-size: 2.375rem;
  color: #2f7ec1;
  font-family: Roboto-Medium
}
.s_buju .left ul li div i {
  font-size: .875rem;
  margin-left: .5rem;
  color: rgba(1, 1, 1, 0.8);
  font-weight: bold
}
.s_buju .left ul li p {
  font-size: 1rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, .8)
}
.s_buju .left ul:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #b2b2b2
}
.map_buju {
  position: relative
}
.map_buju img {
  display: block
}
.map_buju .item {
  position: absolute;
  width: 0;
  height: 0
}
.map_buju .item .mapico {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 1.625rem;
  height: 1.8125rem;
  background: url(../images/map_ico.png) center no-repeat;
  background-size: contain
}
.circle {
  width: 2.75rem;
  height: 2.75rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  top: 50%;
  right: 50%;
  transform: translateX(-50%) translateY(-50%) scaleY(.6);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3f897c;
  font-size: 30px
}
.circle:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border: 2px solid #2f7ec1;
  z-index: 3;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}
.circle:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  background: #fff;
  z-index: 2
}
.circle span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .8);
  -webkit-transform: scale(.2);
  -moz-transform: scale(.2);
  -ms-transform: scale(.2);
  transform: scale(.2);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite
}
.circle span:nth-of-type(2) {
  animation-delay: 2s
}
.circle span:nth-of-type(3) {
  animation-delay: 4s
}
@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2)
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
  }
}
.map_buju {
  width: 1071px;
  margin: 0 auto;
  max-width: 100%
}
.map_buju .item:nth-child(1) {
  top: 23%;
  left: 18%
}
.map_buju .item:nth-child(2) {
  top: 30%;
  left: 25%
}
.map_buju .item:nth-child(3) {
  top: 20.5%;
  left: 28.5%
}
.map_buju .item:nth-child(4) {
  top: 10%;
  left: 37%
}
.map_buju .item:nth-child(5) {
  top: 23%;
  left: 52%
}
.map_buju .item:nth-child(6) {
  top: 22%;
  left: 61%
}
.map_buju .item:nth-child(7) {
  top: 42%;
  left: 75%
}
.map_buju .item:nth-child(8) {
  top: 26%;
  left: 79.5%
}
.map_buju .item:nth-child(9) {
  top: 69%;
  left: 32%
}
.map_buju .item:nth-child(10) {
  top: 51%;
  left: 50.3%
}
.map_buju .item:nth-child(11) {
  top: 63%;
  left: 54%
}
.map_buju .item:nth-child(12) {
  top: 74%;
  left: 80.5%
}
.s_yeji2 {
  display: flex;
  height: 27.8125rem;
  padding: 0 4rem;
  width: 100%;
  overflow: hidden
}
.s_yeji2 .left {
  width: 44rem;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center
}
.s_yeji2_bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  max-width: inherit
}
.s_yeji2 .right {
  flex-grow: 1;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1
}
.s_yeji2 .right:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: -4.5rem;
  top: 0;
  width: 100vw;
  bottom: 0;
  background: #a2a2a2;
  transform: skewX(-19deg)
}
.s_yeji2 .left .txt {
  width: 31.4375rem;
  color: #fff
}
.s_yeji2 .left .txt h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1.75rem
}
.s_yeji2 .left .txt dl {
  display: flex
}
.s_yeji2 .left .txt dt {
  font-size: .9375rem;
  line-height: 1.75rem;
  font-weight: bold;
  font-weight: bold;
  flex-shrink: 0
}
.s_yeji2 .left .txt dd {
  font-size: .875rem;
  line-height: 1.75rem;
  color: rgba(255, 255, 255, .7)
}
.s_coop2 {
  width: 100%;
  overflow: hidden
}
.s_coop2 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .625rem
}
.s_coop2 ul li {
  background: #fff;
  position: relative
}
.s_coop2 ul li .img:after {
  padding-top: 50%
}
.s_coop2 ul li .img .pic {
  padding: 10px
}
.s_coop2 ul li .mask {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: .5s;
  padding: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 148, 156, 0.95)
}
.s_coop2 ul li p {
  font-size: .9375rem;
  color: #fff;
  line-height: 1.5
}
.s_coop2 ul li:hover .mask {
  opacity: 1;
  visibility: visible
}
* {
  -webkit-tap-highlight-color: transparent
}
.n_bannerbox {
  width: 100%;
  overflow: hidden;
  position: relative
}
.n_bannerbox .m {
  position: absolute;
  bottom: 5rem;
  height: 100%;
  width: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  flex-direction: column;
  z-index: 2;
  justify-content: flex-end
}
.n_bannerbox .m .position {
  display: flex;
  align-items: center;
  gap: 5px
}
.n_bannerbox .m .position .home {
  margin-right: 3px
}
.n_bannerbox .m .position i {
  color: rgb(255 255 255 / 50%);
  font-size: 1rem
}
.n_bannerbox .m .position a {
  transition: all .5s;
  color: rgb(254 254 254 / 50%);
  font-size: 1rem;
  line-height: 1.5
}
.n_bannerbox .m .position a:hover {
  color: rgb(254 254 254 / 100%)
}
.n_bannerbox .m h4 {
  color: #fefefe;
  font-size: 3rem;
  line-height: 1.25;
  font-weight: bold;
  margin: 2.25rem 0 .5rem
}
.n_bannerbox .m h6 {
  color: #fefefe;
  font-size: 1.5rem;
  line-height: 1.5
}
#n_banner {
  height: 36.25rem
}
#n_banner .swiper-wrapper::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/n_zhezhao.png)no-repeat;
  background-size: cover;
  left: 0;
  top: 0;
  z-index: 1
}
#n_banner .slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat !important
}
.n_bannerbox .swiper-button-white {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  background: transparent;
  transition: all .5s;
  margin-top: 0
}
.n_bannerbox .swiper-button-white svg path {
  transition: all .5s;
  fill: #fff
}
.n_bannerbox .ny_next {
  left: auto;
  right: 3.125rem
}
.n_bannerbox .ny_prev {
  left: 3.125rem;
  right: auto
}
.n_bannerbox .swiper-button-white:hover {
  background: #fff;
  box-shadow: 22px 0 46px 0 rgba(28, 80, 156, 0.2)
}
.n_bannerbox .swiper-button-white:hover svg path {
  fill: #000
}
.zidh {
  height: 5rem;
  width: 100%;
  background: #eef2f6
}
.zidh ul {
  display: flex;
  align-items: center;
  justify-content: flex-end
}
.zidh ul li {
    position: relative;
    padding: 0 1rem;
}
.zidh ul li::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background: url(../images/sanjiaox.png)no-repeat;
  background-size: cover;
  width: 15px;
  height: 15px;
  bottom: 0;
  opacity: 0;
  transition: all .5s;
  z-index: 10
}
.zidh ul li a {
  position: relative;
  line-height: 5rem;
  color: #333;
  font-size: 1rem;
  display: flex;
  padding: 0 1rem;
  align-items: center;
  justify-content: center
}
.zidh ul li a:before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 0;
  background: #2f7ec1;
  transition: all .5s;
  transform: scaleX(0);
  transform-origin: center
}
.zidh ul li a::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 3.5rem;
  background-size: cover;
  left: 0;
  top: -100%;
  transition: all .5s
}
.zidh ul li.on::before, .zidh ul li:hover::before {
  bottom: -2rem;
  opacity: 1
}
.zidh ul li.on a:before, .zidh ul li:hover a:before {
  transform: scaleX(1)
}
.zidh ul li.on a::after, .zidh ul li:hover a::after {
  top: 0
}
.n_jiejue {
  padding: 6.875rem 0 8.75rem;
  background: url(../images/n_jiejuebg.jpg)no-repeat;
  background-size: cover;
  width: 100%;
  position: relative
}
.n_jiejue .m {
  display: flex;
  align-items: flex-start;
  gap: 3.125rem
}
.n_jiejue .jj_scale {
  width: 14rem;
  height: 15.8125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/dbx.png)no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0;
  flex-shrink: 0
}
.n_jiejue .jj_scale .flower {
  position: absolute;
  z-index: -1;
  left: 50%;
  width: calc(100% + 27px);
  height: calc(100% - 7px);
  top: 50%;
  transform: translate(-50%, -50%)
}
.n_jiejue .jj_scale .flower::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/huabg.png)no-repeat;
  background-size: cover;
  animation: spins 10s linear infinite
}
@keyframes spins {
  from {
    transform: rotateZ(0deg)
  }
  to {
    transform: rotateZ(360deg)
  }
}
.n_jiejue .ar_article h5 {
  color: #2f7ec1;
  font-size: 2.25rem;
  line-height: 1.5;
  font-weight: bold
}
.n_jiejue .ar_article p {
  color: #141414;
  font-size: 1.0625rem;
  line-height: 2.25rem
}
.n_honor .ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem 5.3125rem
}
.n_honor .ul .li a {
  position: relative;
  display: block;
  z-index: 10
}
.n_honor .ul .li .img {
  background: url(../images/honorkuang.png)center no-repeat;
  background-size: contain;
  padding: 1.25rem;
  position: relative;
  width: 75%;
  margin: auto
}
.n_honor .ul .li a::before {
  content: '';
  position: absolute;
  height: 6.5rem;
  background: url(../images/dd9.png)center bottom no-repeat;
  width: 100%;
  background-size: contain;
  bottom: .5rem;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0)
}
.n_honor .ul .li a i {
  display: block;
  margin: auto;
  background: #1c509c;
  width: 1.0625rem;
  height: 4px;
  margin: 3.125rem auto 1.5rem
}
.n_honor .ul .li .img .look {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 160, 169, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
  padding: 0 1rem
}
.n_honor .ul .li .img .look .pdf {
  width: 100%;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 1.875rem;
  color: #2f7ec1;
  font-size: .875rem;
  line-height: 1.5;
  gap: .5rem
}
.n_honor .ul .li .img .look .pdf .iconfont {
  font-size: 1.25rem
}
.n_honor .ul .li a p {
  color: #242727;
  font-size: 1.125rem;
  line-height: 1.25rem;
  text-align: center
}
.n_honor .ul .li a:hover .look {
  opacity: 1
}
.n_contact .m > h4 {
  text-align: center;
  color: #333;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.25
}
.n_newcenter ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem .9375rem
}
.n_newcenter ul li a {
  position: relative;
  display: block;
  z-index: 0
}
.n_newcenter ul li a::before {
  content: '';
  position: absolute;
  background: url(../images/newcenterzhezhao.png)no-repeat;
  background-size: cover;
  width: 100%;
  height: 10rem;
  left: 0;
  bottom: 0;
  z-index: 1
}
.n_newcenter ul li a .img {
  background: #000
}
.n_newcenter ul li a .img img {
  opacity: .8
}
.n_newcenter ul li a .img_db::after {
  padding-top: 72.4%
}
.n_newcenter ul li a .newcon {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 2.5rem 2.25rem;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all .5s
}
.social-share a:before {
  transition: 0s !important
}
.n_newcenter ul li a .newcon h5 {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.875rem;
  white-space: normal
}
.n_newcenter ul li a .newcon p {
  color: rgb(255 255 255 / 70%);
  font-size: .9375rem;
  line-height: 1.5rem;
  margin: 1.25rem 0 3.125rem;
  transition: all .5s;
  opacity: 0
}
.n_newcenter ul li a .ckxx {
  color: #fff;
  font-size: .9375rem;
  line-height: 1.5rem;
  display: flex;
  align-items: center;
  gap: .625rem;
  transition: all .5s;
  opacity: 0
}
.n_newcenter ul li a .newcon h6 {
  transition: all .5s;
  color: #2f7ec1;
  font-size: 1.25rem;
  line-height: 2.25rem;
  font-family: Roboto-Medium;
  position: absolute;
  right: 2.25rem;
  bottom: 2.5rem
}
.n_newcenter ul li:hover .newcon {
  background: #2f7ec1
}
.n_newcenter ul li:hover .newcon p, .n_newcenter ul li:hover .newcon .ckxx {
  opacity: 1
}
.n_newcenter ul li:hover .newcon h6 {
  color: #fff
}
.n_newxq .m {
  display: grid;
  grid-template-columns: 1fr 25rem;
  gap: 0 5.125rem;
  align-items: flex-start
}
.ar_title {
  margin-bottom: 2.125rem;
  border-bottom: #e4e4e4 3px solid;
  padding-bottom: .75rem
}
.ar_title h4 {
  color: #403e3e;
  font-weight: bold;
  font-size: 2rem;
  line-height: 2.5rem;
  position: relative;
  margin-bottom: 1rem
}
.n_right {
  position: sticky;
  top: 6rem;
  padding: 0
}
.n_right .content01 {
  padding: 2.625rem 2rem;
  background: #f0f3f6
}
.n_left .ar_article p {
  font-size: .9375rem;
  color: #403e3e;
  line-height: 2rem
}
#ar_fot {
  margin-top: 2rem;
  position: relative;
  text-align: center
}
#ar_fot .fanhui {
  display: inline-block
}
#ar_fot .fanhui a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9.6875rem;
  height: 2.5rem;
  line-height: 1.5rem;
  gap: .625rem;
  background: #2f7ec1;
  border-radius: 1.25rem;
  font-size: .9375rem;
  color: #fff;
  transition: all .5s
}
.sxpage {
  display: flex;
  flex-direction: column
}
.sxpage a {
  color: #5a5a5a;
  font-size: 1rem;
  line-height: 1.875;
  transition: all .5s;
  padding: .75rem 0
}
.sxpage i {
  display: block;
  width: 100%;
  height: 1px;
  background: #e5e8ea
}
.sxpage a:hover {
  color: #2f7ec1
}
.n_right .content01 .time {
  width: 100%;
  margin-bottom: 2rem
}
.n_right .content01 .time h3 {
  font-size: 4rem;
  color: #009fa9;
  font-family: BarlowCondensed-Medium;
  position: relative;
  padding-bottom: .5rem;
  margin-bottom: 1rem
}
.n_right .content01 .time h3:before {
  content: "";
  position: absolute;
  width: 1.5rem;
  height: 3px;
  background: #009fa9;
  bottom: 0;
  left: 4px
}
.n_right .content01 .time h5 {
  font-size: 1.125rem;
  color: #403e3e;
  margin-bottom: 1rem;
  padding-left: 0;
  font-family: BarlowCondensed-SemiBold
}
.n_right .content01 .time h6 {
  font-size: .9375rem;
  line-height: 1.875rem;
  color: #757575
}
.n_right .content01 .tuijian h3 {
  font-size: 1.25rem;
  color: #403e3e;
  line-height: 1.875rem;
  font-weight: bold;
  padding-bottom: 1.5rem;
  border-bottom: #d3d3d3 1px solid;
  margin-bottom: 1.75rem;
}
.n_right .content01 .tuijian ul {
  display: grid;
  gap: 1.75rem
}
.n_right .content01 .tuijian ul li a h5 {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #5d5d5d;
  margin-bottom: 10px;
  transition: all .5s
}
.n_right .content01 .tuijian ul li a h6 {
  font-size: .875rem;
  line-height: 1.875rem;
  font-family: Arial;
  color: rgba(93, 93, 93, .7)
}
.n_right .content01 .tuijian ul li:hover h5 {
  color: #2f7ec1
}
#share-21.social-share {
  margin: 2.5rem 0 0
}
#share-21.social-share .social-share-icon {
  display: inline-block;
  border: #c0c0c0 1px solid;
  margin: 0 .75rem 0 0
}
#share-21.social-share .social-share-icon:hover {
  border: #009fa9 1px solid !important;
  background: #009fa9 !important;
  color: #fff !important
}
.social-share {
  font-family: "socialshare" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  position: relative;
  vertical-align: top;
  margin: 0 auto;
  transition: .5s
}
.social-share a {
  position: relative;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  outline: 0
}
.social-share .social-share-icon {
  position: relative;
  display: block;
  width: 3.125rem !important;
  height: 3.125rem !important;
  border-radius: 50%;
  border: 0;
  color: #c0c0c0 !important;
  text-align: center;
  vertical-align: top;
  transition: .6s ease-out 0s;
  transition: all .8s !important;
  font-size: 1.25rem;
  display: flex !important;
  align-items: center;
  justify-content: center
}
.n_market {
  position: relative;
  background: url(../images/marketbg.jpg)center no-repeat;
  background-size: cover;
  width: 100%
}
.n_market .m > h4, .n_partner .m > h4 {
  position: relative;
  text-align: center;
  color: #333;
  font-size: 2.5rem;
  font-weight: bold
}
.n_market .m > h4::before, .n_partner .m > h4::before {
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -1.25rem;
  width: 2.8125rem;
  height: 2px;
  background: #2f7ec1
}
.n_market .bjtro {
  display: flex;
  align-items: flex-start;
  gap: 7.8125rem
}
.n_market .bjtro h4 {
  color: #010101;
  font-size: 2.375rem;
  line-height: 3rem;
  font-weight: bold;
  max-width: 21.875rem
}
.n_market .bjtro p {
  color: #141414;
  font-size: 1.125rem;
  line-height: 2.25rem;
  margin-top: .5rem
}
.n_market .gundong {
  justify-content: center;
  display: flex;
  align-items: center;
  gap: 6.25rem
}
.n_market .gundong li div {
  display: flex;
  align-items: flex-start;
  gap: .5rem
}
.n_market .gundong li {
  flex-direction: column;
  display: flex;
  justify-content: center
}
.n_market .gundong li .counter {
  font-family: ROBOTO-REGULAR;
  color: #2f7ec1;
  font-size: 3rem;
  line-height: 2.25rem
}
.n_market .gundong li .jia {
  color: #010101;
  font-size: .875rem;
  line-height: 1.5rem
}
.n_market .gundong li p {
  color: #010101;
  font-size: 1rem;
  line-height: 2.25rem
}
.n_partner {
  position: relative;
  background: url(../images/hbbg.jpg)center no-repeat;
  background-size: cover;
  width: 100%
}
.n_partner .n_hbbox {
  position: relative
}
.n_partner .logo_par {
  background: #fff;
  padding: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%
}
.n_partner .logoname {
  position: absolute;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5;
  background: rgb(0 148 156 / 95%);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  transition: all .5s;
  display: flex;
  align-items: center;
  justify-content: center
}
.n_partner .swiper-slide:hover .logoname {
  opacity: 1
}
.n_partner .swiper-slide .logo_par img {
  object-fit: contain;
  height: 3rem
}
.n_hbbox .swiper-button-white {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  top: 50%;
  transform: translate(0, -50%);
  background: #fff;
  transition: all .5s;
  margin-top: 0;
  box-shadow: 22px 0 46px 0 rgba(28, 80, 156, 0.2)
}
.n_hbbox .swiper-button-white svg path {
  fill: #000;
  transition: all .5s
}
.n_hbbox .swiper-button-white:hover {
  background: #2f7ec1
}
.n_hbbox .swiper-button-white:hover svg path {
  fill: #fff
}
.n_hbbox .hb_next {
  left: auto;
  right: -6rem
}
.n_hbbox .hb_prev {
  left: -6rem;
  right: auto
}
.hui {
  background: #f5f5f5
}
.n_search {
  padding: 3.125rem 0;
  max-width: 75%;
  width: 100%;
  margin: auto
}
.n_search form {
  display: flex;
  align-items: center;
  background: #fff;
  height: 3rem;
  justify-content: space-between;
  border-radius: 1.875rem;
  overflow: hidden;
  padding-left: 1.625rem
}
.n_search form > div {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%
}
.n_search .iconfont {
  color: #bebdc3;
  font-size: 1.25rem
}
.n_search button {
  width: 6.25rem;
  height: 100%;
  background: #2f7ec1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.25rem;
  border: 0;
  flex-shrink: 0
}
.n_search input {
  color: rgb(61 61 61 / 1);
  font-size: 1rem;
  line-height: 2.25rem;
  width: 100%
}
.n_search input::placeholder {
  color: rgb(61 61 61 / 30%)
}
.n_procenter .cp_list {
  display: grid;
  gap: 1.25rem
}
.n_procenter .cp_list ul {
  border-bottom: 1px solid #2f7ec1;
}
.n_procenter .cp_list ul li {
  text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}
.n_procenter .cp_list ul li a {
  color: #1f1f1f;
  font-size: 1.05rem;
  line-height: 4rem;
  padding: 0 0.9rem;
  display: inline-flex;
  position: relative;
  transition: all .5s
}
.n_procenter .cp_list ul li a::before {
  content: '';
  position: absolute;
  display: none;
  background: #2f7ec1;
  background-size: cover;
  width: 18px;
  height: 22px;
  bottom: .625rem;
  right: 1.125rem;
  opacity: 0;
  transition: all .5s
}
.n_procenter .cp_list ul li.on a, .n_procenter .cp_list ul li a:hover {
  background: #2f7ec1;
  color: #fff;
  box-shadow: 5px 8px 10px rgb(0 0 0 / 16%)
}
.n_procenter .cp_list ul li.on a::before, .n_procenter .cp_list ul li a:hover::before {
  opacity: 1
}
.n_procenter .prolist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  padding-top: 2.25rem
}
.n_procenter .prolist li a {
  padding: 3.75rem 3rem;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 3.75rem;
  justify-content: space-between;
  position: relative;
  z-index: 0
}
.n_procenter .prolist li:hover a::before {
  opacity: 1
}
.n_procenter .prolist li:hover a .xinghao {
  border-top: 2px solid rgb(254 254 254 / 20%)
}
.n_procenter .prolist li:hover a .xinghao::before {
  width: 9.375rem;
}
.n_procenter .prolist li a > div {
  max-width: 16.875rem;
  width: 100%;
  flex-shrink: 0;
  width: 100%
}
.n_procenter .prolist li a img {
  object-fit: contain
}
.n_procenter .prolist li a h5 {
  color: #1f1f1f;
  font-size: 1.2rem;
  line-height: 1.875rem;
  font-weight: bold;
  margin-bottom: 2rem
}
.n_procenter .prolist li a .xinghao {
  padding-top: 1.5rem;
  border-top: 2px solid #e8e8e8;
  position: relative;
  transition: all .5s
}
.n_procenter .prolist li a .xinghao::before {
  content: '';
  position: absolute;
  top: -2px;
  background: #2f7ec1;
  width: 3.75rem;
  height: 2px;
  left: 0;
  transition: all .5s
}
.n_procenter .prolist li a .xinghao p {
  color: rgba(31, 31, 31, .7);
  font-size: 0.8rem;
  line-height: 1.5rem
}
.n_procenter .prolist li a .ckxx {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #1f1f1f;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 2.25rem;
  transition: all .5s
}
.n_procenter .prolist li a .ckxx svg path {
  fill: #444;
  transition: all .5s
}
.n_probox {
  display: grid;
  align-items: flex-start;
  gap: 1.625rem;
  grid-template-columns: 20rem 1fr
}
.n_probox .n_proleft {
  width: 100%;
  flex-shrink: 0;
  position: sticky;
  top: .5rem;
  display: grid;
  gap: 3.375rem
}
.n_probox .n_proleft .hotpro h5 {
  color: #333;
  font-size: 1.625rem;
  font-weight: bold;
  line-height: 1.5
}
.n_probox .n_proleft .hotpro h5 span {
  color: #2f7ec1
}
.n_probox .n_proleft .prohead {
  background: url(../images/cpleft.png)no-repeat;
  background-size: cover;
  width: 100%;
  height: 8.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1.5;
  gap: 6px;
  padding-right: 4rem
}
.n_probox .n_proleft .prohead .iconfont {
  font-size: 1.75rem;
  color: #fff
}
.n_probox .n_proleft ul {
  display: grid;
  position: relative;
  background: #fff;
  padding: 1.875rem 0
}
.n_probox .n_proleft ul::before {
  content: '';
  position: absolute;
  width: 6px;
  background: #2f7ec1;
  left: 0;
  top: 0;
  height: 100%
}
.n_probox .n_proleft ul li a {
  padding: 0 1.2rem;
  position: relative;
  display: flex;
  color: #1f1f1f;
  font-size: 1rem
}
.n_probox .n_proleft ul li.on a::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 100%;
  background: #757475;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .5s
}
.n_probox .n_proleft ul li a p {
  border-top: 1px solid #ededed;
  width: 100%;
  line-height: 3.75rem;
  padding-left: 0.5rem;
  position: relative
}
.n_probox .n_proleft ul li a p::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 21px;
  height: 12px;
  background: url(../images/blue-arrow.png)no-repeat;
  background-size: cover;
  opacity: 0;
  transition: all .5s
}
.n_probox .n_proleft ul li.on {
  background: rgb(0 160 169 / 10%)
}
.n_probox .n_proleft ul li.on a::before {
  z-index: 1;
  opacity: 1
}
.n_probox .n_proleft ul li.on a p::before {
  opacity: 1
}
.n_probox .n_proleft ul li:first-child a p {
  border-top: 0
}
.n_proxq .xqtop {
  display: flex;
  align-items: center;
  gap: 3.75rem
}
.n_proxq .xqtop #xqxian {
  background: #fff;
  max-width: 34.0625rem;
  padding: 1rem;
  width: 100%
}
.n_proxq .xqtop #xqxian img {
  margin: auto;
  display: block
}
.n_proxq .xqtop .xqdata {
  width: 100%
}
.n_proxq .xqtop .xqdata h4 {
  color: #1f1f1f;
  font-size: 1.875rem;
  font-weight: bold;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgb(0 0 0 / 15%);
  margin-bottom: 1.5rem
}
.n_proxq .xqtop .xqdata .ar_article p {
  color: rgb(31 31 31 / 80%);
  font-size: 1rem;
  line-height: 1.875rem
}
#xqxian .xian {
  bottom: 1.5rem !important
}
#xqxian .swiper-pagination-bullet {
  opacity: 1;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #d3d3d3;
  background: #fff;
  border-radius: 50%;
  transition: all .5s;
  margin: 0 7px
}
#xqxian .swiper-pagination-bullet-active {
  background: #2f7ec1 !important;
  border: 2px solid #2f7ec1
}
.n_proxq .xqhead {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.25rem;
  margin: 1.875rem 0 2.5rem
}
.n_proxq .xqhead h5 {
  width: 100%;
  color: #2f7ec1;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: bold;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: .75rem;
  position: relative
}
.n_proxq .xqhead h5::before {
  content: '';
  position: absolute;
  width: 6.125rem;
  height: 2px;
  background: #2f7ec1;
  left: 0;
  bottom: -2px
}
.n_proxq .xqhead .lianjie {
  display: flex;
  align-items: center;
  gap: 1.4375rem;
  flex-shrink: 0
}
.n_proxq .xqhead .lianjie a {
  background: #2f7ec1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.875rem;
  width: 11.25rem;
  height: 3rem;
  gap: .5rem
}
.n_proxq .xqhead .lianjie a p {
  color: #fff;
  font-size: 1rem;
}
.n_proxq .xqhead .lianjie a .iconfont {
  color: #fff;
  font-size: 1rem;
}
.n_proxq .xqtro .ar_article p {
  color: #1f1f1f;
  font-size: 1rem;
}
.n_proxq .xqtro .ar_article p.strong {
  color: #2f7ec1
}
.ar_article table {
  width: 100%
}
.ar_article td, .ar_article th {
  text-align: center
}
.n_proxq #hotal a {
  display: flex;
  flex-direction: column;
  gap: 1rem
}
.n_proxq #hotal .img_db::after {
  padding-top: 63.8%
}
.n_proxq #hotal p {
  text-align: center;
  color: #141414;
  font-size: 1.125rem;
  line-height: 1.5
}
.hotpro .hotbox {
  position: relative;
  margin-top: 1.5rem;
  padding-bottom: 2rem
}
.hotpro .hotbox #hotcp {
  background: #fff
}
.hotpro .hotbox #hotcp .swiper-slide a {
  padding: 1.6875rem 2.25rem 2rem;
  display: flex;
  flex-direction: column
}
.hotpro .hotbox #hotcp .swiper-slide a > p {
  color: #b4b4b4;
  padding-bottom: .625rem;
  border-bottom: 1px solid #eaeaea
}
.hotpro .hotbox #hotcp .swiper-slide a div h5 {
  color: #333;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 1rem 0 2rem
}
.hotpro .hotbox #hotcp .swiper-slide a div p {
  padding-left: 1.25rem;
  color: #333;
  font-size: 1rem;
  line-height: 1.875rem;
  position: relative
}
.hotpro .hotbox #hotcp .swiper-slide div p::before {
  content: '';
  position: absolute;
  left: 0;
  background: url(../images/p_ico.png)no-repeat;
  background-size: cover;
  width: 13px;
  height: 9px;
  top: .625rem
}
.hotpro .hotbox #hotcp .swiper-slide img {
}
.hotpro .hotbox .hots {
  bottom: 0 !important
}
.hotpro .hotbox .swiper-pagination-bullet {
  opacity: 1;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d3d3d3;
  border-radius: 50%;
  transition: all .5s;
  margin: 0 7px
}
.hotpro .hotbox .swiper-pagination-bullet-active {
  background: #2f7ec1 !important
}
.n_prolist .choice {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5rem;
  margin-bottom: 2rem
}
.n_prolist .choice > div {
  display: flex;
  flex-direction: column
}
.n_prolist .choice > div p {
  color: #323131;
  font-size: 1.125rem;
  line-height: 2.25rem
}
.n_prolist table thead tr td {
  color: #fff;
  font-size: 1.0625rem;
  line-height: 1.875rem
}
.n_prolist table thead tr td:nth-child(odd) {
  background: #0ab8c2;
  border: 1px solid #0ab8c2
}
.n_prolist table thead tr td:nth-child(even) {
  background: #2f7ec1;
  border: 1px solid #2f7ec1
}
.n_prolist table tbody tr {
  background: #e5f5f6
}
.n_prolist table tbody tr, .n_prolist table tbody tr td {
  transition: all .5s;
  cursor: pointer
}
.n_prolist table tbody tr td {
  color: #3f4246;
  font-size: .9375rem;
  line-height: 1.5rem;
  border: 1px solid #00bbc2;
  padding: 1.875rem 0
}
.n_prolist table tbody tr:hover {
  background: #fff
}
.n_prolist table tbody tr:hover td {
  color: #2f7ec1;
  font-weight: bold
}
.flowpath h5 {
  text-align: center;
  color: #1f1f1f;
  font-size: 3rem;
  font-weight: bold
}
.flowpath .m {
  max-width: 1870px;
  padding: 0 80px
}
.flowpath .qdbox {
  position: relative
}
.flowpath .qdbox .qbbefore {
  position: absolute;
  width: 100%;
  height: 6.875rem;
  background: #2f7ec1;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  border-radius: 0 3.125rem 3.125rem 0;
  margin-top: -25px;
  z-index: 5
}
.flowpath .qdbox .qbbefore .m {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
  gap: 3.125rem;
  justify-items: center
}
.flowpath .qdbox .qbbefore .m .gl {
  background: #fff
}
.flowpath .qdbox .qbbefore .m div {
  width: 11.25rem;
  height: 3.75rem;
  border-radius: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f1f1f;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: bold;
  background: #e9feff;
  transition: all .5s
}
.flowpath .qdbox::before {
  content: '';
  position: absolute;
  width: 107.375rem;
  height: 1.875rem;
  left: 47%;
  transform: translate(-50%, 0);
  bottom: 3rem;
  margin-right: 2rem;
  background: url(../images/liucheng.png)no-repeat;
  background-size: cover
}
.flowpath .qdbox #lc .swiper-slide {
  padding: 2.25rem 1.75rem 3.125em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../images/liuchengimg.jpg)no-repeat;
  background-size: 100% 100%;
  border-radius: .5rem;
  gap: 12.5rem
}
.flowpath .qdbox #lc h5 {
  color: #a2dde0;
  font-family: Roboto-Bold;
  font-size: 4.5rem
}
.flowpath .qdbox #lc .lcname {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 11.25rem;
  height: 3.75rem;
  border-radius: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f1f1f;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: bold;
  background: #e9feff
}
.flowpath .qdbox #lc .swiper-slide:nth-child(odd) {
  margin-top: 3.125rem
}
.flowpath .qdbox #lc .swiper-slide:nth-child(odd) .lcname {
  margin-top: -3.125rem
}
.flowpath .qdbox #lc p {
  color: #1f1f1f;
  font-size: 1.125rem;
  line-height: 2.25rem;
  min-height: 6.75rem
}
.n_industry {
  position: relative;
  background: url(../images/hangyebg.jpg)center no-repeat;
  background-size: cover;
  width: 100%
}
.n_industry h4 {
  text-align: left;
  color: #141414;
  font-size: 2.25rem;
  font-weight: bold;
  margin-bottom: 2.25rem
}
.n_industry .inbigimg {
  border-radius: .625rem;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10rem 5rem 5rem;
  height: 35rem;
  margin-bottom: 1.875rem;
  position: relative
}
.n_industry .inbigimg::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 25%);
  top: 0;
  left: 0;
  z-index: 0;
  border-radius: .625rem
}
.n_industry .inbigimg .intext {
  max-width: 42.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  position: relative
}
.n_industry .inbigimg .intext i {
  display: block;
  width: 2.1875rem;
  height: 6px;
  background: #2f7ec1
}
.n_industry .inbigimg .intext p {
  color: #fff;
  font-size: 1rem;
  line-height: 2.25rem
}
.n_industry ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem .9375rem
}
.n_industry ul li .img_db::after {
  padding-top: 63.83%
}
.n_industry ul li .img::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/jewish.png)center no-repeat;
  background-color: rgb(47 126 193 / 80%);
  transition: all .5s;
  opacity: 0;
  z-index: 1
}
.n_industry ul li:hover .img::before {
  opacity: 1
}
.n_industry ul li p {
  text-align: center;
  color: #141414;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-top: .875rem
}
.liuyan {
  position: relative;
  background: url(../images/liuyanbg.jpg)center no-repeat;
  background-size: cover;
  width: 100%
}
.liuyan .ly_tit {
  text-align: center
}
.liuyan .ly_tit h5 {
  color: #333;
  font-size: 3rem;
  font-weight: bold
}
.liuyan .ly_tit p {
  color: #1f1f1f;
  font-size: 1.125rem;
  line-height: 1.5;
  margin-top: .5rem
}
.liuyan .lyfw {
  display: grid;
  grid-template-columns: 1fr 59.375rem;
  gap: 6rem;
  align-items: center
}
.liuyan .lyfw .lyleft {
  flex-shrink: 0
}
.liuyan .lyfw .lyleft h4 {
  color: #2f7ec1;
  font-size: 3rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  font-family: Roboto-Black
}
.liuyan .lyfw .lyleft h5 {
  color: #333;
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: bold
}
.liuyan .lyfw .lyleft p {
  color: #414141;
  font-size: 1rem;
  line-height: 2.5rem;
  flex-shrink: 0
}
.liuyan .lyfw .lyleft .hour24hz {
  margin: 3.75rem 0 0rem
}
.liuyan .lyfw .lyleft .hour24 {
  display: flex
}
.liuyan .lyfw .lyleft .hour24 .iconfont {
  font-size: 2.25rem;
  margin-right: 3px;
  flex-shrink: 0;
  color: #6b6b6b
}
.liuyan .lyfw .lyleft .hour24 span {
  color: #6b6b6b;
  font-size: .875rem;
  line-height: 1rem
}
.liuyan .lyfw .lyleft .hour24 h6 {
  color: #2f7ec1;
  font-size: 1.625rem;
  font-weight: bold;
  font-family: Arial;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .875rem
}
.liuyan .lyfw form {
  padding: 3.5rem 3.9375rem;
  border-radius: .875rem;
  background: rgb(255 255 255 / 90%);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.1875rem 1.375rem
}
.liuyan .lyfw form div {
  border: 1px solid #e1e3e4;
  border-radius: .375rem;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  gap: .5rem;
  position: relative
}
.liuyan .lyfw form div p {
  flex-shrink: 0;
  color: #414141;
  font-size: 1rem
}
.liuyan .lyfw form textarea {
  background: transparent;
  width: 100%;
  height: 5.625rem
}
.liuyan .lyfw form div input[type="text"] {
  height: 3.5rem;
  flex-grow: 1;
  font-size: 1rem
}
.liuyan .lyfw form div:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 4;
  align-items: flex-start;
  padding-top: 1rem
}
.liuyan .lyfw form div:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 5
}
.liuyan .lyfw form button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.25rem;
  border-radius: .375rem;
  background: #2f7ec1;
  transition: .5s;
  border: 0
}
.liuyan .lyfw form button:hover {
  background: #048d94
}
.page {
  text-align: center;
  font-size: 0;
  color: #919191;
  width: 100%;
  overflow: hidden
}
.page .box {
  margin-top: 6.25rem;
  display: flex;
  justify-content: center;
  flex-flow: wrap
}
.page a {
  border: 1px solid #e0e0e0;
  padding: 0 5px;
  min-width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 .3125rem;
  border-radius: 5px;
  color: #3a3a3a;
  font-size: .875rem;
  line-height: 1.25rem;
  -moz-transition: all .36s ease-in-out;
  -webkit-transition: all .36s ease-in-out;
  -o-transition: all .36s ease-in-out;
  -ms-transition: all .36s ease-in-out;
  transition: all .36s ease-in-out
}
.page .on {
  background: #2f7ec1;
  border: 1px solid #2f7ec1;
  color: #fff
}
.page a:hover svg path {
  fill: #fff
}
.page span {
  display: inline-block;
  margin: 0 1rem
}
#foot {
  padding-top: 3.75rem;
  background: url(../images/foot_bg.jpg) center no-repeat;
  background-size: cover;
  padding-bottom: 2rem
}
#foot .box1 {
  display: flex;
  position: relative;
  justify-content: space-between;
  margin-bottom: 3rem
}
#foot .box1:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e0e0e0
}
#foot .box2 {
  display: flex;
  justify-content: space-between
}
.foot_nav {
  flex-grow: 1;
  max-width: 50.75rem
}
.foot_nav ul {
  display: flex;
  justify-content: space-between
}
.foot_nav ul li {
  display: flex;
  justify-content: center
}
.foot_nav ul li a {
  font-size: 1rem;
  color: #333;
  font-weight: bold;
  position: relative;
  display: block;
  padding-bottom: 2rem;
  padding-top: .5rem
}
.foot_nav ul li a:before {
  content: "";
  display: block;
  transform: scaleX(0);
  visibility: hidden;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .5s;
  background: #2f7ec1
}
.foot_nav ul li a:hover:before {
  transform: scaleX(1);
  visibility: visible
}
.foot_lianxi {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem
}
.foot_lianxi dl {
  display: flex;
  align-items: center
}
.foot_lianxi dl:nth-child(3) {
  grid-column: 1/3
}
.foot_lianxi dt {
  width: 33px;
  height: 33px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #2f7ec1
}
.foot_lianxi dt i {
  color: #2f7ec1;
  font-size: 1.125rem
}
.foot_lianxi dd span {
  margin-bottom: 0;
  display: block;
  font-size: .875rem;
  color: #757475
}
.foot_lianxi dd p {
  font-size: 1.0625rem;
  color: #757575;
  line-height: 1.3
}
.foot_lianxi dd p b {
  font-size: 1.5rem;
  color: #757475;
  font-family: Roboto-Black
}
.foot_ewm {
  margin-top: 1.625rem
}
.foot_ewm ul {
  display: flex;
  justify-content: space-between
}
.foot_ewm ul li .pic {
  margin: 0 auto;
  background: #fff;
  padding: 10px;
  width: 7.625rem;
  height: 7.625rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.foot_ewm ul li p {
  text-align: center;
  font-size: .875rem;
  color: #757475;
  margin-top: 11px
}
.foot_share {
  display: flex;
  justify-content: flex-end;
  gap: 1rem
}
.foot_share a {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition: .5s;
  background: #757475;
  display: flex;
  align-items: center;
  justify-content: center
}
.foot_share a i {
  color: #fff;
  font-size: 1.25rem
}
.foot_share a:hover {
  background: #2f7ec1
}
.copyright {
  text-align: right;
  font-size: .875rem;
  line-height: 1.5rem;
  color: rgba(51, 51, 51, 0.4);
  margin-top: 1.125rem
}
.foot_zizhi {
  margin-top: 3rem
}
.foot_zizhi ul {
  display: flex;
  justify-content: flex-end;
  gap: 1.875rem
}
.foot_zizhi ul li {
  width: 60px
}
.foot_zizhi ul li .img:after {
  padding-top: 65%
}
.foot_zizhi ul li p {
  font-size: .875rem;
  line-height: 1.5rem;
  color: rgba(51, 51, 51, 0.7);
  text-align: center
}
.s_links {
  padding: 1rem 0;
  width: 100%;
  overflow: hidden
}
.s_links .m {
  display: flex
}
.s_links .tt {
  font-size: 1.0625rem;
  color: #333;
  line-height: 1.875rem;
  flex-shrink: 0;
  font-weight: bold;
  margin-right: 1.5rem
}
.s_links .con {
  font-size: .875rem;
  color: rgba(31, 31, 31, 0.8);
  display: flex;
  flex-wrap: wrap;
  line-height: 1.875rem;
  gap: 0rem 2.375rem
}
.s_links .con a:hover {
  color: #2f7ec1
}
.asidebar {
  position: fixed;
  z-index: 990;
  right: 2rem;
  bottom: 5%
}
.asidebar .btn0 {
  display: block;
  width: 5.5rem;
  height: 5.5rem;
  transition: .5s;
  position: relative
}
.asidebar .btn0 .box {
  position: relative;
  display: flex;
  transition: .5s;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: .875rem 0;
  text-align: center;
  position: relative;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ededf0
}
.asidebar .btn0 + .btn0 {
  margin-top: .625rem
}
.asidebar .btn0 i {
  font-size: 1.375rem;
  font-weight: bold;
  color: #2f7ec1;
  transition: .5s;
  display: inline-block
}
.asidebar .btn0 p {
  font-size: .8125rem;
  color: #595959;
  margin-top: .5rem
}
.asidebar .btn0:hover .box {
  box-shadow: 0 9px 6.8px 1.2px rgba(0, 0, 0, 0.18)
}
#gotop.hide {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden
}
.asidebar .ewm {
  display: flex;
  align-items: center
}
.asidebar .ewm img {
  width: 80px;
  flex-shrink: 0;
  max-width: inherit;
  height: 80px;
  margin-right: 10px
}
.asidebar h5 {
  white-space: nowrap;
  font-size: 1.25rem;
  font-family: Roboto-Black
}
.asidebar .ewm .txt {
  font-size: .8125rem;
  flex-shrink: 0;
  white-space: nowrap
}
.asidebar .open.phone {
  position: absolute;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  border-radius: .5rem;
  width: auto;
  min-height: 3.125rem;
  border-radius: 3px;
  right: calc(100% + .75rem);
  padding: .5rem 1rem;
  min-height: 4.75rem;
  display: flex;
  align-items: center;
  top: 0;
  transition: .6s;
  opacity: 0;
  visibility: hidden
}
.asidebar .open.phone span {
  font-size: 12px;
  display: block;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  opacity: .7;
  font-weight: normal
}
.asidebar .btn0:hover .open.phone {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible
}
.asidebar .open.phone:before {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  right: -4px;
  border-color: #e1e6f0 transparent transparent #e1e6f0;
  border-style: solid;
  border-width: 1px
}
.wap_foot_nav {
  display: none
}
#m_n_nav {
  display: none;
  line-height: 50px;
  position: relative;
  z-index: 9;
  width: 100%
}
#m_n_nav #n_n_title {
  background: #2f7ec1
}
#m_n_nav .m {
  display: flex;
  align-items: center;
  justify-content: center
}
#bnt_back svg {
  fill: #fff;
  height: 50px;
  vertical-align: middle;
  width: 26px
}
#m_n_nav h1 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 50px
}
#bnt_back {
  position: absolute;
  left: 1rem;
  top: 0
}
#bnt_sub_nav {
  position: absolute;
  right: 1rem;
  top: 0;
  cursor: pointer;
  color: #fff;
  font-size: 18px
}
#bnt_sub_nav svg {
  fill: #fff;
  height: 50px;
  vertical-align: middle;
  width: 20px
}
#bnt_sub_nav img {
  display: block;
  height: 15px
}
#bnt_sub_nav.on img {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}
#sub_nav_content {
  background: #fff;
  display: none;
  box-shadow: 0 0 5px #999;
  z-index: 9
}
#sub_nav_content ul {
  padding: 10px
}
#sub_nav_content ul li {
  display: block;
  line-height: 28px;
  margin: 1rem 0
}
#sub_nav_content ul li a {
  display: block;
  border-left: 2px solid #2f7ec1;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: #535455
}
#sub_nav_content ul li.on a {
  color: #2f7ec1
}
#sub_nav_content dl {
  font-size: 0;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
  border-top: 1px solid #e7e7e7;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 0
}
#sub_nav_content dt {
  position: relative;
  background: #fff;
  z-index: 999;
  display: inline-block;
  margin-bottom: 0;
  float: left;
  text-align: center
}
#sub_nav_content dt a {
  margin: 0 10px;
  display: block;
  color: #5b5349;
  line-height: 30px;
  font-size: 13px;
  font-weight: 400;
  vertical-align: top
}
#sub_nav_content dt a i {
  position: absolute;
  right: 15px;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  display: none
}
#sub_nav_content dt.title {
  background: #fafafb
}
#sub_nav_content dt.title i {
  opacity: 1;
  filter: alpha(opacity=100)
}
#sub_nav_content dt.title_on {
  background: #fafafb
}
#sub_nav_content dt.title_on a i {
  color: #2f7ec1
}
#sub_nav_content dt.last a {
  border-top: 1px solid #f8f8f8
}
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {
  color: #fff;
  background: -webkit-linear-gradient(top, #2f7ec1 0, #2f7ec1 50%, #2f7ec1 75%, #2f7ec1 100%)
}
#sub_nav_content dd .box {
  padding: 0
}
#sub_nav_content dd a {
  padding: 0 25px;
  line-height: 30px;
  font-size: 13px;
  color: #5b5349;
  display: block;
  height: 30px
}
.tc_btn {
  cursor: pointer
}
.n_lianxi .s_tt h3 {
  font-size: 2.25rem
}
.n_lianxi ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.5rem;
  padding: 0 3.375rem 5rem 6.25rem
}
.n_lianxi ul li {
  position: relative
}
.n_lianxi ul li .contacts {
  width: 5.75rem;
  height: 5.75rem;
  background: #2f7ec1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: auto
}
.n_lianxi ul li .contacts::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7.625rem;
  height: 7.625rem;
  border-radius: 50%;
  background: rgba(0, 160, 169, .1);
  z-index: -1
}
.n_lianxi ul li .contacts::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 7.625rem;
  height: 7.625rem;
  border-radius: 50%;
  background: rgba(0, 160, 169, .1);
  z-index: -1
}
.n_lianxi ul li:hover .contacts::before {
  transform: translate(-50%, -50%) scale(1.3);
  opacity: 0
}
.n_lianxi ul li:hover .contacts::after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1
}
.n_lianxi ul li .contactcon {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 8rem;
  text-align: center;
  width: 20rem
}
.n_lianxi ul li .contactcon p {
  color: #1f1f1f;
  font-size: 1.125rem;
  line-height: 1.625rem
}
.n_lianxi ul li .contactcon h6 {
  color: #1f1f1f;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.625rem;
  font-family: Arial
}
.n_lianxi ul li::before {
  content: '';
  position: absolute;
  background: #ced6e0;
  height: 1px;
  width: 12.1875rem;
  top: 50%;
  right: 50%;
  transform: translate(-50%, -50%);
  z-index: -1
}
.n_lianxi ul li:first-child::before {
  display: none
}
.n_lianxi .ditubox {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e4e6ed
}
.n_lianxi .ditubox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.n_lianxi a div {
  display: flex;
  align-items: flex-end;
  position: absolute;
  color: #000;
  font-size: .9375rem;
  line-height: 1.125rem;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-iteration-count: infinite
}
.n_lianxi a div svg {
  flex-shrink: 0
}
.n_lianxi a div::before {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 9.5px;
  width: 13px;
  height: 4px;
  border-radius: 50%;
  background: #cccfd5
}
.n_lianxi a .dtk {
  left: 59%;
  bottom: 51%
}
.n_lianxi a .plane {
  left: 58.5%;
  top: 10%;
  animation-delay: .5s
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
  }
  60% {
    -webkit-transform: translateY(-7.5px);
    transform: translateY(-7.5px)
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px)
  }
  60% {
    -webkit-transform: translateY(-7.5px);
    -ms-transform: translateY(-7.5px);
    transform: translateY(-7.5px)
  }
}
.xq_tt {
  position: relative;
  margin-bottom: 2.5rem
}
.xq_tt > div {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-bottom: 1.375rem
}
.xq_tt > div img {
  display: block;
  margin-right: .5rem;
  max-width: 2rem;
  max-height: 2rem
}
.xq_tt > div h4 {
  font-size: 1.5rem;
  color: #2f7ec1;
  font-weight: bold
}
.xq_tt:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #d9dfe4
}
.xq_tt div:before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #2f7ec1
}
.yeji_title {
  margin-bottom: 2rem
}
.yeji_title h1 {
  text-align: center;
  font-size: 2.25rem;
  color: #141414;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 1.125rem
}
.yeji_title div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 5.5rem
}
.yeji_title div span {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #141414
}
.yeji_title div span i {
  font-size: 1.375rem;
  margin-right: 5px;
  color: #6d6d6d
}
.yeji_pro {
  width: 100%;
  overflow: hidden;
  background: #f5f5f5
}
.yeji_pro .box {
  padding: 3.75rem 3rem;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 3.75rem;
  justify-content: space-between;
  position: relative;
  z-index: 0
}
.yeji_pro .box::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/prolistbg.jpg)no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0;
  transition: all .5s
}
.yeji_pro .box:hover::before {
  opacity: 1
}
.yeji_pro .box:hover h5, .yeji_pro .box:hover .ckxx {
  color: #fff
}
.yeji_pro .box:hover .xinghao p {
  color: rgb(255 255 255 / 70%)
}
.yeji_pro .box:hover .xinghao {
  border-top: 2px solid rgb(254 254 254 / 20%)
}
.yeji_pro .box:hover .xinghao::before {
  width: 9.375rem;
  background: #fff
}
.yeji_pro .box:hover .ckxx svg path {
  fill: #fff
}
.yeji_pro .box > div {
  max-width: 16.875rem;
  width: 100%;
  flex-shrink: 0;
  width: 100%
}
.yeji_pro .box img {
  object-fit: contain
}
.yeji_pro .box h5 {
  color: #1f1f1f;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: bold;
  margin-bottom: 3.125rem
}
.yeji_pro .box .xinghao {
  padding-top: 1.5rem;
  border-top: 2px solid #e8e8e8;
  position: relative;
  transition: all .5s
}
.yeji_pro .box .xinghao::before {
  content: '';
  position: absolute;
  top: -2px;
  background: #2f7ec1;
  width: 3.75rem;
  height: 2px;
  left: 0;
  transition: all .5s
}
.yeji_pro .box .xinghao p {
  color: rgba(31, 31, 31, .7);
  font-size: 1rem;
  line-height: 1.5rem
}
.yeji_pro .box .ckxx {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #1f1f1f;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 2.25rem;
  transition: all .5s
}
.yeji_pro .box .ckxx svg path {
  fill: #444;
  transition: all .5s
}
.yeji_pro .pagination {
  text-align: center;
  margin-top: 3.5rem
}
.yeji_pro .pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 12px !important;
  border-radius: 5px;
  transition: .5s;
  background: #b7b7b7;
  opacity: 1
}
.yeji_pro .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #2f7ec1
}
.yeji_zhengshu .bd {
  position: relative
}
.yeji_zhengshu .li a {
  position: relative;
  display: block;
  z-index: 10
}
.yeji_zhengshu .li .img {
  background: url(../images/honorkuang.png)center no-repeat;
  background-size: contain;
  padding: 1.25rem;
  position: relative;
  width: 75%;
  margin: auto
}
.yeji_zhengshu .li a::before {
  content: '';
  position: absolute;
  height: 6.5rem;
  background: url(../images/dd9.png)center bottom no-repeat;
  width: 100%;
  background-size: contain;
  bottom: .5rem;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, 0)
}
.yeji_zhengshu .li a i {
  display: block;
  margin: auto;
  background: #1c509c;
  width: 1.0625rem;
  height: 4px;
  margin: 3.125rem auto 1.5rem
}
.yeji_zhengshu .li .img .look {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 160, 169, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all .5s;
  padding: 0 1rem
}
.yeji_zhengshu .li .img .look .pdf {
  width: 100%;
  max-width: 10.125rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 1.875rem;
  color: #2f7ec1;
  font-size: .875rem;
  line-height: 1.5;
  gap: .5rem
}
.yeji_zhengshu .li .img .look .pdf .iconfont {
  font-size: 1.25rem
}
.yeji_zhengshu .li a p {
  color: #242727;
  font-size: 1.125rem;
  line-height: 1.25rem;
  text-align: center
}
.yeji_zhengshu .li a:hover .look {
  opacity: 1
}
.yeji_zhengshu .swiper-button-white {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  top: 40%;
  transform: translate(0, -50%);
  background: #fff;
  transition: all .5s;
  margin-top: 0;
  z-index: 9;
  box-shadow: 22px 0 46px 0 rgba(28, 80, 156, 0.2)
}
.yeji_zhengshu .swiper-button-white svg path {
  fill: #000;
  transition: all .5s
}
.yeji_zhengshu .swiper-button-white:hover {
  background: #2f7ec1
}
.yeji_zhengshu .swiper-button-white:hover svg path {
  fill: #fff
}
.yeji_zhengshu .hb_next {
  left: auto;
  right: -6rem
}
.yeji_zhengshu .hb_prev {
  left: -6rem;
  right: auto
}
.yeji_xq {
  background: url(../images/yeji_bg.jpg) center top no-repeat;
  background-size: cover
}
.about_tt {
  text-align: center;
  margin-bottom: 3.5rem
}
.about_tt h3 {
  font-size: 2.5rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 1.25rem
}
.about_tt i {
  display: block;
  width: 2.8125rem;
  height: 2px;
  background: #2f7ec1;
  margin: 0 auto
}
.n_about {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_about_bg.jpg) center no-repeat;
  background-size: cover
}
.n_about h1 {
  font-size: 1.875rem;
  color: #2f7ec1;
  margin-bottom: 1.625rem
}
.n_shiming {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_shiming_bg.jpg) center no-repeat;
  background-size: cover
}
.n_shiming ul {
  display: flex;
  gap: .625rem
}
.n_shiming ul li {
  position: relative;
  width: 20%;
  transition: .5s ease-out;
  flex-grow: 1
}
.n_shiming ul li.on {
  width: 40%
}
.n_shiming ul li .box {
  height: 30.625rem;
  display: block
}
.n_shiming ul li .img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}
.n_shiming ul li .mask {
  overflow: hidden;
  display: flex;
  transition: .5s;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url(../images/shiming_mask.jpg) left center no-repeat;
  background-size: cover
}
.n_shiming ul li .mask span {
  font-size: 2.375rem;
  color: #333;
  font-family: Roboto-Medium
}
.n_shiming ul li .mask .txt {
  margin-bottom: -4.5rem;
  transition: .5s
}
.n_shiming ul li .mask .txt .ico {
  margin-bottom: 2.25rem;
  width: 3.5625rem;
  height: 3.125rem
}
.n_shiming ul li .mask .txt h4 {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  color: #333;
  transition: .5s
}
.n_shiming ul li .mask .txt p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  height: 3rem;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  margin-bottom: .75rem
}
.n_shiming ul li.on .mask {
  background: 0
}
.n_shiming ul li.on .mask .txt {
  margin-bottom: 0
}
.n_shiming ul li.on .mask span {
  color: #fff
}
.n_shiming ul li.on .mask .txt .ico {
  opacity: 0;
  visibility: hidden
}
.n_shiming ul li.on .mask .txt h4 {
  font-size: 1.875rem;
  color: #fff;
  font-weight: bold
}
.n_shiming ul li.on .mask .txt p {
  opacity: 1;
  transition-delay: .5s;
  visibility: visible
}
.n_video {
  background: url(../images/n_video_bg.jpg) center no-repeat;
  background-size: cover;
  width: 100%;
  overflow: hidden
}
.btn_video2 {
  width: 6.875rem;
  height: 6.875rem;
  margin: 0 auto;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}
.btn_video2 .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.btn_video2 .img {
  animation: roll 3s infinite linear;
  background: url(../images/btn_play.png) center no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%
}
.btn_video2 svg {
  width: 2rem;
  height: 2rem
}
@-webkit-keyframes roll {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
@keyframes roll {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}
.about_tt.white h3 {
  color: #fff
}
.about_tt.white i {
  background: #fff
}
.n_licheng2 {
  overflow: hidden;
  position: relative
}
.n_licheng2 .relative {
  height: 100%;
  position: relative
}
.n_licheng2 .hd {
  overflow: hidden;
  width: 100%;
  margin-bottom: 2rem;
  position: relative;
  z-index: 10
}
.n_licheng2 .hd .tt {
  float: left;
  position: relative;
  z-index: 10
}
.n_licheng2 .hd .tt span {
  font-size: 2rem;
  color: #2f7ec1
}
.n_licheng2 .hd .tt h3 {
  font-size: 1.625rem;
  color: #434343;
  margin-top: .75rem
}
.n_licheng2 .about_hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem
}
.n_licheng2 .slick-arrow {
  display: inline-block;
  box-shadow: 0 22px 46px 0 rgba(28, 80, 156, 0.2);
  border-radius: 50%;
  cursor: pointer;
  width: 3.5rem;
  height: 3.5rem;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s
}
.n_licheng2 .slick-prev2 {
  background: url(../images/licheng_left.png) center no-repeat;
  background-size: contain !important;
  margin-right: .75rem
}
.n_licheng2 .slick-next2 {
  background: url(../images/licheng_right.png) center no-repeat;
  background-size: contain !important
}
.n_licheng2 .slick-prev2:hover {
  background: url(../images/licheng_left_on.png) center no-repeat
}
.n_licheng2 .slick-next2:hover {
  background: url(../images/licheng_right_on.png) center no-repeat
}
.n_licheng2 .bd {
  position: relative;
  height: 599px;
  display: flex;
  align-items: center
}
.n_licheng2 .bd img {
  width: 100%
}
.licheng_slide {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}
.licheng_slide .m {
  height: 100%
}
.licheng_slide .m .licheng_slick {
  height: 100%
}
.licheng_slide ul {
  height: 100%;
  padding: 0 2rem
}
.licheng_slide ul li {
  float: left;
  width: 12.5%;
  position: relative;
  height: 100%;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s
}
.licheng_slide ul li .txt {
  position: absolute;
  padding-left: 24px
}
.licheng_slide ul li .txt .year {
  font-size: 2.25rem;
  margin-bottom: .875rem;
  color: #2f7ec1;
  opacity: 0;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
  font-family: Roboto-Medium
}
.licheng_slide ul li .txt .con {
  font-size: .9375rem;
  line-height: 1.625rem;
  color: #1f1f1f;
  width: 15rem;
  opacity: 0;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
  overflow: auto;
  overflow-y: scroll
}
.licheng_slide ul li .txt .con::-webkit-scrollbar {
  width: 2px;
  height: 2px;
  background-color: transparent
}
.licheng_slide ul li .txt .con::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: transparent
}
.licheng_slide ul li .txt .con::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #2f7ec1
}
.licheng_slide ul li .txt:before {
  content: "";
  background: #fff;
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  z-index: 99;
  left: 0;
  top: 1rem;
  border: 2px solid #2f7ec1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-sizing: border-box
}
.licheng_slide ul li .txt:after {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 1rem;
  background: #b4b6c3;
  left: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.licheng_slide ul li:nth-child(1) .txt {
  bottom: 54%;
  padding-bottom: 2rem
}
.licheng_slide ul li:nth-child(2) .txt {
  top: 60.5%;
  padding-top: 4rem
}
.licheng_slide ul li:nth-child(3) .txt {
  bottom: 51%;
  padding-bottom: 2rem
}
.licheng_slide ul li:nth-child(4) .txt {
  top: 65%;
  padding-top: 4rem
}
.licheng_slide ul li:nth-child(5) .txt {
  bottom: 51%;
  padding-bottom: 4rem
}
.licheng_slide ul li:nth-child(6) .txt {
  top: 50.5%;
  padding-top: 4rem
}
.licheng_slide ul li:nth-child(7) .txt {
  bottom: 51%;
  padding-bottom: 3rem
}
.licheng_slide ul li:nth-child(8) .txt {
  top: 57.5%;
  padding-top: 4rem
}
.licheng_slide ul li:nth-child(even) .txt:before {
  top: 11.5rem
}
.licheng_slide ul li:nth-child(even) .txt:after {
  height: 11rem
}
.licheng_slide .slick-list, .licheng_slide .slick-track {
  height: 100%;
  overflow: visible
}
.n_licheng2 ul.slick-current li .year {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px)
}
.n_licheng2 ul.slick-current li .con {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px)
}
.licheng_slide_wap {
  display: none
}
.licheng_slide_wap ul li {
  position: relative;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s
}
.licheng_slide_wap ul li .txt {
  padding-left: 24px;
  position: relative;
  padding-top: 7px
}
.licheng_slide_wap ul li .txt .year {
  font-size: 1.75rem;
  color: #2f7ec1;
  margin-bottom: 5px;
  transition: .7s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s;
  font-family: MANGALB
}
.licheng_slide_wap ul li .txt .con {
  font-size: .9375rem;
  line-height: 1.625rem;
  padding-bottom: 2rem;
  color: #626262;
  transition: .5s;
  -webkit-transition: .7s;
  -moz-transition: .7s;
  -ms-transition: .7s;
  -o-transition: .7s
}
.licheng_slide_wap ul li .txt:before {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  left: 0;
  top: 1rem;
  border: 2px solid #2f7ec1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
  background: #fff
}
.licheng_slide_wap ul li .txt:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 1rem;
  background: #e2e2e2;
  left: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%
}
.n_licheng2 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_licheng_bg.jpg) center no-repeat;
  background-size: cover
}
.licheng_slide ul li:nth-child(odd) .txt:hover .con {
  padding-bottom: 1rem
}
.licheng_slide ul li .txt:hover .year {
  margin-top: -1rem
}
.n_licheng2 .about_hd {
  display: flex;
  justify-content: space-between
}
.n_licheng2 .about_tt {
  margin-bottom: 0
}
.n_licheng2 .about_tt i {
  margin-left: 0
}
.licheng_slide ul li:nth-child(2) .txt {
  top: 63.5%
}
.n_chuangxin ul {
  display: flex;
  gap: -12rem
}
.n_chuangxin li {
  overflow: hidden;
  width: 32%;
  flex-grow: 1;
  flex-shrink: 0;
  position: relative;
  -webkit-transition: all .7s ease 0s;
  transition: all .7s ease 0s
}
.n_chuangxin li.on {
  -webkit-transition: width .3s linear;
  transition: width .3s linear;
  width: 68%
}
.n_chuangxin li .img {
  width: 100%;
  height: 50rem;
  overflow: hidden;
  position: relative
}
.n_chuangxin li .txt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 12rem
}
.n_chuangxin li:nth-child(1) {
  clip-path: polygon(0 0, calc(100% - 1rem) 0, calc(100% - 13rem) 100%, 0 100%);
  margin-right: -6rem
}
.n_chuangxin li:nth-child(2) {
  clip-path: polygon(12rem 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -6rem
}
.n_chuangxin li:nth-child(2) .txt {
  padding-left: 6rem
}
.n_chuangxin li .txt span {
  font-size: 3.75rem;
  color: #fff;
  font-family: Roboto-Bold;
  margin-bottom: 1.25rem;
  display: block
}
.n_chuangxin li .txt p {
  font-size: 1.125rem;
  color: #fff;
  line-height: 1.875rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px)
}
.n_chuangxin li.on {
  transition-delay: 0
}
.n_chuangxin li.on .txt span {
  color: #2f7ec1
}
.n_chuangxin li.on .txt p {
  opacity: 1;
  visibility: visible;
  transition: .5s .7s;
  transform: translateY(0)
}
.fuwu_tt {
  text-align: center;
  margin-bottom: 3.625rem
}
.fuwu_tt span {
  font-size: 5.625rem;
  color: #2f7ec1;
  font-family: Roboto-Bold;
  background: linear-gradient(to top, #e5f1f3, #9fccd1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.fuwu_tt h3 {
  font-size: 2.5rem;
  color: #333;
  font-weight: bold;
  margin-top: -2.25rem;
  margin-bottom: 1.25rem
}
.fuwu_tt i {
  display: block;
  width: 2.75rem;
  height: 2px;
  background: #2f7ec1;
  margin: 0 auto
}
.fuwu_tt p {
  font-size: 1.125rem;
  line-height: 2.25rem;
  color: #141414;
  opacity: .7;
  margin-top: 1.25rem;
  max-width: 62rem;
  margin-left: auto;
  margin-right: auto
}
.n_fuwu01 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu01_bg.jpg) center no-repeat;
  background-size: cover
}
.n_fuwu01 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875rem
}
.n_fuwu01 ul li .box {
  display: block;
  position: relative;
  border-radius: .625rem;
  overflow: hidden
}
.n_fuwu01 ul li .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  align-items: flex-end
}
.n_fuwu01 ul li .txt {
  text-align: center;
  width: 100%;
  padding-bottom: 3.5rem
}
.n_fuwu01 ul li .txt h4 {
  font-size: 1.4rem;
  color: #fff;
  font-weight: bold;
  margin-bottom: .625rem
}
.n_fuwu01 ul li .txt p {
  font-size: 1rem;
  color: #fff
}
.n_fuwu01 ul li .mask:before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 13rem;
  z-index: -1;
  background-image: -moz-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .5) 100%);
  background-image: -ms-linear-gradient(270deg, transparent 0, rgba(0, 0, 0, .5) 100%)
}
.n_fuwu01 ul li .mask:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 17rem;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  background-image: -moz-linear-gradient(270deg, transparent 0, #2f7ec1 100%);
  background-image: -webkit-linear-gradient(270deg, transparent 0, #2f7ec1 100%);
  background-image: -ms-linear-gradient(270deg, transparent 0, #2f7ec1 100%)
}
.n_fuwu01 ul li:hover .mask:after {
  opacity: 1;
  visibility: visible
}
.n_fuwu02 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu02_bg.jpg) center no-repeat;
  background-size: cover
}
.n_fuwu02 ul {
  display: flex;
  gap: 3rem;
  justify-content: center
}
.n_fuwu02 ul li .pic {
}
.n_fuwu02 ul li img {
  display: block;
  margin-bottom: 1.5rem
}
.n_fuwu02 ul li p {
  text-align: center;
  font-size: 1.375rem;
  color: #333
}
.fuwu_tt.white span {
  color: #fff;
  background: linear-gradient(to top, transparent, rgba(255, 255, 255, .7));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.fuwu_tt.white h3 {
  font-size: 2.5rem;
  color: #fff;
  font-weight: bold
}
.fuwu_tt.white p {
  color: rgba(255, 255, 255, 1)
}
.n_fuwu03 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu03_bg.jpg) center no-repeat;
  background-size: cover
}
.n_fuwu03 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
  max-width: 1240px;
  margin: 0 auto
}
.n_fuwu03 ul li {
  width: 18.375rem;
  max-width: 100%;
  position: relative;
  border-radius: 50%
}
.n_fuwu03 ul li:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 100%
}
.n_fuwu03 ul li .box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.13);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}
.n_fuwu03 ul li .box i {
  color: #fff;
  font-size: 3.5rem
}
.n_fuwu03 ul li .box div {
  font-size: 1.125rem;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin: .5rem 0
}
.n_fuwu03 ul li .box div span {
  font-size: 3rem;
  color: #fff
}
.n_fuwu03 ul li .box p {
  font-size: 1.125rem;
  color: #fff
}
.n_fuwu03 ul li .drawcircle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: inherit;
  display: block;
  pointer-events: none
}
.n_fuwu03 ul li .drawcircle circle {
  fill: none;
  box-sizing: border-box;
  stroke-width: 5;
  stroke: none;
  stroke-dasharray: 0, 912;
  stroke-dashoffset: 456;
  transition: all 2s linear .6s !important
}
.n_fuwu03 ul li svg.drawcircle circle {
  stroke: #00aeb8;
  -webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
  transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1)
}
.n_fuwu03 ul li:nth-child(1).aos-animate svg.drawcircle circle {
  stroke-dasharray: 228, 684;
  stroke-dashoffset: 456
}
.n_fuwu03 ul li:nth-child(2).aos-animate svg.drawcircle circle {
  stroke-dasharray: 412, 500;
  stroke-dashoffset: 456
}
.n_fuwu03 ul li:nth-child(3).aos-animate svg.drawcircle circle {
  stroke-dasharray: 600, 312;
  stroke-dashoffset: 456
}
.n_fuwu03 ul li:nth-child(4).aos-animate svg.drawcircle circle {
  stroke-dasharray: 750, 162;
  stroke-dashoffset: 456
}
.n_fuwu04 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu04_bg.png) center no-repeat;
  background-size: cover
}
.n_fuwu04 ul {
  display: flex;
  justify-content: center
}
.n_fuwu04 ul li {
  width: 25%
}
.n_fuwu04 ul .fuwu_arr {
  display: block;
  width: 5.75rem;
  margin-right: -1rem;
  position: relative;
  z-index: 9;
  background: url(../images/n_fuwu04_arr.png) center no-repeat;
  background-size: contain
}
.n_fuwu04 ul li .box {
  display: block;
  padding: 2.625rem 2.625rem 4rem;
  border-radius: 1.75rem;
  overflow: hidden;
  height: 100%;
  border: 3px solid #edfdfe;
  text-align: center;
  background-image: -moz-linear-gradient(-30deg, #f0f7fc 0, #dbfafe 100%);
  background-image: -webkit-linear-gradient(-30deg, #f0f7fc 0, #dbfafe 100%);
  background-image: -ms-linear-gradient(-30deg, #f0f7fc 0, #dbfafe 100%)
}
.n_fuwu04 ul li .box span {
  font-size: 4.5rem;
  color: #2f7ec1;
  font-family: Roboto-Medium
}
.n_fuwu04 ul li .box i {
  display: block;
  width: 2.75rem;
  height: 2px;
  background: #2f7ec1;
  margin: 0 auto;
  margin-top: 2.5rem;
  margin-bottom: 2.875rem
}
.n_fuwu04 ul li .box h4 {
  font-size: 1.2rem;
  color: #333;
  font-weight: bold;
  margin-bottom: 1.375rem
}
.n_fuwu04 ul li .box p {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #333;
  text-align: left
}
.n_fuwu04 ul li:hover .box {
  border: 3px solid rgba(255, 255, 255, .5)
}
.n_fuwu05 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu05_bg.jpg) center no-repeat;
  background-size: cover
}
.n_fuwu05 .bd ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr)
}
.n_fuwu05 .bd ul li {
  position: relative
}
.n_fuwu05 .bd ul li .yy {
  left: 0;
  top: calc(100% - 4rem);
  position: absolute
}
.n_fuwu05 .bd ul li .box {
  height: 100%;
  text-align: center;
  padding: 3rem;
  background: rgba(254, 254, 254, .3);
  border: 1px solid rgba(255, 255, 255, .7);
  transition: .5s;
  position: relative;
  z-index: 9
}
.n_fuwu05 .bd ul li .ico {
  width: 5.125rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 6px;
  background-image: -moz-linear-gradient(-30deg, #e3feff 0, #e4effe 100%);
  background-image: -webkit-linear-gradient(-30deg, #e3feff 0, #e4effe 100%);
  background-image: -ms-linear-gradient(-30deg, #e3feff 0, #e4effe 100%)
}
.n_fuwu05 .bd ul li .ico i {
  font-size: 3rem;
  color: #2f7ec1
}
.n_fuwu05 .bd ul li h4 {
  font-size: 1.2rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 1.25rem;
  margin-top: 1.5rem
}
.n_fuwu05 .bd ul li p {
  font-size: 0.8rem;
  line-height: 1.5rem;
  height: 6rem;
  color: #000;
  text-align: left
}
.n_fuwu05 .bd ul li .dot {
  width: 2.5rem;
  height: 2.5rem;
  position: relative;
  margin: 0 auto;
  margin-top: 1rem
}
.n_fuwu05 .bd ul li .dot:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  background: #fff;
  border: 2px solid rgba(0, 160, 169, 1);
  z-index: 4;
  width: .75rem;
  height: .75rem;
  border-radius: 50%
}
.n_fuwu05 .bd ul li .dot span {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: .5s;
  opacity: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%
}
.n_fuwu05 .bd ul li .dot span:nth-child(1) {
  background: rgba(0, 160, 169, 0.3);
  z-index: 3;
  width: 0;
  height: 0
}
.n_fuwu05 .bd ul li .dot span:nth-child(2) {
  background: rgba(0, 160, 169, 0.2);
  z-index: 2;
  width: 1.5rem;
  height: 1.5rem
}
.n_fuwu05 .bd ul li .dot span:nth-child(3) {
  background: rgba(0, 160, 169, 0.1);
  z-index: 1;
  width: 100%;
  height: 100%
}
.n_fuwu05 .bd ul li:hover .dot span:nth-child(1) {
  background: rgba(0, 160, 169, 0.2);
  z-index: 3;
  width: 1.5rem;
  height: 1.5rem
}
.n_fuwu05 .bd ul li:hover .dot span:nth-child(2) {
  background: rgba(0, 160, 169, 0.1);
  z-index: 2;
  width: 100%;
  height: 100%
}
.n_fuwu05 .bd ul li:hover .dot span:nth-child(3) {
  background: rgba(0, 160, 169, 0);
  z-index: 1;
  width: 110%;
  height: 110%;
  opacity: 0
}
.n_fuwu05 .bd ul li:hover .dot span {
  opacity: 1
}
.n_fuwu05 .bd ul li:before {
  content: "";
  display: block;
  width: calc(50% - .375rem);
  height: 1px;
  background: #2f7ec1;
  position: absolute;
  left: 0;
  bottom: 4.25rem;
  z-index: 10
}
.n_fuwu05 .bd ul li:after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: #2f7ec1;
  position: absolute;
  left: calc(50% + .375rem);
  bottom: 4.25rem;
  z-index: 10
}
.n_fuwu05 .bd ul li:nth-child(1):before {
  display: none
}
.n_fuwu05 .bd ul li:nth-child(4):after {
  display: none
}
.n_fuwu05 .bd ul li:hover .box {
  box-shadow: 5.734px 14.937px 21px 0 rgba(0, 160, 169, 0.3);
  background: #fff
}
.n_fuwu06 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu06_bg.jpg) center no-repeat;
  background-size: cover
}
.n_fuwu06 .bd ul {
  display: flex;
  gap: 2rem;
  justify-content: space-between
}
.n_fuwu06 .bd ul li {
  max-width: 26.5rem
}
.n_fuwu06 .bd ul li .box {
  overflow: hidden;
  height: 100%;
  border-radius: 1.25rem;
  background-color: #fff;
  box-shadow: 10.706px 11.89px 23.04px .96px rgba(187, 228, 230, 0.2)
}
.n_fuwu06 .bd ul li .tt {
  height: 8.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  background-image: -moz-linear-gradient(0, #2f7ec1 0, #61c9cf 100%);
  background-image: -webkit-linear-gradient(0, #2f7ec1 0, #61c9cf 100%);
  background-image: -ms-linear-gradient(0, #2f7ec1 0, #61c9cf 100%);
  box-shadow: 10.706px 11.89px 23.04px .96px rgba(157, 171, 193, 0.2)
}
.n_fuwu06 .bd ul li .tt i {
  font-size: 2rem;
  display: block;
  margin-bottom: .75rem
}
.n_fuwu06 .bd ul li .tt h4 {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff
}
.n_fuwu06 .bd ul li .con {
  padding: 3rem 3rem 4rem;
  font-size: 1.0625rem;
  line-height: 2.25rem;
  color: #333
}
.n_fuwu06 .bd ul li .tt:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: .625rem solid transparent;
  border-top: .75rem solid #30b4bc;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%
}
.n_fuwu06 .bd ul li:nth-child(2) .tt {
  background-image: -moz-linear-gradient(0, #d9b866 0, #f0d799 100%);
  background-image: -webkit-linear-gradient(0, #d9b866 0, #f0d799 100%);
  background-image: -ms-linear-gradient(0, #d9b866 0, #f0d799 100%);
  box-shadow: 10.706px 11.89px 23.04px .96px rgba(157, 171, 193, 0.2)
}
.n_fuwu06 .bd ul li:nth-child(2) .tt:before {
  border-top: .75rem solid #e1c176
}
.n_fuwu07 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu07_bg.jpg) center no-repeat;
  background-size: cover;
  height: 46.5rem
}
.n_fuwu07 .bd {
  display: flex;
  justify-content: space-between;
  gap: 5.5rem
}
.n_fuwu07 .fuwu_tt {
  text-align: left;
  flex-shrink: 0
}
.n_fuwu07 .fuwu_tt span {
  background: linear-gradient(to top, transparent, #00b0ba 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}
.n_fuwu07 .fuwu_tt i {
  margin-left: 0
}
.n_fuwu07 .fuwu_tt p {
  text-align: left;
  margin-left: 0
}
.n_fuwu07 .line {
  background: #2f7ec1;
  opacity: .4;
  width: 1px
}
.n_fuwu07 .txt h3 {
  font-size: 3.375rem;
  line-height: 4.25rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 1.5rem
}
.n_fuwu07 .txt h3 span {
  color: #00aeb9
}
.n_fuwu07 .txt .con {
  font-size: 1.125rem;
  line-height: 2rem;
  color: #fff
}
.n_fuwu08 {
  width: 100%;
  overflow: hidden;
  background: url(../images/n_fuwu08_bg.jpg) center no-repeat;
  background-size: cover
}
.n_fuwu08 .m {
  padding: 0 3.5rem
}
.n_fuwu01 .m {
  padding: 0 3.5rem
}
.n_fuwu08 .bd {
  display: flex;
  gap: .75rem;
  align-items: flex-start
}
.n_fuwu08 .img, .n_slide1, .n_slide3 {
  width: 21.25rem;
  flex-shrink: 0;
  position: relative
}
.n_fuwu08 .box {
  display: flex;
  gap: .75rem
}
.n_fuwu08 .txt {
  flex-grow: 1;
  background-image: -moz-linear-gradient(-32deg, #fff 30%, #87bdeb 100%);
  padding: 4.375rem;
  background-image: -webkit-linear-gradient(-32deg, #fff 30%, #87bdeb 100%);
  background-image: -ms-linear-gradient(-32deg, #fff 30%, #87bdeb 100%)
}
.n_slide1 {
  flex-shrink: 0
}
.n_slide2 {
  flex-grow: 1
}
.n_slide3 {
  flex-shrink: 0
}
.n_fuwu08 .img:after {
  padding-top: 138.23%
}
.n_fuwu08 .txt .tt {
  margin-bottom: 1.625rem
}
.n_fuwu08 .txt h4 {
  font-size: 1.5rem;
  color: #000;
  font-weight: bold
}
.n_fuwu08 .txt h5 {
  font-size: 1.2rem;
  color: #2f7ec1;
  margin-top: 1.125rem;
  margin-bottom: 1.75rem;
  text-transform: uppercase;
}
.n_fuwu08 .txt i {
  display: block;
  width: 2.625rem;
  height: 2px;
  background: #2f7ec1
}
.n_fuwu08 .txt p {
  font-size: 1.125rem;
  line-height: 2;
  color: #141414;
  opacity: .8
}
.n_fuwu08 .txt .pagination {
  font-size: 1.5rem;
  color: #bddee0;
  font-family: Roboto-Bold;
  margin-top: 2.25rem
}
.n_fuwu08 .txt .pagination span {
  color: #2f7ec1;
  margin-right: .375rem
}
.n_fuwu08 .mask {
  cursor: pointer;
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(47, 126, 193, .7)
}
.n_fuwu08 .mask .arr {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .4)
}
.n_fuwu08 .mask .arr i {
  color: #fff
}
.n_fuwu08 .mask:hover .arr {
  background: #fff
}
.n_fuwu08 .mask:hover .arr i {
  color: #2f7ec1
}
#site_map_box {
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 1000;
  transition: .5s;
  position: fixed
}
#site_map_box .bg_box {
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0
}
#site_map_box .box {
  width: 360px;
  position: relative;
  height: 100%;
  position: fixed;
  right: -360px;
  top: 0;
  background: #fff;
  z-index: 9999
}
#site_map_box .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  vertical-align: middle;
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px;
  color: #fff;
  background: #2f7ec1
}
#site_map_box .title a {
  -moz-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out
}
#site_map_box .title a:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg)
}
#site_map_box dl {
  height: 90%;
  overflow: auto
}
#site_map_box dd {
  padding: 26px 30px;
  border-bottom: 1px solid #ededed
}
#site_map_box dd:last-child {
  border-bottom: 0
}
#site_map_box dd h1 {
  font-size: 14px;
  color: #626262;
  line-height: 22px;
  margin-bottom: 10px
}
#site_map_box dd a {
  display: inline-block;
  font-size: 12px;
  padding-right: 20px;
  color: #878787;
  line-height: 24px
}
#site_map_box dd a:hover {
  color: #2f7ec1
}
#site_map_box.act {
  opacity: 1;
  visibility: visible
}
#site_map_box.act .bg_box {
  opacity: 1;
  visibility: visible
}
#ascrail2000 {
  display: none !important
}
@media screen and (max-width:1450px) {
  #site_map_box .box {
    background: #fff
  }
}
.xqhead .btn0 {
  position: relative
}
.xqhead .ewm .txt {
  font-size: .8125rem;
  flex-shrink: 0;
  white-space: nowrap
}
.xqhead .open.phone {
  position: absolute;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  border-radius: .5rem;
  width: 100%;
  min-height: 3.125rem;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  padding: 1.5rem 1rem;
  min-height: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 100%;
  transition: .6s;
  opacity: 0;
  visibility: hidden
}
.xqhead .open.phone span {
  font-size: 12px;
  display: block;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  opacity: .7;
  font-weight: normal
}
.xqhead .btn0:hover .open.phone {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible
}
.foot_share .btn0 {
  position: relative
}
.foot_share .ewm .txt {
  font-size: .8125rem;
  flex-shrink: 0;
  margin-top: 5px;
  color: #888;
  white-space: nowrap
}
.foot_share .open.phone {
  position: absolute;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
  border: 1px solid #e1e6f0;
  border-radius: .5rem;
  width: auto;
  min-height: 3.125rem;
  border-radius: 3px;
  left: 50%;
  transform: translateX(-50%);
  padding: .5rem 1rem;
  min-height: 4.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 110%;
  transition: .6s;
  opacity: 0;
  visibility: hidden
}
.foot_share .open.phone span {
  font-size: 12px;
  display: block;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: .5rem;
  opacity: .7;
  font-weight: normal
}
.foot_share .btn0:hover .open.phone {
  transition: .5s;
  -webkit-transition: .5s;
  opacity: 1;
  visibility: visible
}
.s_pro .swiper-scrollbar {
  display: none;
  bottom: 0;
  height: 2px
}
.s_pro .swiper-pagination {
  display: none;
  margin-top: 10px;
  opacity: .5;
  margin-bottom: -1rem
}
@media(max-width:480px) {
  .s_pro .swiper-scrollbar {
    display: block
  }
  .s_pro .swiper-pagination {
    display: block
  }
}
.liuyan .lyfw form {
  grid-template-columns: repeat(2, 1fr)
}
#m_nav {
  background: url(../images/m_nav_bg.jpg) center no-repeat;
  background-size: cover
}
#m_nav li .a {
  color: #fff
}
#m_nav > ul > li + li {
  border-top: 1px solid rgb(255 255 255 / 15%)
}
#m_nav .title .list a {
  color: rgb(255 255 255 / 60%)
}
.asidebar .ewm {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem
}
.asidebar .ewm img {
  margin-right: 0
}
.asidebar .open.phone {
  padding: 1rem
}
.s_buju .left .m_box_1 {
  display: none
}
.s_about .m_txt_1 {
  display: none
}
.s_news .m_bd_1 {
  display: none
}
.tc_baojia {
  width: 55rem;
  max-width: 90%;
  position: relative;
  padding: 3.5rem 3.9375rem;
  border-radius: .875rem;
  background: rgb(255 255 255 / 1)
}
.tc_baojia .tt {
  text-align: center;
  font-size: 1.625rem;
  font-weight: bold;
  margin-bottom: 1.5rem
}
.tc_baojia .tc_close {
  z-index: 9;
  right: 1.5rem;
  top: 1.5rem;
  width: 1rem
}
.tc_baojia form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1875rem 1.375rem
}
.tc_baojia form div {
  border: 1px solid #e1e3e4;
  border-radius: .375rem;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  gap: .5rem;
  position: relative
}
.tc_baojia form div p {
  flex-shrink: 0;
  color: #414141;
  font-size: 1rem;
  flex-shrink: 0
}
.tc_baojia form textarea {
  background: transparent;
  width: 100%;
  height: 5.625rem
}
.tc_baojia form div input[type="text"] {
  height: 3.5rem;
  flex-grow: 1;
  font-size: 1rem
}
.tc_baojia form div:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 4;
  align-items: flex-start;
  padding-top: 1rem
}
.tc_baojia form div:nth-child(5) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 5
}
.tc_baojia form button {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.25rem;
  border-radius: .375rem;
  background: #2f7ec1;
  transition: .5s;
  border: 0
}
.tc_baojia form button:hover {
  background: #048d94
}
.page {
  text-align: center;
  font-size: 0;
  color: #919191;
  width: 100%;
  overflow: hidden
}
@media(max-width:768px) {
  .tc_baojia form {
    grid-template-columns: 1fr
  }
}
.asidebar .open.phone {
  top: 50%;
  transform: translateY(-50%)
}
.s_pro_wap {
  display: none
}
.s_pro_wap .bd .box {
  display: block;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  position: relative
}
.s_pro_wap .bd .box .img {
  background: url(../images/pro_li.jpg) center no-repeat;
  background-size: cover
}
.s_pro_wap .bd .box .img:after {
  padding-top: 70%
}
.s_pro_wap .bd .box .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  position: absolute;
  bottom: 0;
  width: 100%
}
.s_pro_wap .bd .box .txt h4 {
  font-size: 13px;
  color: #fff
}
.s_pro_wap .bd .box .txt i {
  font-size: 10px;
  background: #fff;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #32959c
}
.s_pro_wap .bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem
}
.s_pro_wap .swiper-pagination {
  position: static;
  width: auto !important
}
.s_pro_wap .swiper-pagination .swiper-pagination-bullet {
  width: .625rem;
  height: .625rem;
  margin: 0 6.5px !important;
  border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #757575;
  background: 0;
  opacity: 1
}
.s_pro_wap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #2f7ec1;
  background: #2f7ec1
}
.s_pro_wap .arrbox {
  display: flex;
  gap: 10px
}
.s_pro_wap .arr {
  cursor: pointer;
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff
}
.s_pro_wap .arr i {
  color: #2f7ec1
}
@media(max-width:480px) {
  .s_pro_wap {
    display: block
  }
  .s_pro {
    display: none
  }
}
.ggao {
  display: flex;
  height: 50px;
  width: 400px;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 3rem;
  border-radius: 25px;
  overflow: hidden;
  background: #eee;
  align-items: center;
  padding: 0 2rem
}
.ggao svg {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem
}
.ggao svg path {
  fill: #2f7ec1
}
.ggao .swiper {
  height: 40px
}
.ggao .con a {
  font-size: .875rem;
  background: #eee;
  gap: 1rem;
  line-height: 40px;
  color: #333;
  display: grid;
  flex-grow: 1;
  grid-template-columns: 1fr 8rem 4rem
}
.ggao .con a b {
  color: #2f7ec1
}
#nav ul li > a {
  font-size: 1rem
}
#nav li .sub {
  background: url(../images/dhxl_bg.jpg) no-repeat;
  background-size: cover
}
#nav li .sub .box2 p::after {
  content: "";
  width: 100%;
  height: 3px;
  background: #2f7ec1;
  margin-top: 1rem
}
.n_lianxi ul li .contactcon p span {
  color: #1f1f1f;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.625rem;
  font-family: Arial
}
.asidebar .open.phone {
  background: url(../images/pf_bg.jpg) no-repeat
}
.s_yeji .img {
  width: 100%
}
.pages {

    padding: 30px 0;
	font-size:12px;
    text-align: center;

}



.pages a,

.pages span {

    padding: 2px 8px;

    border: 1px solid #999;

    margin: 0 5px;

    color: #999;

}



.pages a:hover,

.pages span:hover {

    border: 1px solid #2f7ec1;

    color: #2f7ec1;

}



.pages .current {

    background-color: #2f7ec1;

    border: 1px solid #2f7ec1;

    color: #fff;

}



.pages .current:hover {

    color: #fff;

}