/* CSS Document */

/*===========================header=============================*/
* {
  -webkit-tap-highlight-color: transparent;
}

 
#header h2 {
			color: #a32035;
			font-size: 38px;
			font-weight: 600;
			letter-spacing: 12px;
		}
#header,
#nav ul li h3,
.top_menu {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

#header {
  z-index: 999;
  height: 8.3125rem;
  width: 100%;
  position: relative;
  top: 0;
  z-index: 998;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}

#header.xg,
#header:hover {
  height: 8.3125rem;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

#header>.m {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  position: static;
}

#header .fr {
  display: flex;
}

#header #nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 8.3125rem;
  bottom: auto;
  opacity: 1;
  visibility: visible;
}

#header #nav.show {
  opacity: 1;
  visibility: visible;
}

#header #nav li .sub {
  top: 105%;
}

#logo {
  flex-shrink: 0;
}

#logo a,
.foot_logo a {
  display: flex;
  height: 4rem;
  align-items: center;
}

#logo img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  height: 4.375rem;
}

#logo .img01 {
  display: none;
}

#logo .img02 {
  display: block;
}

#header .headlj {
  display: flex;
  gap: 1.875rem;
}

#header .headlj a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  width: 10.25rem;
  height: 3.25rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  gap: 0.5rem;
}

#header .headlj a:hover svg {
  animation: jello 1.2s;
}
.headh2{    transition: 0s 1.5s;
    height: 100%;
    visibility: visible;
    
    display: grid;
    
    width: 98%;
    align-items: center;
    
    position: absolute;text-align: center;}
@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }

}

@keyframes jello {
  11.1% {
    -webkit-transform: none;
    transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

  100% {
    -webkit-transform: none;
    transform: none
  }

}

#header .headlj a:first-child {
  background: #174D82;
  color: #fff;
}

/* #header .headlj a:last-child {
  background: #f3cf43;
  color: #372e09;
} */

#nav {
  position: absolute;
  flex-grow: 1;
  background: rgba(23, 77, 130, 0.8);
  width: 100%;
  z-index: 10;
  transition: all 0.8s;
}

#nav ul {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}

#nav ul li {
  float: left;
  position: relative;
  z-index: 0;
  text-align: center;
}

#nav ul li a {
  display: block;
  font-size: 0;
  position: relative;
  z-index: 10;
}

#nav ul li h3 {
  font-size: 0.9125rem;
  color: #fff;
  line-height: 4.5rem;
  overflow: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
  display: inline-block;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: bold;
}

#nav ul li h3:before {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #f3cf43;
  transition: 0.3s ease-in-out;
  height: 0;
}

#nav ul li h3::after {
  content: '';
  position: absolute;
  width: 8px;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  height: 0;
  background: url(../image/navhover.png) no-repeat center;
  transition: 0.3s ease-in-out;
}

#nav ul li.on h3:before,
#nav ul li:hover h3:before {
  height: 3px;
}

#nav ul li.on h3::after,
#nav ul li:hover h3::after {
  height: 10px;
}

#header.xg #logo .img01 {
  display: block;
}

#header.xg #logo .img02 {
  display: none;
}

#header #nav>ul>li::after {
  content: '';
  position: absolute;
  background: #fff;
  height: 1px;
  width: 70%;
  left: 50%;
  bottom: 0;
  opacity: 0;
  transition: 0.6s;
  transform: translate(-50%, 0);
}

#header #nav>ul>li.on::after,
#header #nav>ul>li:hover::after {
  opacity: 1;
}

#header:hover #logo .img01 {
  display: block;
}

#header:hover #logo .img02 {
  display: none;
}

/* #nav ul li.on h3,
#nav ul li:hover h3 {
    color: #fff;
} */

/* #nav ul li.on h3:before, #nav ul li:hover h3:before { transform: scaleX(1); }  */

#nav li .sub {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  width: 200%;
  position: absolute;
  left: 50%;
  margin-left: 0;
  z-index: 999;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 5px #3333334d;
  transform-origin: 0 0 0;
  transform: scaleY(0.2) translateX(-50%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  padding: 1rem 0.5rem 1rem;
  border-radius: 8px;
}

#banner #nav li .sub {
  bottom: 100%;
  transform-origin: bottom;
}

#nav li .sub .box {
  padding: 0;
  text-align: center;
}

#nav li .sub a {
  padding: 0;
  line-height: 2rem;
  transition: 0.3s;
  font-size: 0.875rem;
  color: #000;
  text-align: center;
  white-space: nowrap;
}

#nav li .sub a:hover {
  color: #093e96;
}

#nav li:hover .sub {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px) translateX(-50%);
}

#nav li .sub a {
  padding: 0;
  line-height: 2.5rem;
  transition: 0.3s;
  font-size: 0.875rem;
  text-align: center;
  color: #505050;
  width: 100%;
  white-space: nowrap;
  display: block;
}

#nav li .sub a:hover {
  background: #4b3182;
  color: #fff;
}

#banner #nav {
  bottom: 0;
}

#banner #nav.hide {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

@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_header {
  display: none;
  height: 4.5rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: 0s 1.5s;
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

#m_logo {
  transition: 0s 1.5s;
  height: 100%;
  visibility: visible;
  float: left;
  display: flex;
  align-items: center;
}

#m_logo img {
  height: 25px;
}

#m_nav {
  z-index: -1;

  position: fixed;

  background: #fff;

  width: 100%;

  height: 100vh;

  right: 0;

  top: -100%;

  padding: 65px 0;

  pointer-events: none;

  transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

  -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

  -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

  -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

  -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

  display: block;

  overflow: auto;

  visibility: hidden;

  opacity: 0;
}

#m_nav.act {
  opacity: 1;
  top: 0;
}

#m_nav::-webkit-scrollbar {
  display: none;
}

#m_nav.act {
  pointer-events: auto;
  top: 0;
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}

#m_nav>ul>li {
  width: 80%;
  overflow: hidden;
  padding: 0 1rem;
  margin: 0 auto;
}

#m_nav>ul>li+li {
  border-top: 1px solid #4b3182;
}

#m_nav li .a {}

#m_nav li .a h3 {
  line-height: 4.5rem;
  height: 4.5rem;
  color: #000;
  padding: 0;
  font-size: 1.125rem;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}

#m_nav li .a span {
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 20px;
  height: 50px;
  text-align: center;
}

#m_nav li .a span i {
  font-size: 0;
}

#m_nav .title .a i {
  opacity: 1;
  filter: alpha(opacity=100);
  display: inline-block;
  width: 16px;
  height: 4.5rem;
  float: right;
  display: inline-block;
  background: url(../image/arrow_down.svg) center no-repeat;
  background-size: contain;
}

#m_nav li.on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav .on.title .a i {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
}

#m_nav li {
  display: block;
  width: 100%;
}

#m_nav .title .list {
  display: none;
  position: relative;
  width: 100%;
  z-index: 9;
  left: 0;
  margin-left: 0;
  background: none;
  border: 0;
  clear: both;
  padding-bottom: 10px;
}

#m_nav .title .list span {
  background: none;
}

#m_nav .title .list a {
  display: block;
  font-size: 1.125rem;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
  line-height: 35px;
  height: 35px;
  border: 0;
}

/*首页banner*/

#banner {
  position: relative;
}

#banner .swiper {
  height: 60vh;
}

#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 .swiper-button-next,
#banner .swiper-button-prev {
  width: 4.5rem !important;
  height: 4.5rem !important;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  transition: all 0.5s;
}

#banner .nexts {
  right: 5%;
}

#banner .prevs {
  left: 5%;
}

#banner .swiper-button-white svg path {
  fill-opacity: 0.6;
}

#banner .swiper-button-next:hover,
#banner .swiper-button-prev:hover {
  border: 2px solid #fff;
}

#banner .swiper-pagination span {
  width: 4.5rem;
  height: 3px;
  background: transparent;
  transition: 0.5s;
  border-radius: 50%;
  padding: 0;
  position: relative;
}

#banner .swiper-pagination span:before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  background: rgba(255, 255, 255, 0.25);
}

#banner .swiper-pagination {
  bottom: 5% !important;
}

#banner .swiper-pagination span:after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  background: #feb300;
}

#banner .swiper-pagination span.swiper-pagination-bullet-active:after {
  animation: anim-h 4s linear forwards;
  -webkit-animation: anim-h 4s linear forwards;
}

@-webkit-keyframes anim-h {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes anim-h {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

.s_tt {}

.s_tt span {
  font-size: 1.5rem;
  color: #772b1b;
  font-family: HELVETICANEUELTPRO;
  text-transform: uppercase;
}

.s_tt h3 {
  font-family: SLIDEQIUHONGREGULAR;
  font-size: 3.75rem;
  color: #333333;
  letter-spacing: -0.625rem;
}

.relative {
  position: relative;
}

#n_banner {
  height: 42.5rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 9;
  background-size: cover !important;
}

#dh {
  border: 1px solid #e1e2e6;
  height: 4rem;
}

#dh ul,
#dh .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#dh ul li {
  border: 1px solid #dddde1;
  height: 4rem;
  width: 12.5rem;
  transition: all 0.3s;
}

#dh ul li a {
  color: #3b3b3b;
  font-size: 1rem;
  line-height: 1.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  transition: all 0.3s;
}

#dh ul li:not(:first-child) {
  border-left: none;
}

#dh ul li.on {
  background: #0da945;
}

#dh ul li:hover,
#dh ul li.on {
  color: #fff;
  border-top: 1px solid #0da945;
  border-bottom: 1px solid #0da945;
}

#dh ul li.on a,
#dh ul li:hover a {
  color: #fff;
}

.position {
  left: 0;
  bottom: 0;
  font-size: 0.875rem;
  color: #575454;
  display: flex;
  align-items: center;
}

.position>svg {
  margin-right: 5px;
}

.position span,
.position a,
.position i {
  font-size: 0.875rem;
  color: #575454;
  flex-shrink: 0;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.position i {
  font-style: normal;
}

.position span {
  color: #5b3d9d;
  font-style: normal;
}

.position em {
  color: #5b3d9d;
  font-style: normal;
}

.position a:hover {
  color: #5b3d9d;
}

/*====移动端导航====*/
#m_n_nav {
  display: none;
  line-height: 50px;
  position: relative;
  z-index: 9;
  width: 100%;
  background: #174d82;
}

#m_n_nav .m {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#bnt_back {}

#bnt_back svg {
  fill: #fff;
  height: 50px;
  vertical-align: middle;
  width: 26px;
}

#m_n_nav i {}

#m_n_nav h2 {
  font-size: 14px;
  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;
  border-bottom: 1px solid #999;
}

#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 #4b3182;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  padding-left: 10px;
  color: #535455;
}

#sub_nav_content ul li.on a {
  color: #4b3182;
}

#sub_nav_content dl {
  font-size: 0;
  overflow: hidden;
  background: #fff;
  padding: 10px 0;
}

#sub_nav_content dt {
  position: relative;
  background: #fff;
  z-index: 999;
  width: 33.333333%;
  display: inline-block;
  margin-bottom: 0;
  float: left;
  text-align: center;
}

#sub_nav_content dt a {
  margin: 0 10px;
  display: block;
  color: #4b3182;
  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 a {}

#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: #e50019;
  border-top: 1px solid #fff;
}

#sub_nav_content dt.title_on a i {
  color: #013281;
}

#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: #4b3182;
}

#sub_nav_content dd {}

#sub_nav_content dd .box {
  padding: 0px 0px 0px 0px;
}

#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: #e50019;
}

.page {
  text-align: center;
  font-size: 0;
  color: #919191;
  width: 100%;
  overflow: hidden;
}

.page .box {
  margin-top: 4rem;
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}

.page a {
  border: 1px solid #cecece;
  padding: 0 5px;
  min-width: 3.75rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.375rem;
  color: #3b3b3b;
  border-radius: 50%;
  font-size: .875rem;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.page .on {
  background: #4b3182;
  border: 1px solid #4b3182;
  color: #fff;
}

.page span {
  display: inline-block;
  margin: 0 1rem;
}

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


#swiper1 .swiper-button-white:hover svg path {
  fill-opacity: 1;
}

#swiper1>img {
  position: absolute;
  width: 18px;
  height: 28px;
}

#banner .swiper-pagination span {
  width: 4.5rem;
  height: 3px;
  background: transparent;
  transition: 0.5s;
  border-radius: 50%;
  padding: 0;
  position: relative;
}

#banner .swiper-pagination span:before {
  content: '';
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  background: rgba(255, 255, 255, 0.25);
}

#banner .swiper-pagination span:after {
  content: '';
  display: block;
  width: 0;
  height: 3px;
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
  background: #305ae1;
}

#banner .swiper-pagination span.swiper-pagination-bullet-active:after {
  animation: anim-h 4s linear forwards;
  -webkit-animation: anim-h 4s linear forwards;
}

@-webkit-keyframes anim-h {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes anim-h {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}




#foot {
  background: #174d82;padding:20px
}

#foot .boxs {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
}

#foot .boxs .boxsle {

  width: 100%;
}

#foot .boxs .boxsle .navs {
  max-width: 49.6875rem;
}

#foot .boxs .navs ul {
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

#foot .boxs .navs ul li a {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.25rem;
  position: relative;
  padding-bottom: 0.5rem;
  font-weight: bold;
  text-transform: uppercase;
}

#foot .boxs .navs ul li a::before {
  content: '';
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: all .5s;
  background: #fff;
}

#foot .boxs .navs ul li a:hover::before {
  width: 100%;
}

#foot .boxsle>p,
#foot .boxsle a {
  color: #eeeff1;
  color: 1.0625rem;
  line-height: 2.25rem;
  display: flex;
  align-items: center;
}

#foot .boxsle a {
  display: inline-flex;
}

#foot .boxsle a svg {
  margin: 0 8px 0 12px;
}

#foot .boxsri {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

#foot .boxsri .zix {
  margin-right: 25px;
  flex-shrink: 0;
}

#foot .boxsri .zix a svg path {
  fill: #093e96;
  transition: all 0.5s;
}

#foot .boxsri .zix a {
  height: 2.5rem;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fbd91b;
  color: #4b3182;
  font-size: 1.0625rem;
  line-height: 1.25rem;
  gap: 5px;
  margin: 0.5rem 0 1.125rem;
  transition: all 0.5s;
  border: 2px solid transparent;
  width: 9.25rem;
}

#foot .boxsri .zix a:hover {
  background: #fff;
  border: 1px solid #fbd91b;
}

#foot .boxsri .zix a svg path {
  fill: #4b3182;
  transition: all 0.5s;
}

#foot .boxsri .zix P {
  text-align: right;
  color: #fff;
  font-size: 1rem;
  line-height: 1.25rem;
}

#foot .boxsri .zix .rexian {
  font-size: 2rem;
  line-height: 1.25;
  font-family: BarlowCondensed-Medium;
}

.copyright {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.3);
  line-height: 1.25rem;
  text-align: center;
  padding: 1.5rem 0;
}

.copyright a {
  transition: all 0.5s;
}

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

#foot .boxsri .ewms {
  display: flex;
  gap: 1.25rem;
}

#foot .boxsri .ewms img {
  width: 7.5625rem;
  height: 7.5625rem;
}

#foot .boxsri .ewms p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.9375rem;
  line-height: 1.25rem;
  text-align: center;
  padding: 0.625rem 0;
}

#foot .box2 .m {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem;
  padding-top: 2.25rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 1.625rem;
  gap: 2rem;
}

.foot_link {
  width: 270px;
  max-width: 100%;
  position: relative;
  z-index: 100;
}

.foot_link dl {
  position: relative;
}

.foot_link dt {
  height: 3.125rem;
  padding: 0 1.25rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.foot_link dt h3 {
  font-size: 1rem;
  line-height: 1.375rem;
  color: rgba(255, 255, 255, 0.7);
}

.foot_link dt i {
  width: 12px;
  height: 12px;
}

.foot_link dt.on i svg {
  transform: rotate(180deg);
}

.foot_link dd {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 3.125rem;
}

.foot_link dt i svg {
  transition: 0.5s;
}

.foot_link dd .box {
  border-radius: 1.5rem;
  padding: 1rem 1.25rem 0;
  display: none;
}

.foot_link dd:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #4b3182;
  border: 1px solid rgba(255, 255, 255, 0.3);
  z-index: -1;
}

.foot_link dd .box a {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875rem;
  line-height: 2;
  transition: 0.3s;
}

/*  */

.s_fmk {
  padding: 2.25rem 0 3.125rem;
}

.s_fmk ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.s_fmk ul li a {
  padding: 2.25rem 3.5rem;margin: 20px;
  display: block;
  height: 15.25rem;
}

.s_fmk ul li h5 {
  color: #fff;
  font-size: 1.625rem;
  line-height: 1.5;
}

.s_fmk ul li p {
  color: rgba(255, 255, 255, 0.8);
  font-family: BarlowCondensed-Light;
  font-size: 1.25rem;
  line-height: 1.5rem;
  text-transform: uppercase;
}

.s_fmk ul li:first-child a {
  background: #e04f4a;
}

.s_fmk ul li:nth-child(2) a {
  background: #5a438b;
}

.s_fmk ul li:nth-child(3) a {
  background: #ebb941;
}

.s_fmk ul li:last-child a {
  background: #40a4a4;
}

.s_fmk ul li span {
  font-family: Arial;
  color: rgba(255, 255, 255, 0.53);
  font-size: 0.8125rem;
  padding-bottom: 2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.53);
  transition: all 0.5s;
}

.s_fmk ul li div {
  margin: 1.25rem 0 1.5rem;
}

.s_fmk ul li svg path {
  fill-opacity: 0.4;
  transition: all 0.5s;
}

.s_fmk ul li:hover span {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.s_fmk ul li:hover svg path {
  fill-opacity: 1;
}

.s_ztyanjiu {
  width: 100%;
  position: relative;
  background: url(../image/yanjiubg.jpg) no-repeat;
  padding: 6.6875rem 0;
  background-size: cover;
}

.s_ztyanjiu #zhongtai .swiper-slide {
  display: grid;
  grid-template-columns: 0.5fr 0.507fr;
  justify-content: space-between;
  gap: 7.8125rem;
  align-items: center;
}

#zhongtai .swiper-slide .ztcon {
  padding: 1.125rem 0;
}

#zhongtai .swiper-slide h5 {
  color: #060606;
  font-size: 2.1875rem;
  line-height: 3rem;
  font-weight: bold;
}

#zhongtai .swiper-slide h6 {
  font-family: BarlowCondensed-Medium;
  color: #2f2f67;
  font-size: 2rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

#zhongtai .swiper-slide i {
  width: 1.6875rem;
  height: 3px;
  background: #2f2f67;
  display: block;
}

#zhongtai .swiper-slide p {
  text-indent: 2em;
  color: #282727;
  font-size: 1.25rem;
  line-height: 2.5rem;
  margin: 1.875rem 0;
}

#zhongtai .swiper-slide .img {
  display: block;
}

#zhongtai .swiper-slide .img_db::after {
  padding-top: 79%;
}

#zhongtai .swiper-slide .ztcon a {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 10.3125rem;
  width: 100%;
  line-height: 3.125rem;
  background: #4b3182;
  color: #fff;
  font-size: 1rem;
  border-radius: 1.5rem;
  transition: all 0.5s;
}

#zhongtai .swiper-slide .ztcon a:hover {
  transform: translateX(2rem);
}

#zhongtai .swiper-pagination {
  bottom: auto;
  top: 5rem;
  padding-right: 14rem;
}

#zhongtai .swiper-pagination-bullet {
  width: 0.6875rem;
  height: 0.6875rem;
  border: 1px solid #060606;
  background: transparent;
  opacity: 1;
  margin: 0 8.5px;
}

#zhongtai .swiper-pagination-bullet-active {
  background: #4b3182;
}

.s_jiaoliu .tit {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2.625rem;
}

.s_jiaoliu .tit a {
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
}

.sm {
  text-align: left;
}

.sm h6 {
  text-transform: uppercase;
  color: #4b3182;
  font-size: 1.875rem;
  font-family: BarlowCondensed-Bold;
  margin-bottom: 0.375rem;
}

.sm h5 {
  color: #000000;
  font-size: 2rem;
  line-height: 1;
}

.s_jiaoliu .m {
  display: grid;
  grid-template-columns: 0.576fr 0.428fr;
  gap: 5.25rem;
}

#mangu .swiper-slide .box {
  position: relative;
  display: block;
}

#mangu .swiper-slide .box .img {
  height: 25.9375rem;
}

#mangu .swiper-slide .box .mgcon {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
}

#mangu .swiper-slide .box .mgcon p {
  color: #fff;
  font-size: 1.5rem;
  line-height: 4.0625rem;
  padding-left: 1.125rem;
  width: 80%;
}

#mangu {
  margin-bottom: 1.75rem;
}

#mangu .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  border: 1px solid #fff;
  background: transparent;
  margin: 0 4.5px;
  opacity: .7;
}

#mangu .swiper-pagination-bullet-active {
  background: #fbd91b;
  border: 1px solid #fbd91b;
  opacity: 1;
}

#mangu .swiper-pagination {
  text-align: right;
  bottom: 1.5rem !important;
  padding-right: 1.25rem;
}


.s_jiaoliu .jlleft .hot {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  display: block;
}

.s_jiaoliu .jlleft .hot h5 {
  color: #292a2c;
  font-size: 1.375rem;
  line-height: 1.5;
}

.s_jiaoliu .jlleft .hot span {
  color: #6b6c70;
  font-size: 0.8125rem;
  margin: 0.875rem 0;
  display: block;
}

.s_jiaoliu .jlleft .hot p {
  color: #636368;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.s_jiaoliu .jlright ul {
  display: grid;
  gap: 1.875rem;
}

.s_jiaoliu .jlright ul li a .gonggao {
  display: flex;
  gap: 1.125rem;
  align-items: center;
}

.s_jiaoliu .jlright ul li a {
  display: block;
  padding-bottom: 1.375rem;
  border-bottom: 1px dotted #e3e3e3;
  position: relative;
}

.s_jiaoliu .jlright ul li a .gonggao .date {
  flex-shrink: 0;
  width: 4.0625rem;
  height: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #eec62d;
  font-size: 0.9375rem;
  font-family: BarlowCondensed-Regular;
  border: 1px solid #dcdcdc;
  gap: 0.25rem;
}

.s_jiaoliu .jlright ul li a .gonggao .date span {
  color: #4b3182;
  font-size: 2rem;
  font-family: BarlowCondensed-Medium;
}

.s_jiaoliu .jlright ul li a .gonggao h5 {
  color: #313232;
  font-size: 1.375rem;
  line-height: 1.875rem;
}

.s_jiaoliu .jlright ul li a p {
  font-size: 1rem;
  line-height: 1.5rem;
  color: #3f3f42;
  opacity: 0;
  visibility: hidden;
  height: 0;
  transition: all 0.5s;
  width: 100%;
  /* display: none; */
}

.s_jiaoliu .jlright ul li.on a p {
  opacity: 1;
  visibility: visible;
  /* display: block; */
  height: 3rem;
  margin: 1rem 0 0;
}

.s_video {
  width: 100%;
  position: relative;
  background: #f3f4f6;
}

.s_video .m .videobox {
  display: grid;
  grid-template-columns: 0.21fr 0.79fr;
  gap: 5.625rem;
  position: relative;
}

.s_video #dxvideo {
  width: 100%;
}

.s_video .video_tit p {
  color: #423f3f;
  font-size: 1.1875rem;
  line-height: 1.6875rem;
  margin: 1.25rem 0;
}

.s_video #dxvideo a {
  display: grid;
  grid-template-columns: .53fr .47fr;
  height: 12.125rem;
}

.s_video #dxvideo a .dxcon {
  padding: 1.625rem 1.875rem 2.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

.s_video #dxvideo a .dxcon img {
  width: 2.5rem;
  height: 2.5rem;
}

.s_video #dxvideo .swiper-slide:nth-child(2n+1) .dxcon {
  background: #ebb941;
}

.s_video #dxvideo .swiper-slide:nth-child(2n+1) svg path {
  fill: #fefb7f;
}

.s_video #dxvideo .swiper-slide:nth-child(2n+2) .dxcon {
  background: #4b3182;
}

.s_video #dxvideo .swiper-slide:nth-child(2n+2) svg path {
  fill: #9662ff;
}

.s_video #dxvideo a .dxcon h5 {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin-bottom: 0.5rem;
  height: 3.5rem;
}

.s_video #dxvideo a .dxcon p {
  color: rgba(255, 255, 255, 0.6);
  font-family: BarlowCondensed-Regular;
  text-transform: uppercase;
}

.s_video #dxvideo a .img,
.videolist li a .img {
  position: relative;
}

.s_video #dxvideo a .img::before,
.videolist li a .img div {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  transition: all 0.5s;
  opacity: 1;
  z-index: 10;
}

.s_video #dxvideo a .img::after,
.videolist li a .img::before {
  content: '';
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../image/bofang.png) no-repeat;
  width: 2.5rem;
  height: 2.5rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  background-size: cover;
}

.s_video #dxvideo a:hover .img::before,
.videolist li a:hover .img div {
  opacity: 0;
}

.s_video .swiper-button-white {
  background: #4b3182;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  bottom: 0;
  top: auto;
}

.s_video .vd_prev {
  left: 0;
}

.s_video .vd_next {
  left: 3.125rem;
}

.s_hwstudy {
  width: 100%;
  position: relative;
  background: url(../image/haiwaibg.jpg) no-repeat;
  background-size: 100%;
  margin-bottom: 2.5rem;
}

.s_hwstudy .bg_tit h5 {
  color: #fff;
}

.s_hwstudy .bg_tit p {
  color: #fbd91b;
}

.bg_tit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 4.125rem;
}

.bg_tit h5 {
  color: #060606;
  font-weight: bold;
  font-size: 2.5rem;
}

.bg_tit p {
  color: #4b3182;
  font-size: 2.5rem;
  font-family: BarlowCondensed-Medium;
  text-transform: uppercase;
  margin-left: 1rem;
}

/* .s_hwstudy ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4.875rem;
} */

.s_hwstudy ul li {
  border-radius: 10px;
  overflow: hidden;
}

.s_hwstudy ul li .img {
  position: relative;
  max-height: 26.1875rem;
  height: 100%;
}

.s_hwstudy ul li .img_db::after {
  padding-top: 102%;
}

.s_hwstudy ul li .img .svgs {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  bottom: 0;
  background: #f3cf43;
  width: 5.3125rem;
  height: 5.3125rem;
  border-radius: 0 10px 0 0;
  padding: .875rem;
}


.s_hwstudy ul li .hwcon {
  padding: 2.25rem 3.375rem 1.875rem;
  height: 10.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.s_hwstudy ul li .hwcon h5 {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.5;
}

.s_hwstudy ul li .hwcon p {
  text-transform: uppercase;
  font-family: BarlowCondensed-Regular;
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-top: 0.375rem;
}

.s_hwstudy ul li:nth-child(3n+1) .hwcon {
  background: #7543d7;
}

.s_hwstudy ul li:nth-child(3n+2) .hwcon {
  background: #4b3182;
}

.s_hwstudy ul li:nth-child(3n+3) .hwcon {
  background: #700099;
}


.s_exllent #liuxs .swiper-slide a {
  border-radius: 9px;
  overflow: hidden;
  display: grid;
  grid-template-columns: .58fr .42fr;
  position: relative;
  background: #f3f4f6;
}


.s_exllent #liuxs .swiper-slide .lxscon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


#liuxs .swiper-slide .lxscon h5 {
  color: #060606;
  font-size: 1.875rem;
}

#liuxs .swiper-slide .lxscon p {
  color: #616161;
  font-size: 1.125rem;
  margin: 1.5rem 0;
}


#liuxs .swiper-slide .lxscon div {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  background: url(../image/more.png)#fbd91b no-repeat center;
  color: #fff;
  transition: all .5s;
}


#liuxs .swiper-slide:hover .lxscon div {
  transform: rotate(45deg);
}


#liuxs .swiper-slide .lxsjs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 101%;
  background: #4b3182;
  transition: all .7S;
  padding: 3.75rem 3rem;
}

#liuxs .swiper-slide .lxsjs h5 {
  color: #fff;
  font-size: 1.9375rem;
  margin-bottom: 1.5rem;
}

#liuxs .swiper-slide .lxsjs p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 1.125rem;
  line-height: 2;
}

#liuxs .swiper-slide:hover .lxsjs {
  top: 0;
}


.s_exllent .morexs {
  text-decoration: underline;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: rgba(36, 36, 36, 0.8);
  transition: all .5s;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4.375rem;
}

.s_exllent .morexs:hover {
  color: #4b3182;
}

.s_exllent .lxs {
  position: relative;
}

.s_exllent .lxs .swiper-button-white {
  border: 1px solid #acacac;
  width: 4.0625rem;
  height: 4.0625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  top: 53%;
  transform: translate(0, -50%);
  z-index: 10;
}

.s_exllent .lxs .lxsnext {
  left: auto;
  right: -7%;
}

.s_exllent .lxs .lxsprev {
  right: auto;
  left: -7%;
}

.s_teacher {
  width: 100%;
  position: relative;
  background: url(../image/jiaoshou.jpg) no-repeat;
  background-size: cover;
}


.s_teacher .talk {
  background: url(../image/jiaoshoubg.png)no-repeat;
  padding: 1.25rem 1.25rem 1rem;
  /* background-size: 100% 100%; */
  position: relative;
}

.s_teacher .talk::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../image/jiaoshoubg2.png)no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
  left: 0;
  top: 0;
}

.s_teacher .talk .nr {
  color: #4f4f4f;
  font-size: 1.25rem;
  line-height: 2.5rem;
  position: relative;
  transition: all .5s;
}

.s_teacher .talk h6::before {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4f4f4f;
  left: 0;
  top: 1rem;
  transition: all .5s;
}

.s_teacher .talkname {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
}

.s_teacher .talkname .zp {
  margin-right: 1.25rem;
  padding: 4px;
  background: #fbd91b;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 7.3125rem;
  height: 7.3125rem;
  overflow: hidden;
}

.s_teacher .talkname .zp img {
  border-radius: 50%
}

.s_teacher .swiper-slide {
  cursor: pointer;
}

.s_teacher .swiper-slide:hover .talk::before {
  opacity: 1;
  visibility: visible;
}

.s_teacher .swiper-slide:hover .talk .nr {
  color: #fff;
}



.s_teacher .swiper-slide .talk .nr {
  min-height: 7.35rem;
  overflow: hidden;
  height: 100%;
}

.s_teacher .swiper-slide .zptx h5 {
  /* text-transform: uppercase; */
  color: #060606;
  font-size: 1.5rem;
  margin-bottom: .875rem;
}

.s_teacher .swiper-slide .zptx p {
  color: #616161;
  font-size: 1.125rem;
}

.s_teacher .teach {
  position: relative;

}

.s_teacher .teachable .swiper-pagination-bullet {
  width: 0.6875rem;
  height: 0.6875rem;
  border: 1px solid #050505;
  background: transparent;
  margin: 0 8.5px;
  opacity: 1;
}

.s_teacher .teachable .swiper-pagination-bullet-active {
  background: #4b3182;
  border: 1px solid #4b3182;
  opacity: 1;
}


/* 资料下载 */

.n_download ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.375rem 3.125rem;
}

.n_download ul li a {
  border: 1px solid #e5e5e5;
  padding: 2.875rem 2.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .5s;
  gap: 1.5rem;
}

.n_download ul li a svg {
  flex-shrink: 0;
}

.n_download ul li a h5 {
  color: #202020;
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-bottom: .5rem;
}

.n_download ul li a:hover {
  border: 1px solid #4b3182;
}

.n_download ul li a .dwnum {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.n_download ul li a .dwnum p {
  color: #6b6c6e;
  font-size: .9375rem;
  line-height: 1.875rem;
}

/* 中泰国际（中马国际） */


.gj ul {
  display: flex;
  justify-content: center;
}

.gj ul li {
  margin: 0 .5rem;
}

.gj ul li a {
  font-size: 1.25rem;
  color: #060606;
  width: 13.125rem;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  border-radius: 1.875rem;
  transition: all ease 600ms;
  overflow: hidden;
  border: 1px solid #e1e1e1;
}

.gj ul li.on a {
  color: #fff;
  background: #4b3182;
  border: 1px solid #4b3182;
}

.xueyuangk {
  display: flex;
  justify-content: space-between;
  gap: 7.5rem;
}

.xueyuangk .xyname {
  flex-shrink: 0;
}

.xueyuangk h4 {
  color: #000000;
  font-weight: bold;
  font-size: 2.375rem;
}

.xueyuangk h5 {
  color: #4d4d4d;
  font-size: 1.375rem;
  line-height: 2.1875rem;
  margin: 1rem 0 .375rem;
}

.xueyuangk span strong {
  font-family: PingFang SC, '苹方', '微软雅黑', arial;
}

.xueyuangk span {
  font-family: BarlowCondensed-Medium;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: uppercase;
  color: rgba(123, 138, 160, 0.4);
}

.xueyuangk .ar_article p {
  color: #3d3b3b;
  font-size: 1.125rem;
  line-height: 2.375rem;
}

.ar_article a{color: #174D82;text-decoration:underline; }
					
.ar_article a:hover {
					    color: #a32035; /* 悬停时的颜色 */
					    text-decoration: underline; /* 悬停时添加下划线 */
					}
					 
.xyphone {
  width: 100%;
  position: relative;
  background: url(../image/xyphonebg.jpg) no-repeat;
  background-size: cover;
}

#xyphone .swiper-slide {
  background: #fff;
  padding: 3.75rem 2.5rem;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 22.5rem;
}

#xyphone .swiper-slide p {
  font-size: 1.5rem;
  line-height: 1.75rem;
  color: #000000;
}

#xyphone .swiper-slide h5 {
  font-family: BarlowCondensed-SemiBold;
  color: #4b3182;
  font-size: 1.75rem;
  margin-top: .5rem;
  margin-bottom: 2.25rem;
}

#xyphone .swiper-slide img {
  width: 8.125rem;
  height: 8.125rem;
}

.xyphone .xyjingshen p {
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.25rem;

}

.xyphone .xyjingshen h4 {
  text-transform: uppercase;
  color: rgba(205, 187, 140, 0.75);
  font-size: 1.9375rem;
  line-height: 2.8125rem;
  font-family: BarlowCondensed-Light;
  margin-top: .5rem;
}

/* 文章详情 */

.n_wzxq .m {
  display: grid;
  grid-template-columns: 1fr 24.0625rem;
  gap: 3.125rem;
  align-items: flex-start;
}

.n_wzxq .leftxq {
  padding-right: 3.125rem;
  position: relative;
}

.n_wzxq .leftxq::before {
  content: '';
  position: absolute;
  right: 0;
  height: 60%;
  width: 1px;
  top: 0;
  background: #eeeeee;
}

.n_wzxq .leftxq .ar_title {
  display: flex;
  align-items: center;
  margin-bottom: 2.25rem;
}

.ar_title .time {
  background: #4b3182;
  color: #fff;
  flex-shrink: 0;
  margin-right: 1.875rem;
  width: 5.4375rem;
  height: 6.6875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: BarlowCondensed-Regular;
  color: #eec62d;
  font-size: 1.25rem;
  line-height: 2.25rem;
}

.ar_title .time span {
  font-family: BarlowCondensed-Medium;
  font-size: 2.6875rem;
  color: #fff;
}

.ar_title h3 {
  color: #3e3e3e;
  font-size: 1.875rem;
  line-height: 2.8125rem;
}

.n_wzxq .leftxq .ar_article p {
  color: #3d3b3b;
  font-size: 1.125rem;
  line-height: 2.25rem;
}

.n_wzxq .rightxq {
  position: sticky;
  top: 11rem;
}

.n_wzxq .rightxq h5 {
  color: #393939;
  font-size: 1.625rem;
  line-height: 1.875rem;
  margin-bottom: 1.875rem;
}

.n_wzxq .rightxq ul {
  display: grid;
  gap: 2rem;
}

.n_wzxq .rightxq ul li {
  padding-bottom: 2.1875rem;
  border-bottom: 1px solid #e3dfdf;
}

.n_wzxq .rightxq ul li a {
  display: grid;
  grid-template-columns: 8.875rem 1fr;
  gap: 1.1875rem;
  align-items: center;
}

.n_wzxq .rightxq ul li .img_db::after {
  padding-top: 55%;
}

.n_wzxq .rightxq ul li span {
  color: #6b6c70;
  font-size: .8125rem;
}

.n_wzxq .rightxq ul li p {
  color: #484848;
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin-top: .5rem;
  transition: all .5s;
}

.n_wzxq .rightxq ul li .txts div {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.n_wzxq .rightxq ul li:hover p {
  color: #4b3182;
}


/* 通知公告 */

.n_tzgg .impnew {
  width: 100%;
  position: relative;
  background: url(../image/hotbg.jpg) no-repeat;
  background-size: cover;
}

.n_tzgg .impnew .m {
  display: grid;
  grid-template-columns: .51fr .49fr;
}

.imptu {
  margin-right: 2.8125rem;
  padding: 1.25rem 0 .875rem;
  flex-shrink: 0;
  transition: all .5s;
}

.n_tzgg .impnew .imptucon {
  margin-top: 1.5rem;
}

.n_tzgg .impnew .imptucon .fx {
  align-items: center;
  justify-content: space-between;
}

.n_tzgg .impnew .imptucon .fx span {
  flex-shrink: 0;
}

.imptu .img_db::after {
  padding-top: 53.8%;

}

.n_tzgg .impnew h5 {
  color: #292a2c;
  font-size: 1.375rem;
  line-height: 3rem;
  transition: all .5s;
}

.impcon ul li a:hover h5 {
  color: #4b3182;
}

.n_tzgg .impnew h5 .n_tzgg .impnew span,
.gglist ul li span {
  color: #6b6c70;
  font-size: 13px;
}

.n_tzgg .impnew p {
  color: #636368;
  font-size: 1rem;
  line-height: 1.875rem;
}

.impcon {
  border-left: 1px solid #d2d3d5;
  flex-grow: 1;
}

.impcon ul li {
  border-bottom: 1px solid #d2d3d5;
  padding: 2rem 2.75rem 2.5rem;
  transition: all .5s;
  border-left: 1px solid transparent;
}

.impcon ul li .ckxq {
  color: #4b3182;
}

.ckxq {
  display: flex;
  color: #464646;
  align-items: center;
  padding: 1.625rem 0 0;
  font-size: .875rem;
  line-height: 1.5rem;
}

.ckxq svg {
  transition: all .5s;
  margin-left: 5px;
}

.impconlist h5 {
  margin-top: .5rem;
}

.impcon ul li:hover svg,
.n_video .videolist li:hover svg,
.n_lxxm ul li:hover svg,
.n_national ul li:hover svg {
  transform: rotate(-45deg);
}

.impcon ul li:hover {
  border-left: 1px solid #4b3182;
}

.gglist ul {
  display: grid;
  gap: 2.5rem;
}

.gglist ul li {
  padding-bottom: 2.5rem;
  border-bottom: 1px dashed #e3e3e3;
  transition: all .5s;
}

.gglist ul li h5 {
  color: #313232;
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.gglist ul li p {
  color: #3f3f42;
  font-size: 1rem;
  line-height: 1.6875rem;
}

.gglist ul li span {
  margin: 1rem 0;
  display: block;
}

.gglist ul li:hover {
  border-bottom: 1px solid #4b3182;
}

/* 视频中心 */

.n_video .videolist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5625rem 2.3125rem;
}

.n_video .videolist li,
.n_lxxm ul li {
  border-radius: 0 0 9px 9px;
  overflow: hidden;
}

.n_video .videolist li .videocon {
  background: #f2f4f7;
  padding: 1.875rem 2.25rem;
  height: 10.625rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.n_video .videolist li h5 {
  color: #202020;
  font-size: 1.375rem;
  line-height: 1.875rem;
  height: 3.75rem;
}

.n_video .videolist li .img_db::after,
.n_national ul li .img_db::after {
  padding-top: 57.2%;
}

.videolist li a .img::before {
  width: 3.375rem;
  height: 3.375rem;
}

/* 师资团队 */

.n_laoshi ul ,
.n_xuesheng ul{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3.25rem 3.0625rem;
}

.n_laoshi ul li ,
.n_xuesheng ul li a {
  display: grid;
  grid-template-columns: .44fr .56fr;
  background: #f3f5f9;
  cursor: pointer;
}

.n_laoshi ul li .img ,
.n_xuesheng ul li .img {
  flex-shrink: 0;
}

.n_laoshi ul li .lscon ,
.n_xuesheng ul li .lscon {

  padding: 3rem 3rem 3rem 2.25rem;
}

.n_laoshi ul li .img_db::after ,
.n_xuesheng ul li .img::after {
  padding-top: 98.6%;
}

.n_laoshi ul li .lscon h5  ,
.n_xuesheng ul li .lscon h5{
  color: #000000;
  font-size: 1.75rem;
  line-height: 2.625rem;
}

.n_laoshi ul li .lscon h6 ,
.n_xuesheng ul li .lscon h6 {
  color: #4b3182;
  font-size: 1rem;
  line-height: 1.625rem;
  margin: .5rem 0 1.25rem;
}

.n_laoshi ul li .lscon i ,
.n_xuesheng ul li .lscon i{
  display: block;
  width: 100%;
  height: 1px;
  background: #d4d6d9;
}

.n_laoshi ul li .lscon p ,
.n_xuesheng ul li .lscon p {
  color: #000000;
  font-size: .9375rem;
  line-height: 1.625rem;
  margin-top: 1.25rem;
}

/* 留学项目 */
.n_lxxm ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.6875rem 2.3125rem;

}

.n_lxxm ul li .img_db::after {
  padding-top: 57.2%;
}

.n_lxxm .lxxmcon {
  height: 14.0625rem;
  background: #f2f4f7;
  padding: 2.25rem;
}

.n_lxxm .lxxmcon h5 {
  color: #202020;
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-bottom: .5rem;
}

.n_lxxm .lxxmcon p {
  color: #5c5b5b;
  font-size: 1rem;
  line-height: 1.875rem;
}


/* 留学生详情 */
.n_liuxuexq .xqtit {
  margin-bottom: 1.5rem;
}

.n_liuxuexq .xqtit h1 {
  color: #000000;
  font-size: 2.125rem;
  font-weight: bold;
  line-height: 3.125rem;
}

.n_liuxuexq .xqtit p {
  color: #3a3838;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: .5rem 0 1.5rem;
}

.n_liuxuexq .xqtit i {
  display: block;
  width: 1.375rem;
  height: 3px;
  background: #4b3182;
  margin-left: 3px;
}

.n_liuxuexq .ar_article h5 {
  color: #4b3182;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 3rem;
}


/* 留学测评 */

.n_ceping .shuoming div {
  width: 12.5rem;
  height: 3.5625rem;
  background: #174D82;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.n_ceping .shuoming p {
  color: #060606;
  font-size: 1.125rem;
  line-height: 2.625rem;
}

.n_ceping .shuoming p span {
  color: #ff0000;
}

.n_ceping form .tops,
.n_ceping form .bottoms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.5rem 2.8125rem;margin: 25px 0;
}
.n_ceping form .topss {
  display: grid;
  grid-template-columns: 1fr ;
  gap: 2.5rem 2.8125rem;margin: 25px 0;
}
.n_ceping form .mids {
  margin: 2.5rem 0;
  display: grid;
  gap: 2.5rem;
}
.n_ceping form .topss>div,
.n_ceping form .tops>div,
.n_ceping form .mids>div,
.n_ceping form .bottoms>div {
  border: 1px solid #d9d9d9;
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  gap: 1rem;
  position: relative;
}

.n_ceping form .mids>div {
  padding: 1.25rem;
}

.n_ceping form .tops>div input[type=text],
.n_ceping form .bottoms>div input[type=text] {
  line-height: 4.625rem;
}

.cpname {
  display: flex;
  align-items: center;
  color: #060606;
  font-size: 1.125rem;
  line-height: 2rem;
  flex-shrink: 0;
}

.cpname i {
  color: #ff0000;
  margin-left: 5px;
}

.n_ceping form input[type=text] {
  width: 100%;
  font-size: 1rem;
}
.n_ceping form textarea {
  width: 100%;
  font-size: 1rem;height: 8rem;    background: #fff;
    margin: 14px;
}
}
.n_ceping .danxuan {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}

.n_ceping .danxuan label {
  display: flex;
  align-items: center;
}

.n_ceping .danxuan label input {
  margin-right: .625rem;
  position: relative;
}

.n_ceping .danxuan input[type="radio"] {
  display: none;
}

.custom-radio {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid #c1c1c1;
  border-radius: 50%;
  margin-right: .625rem;
  position: relative;
}

.n_ceping .danxuan input[type="radio"]:checked+.custom-radio::before {
  content: "";
  position: absolute;
  display: flex;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #174D82;
}

.n_ceping form .mids .engsp {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 1.875rem 2.5rem;
}

.contact_right form ul li.gx label {
  color: #060606;
  font-size: 1.125rem;
  line-height: 3rem;
}

.n_ceping form .english {
  padding: 1.75rem 1.25rem !important;
}

.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox+label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-shrink: 0;
}

.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 1.0625rem;
  height: 1.0625rem;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #bfbfbf;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  background: #fff;
  margin-right: 0.75rem;
}

.custom-checkbox:checked+label::before {
  background: url(../image/gou.png)1px 2px no-repeat;
}

.n_ceping form .english input[type=text] {
  border-bottom: 1px solid #cccccc;
  margin-left: 5px;
  padding-left: .5rem;
}

.engsp>div {
  display: flex;
  align-items: flex-end;
}

.n_ceping form .mids .chengji {
  display: flex;
  align-items: center;
  gap: 3.75rem;
  height: 5.375rem;
}

.n_ceping form .mids .chengji .fx {
  align-items: center;
  color: #060606;
  font-size: 1rem;

}

.n_ceping form .mids .chengji .fx p {
  flex-shrink: 0;
  line-height: 3rem;
}

.n_ceping form .mids .chengji input {
  border-bottom: 1px solid #cccccc;
  margin-left: 5px;
  padding-left: .5rem;
}

.select-down {
  display: none !important;
}

.n_ceping form .bottoms .select-button {
  font-size: 1rem;
  color: #060606;
  ;
}

.yzm {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translate(0, -50%);
}

.n_ceping form .bottoms>div:last-child {
  border: none;
  display: flex;
  justify-content: flex-start;
  padding: 0;
}

.n_ceping form .bottoms button {
  width: 14.375rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;line-height: 52px;
}

.n_ceping form .bottoms .sub {
  background: #174D82;
  color: #fff;
}

.n_ceping form .bottoms .reset {
  color: #060606;
  border: 1px solid #d9d9d9;
  background: #fff;
}

/* 联系我们 */
.n_contact ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4375rem 2.8125rem;
}

.n_contact ul li {
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  background: #fafafb;
  padding: 2.25rem 2.25rem 2.875rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.n_contact ul li img {
  width: 6.125rem;
  height: 6.3125rem;
  flex-shrink: 0;
}


.n_contact ul li .icos {
  width: 2.75rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../image/duobian.png)no-repeat;
  background-size: cover;
}

.n_contact ul li h5 {
  color: #000000;
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin: 1.5rem 0 .625rem;
}

.n_contact ul li h4{
  color: #000000;
    font-size: 1.2rem;
    line-height: 1.75rem;
    margin: 0 0 0.625rem;
}

.n_contact ul li p {
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #333333;
}

/* 海外实践 */

.n_hwmove .haiwai {
  position: relative;
}

.n_hwmove .haiwai .weizhi {
  position: absolute;
  width: 100%;
  bottom: 0;
  background: rgba(0, 0, 0, 0.58);
  padding: 1.25rem 2.5rem;
  z-index: 10;
}

.n_hwmove .haiwai #gallery .swiper-slide {
  border-radius: 6px 6px 0 0;

}

.n_hwmove .haiwai #gallery .swiper-slide img {
  display: block;
}

.n_hwmove .haiwai .weizhi .swiper-slide {
  border-radius: 7px;
  overflow: hidden;
  border: 2px solid transparent;
}

.n_hwmove .haiwai .weizhi .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
}

.n_hwmove .haiwai .weizhi .swiper-slide-thumb-active {
  border: 2px solid #f3cf43;
}

.n_hwmove .haiwai .weizhi .prevhw {
  right: auto;
  left: 0;
}

.n_hwmove .haiwai .weizhi .nexthw {
  left: auto;
  right: 0;
}

.n_hwmove .haiwai .weizhi .swiper-button-white {

  height: 4.4375rem;
  width: 1.625rem;
  background: #7543d8;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translate(0, -50%);
  margin-top: 0;
  z-index: 100;

}

.n_hwmove .haiwai .weizhi .swiper-button-disabled {
  opacity: .8 !important;
}


/* 国际交流 */

.n_national ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem 2.25rem;
}

.n_national ul li .guojicon {
  background: #f2f4f7;
  height: 13.375rem;
  padding: 2rem;
}

.n_national ul li .guojicon h5 {
  color: #202020;
  font-size: 1.375rem;
  line-height: 1.875rem;
  height: 3.75rem;
  transition: all .5s;
}

.n_national ul li .guojicon span {
  display: block;
  margin: 1.25rem 0 .5rem;
  color: #6b6c70;
  font-size: .8125rem;
}

.n_national ul li {
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}

.n_national ul li:hover h5 {
  color: #4b3182;
}

/* 短期游学 */
.n_short ul {
  display: grid;
  gap: 2.1875rem;
}

.n_short ul li a {
  padding: 2.1875rem 1.75rem;
  padding-right: 2.5rem;
  display: grid;
  grid-template-columns: 20rem 1fr;
  background: #f2f4f7;
  transition: 0.6s;
  position: relative;
  align-items: center;
  gap: 3.75rem;
}

.n_short ul li .img_db::after {
  padding-top: 56.4%;
}

.n_short ul li a .shcon {
  position: relative;
}

.n_short ul li a .shcon h5 {
  color: #202020;
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
  transition: .6s;
}

.n_short ul li a .shcon p {
  color: #878789;
  font-size: 1rem;
  line-height: 1.875rem;
  transition: .6s;
}

.n_short ul li a:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0;
  transition: .6s;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.n_short ul li a:hover:before {
  width: 100%;
  background: #4b3182;
  left: 0;
}

.n_short ul li a:hover h5 {
  color: #fff;

}

.n_short ul li a:hover p {
  color: rgba(255, 255, 255, 0.4);
}

/* 图册切换 */

.n_short .sixtu {
  margin-top: 6.25rem;
}

.sixtu {
  position: relative;
}

#tuce .swiper-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
}

#tuce .swiper-slide .img_db::after {
  padding-top: 67.6%;
}

#tuce .swiper-slide:nth-child(2n+1) .img:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 3;
}

#tuce .swiper-slide:nth-child(2n+2) .img:nth-child(1) {
  grid-column-start: 1;
  grid-column-end: 3;
}


#tuce .swiper-slide .img:hover img {
  transform: scale(1.05) rotate(0.1deg);
  -webkit-transform: scale(1.05) rotate(0.1deg);
  -moz-transform: scale(1.05) rotate(0.1deg);
  -ms-transform: scale(1.05) rotate(0.1deg);
  -o-transform: scale(1.05) rotate(0.1deg);
}

.sixtu .swiper-button-white {
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #cbcbcb;
  transition: all .6s;
}

.sixtu .swiper-button-white svg path {
  fill: #585858;
  transition: all .6s;
}

.sixtu .swiper-button-white:hover {
  border: 2px solid #4b3182;
}

.sixtu .swiper-button-white:hover svg path {
  fill: #4b3182;
}

.sixtu .incprev {
  left: -8%;
  right: auto;
}

.sixtu .incnext {
  right: -8%;
  left: auto;
}


/* 内页公共 */
body.nye {
  padding-top: 8.3125rem;
}

body.nye #header {
  background: #fff;
}

body.nye #header #nav {
  opacity: 1;
  visibility: visible;
}

body.nye .img01 {
  display: block !important;
}

body.nye .img02 {
  display: none !important;
}

#n_banner {
  width: 100%;
  height: 21.75rem;
  position: relative;
  background-size: cover !important;
}

#n_banner .m {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#n_banner h3 {
  font-size: 2.25rem;
  line-height: 1.5;
  color: #fff;
}

#n_banner p {
  text-transform: uppercase;
  line-height: 1.5;
  font-size: 1.5rem;
  color: #fff;
  font-family: BarlowCondensed-Bold;
}

.zidh {
  border-bottom: 1px solid #eeeeee;
}

.zidh.hui {
  border-bottom: 1px solid #dddfe1;
}

.hui {
  background: #f0f4f7;
}

.zidh a img {
  display: block;
}

.zidh .letitle>a {
  width: 4.0625rem;
  height: 4.0625rem;
  background: #174D82;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zidh ul li {
  width: 15rem;
  text-align: center;
  border: 1px solid #eeeeee;
  border-bottom: none;
}

.zidh ul li+li {
  border-left: none;
}

.zidh.hui ul li {
  border: 1px solid #dddfe1;
  border-bottom: none;
}

.zidh ul li a {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.zidh ul li p {
  line-height: 4rem;
  color: #3b3b3b;
  font-size: 1.0875rem;
}

.zidh ul li a:after {
  left: -1px;
  bottom: 0;
  content: '';
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
  display: block;
  width: 0;
  height: 3px;
  position: absolute;
  z-index: 1;
  background: #013281;
}

.zidh ul li:hover a:after,
.zidh ul li.on a::after {
  opacity: 1;
  visibility: visible;
  width: 101%;
}

.zidh .m {
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
}

.fx {
  display: flex;
}

.online_q {
  position: fixed;
  right: 2rem;
  bottom: 10%;
  z-index: 999;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  border-radius: 2.5rem;
  padding: 1.25rem 0;
  opacity: 0;
  transform: translateY(30px);
  visibility: hidden;
}

.online_q.on {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.online_q .close {
  position: absolute;
  right: -1rem;
  font-size: 1rem;
  color: #969797;
  opacity: 1;
  font-weight: normal;
  cursor: pointer;
}

.online_q .btn2 {
  width: 3.375rem;
  height: 3.375rem;
  margin-bottom: 4px;
  background: #4b3182;
  transition: 0.5s;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}

.online_q .btn-top {
  padding: 0;
  transition: 0.5s;
  overflow: hidden;
}

.online_q .btn2 a {
  font-size: 12px;
  color: #fff;
}

.online_q .btn2 span {
  display: flex;
  float: left;
  color: #fff;
  flex-direction: column;
  font-size: 0.75rem;
  text-align: center;
  width: 3.375rem;
  height: 3.375rem;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
  overflow: hidden;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  overflow: hidden;
  flex-shrink: 0;
}

.online_q .open.pic {
  position: absolute;
  background: #f3cf43;
  border-radius: 3px;
  width: 100px;
  height: 100px;
  right: 60px;
  top: 50%;
  margin-top: -50px;
  text-align: right;
  opacity: 0;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  visibility: hidden;
}

.online_q .open.pic img {
  width: 80px;
  height: 80px;
  margin-top: 10px;
  margin-right: 10px;
}

.online_q .btn2:hover .open.pic {
  opacity: 1;
  right: 60px;
  visibility: visible;
}

.online_q .open.phone {
  position: absolute;
  background: #f3cf43;
  width: 150px;
  height: 3.125rem;
  border-radius: 3px;
  right: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #529de1;
  top: 0;
  transition: 0.6s;
  -webkit-transition: 0.6s;
  opacity: 0;
  visibility: hidden;
}

.online_q .open.phone p {
  color: #4b3182;
  font-family: BarlowCondensed-Regular;
  font-size: 1.5rem;
}

.online_q .btn2:hover .open.phone {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  opacity: 1;
  visibility: visible;
}

.online_q .open.pic:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #f3cf43;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px;
}


.online_q .open.phone:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left: 10px solid #f3cf43;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -10px;
}

.online_q .btn2:hover {
  background: #f3cf43;
}

#gotop {
  background: #f3cf43;
}

#gotop.hide {
  height: 0;
  overflow: hidden;
  display: block !important;
}

.modal,
.modals {



  display: none;



  width: 100%;



  height: 100%;



  position: fixed;



  left: 0;



  top: 0;



  z-index: 10000;



  background-color: rgba(0, 0, 0, 0.7);


  align-items: center;

  justify-content: center;
}




#modal .fx {
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}


.modal-content {

  height: 36.375rem;

  -webkit-animation: zoom 0.6s;



  animation: zoom 0.6s;



  resize: both;



  overflow: auto;


  position: relative;



  display: flex;
  align-items: center;

  justify-content: center;

}



@-webkit-keyframes zoom {



  from {
    -webkit-transform: scale(0)
  }



  to {
    -webkit-transform: scale(1)
  }



}



@keyframes zoom {



  from {
    transform: scale(0)
  }



  to {
    transform: scale(1)
  }



}





.modal .close {

  position: absolute;
  right: 8%;
  top: 2%;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: flex;
  z-index: 99;

}

.close:hover svg path,
.close:focus svg path {

  fill: #4b3182;

}



.modal-body {

  padding: 7.8125rem 4.5rem;

  box-sizing: border-box;

  background: #fff;

  position: relative;

  max-width: 82.625rem;
  width: 100%;

}



.modal .modal-body .modal-con {


  display: grid;


  gap: 3.125rem;

  grid-template-columns: 340px 1fr;


}

.modal-con img {
  display: block;
}

.modal-con h5 {
  color: #000;
  font-size: 2.125rem;
  line-height: 3.125rem;
  padding-top: 3rem;
}

.modal-con .light {
  color: #3a3838;
  font-size: 1.125rem;
  line-height: 3.125rem;
}

.modal .modal-con i {
  display: block;
  width: 22px;
  height: 3px;
  background: #4b3182;
  margin-bottom: 1.5rem;
  margin-top: .5rem;
}

.modal-con p {
  font-size: 1.125rem;
  line-height: 2rem;
  color: #000000;
}


.modals .modal-content {
  height: 34.375rem;
  max-width: 48.375rem;
  width: 100%;
  background: #fff;
  border-radius: 10px;
  resize: none;
}

.modals .modal-body {
  padding: 3rem 3.125rem 3.4375rem;
  height: 100%;
  width: 100%;
}


.modals form ul {
  display: grid;
  gap: 1.25rem;
}

.modals form ul li {
  display: flex;
  align-items: center;
  border: 1px solid #d9d9d9;
}

.modals form ul li input {
  height: 4.5rem;
  width: 100%;
  font-size: 1.125rem;
}

.modals .modal-tit {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3b3b3b;
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

form .tou {
  display: flex;
  align-items: center;
  color: #060606;
  font-size: 1.125rem;
  line-height: 2rem;
  padding-left: 1rem;
  margin-right: 1rem;
  flex-shrink: 0;
}

.modals form ul li i {
  display: block;
  font-size: 1.125rem;
  line-height: 2rem;
  color: #ff0000;
  margin-left: 5px;
}

.modals form ul li .yzmbox {
  width: 100%;
  position: relative;
}

.modals form button {
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.125rem;
  line-height: 2rem;
  background: #4b3182;
  width: 100%;
  height: 4.6875rem;
}

.modals .close {
  position: absolute;
  right: 2%;
  top: 2%;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  display: flex;
  z-index: 99;

}




.icons {
  position: absolute;
  height: 5rem;
  width: 5rem;
  bottom: 5rem;
  z-index: 10;
  left: 50%;
  transform: translate(-50%, 0);
}

.icons svg {
  margin: auto;
  display: block;
  width: 20px;
  height: 20px;
  animation-delay: 0ms;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-name: arrow;
  animation-play-state: running;
  animation-timing-function: linear;
}

@keyframes arrow {
  0% {
    opacity: 0;
    transform: translate3d(0px, 0px, 0px);
  }

  33% {
    opacity: 1;
    transform: translate3d(0px, 5px, 0px);
  }

  66% {
    opacity: 1;
    transform: translate3d(0px, 10px, 0px);
  }

  100% {
    opacity: 0;
    transform: translate3d(0px, 15px, 0px);
  }
}

.animated-arrow-1 {
  animation: arrow-animation 1s linear infinite;
}

.animated-arrow-2 {
  animation: arrow-animation 1s linear infinite 2.5s;
}

		.l-grid {
				display: flex;
				flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				max-width: 100%;
			}

			@media screen and (min-width: 768px),
			print {
				.l-grid {
					margin: 0 0 40px;
				}
			}

			@media screen and (min-width: 1300px) {
				.l-grid {
					padding: 0 20px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid {
					padding: 0 1.75%;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 991px) {
				.l-grid {
					padding: 0 16px;
				}
			}

			@media screen and (max-width: 767px) {
				.l-grid {
					margin: 0 0 30px;
					flex-direction: column;
				}

				.l-grid--keep {
					flex-direction: row;
				}
			}

			@media print {
				.l-grid {
					padding: 0 16px;
				}
			}

			@media screen and (min-width: 768px),
			print {
				.l-grid.h-center {
					justify-content: center;
				}
			}

			@media screen and (min-width: 768px),
			print {
				.l-grid.h-right {
					justify-content: flex-end;
				}
			}

			.l-grid.v-center {
				align-items: center;
			}

			.l-grid .l-grid__col--x1 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid .l-grid__col--x1 {
					padding: 0 20px;
					width: 1248px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid .l-grid__col--x1 {
					padding: 0 1.75%;
					width: 100%;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 991px) {
				.l-grid .l-grid__col--x1 {
					padding: 0 16px;
					width: 100%;
				}
			}

			@media screen and (max-width: 767px) {
				.l-grid .l-grid__col--x1 {
					padding: 0 20px;
					width: 100%;
				}
			}

			@media print {
				.l-grid .l-grid__col--x1 {
					padding: 0 16px;
					width: 100%;
				}
			}

			.l-grid .l-grid__col--x2 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid .l-grid__col--x2 {
					padding: 0 20px;
					width: 624px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid .l-grid__col--x2 {
					padding: 0 1.75%;
					width: 50%;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 991px) {
				.l-grid .l-grid__col--x2 {
					padding: 0 16px;
					width: 50%;
				}
			}

			@media screen and (max-width: 767px) {
				.l-grid .l-grid__col--x2 {
					padding: 0 20px;
					width: 100%;
				}
			}

			@media print {
				.l-grid .l-grid__col--x2 {
					padding: 0 16px;
					width: 50%;
				}
			}

			.l-grid .l-grid__col--x3 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid .l-grid__col--x3 {
					padding: 0 20px;
					width: 416px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid .l-grid__col--x3 {
					padding: 0 1.75%;
					width: 33.3333%;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 991px) {
				.l-grid .l-grid__col--x3 {
					padding: 0 16px;
					width: 33.3333%;
				}
			}

			@media screen and (max-width: 767px) {
				.l-grid .l-grid__col--x3 {
					padding: 0 20px;
					width: 100%;
				}
			}

			@media print {
				.l-grid .l-grid__col--x3 {
					padding: 0 16px;
					width: 33.3333%;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid div>.l-grid__col--x3 {
					width: 100%;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 991px) {
				.l-grid div>.l-grid__col--x3 {
					width: 100%;
				}
			}

			@media print {
				.l-grid div>.l-grid__col--x3 {
					width: 100%;
				}
			}

			.l-grid .l-grid__col--x4 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid .l-grid__col--x4 {
					padding: 0 20px;
					width: 312px;
					max-width: 25%;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid .l-grid__col--x4 {
					padding: 0 1.75%;
					width: 25%;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 991px) {
				.l-grid .l-grid__col--x4 {
					padding: 0 16px;
					width: 50%;
				}
			}

			@media screen and (max-width: 767px) {
				.l-grid .l-grid__col--x4 {
					padding: 0 20px;
					width: 100%;
				}
			}

			@media print {
				.l-grid .l-grid__col--x4 {
					padding: 0 16px;
					width: 50%;
				}
			}

			.l-grid .l-grid__col--x5 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid .l-grid__col--x5 {
					padding: 0 20px;
					width: 312px;
					max-width: 20%;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid .l-grid__col--x5 {
					padding: 0 1.75%;
					width: 20%;
				}
			}

			@media screen and (min-width: 768px) and (max-width: 991px) {
				.l-grid .l-grid__col--x5 {
					padding: 0 16px;
					width: 33%;
				}
			}

			@media screen and (max-width: 767px) {
				.l-grid .l-grid__col--x5 {
					padding: 0 16px;
					width: 100%;
				}

			}

			@media print {
				.l-grid .l-grid__col--x5 {
					padding: 0 16px;
					width: 50%;
				}
			}

			.l-grid.l-grid--in2col {
				padding: 0;
			}

			.l-grid.l-grid--in2col:first-child h2:first-child {
				margin-top: -0.8rem;
			}

			@media screen and (max-width: 767px) {
				.l-grid.l-grid--in2col:first-child h2:first-child {
					margin-top: -0.24rem;
				}
			}

			.l-grid.l-grid--in2col:first-child h3:first-child {
				margin-top: -0.6rem;
			}

			@media screen and (max-width: 767px) {
				.l-grid.l-grid--in2col:first-child h3:first-child {
					margin-top: -0.45rem;
				}
			}

			.l-grid.l-grid--in2col .l-grid__col--x1 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid.l-grid--in2col .l-grid__col--x1 {
					padding: 0 20px;
					width: 906px;
					max-width: 100%;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid.l-grid--in2col .l-grid__col--x1 {
					padding: 0 1.75%;
					width: 69.75%;
				}
			}

			@media print {
				.l-grid.l-grid--in2col .l-grid__col--x1 {
					padding: 0 1.75%;
					width: 100%;
				}
			}

			.l-grid.l-grid--in2col .l-grid__col--x2 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid.l-grid--in2col .l-grid__col--x2 {
					padding: 0 20px;
					width: 453px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid.l-grid--in2col .l-grid__col--x2 {
					padding: 0 1.75%;
					width: 34.875%;
				}
			}

			@media print {
				.l-grid.l-grid--in2col .l-grid__col--x2 {
					padding: 0 1.75%;
					width: 50%;
				}
			}

			.l-grid.l-grid--in2col .l-grid__col--x3 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid.l-grid--in2col .l-grid__col--x3 {
					padding: 0 20px;
					width: 302px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid.l-grid--in2col .l-grid__col--x3 {
					padding: 0 1.75%;
					width: 23.25%;
				}
			}

			@media print {
				.l-grid.l-grid--in2col .l-grid__col--x3 {
					padding: 0 1.75%;
					width: 33.3333%;
				}
			}

			@media screen and (min-width: 1300px) {
				.l-grid.l-grid--in2col .l-grid__col--x3:nth-of-type(3n) {
					margin-right: 302px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid.l-grid--in2col .l-grid__col--x3:nth-of-type(3n) {
					margin-right: 23.25%;
				}
			}

			@media print {
				.l-grid.l-grid--in2col .l-grid__col--x3:nth-of-type(3n) {
					margin-right: 0;
				}
			}

			.l-grid.l-grid--in2col .l-grid__col--x4 {
				flex-shrink: 0;
			}

			@media screen and (min-width: 1300px) {
				.l-grid.l-grid--in2col .l-grid__col--x4 {
					padding: 0 10px;
					width: 224px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid.l-grid--in2col .l-grid__col--x4 {
					padding: 0 0.5%;
					width: 17.1%;
				}
			}

			@media print {
				.l-grid.l-grid--in2col .l-grid__col--x4 {
					padding: 0 1.75%;
					width: 33.3333%;
				}
			}

			@media screen and (min-width: 1300px) {
				.l-grid.l-grid--in2col .l-grid__col--x4:nth-of-type(4n) {
					margin-right: 224px;
				}
			}

			@media screen and (min-width: 992px) and (max-width: 1299px) {
				.l-grid.l-grid--in2col .l-grid__col--x4:nth-of-type(4n) {
					margin-right: 17.1%;
				}
			}

			@media print {
				.l-grid.l-grid--in2col .l-grid__col--x4:nth-of-type(4n) {
					margin-right: 0;
				}
			}

			@media screen and (min-width: 768px),
			print {
				.c-link-contentsA {
					margin-bottom: 40px;
				}
			}

			@media screen and (max-width: 767px) {
				.c-link-contentsA {
					margin-bottom: 32px;
				}

				.c-link-contentsA--col-x2 {
					/*width: 50% !important;*/
					margin-bottom: 20px;
				}

				.c-link-contentsA--col-x2:nth-child(odd) {
					/*padding-right: 9px;*/
				}

				.c-link-contentsA--col-x2:nth-child(even) {
					/*padding-left: 9px;*/
				}
			}

			.c-link-contentsA .c-link-contentsA__link {
				display: block;
				color: #53565A;
				transition: all 0.3s;
			}

			.c-link-contentsA .c-link-contentsA__link:first-child:last-child {
				height: 100%;
			}

			.c-link-contentsA .c-link-contentsA__link:hover {
				opacity: 0.6;
				color: #a32035;
			}

			.c-link-contentsA .c-link-contentsA__link:hover .c-link-contentsA__image {
				transform: scale(1.1);
			}

			.c-link-contentsA .c-link-contentsA__link:hover .c-link-contentsA__content::after {
				animation: cLinkContentsLine 0.3s cubic-bezier(0.33, 1, 0.68, 1);
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__media {
				width: 100%;
				overflow: hidden;
				position: relative;
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__media::after {
				content: "";
				display: block;
				padding-top: 56.117%;
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__image {
				display: block;
				position: absolute;
				width: 100%;
				height: auto;
				left: 0;
				top: 0;
				transition: transform 0.3s;
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__content {
				position: relative;
				padding: 12px 16px 20px;
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__content:first-child:last-child {
				margin-top: -20px;
				min-height: calc(100% + 20px);
			}

			@media screen and (max-width: 767px) {
				.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__content:first-child:last-child {
					margin-top: -10px;
					min-height: auto;
				}
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__content::after {
				display: block;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 2px;
				background-color: #111;
				content: "";
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__content:hover::after {
				background-color: #a32035;
				/* 鼠标经过时变成红色 */
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__title {
				font-weight: bold;
				padding-right: 24px;
				background: url(../icon_arrow_black.svg) no-repeat right 0 top 50%/17px;
			}

			.c-link-contentsA .c-link-contentsA__link[target=] .c-link-contentsA__title {
				background-image: url(static/icon.svg);
			}

			.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__meta {
				margin-top: 5px;
				padding-right: 24px;
				font-size: 1.4rem;
			}

			@media screen and (max-width: 767px) {
				.c-link-contentsA .c-link-contentsA__link .c-link-contentsA__meta {
					font-size: 1.3rem;
				}
			}

			.c-link-contentsA .c-link-contentsA__sublink {
				display: block;
				position: relative;
				padding: 16px 16px 17px;
				color: #53565A;
				transition: all 0.3s;
			}

			.c-link-contentsA .c-link-contentsA__sublink::after {
				display: block;
				position: absolute;
				left: 0;
				bottom: 0;
				width: 100%;
				height: 1px;
				background-color: #EBEBE8;
				content: "";
			}

			.c-link-contentsA .c-link-contentsA__sublink:hover {
				opacity: 0.6;
				color: #a32035;
			}

			.c-link-contentsA .c-link-contentsA__sublink:hover::after {
				animation: cLinkContentsLine 0.3s cubic-bezier(0.33, 1, 0.68, 1);
			}

			.c-link-contentsA .c-link-contentsA__sublink .c-link-contentsA__text {
				padding-right: 24px;
				background: url(static/icon_arrow_black.svg) no-repeat right 0 top 50%/17px;
			}

			@media screen and (min-width: 768px),
			print {
				.c-link-contentsA .c-link-contentsA__sublink .c-link-contentsA__text {
					font-size: 1.4rem;
				}
			}

			@media screen and (max-width: 767px) {
				.c-link-contentsA .c-link-contentsA__sublink .c-link-contentsA__text {
					font-size: 1.3rem;
				}
			}

			@keyframes cLinkContentsLine {
				0% {
					width: 0;
				}

				100% {
					width: 100%;
				}
			}

			@keyframes cLinkContentsArrow {
				0% {
					background-position: right 24px top 50%;
				}

				100% {
					background-position: right 0 top 50%;
				}
			}

			.index05 {
				margin-top: 55px;
			}

			.title {
				font-size: 32px;
				color: #006949;
				font-weight: bold;
				line-height: 42px;
				letter-spacing: 3px;
				margin-bottom: 40px;
				text-align: center;
			}

			.index05 .top p {
				font-size: 17px;
				color: #222;
				margin-bottom: 60px;
				text-align: center;
			}

			.index05 .top h3 {
				color: #222;
				margin-bottom: 5px;
				text-align: center;
			}

			.index05 .top span {
				font-size: 20px;
				color: #174D82;;
				display: block;
				margin-bottom: 25px;
				margin-top: 25px;
				text-transform: uppercase;
				text-align: center;
				font-weight: 600;
			}

			.c-link-contentsA:hover .c-link-contentsA__title {
				color: #a32035;
			}
			
			
			
			.moreT{ position: relative; z-index:1; -webkit-transition: all .5s; transition: all .5s; background: #174D82; color: #fff; text-align: center; border-radius: 1.75rem; line-height: 3.4375rem; width: 12.8125rem; height: 3.4375rem; display: block; text-transform: uppercase; overflow: hidden;  margin: 0 auto; margin-top: 1rem; font-size: 1rem;margin-bottom: 2rem;}
			.moreT:before { content: ""; display:block; width:0; height: 100%; background:#a32035; position: absolute; z-index:-1; right: 0; top: 0;
			    -webkit-transition: .38s cubic-bezier(.4,0,.2,1); transition: .38s cubic-bezier(.4,0,.2,1); }
			.moreT:hover:before { width:100%; right:auto; left:0;}
			
			@media (max-width: 1100px){		.moreT{ width:10rem;}}
			
			
			
			
			
			 .pagination {
			                    width: 100%;
			                    text-align: center;
			                    margin-top: 35px;
			                   padding-bottom: 50px;
			                }
			 
			                    .pagination a, .pagination p, .pagination span {
			                        display: inline-block;
			                        margin-right: 5px;
			                        padding: 5px 10px;
			                        background: #fff;
			                        text-decoration: none;
			                        color: #666666;
			                        font-size: 12px;
			                    }
			 
			                        .pagination a:hover, .pagination span:hover {
			                            color: #b02426;
			                            background: white;
			                        }
			 
			                        .pagination a.current, .pagination span.current {
			                            background: #b02426;
			                            color: #fff;
			                        }
			 
			                        .pagination p.pageRemark {
			                            display: none;
			                            border-style: none;
			                            background: none;
			                            margin-right: 0px;
			                            padding: 4px 0px;
			                            color: #666;
			                        }
			 
			                            .pagination p.pageRemark b {
			                                color: red;
			                            }
			 
			                        .pagination p.pageEllipsis {
			                            border-style: none;
			                            background: none;
			                            padding: 4px 0px;
			                            color: #808080;
			                        }