@charset "utf-8";

/* CSS Document */

/*===========================header=============================*/

#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;

  background:#000; background-color: rgba(0,0,0,0.5); filter: Alpha(opacity=50);

}

#header>.m {

  display: flex;

  height: 100%;

  max-width: 1600px;

  /*! padding-left: 6.25rem; */

  /*! padding-right: 0; */

  justify-content: space-between;

  align-items: center;

  position: static;

  padding: 0;

}

#header .fr {

  display: flex;

  justify-content: space-between;

  flex-grow: 1;

  max-width: 86.25rem;

}

#logo {

  flex-shrink: 0;

  margin-right: 4rem;

}

#logo a {

  display: flex;

  height: 100%;

  align-items: center;

}

#logo img {

  width: 151px;

  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 {

  position: relative;

  z-index: 0;

  text-align: center;

  font-size: 0;

}

#nav ul li>a {

  display: block;

  font-size: 18px;

  font-weight: bold;

  color: #fff;

  line-height: 5.625rem;

  overflow: hidden;

  text-align: center;

  position: relative;

  z-index: 1;

  display: inline-block;

}

#nav ul li>a:before {

  content: "";

  width: 11px;

  height: 11px;

  position: absolute;

  bottom: 0;

  left: 50%;

  opacity: 0;

  background: url(../images/nav_star.png) center no-repeat;

  background-size: contain;

  transform: translateX(-50%);

  transition: 0.3s ease-in-out;

  transform-origin: center;

}

#nav ul li>a:before {

  content: "";

  width: 100%;

  height: 4px;

  position: absolute;

  bottom: 21px;

  left: 50%;

  opacity: 0;

  background: #00af52;

  transform: translateX(-50%);

  transition: 0.3s ease-in-out;

  transform-origin: center;

}

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

#nav ul li.on>a:before,

#nav ul li:hover>a:before {

  opacity: 1;

}

/* #nav ul li>a:after{content: ""; width: 100%; height: 0; position: absolute;bottom: 0;left: 0; opacity: 0; background: #00af52; z-index: -1;

 transition: 0.3s ease-in-out;  transform-origin: center;} */

#nav li .sub {

  position: absolute;

  min-width: 12.5rem;

  padding-top: .5rem;

  left: 50%;

  top: 100%;

  z-index: 999;

  transform-origin: 0 0 0;

  transform: translateY(10px) 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;

}

#nav li .sub .box {

  padding: 0;

  text-align: center;

  background: #fff;

  border-radius: 1rem;

  min-width: 100%;

  width: auto;

}

#nav li .sub a {

  padding: 0 1rem 0 1.5rem;

  transition: .3s;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 1rem;

  font-size: 1rem;

  color: #969696;

  line-height: 2.375rem;

  white-space: nowrap;

}

#nav li .sub a:hover,

#nav li .sub dd>a:hover {

  color: #00af52;

}

#nav li .sub i {

  transition: 0s;

  font-size: 1.5rem;

}

#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 dl dl {

  min-width: 12.5rem;

  position: absolute;

  left: 100%;

  margin-left: 2px;

  background: #fff;

  border-radius: 1rem;

  padding: 1rem 0;

  transform: translateY(-2.375rem);

  opacity: 0;

  visibility: hidden;

}

#nav li .sub .box>dl {

  position: relative;

  left: 0;

  padding: 1rem 0;

  min-width: 12.5rem;

}

#nav li .sub dl dd:hover>dl {

  opacity: 1;

  visibility: visible;

}

.top_menu_box {

  display: flex;

  margin-left: 3rem;

}

.top_menu_box .top_menu {

  display: flex;

  align-items: center;

  position: relative;

  z-index: 1;

}

.btn_language {

  display: flex;

  align-items: center;

  transition: .5s;

  justify-content: center;

  width: 7.625rem;

  height: 100%;

}

.btn_language a {

  display: flex;

  align-items: center;

}

.top_menu_box .top_menu svg {

  width: 1.25rem;

  height: 1.25rem;

}

.top_menu_box .top_menu.btn_language svg path {

  fill: #fff;

}

.top_menu_box .top_menu svg:nth-child(3) {

  width: .625rem;

  height: .625rem;

}

.top_menu_box .top_menu span {

  margin-left: .75rem;

  margin-right: .75rem;

  font-size: .875rem;

  color: #fff;

  transition: .5s;

}

.top_menu_box .btn_search i {

  font-size: 1.25rem;

}

.top_menu_box .top_menu.on svg path {

  fill: #fff;

}

.language_sub {

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: rgba(255, 255, 255, 1);

  border: 1px solid #eee;

  border-radius: 0;

  opacity: 0;

  visibility: hidden;

  transition: .5s;

  transform-origin: top;

  transform: scaleY(0);

}

.top_menu_box .top_menu:hover .language_sub {

  opacity: 1;

  visibility: visible;

  transform: scaleY(1);

}

.language_sub a {

  display: block;

  text-align: left;

  justify-content: flex-start !important;

  padding: 1rem 2rem;

  text-transform: uppercase;

  padding-left: 23%;

  font-size: .9375rem;

  color: #666;

  position: relative;

  z-index: 1;

  transition: .5s;

}

.language_sub a:before {

  content: "";

  display: block;

  width: 100%;

  height: 1px;

  background: #eee;

  position: absolute;

  left: 0;

  top: 0;

  transition: .5s;

}

.language_sub a:after {

  content: "";

  display: block;

  width: 3px;

  height: 0;

  background: #00af52;

  position: absolute;

  left: 0;

  bottom: 0;

  transition: .5s;

}

.language_sub a.on:after {

  height: 100%;

}

.language_sub a:hover:after {

  height: 100%;

  top: 0;

  bottom: auto;

}

#header.xg {

  background: rgb(0, 0, 0, .8);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}

#header.xg #nav ul li>a {

  color: #fff;

}

/* #header.xg #nav ul li.on>a:after{ opacity: 1; height: 100%; top: 0; bottom: auto; } */

#header.xg #nav ul li>a:before {

  background: #00af52;

}

#header.xg #logo .img01 {

  display: block;

}

#header.xg #logo .img02 {

  display: none;

}

#header.xg .btn_language {

  background: #00af52;

}

#header.xg #nav ul li.on>a {

  color: #fff !important;

}

#header.xg #nav ul li:hover>a {

  color: #fff;

}

#header.xg .top_menu_box .btn_search i {

  color: #333;

}

.n_index {

  padding-top: 5.625rem;

}

.n_index #header {

  background: rgba(255, 255, 255, 1);

}

.n_index #header {

  background: rgba(255, 255, 255, 1);

  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

}

.n_index #header #nav ul li>a {

  color: #333;

}

.n_index #header #nav ul li>a:before {

  background: #00af52;

}

/* .n_index #header #nav ul li.on>a:after{ opacity: 1; height: 100%; top: 0; bottom: auto; } */

.n_index #header #logo .img01 {

  display: block;

}

.n_index #header #logo .img02 {

  display: none;

}

.n_index #header .btn_language {

  background: #00af52;

}

.n_index #header #nav ul li.on>a {

  color: #00af52 !important;

}

/* .n_index #header #nav ul li:hover>a {color: #00af52 !important;}  */

.n_index #header .top_menu_box .btn_search i {

  color: #333;

}

/*手机导航开始*/

#m_header {

  display: none;

  height: 4.5rem;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 996;

  transition: .5s;

  background: #fff;

  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

  background:#000; background-color: rgba(0,0,0,0.7); filter: Alpha(opacity=70);

}

#m_header .m {

  position: relative;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

#m_header #m_logo img {

  height: 42px;

  max-width: 220px;

  object-fit: contain;

}

#m_header .top_menu_box {

  display: flex;

  margin-right: 4rem;

}

#m_header .top_menu_box .btn_search i {

  color: #333;

}

#m_header .top_menu_box .top_menu span {

  color: #333;

}

#m_header .top_menu_box .top_menu.btn_language svg path {

  fill: #333;

}

.m_nav_list {

  /* flex-direction:column; */

  /* justify-content: flex-start; */

  width: 100%;

  /* overflow: auto; */

}

.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;

}

/*搜索*/

.top_search {

  display: flex;

  justify-content: center;

  margin-top: 1rem;

  margin-bottom: 1rem;

  opacity: 0;

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

  transform: translateY(30px);

}

#m_nav.act .top_search {

  opacity: 1;

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

  transform: translateY(0);

}

.top_search form {

  width: 304px;

  height: 46px;

  background: none;

  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: none;

  border: 0;

  flex-grow: 1;

  color: #fff;

  padding-left: 20px;

}

.top_search form .button {

  width: 46px;

  height: 100%;

  cursor: pointer;

  background: url(../fonts/search-btn.svg) center no-repeat;

  background-size: 23px !important;

  border: 0;

  outline: 0;

  color: #fff;

}

.top_search form .button:active {

  background: url(../fonts/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: #ffffff;

  background-size: cover;

  width: 100%;

  height: 100vh;

  right: 0;

  top: 0;

  display: none;

  padding: 50px 0;

  overflow: hidden;

  pointer-events: none;

  transition: all 0.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 0.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 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);

}

#m_nav li .a {

  flex-grow: 1;

}

#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(../fonts/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: none;

  border: 0;

  clear: both;

  padding-bottom: 1rem;

}

#m_nav .title .list span {

  background: none;

}

#m_nav .title .list span a:hover {

  color: #00af52;

}

#m_nav .title .list a {

  display: block;

  font-size: 1rem;

  color: #666;

  text-align: left;

  line-height: 2.5rem;

  border: 0;

  transition: all 0.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: none;

  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 0.5s .6s cubic-bezier(0.445, 0.145, 0.355, 1);

  opacity: 1;

}

#m_nav.act .list a {

  transform: translateY(0);

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

  opacity: 1;

}

/*====移动端导航====*/

#m_n_nav {

  display: none;

  line-height: 50px;

  position: relative;

  z-index: 9;

  width: 100%;

  background: #00af52;

}

#n_n_title {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

#bnt_back {}

#bnt_back svg {

  vertical-align: middle;

  width: 26px;

  height: 26px;

}

#bnt_back svg path {

  fill: #fff;

}

#m_n_nav i {}

#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: #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 #00af52;

  height: 30px;

  line-height: 30px;

  font-size: 14px;

  padding-left: 10px;

  color: #535455;

}

#sub_nav_content ul li.on a {

  color: #00af52;

}

#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 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: #00af52;

  border-top: 1px solid #fff;

}

#sub_nav_content dt.title_on a i {

  color: #00af52;

}

#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: #00af52;

}





















































#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: #00af52;

}

/*首页banner*/

#banner {

  position: relative;

  z-index: 0;

}

#banner .img {

  height: 100vh;

}

#banner .img img {

  transform: none !important;

}

#banner .swiper-slide {

  overflow: hidden;

}

#banner .img:after {

  padding-top: 50%;

}

#banner .mask {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

#banner .txt {

  color: #fff;

  height: 100%;

  display: flex;

  flex-direction: column;

  /*! text-align: center; */

  align-items: left;

  justify-content: center;

  max-width:680px;

  width:100%;

  /*! margin:auto; */

  float: right;

  /*! box-sizing: border-box; */

}

#banner .txt>* {

  opacity: 0;

}

#banner .txt h3 {

  font-size: 58px;

  color: #fff;

  /*! font-family: Alibaba-PuHuiTi-Heavy; */

  margin: 4% 0 0;

  font-weight: bold;

}

#banner .txt h3 span {

  color: #fff;

  font-size: 14px;

  display:inline-block; margin-top:5%

}

#banner .txt p {

  font-size: 27px;

  line-height: 31px;

  position:relative;

  padding-top:5%

  /*! margin-bottom: 13%; */

}

#banner .txt p::before{ content:""; background:url(../images/sy-3.png) no-repeat center top; width:675px; height:172px; position:absolute; left:0; top:0; width: 100%;background-size: 100%;}

#banner .txt p,#banner .txt h3,#banner .txt .btnbox{ padding-left:12%; padding-right:12%}

#banner .txt .btnbox {

  display: flex;

  margin-top:7%

  /*! gap: .9375rem; */

}

#banner .swiper-button-prev {

  opacity: .8;

  left: 4%;

  position: absolute;

}

#banner .swiper-button-next {

  opacity: .8;

  right: 4%;

  position: absolute;

}

#banner .swiper-slide.swiper-slide-active .txt h3 ,

#banner .slick-active .txt h3  {

  animation: enter 1.2s forwards .1s;

}

#banner .swiper-slide.swiper-slide-active .txt p ,

#banner .slick-active .txt p {

  animation: enter 1.2s forwards .2s;

}

#banner .swiper-slide.swiper-slide-active .txt .btnbox ,

#banner .slick-active .txt .btnbox {

  animation: enter 1.2s forwards .3s;

}

#banner .swiper-button-next .icon,

#banner .swiper-button-prev .icon {

  width: 50%;

}

.btn_liaojie {

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  width: 163px;

  height: 50px;

  gap: 0.5rem;

  border-radius: 28px;

  font-size: 18px;

  background: #fff;

  color: #fff;

  background: linear-gradient(to right, #1d73c3, #56adb5);

}

.btn_liaojie:hover{ color:#fff}

.btn_liaojie i {

  font-weight: bold;

  font-size: .875rem;

  transition: .5s;

}

.btn_liaojie:hover i {

  transform: translateX(10px);

}

#banner .arr {

  display: flex;

  align-items: center;

  justify-content: center;

}

#banner .arr span {

  color: #fff;

  font-size: 1.25rem;

}

@-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);

  }

}

.btn_border {

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  width: 150px;

  height: 50px;

  transition: .5s;



  gap: 1rem;



  border-radius: 30px;

  font-size: 20px;

  /*! border: 2px solid #fff; */

  color: #fff;

  margin-top:6%

}

.btn_border i {

  font-weight: bold;

  font-size: .875rem;

  transition: 0s;

}

#n_main {}

.search_btn {

  display: flex;

  align-items: center;

  color: #fff;

  cursor: pointer;

}

.search_btn i {

  font-size: 1.5rem;

}

.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;

}

.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-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 {

  position: absolute;

  left: 0;

  top: 30%;

  transform: translateY(-50%);

  width: 100%;

  z-index: 2

}

.search-dialog .search-inner {

  overflow: hidden;

  margin-top: 0

}

.search-dialog .search-input {

  overflow: hidden;

  display: flex;

  width: 50rem;

  margin: 0 auto;

  padding: 0 0 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;

  flex-grow: 1;

  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 .submit,

.search-dialog .search-input .clear-btn {

  height: 4.5rem;

  width: 3.5rem

}

.search-dialog .search-input .submit {

  background-color: transparent;

  background-repeat: no-repeat;

  background-position: center;

  background:url(../images/sy-2.png) no-repeat center

}

.search-tit {

  text-align: center;

  color: #fff;

  font-size: 1.5rem;

  line-height: 1.5;

  margin-bottom: 2rem;

}

.search-dialog-box.on {

  opacity: 1;

  visibility: visible

}

.search-dialog-box.on .search-bg {

  height: 100vh

}

.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: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)

  }

}

.pub-close {

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

}

.search-dialog-box:before {

  background-image: -moz-linear-gradient(270deg, #084f9b 20%, transparent 100%);

  background-image: -webkit-linear-gradient(270deg, #55abb5 20%, transparent 100%);

  background-image: -ms-linear-gradient(270deg, #084f9b 20%, transparent 100%);

}

.s_liaojie {

  width: 100%;

  overflow: hidden;

  background: url(../images/s_liaojie_bg.jpg) left bottom no-repeat;

}

.s_liaojie .m {

  display: flex;

  gap: 13.75rem;

}

.s_liaojie .left {

  flex-shrink: 0;

}



.s_liaojie .left h2 {

  font-size: 1.875rem;

  color: #3e3b38;

  font-weight: bold;

}

.s_liaojie .left h3 {

  font-size: 3rem;

  line-height: 4rem;

  color: #00af52;

  font-weight: 900;

  margin: 1.75rem 0 2.5rem;

}

.btn_liaojie2 {

  display: flex;

  align-items: center;

  gap: 1.125rem;

  color: #353434;

  font-size: 1rem;

  font-weight: bold;

}

.btn_liaojie2 span {

  width: 4.1875rem;

  height: 4.1875rem;

  border-radius: 50%;

  color: #fff;

  background: #00af52;

  display: flex;

  align-items: center;

  justify-content: center;

}

.btn_liaojie2 span i {}

.btn_liaojie2:hover span i {}

.s_liaojie .right {}

.s_liaojie .right .txt {

  font-size: 1.125rem;

  color: #414141;

  line-height: 2.25rem;

  margin-bottom: 3rem;

}

.s_liaojie .right .img {

  width: 100%;

}

.s_about {

  background: url(../images/s_about_bg.jpg) center no-repeat;

  background-size: cover;

}

.s_about .m {

  display: flex;

  gap: 10rem;

  align-items: center;

}

.s_about .left {}

.s_about .right {

  width: 33rem;

  max-width: 100%;

  flex-shrink: 0;

}

.s_about .right ul {}

.s_about .right ul li {}

.s_about .tt {

  margin-bottom: 1.875rem;

}

.s_about .tt h4 {

  font-size: 1.125rem;

  margin-bottom: 1.25rem;

  color: #000000;

  font-family: bahnschrift;

  font-weight: bold;

  text-transform: uppercase;

}

.s_about .tt h4 span {

  color: #00af52;

}

.s_about .tt h2 {

  font-size: 2.875rem;

  color: #212121;

  font-weight: bold;

}

.s_about .con {

  font-size: 1.125rem;

  line-height: 2.25rem;

  color: #414141;

  margin-bottom: 3.375rem;

}

.btn_liaojie3 {

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  width: 14.0625rem;

  height: 3.125rem;

  gap: 1rem;

  border-radius: 1.5rem;

  font-size: 1.125rem;

  background: #00af52;

  color: #fff;

}

.btn_liaojie3 i {

  font-weight: bold;

  font-size: .875rem;

  transition: .5s;

}

.btn_liaojie3:hover i {

  transform: translateX(10px);

}

.s_shuzi {}

.s_shuzi ul {

  display: grid;

  gap: 2rem 1rem;

}

.s_shuzi ul li {}

.s_shuzi ul li div {

  display: flex;

  align-items: flex-start;

}

.s_shuzi ul li div span {

  color: #00af52;

  font-size: 5rem;

  font-family: bahnschrift;

  font-weight: bold;

}

.s_shuzi ul li div i {

  font-size: 1.125rem;

  color: #00af52;

}

.s_shuzi ul li p {

  line-height: 1.5;

  font-size: 1.0625rem;

  color: #605e5e;

}

.s_shuzi ul li:nth-child(even) {

  justify-self: flex-end;

}

.s_tt {

  margin-bottom: 4.375rem;

}

.s_tt h2 {

  font-size:40px;

  color: #333;

  font-weight: bold;

overflow:hidden; background:url(../images/sy-7.png) no-repeat left bottom; padding-bottom:10px}

.s_tt h2 a{ float:right; font-size:20px;margin-top: 10px;}

.s_tt p {

  font-size: 1.125rem;

  color: #9fa0a2;

  margin-top: 1.25rem;

}

.s_buju {

  width: 100%;

  overflow: hidden;

}

.s_buju .outbox {

  display: flex;

  justify-content: space-between;

  position: relative;

  align-items: center;

}

.s_buju .left {

  width: 28.75rem;

  flex-shrink: 0;

}

.s_buju .hd {}

.s_buju .hd ul {

  display: grid;

  grid-template-columns: 1fr 1fr;

  gap: 4rem 2rem;

}

.s_buju .hd ul li {

  display: flex;

  align-items: center;

  gap: 1.25rem;

  cursor: pointer;

}

.s_buju .hd ul li .ico {

  width: 2.625rem;

  height: 2.625rem;

  border-radius: 50%;

  border: 1px solid #d8d8d8;

  display: flex;

  align-items: center;

  justify-content: center;

}

.s_buju .hd ul li .ico i {



  font-size: 1.25rem;

  color: #9b9b9b;

}

.s_buju .hd ul li span {

  font-size: .8125rem;

  color: #666666;

}

.s_buju .hd ul li h3 {

  font-size: 1.25rem;

  color: #212121;

  margin-top: .625rem;

}

.s_buju .hd ul li .line {

  display: block;

  width: 1px;

  height: 3.5625rem;

  background: #cbcbcb;

}

.s_buju .hd ul li.on .ico {

  border: 1px solid #00af52;

}

.s_buju .hd ul li.on .ico i {

  color: #00af52;

}

.s_buju .hd ul li.on span {

  color: #00af52;

}

.s_buju .hd ul li.on h3 {

  color: #00af52;

}

.s_buju .right {

  width: 23.125rem;

  position: relative;

  z-index: 1;

}

.s_buju .right .box {

  padding: .9375rem;

  background: #00af52;

  border-radius: .625rem;

}

.s_buju .right .img {}

.s_buju .right .img:after {

  padding-top: 48.529%;

}

.s_buju .right .txt {

  padding: 1.875rem .625rem;

  height: 16.75rem;

}

.s_buju .right .txt h4 {

  font-size: 1.3125rem;

  color: #fff;

  line-height: 1.5;

  margin-bottom: 1.375rem;

}

.s_buju .right .txt .con {

  font-size: .9375rem;

  line-height: 1.625rem;

  color: #fff;

  height: 9.75rem;

  overflow: auto;

}

.s_buju .center {

  position: absolute;

  left: 29rem;

  width: 80.8125rem;

  top: 0;

}

.s_news .s_hd .s_tt{ width:100%;} 

.s_news .bd {

  /*! display: flex; */

  /*! flex-direction: row-reverse; */

  overflow: hidden;

}

.s_news .bd .left {

  /*! flex-grow: 1; */

  float: right;

  width: 50%;

}

.s_news .bd .right {

  width: 46%;

  /*! max-width: 100%; */

  /*! flex-shrink: 0; */

  float: left;

}

.s_news .bd .line {

  width: 2px;

  height: auto;

  background: #eee;

  margin: 0 2.875rem;

}

.s_news01 {}

.s_news01 ul {}

.s_news01 ul li {

  padding: 5px 0 5px 5%;

  background: #f5f5f5;

  margin-bottom: 4%;

}

.s_news01 ul li+li {

  /*! border-top: 1px solid #ddd; */

}

.s_news01 ul li .box {

  display: flex;

  gap: 3.25rem;

  align-items: center;

}

.s_news01 ul li .img {

  width: 15.063rem;

  height: 15.8rem;

  flex-shrink: 0;

  /*! border-radius: .9375rem; */

}

.s_news01 ul li .img:after {}

.s_news01 ul li .txt {}

.s_news01 ul li .txt h4 {

  font-size: 24px;

  color: #313131;

  font-weight: bold;

  /*! margin-bottom: 3%; */

  transition: .3s;

}

.s_news01 ul li .txt p {

  font-size: 18px;

  line-height: 24px;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;



  color: #616161;

  margin-top: 5%;

}

.s_news01 ul li .txt span {

  font-size: 18px;

  color: #616161;

  display: block;

  margin-top:10%;

}

.s_news01 ul li .txt span img{ vertical-align:middle; margin-right:10px}

.s_news01 ul li:last-child { margin-bottom:0}

.s_news01 ul li .box h4:hover,.s_news01 ul li .box .txt span:hover {

  color: #00af52;

}

.s_news02 {}

.s_news02 .box {

  display: block;

  height: 100%;

  /*! background: #f1f4f6; */

  /*! border-radius: .9375rem; */

  overflow: hidden;

}

.s_news02 .img {

  height: 448px;

}

.s_news02 .txt {

  padding: 7% 0 0;

}

.s_news02 .txt h4 {

  font-size: 30px;

  line-height: 30px;

  font-weight: bold;

  color: #313131;

  transition: .5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

}

.s_news02 .txt p {

  font-size: 18px;

  line-height: 26px;

  color: #616161;

  margin-top: 2%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;

}

.s_news02 .txt span {

  font-size: 16px;

  color: #616161;

  /*! line-height: 1.375rem; */

  margin-top: 8%;

  display: block;

}

.s_news02 .txt span img{ vertical-align:middle; margin-right:10px}

.s_news02 .box:hover .img img {

  transform: scale(1.05);

}

.s_news02 .box:hover .txt h4 {

  color: #00af52;

}

.s_hd {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin:6% 0 3%;

}

.s_hd .s_tt {

  margin-bottom: 0;

  text-align: left;

  width:100%

}

.s_hd .btn_liaojie3 {

  width: 11.25rem;

}

.he_ZoomInImg{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}

.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg:hover .he_ZoomInImg_img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

@-webkit-keyframes hover {

  50% {

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px);

  }

  100% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px);

  }

}

@keyframes hover {

  50% {

    -webkit-transform: translateY(-3px);

    transform: translateY(-3px);

  }

  100% {

    -webkit-transform: translateY(-6px);

    transform: translateY(-6px);

  }

}

.hover {

  -webkit-transition-duration: 0.5s;

  transition-duration: 0.5s;

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

}

.hover:hover, .hover:focus, .hover:active {

  -webkit-transform: translateY(-6px);

  transform: translateY(-6px);

  -webkit-animation-name: hover;

  animation-name: hover;

  -webkit-animation-duration: 1.5s;

  animation-duration: 1.5s;

  -webkit-animation-delay: 0.3s;

  animation-delay: 0.3s;

  -webkit-animation-timing-function: linear;

  animation-timing-function: linear;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-direction: alternate;

  animation-direction: alternate;

}

.s_lianxi {

  width: 100%;

  background:url(../images/sy-31.jpg) center no-repeat;

  overflow: hidden;

  background-attachment: fixed;

  background-size: cover;

  padding-top:6%

}

.s_lianxi .s_hd{ display:block;} 

.s_lianxi .s_tt h2{color: #fff;}

.s_lianxi .tt {

  color: #fff;

}

.s_lianxi .tt1 h2{ font-size:36px; line-height:48px; background:url(../images/sy-28.png) no-repeat left top; padding-top:10px; color:#fff;font-family: 'SourceHanSansCN-bold';}

.s_lianxi .tt{ margin-top:4%}

.s_lianxi .tt h3 {

  font-size: 24px;

  /*! font-weight: bold; */

  line-height: 35px;

}

.s_lianxi .tt h4 {

  line-height: 1.7;

  font-size: 3.25rem;

  line-height: 4rem;

  margin-bottom: 4rem;

}

.s_lianxi .tt2{ overflow:hidden; margin:6% 11% 0; background:url(../images/sy-30.png) no-repeat center left;}

.s_lianxi .tt2 dl{ float:left; width:33.333%; background:url(../images/sy-30.png) no-repeat center right; padding:3% 7%; overflow:hidden}

.s_lianxi .tt2 dl dt{ float:left; width:37%;}

.s_lianxi .tt2 dl dt img{ width:100%}

.s_lianxi .tt2 dl dd{ float:right; width:53%; font-size:18px; color:#fff;padding-top: 7px;}

.s_lianxi .tt2 dl dd strong{ font-size:30px; display:block;margin-top: 5px;}

.s_lianxi .tt2 dl dd strong span{ font-size:48px; vertical-align:text-top}

.s_lianxi .tt2 dl:nth-child(3) dd strong{ font-size:18px;}



.btn_liaojie3.whiteborder {

  background: none;

  border: 1px solid rgba(255, 255, 255, 0.6);

}

.s_lianxi .bd {

  position: relative;

  width: 65%;

}

.s_lianxi .btn_border {

	background:#fff;

	/*! border:#fff 2px solid; */

	color:#0f68a3;

}

#foot {

	background:#2e2e30;

	padding-bottom: 4%;

	}

#foot .box1 .left,

#foot .box1 .right {

  padding: 5rem 0 3rem;

}

#foot .box1 {

  display: flex;

  gap: 5.5rem;

}

#foot .box1 .line {

  display: block;

  width: 1px;

  background: #e2e2e2;

}

#foot .box1 .left {

  flex-shrink: 0;

}

#foot .box1 .left .innerbox {

  width: 22rem;

  max-width: 100%;

}

#foot .box1 .left .m {

  padding-right: 0 !important;

}

#foot .box1 .right {

  flex-grow: 1;

}

#foot .box1 .right .m {

  padding-left: 0 !important;

}

#foot .box2 {

  background: #00af52;

  padding: 1rem 0;

}

#foot .box2 .m {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 2rem;

}

.foot_logo {

  /*! margin-bottom: 4rem; */

}

.foot_logo p{ color:#9a9a9a; font-size:16px; margin-bottom:6%;}

.foot_logo a {

  display: flex;

  align-items: center;

  gap: 1.5rem;

}

.foot_logo img {

  width: 9.3125rem;



}

.foot_logo i {

  display: block;

  width: 1px;

  height: 3.125rem;

  background: #cecece;

}

.foot_logo h3 {

  font-size: 1.25rem;

  line-height: 1.875rem;

  color: #414141;

  font-weight: bold;

}

.foot_search {float: right;padding-top: 0;}

.foot_search .tt {

  font-size: 1.75rem;

  color: #313131;

  font-weight: bold;

}

.foot_search form {

  width: 100%;

  display: flex;

  /*! border: 1px solid #d3d3d3; */

  margin-top: 7%;

}

.foot_search .input{

  flex-grow: 1;

  font-size: 16px;

  color: #333;

  height: 56px;

  padding: 0 4%;

  border: 1px solid #d3d3d3;

  color: #fff;

}

.foot_search .input::-webkit-input-placeholder {

  color: #cdcdd3;

}

.foot_search .button {

  flex-shrink: 0;

  /*! background: none; */

  background: #00af52;

  color: #fff;

  width: 23%;

  font-size: 16px;

  border: #00af52 1px solid;

  margin-left: 5px;

}

.foot_search .button i {

  font-size: 1.375rem;

  color: #8d8d8d;

}

.foot_search .button:hover i {

  color: #00af52;

}

.hotsearch {

  padding-top: 4%;

  /*! display: flex; */

  /*! flex-wrap: wrap; */

  /*! gap: 1.875rem; */

  color: #999999;

  text-align: right;

  font-size: 16px;

  clear:both

}

.hotsearch a {

  font-size: 16px;

  color: #999999;

  font-weight: bold;

  transition: .5s;

}

.hotsearch a:hover {

  color: #00af52;

}

/* 二维码朝上展开 */

.foot_social {

  margin-top: 8%;

}

.foot_social ul {

  display: flex;

  gap: .75rem;

}

.foot_social ul li {

  flex-shrink: 0;

  position: relative;

  /*! width: 2.5rem; */

  /*! height: 2.5rem; */

  /*! background: rgba(255, 255, 255, 0.4); */

  /*! border-radius: 50%; */

  transition: .5s;

  margin-right: 2%;

}

.foot_social ul li a {

  display: block;

  cursor: pointer;

  width: 100%;

  height: 100%;

  display: flex;

  align-items: center;

  justify-content: center;

}

.foot_social ul li a i {

  font-size: 1.625rem;

  color: #273580;

}

.foot_social ul li:hover a i {

  color: #00af52;

}

/* .foot_social ul li:hover{ background: #273580;}  */

.foot_social ul li:hover i:before {

  transition: .5s;

}

.foot_social li .ewmbox {

  position: absolute;

  opacity: 0;

  pointer-events: none;

  transform: translateY(10px);

  visibility: hidden;

  width: 8rem;

  left: -.5rem;

  bottom: calc(100% + 1rem);



  transition: .5s;



}

.foot_social li:hover .ewmbox {

  opacity: 1;

  visibility: visible;

  pointer-events: inherit;

  transform: translateY(0px);

}

.foot_social li .ewm {

  position: relative;

  background: #fff;

  border-radius: 5px;

  padding-top: .75rem;

  padding-bottom: .5rem;

  border: 1px solid #ddd;

  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

}

.foot_social li .ewm img {

  width: 6.5rem;

  height: 6.5rem;

  margin: 0 auto .5rem;

  display: block;

  mix-blend-mode: multiply;

  position: relative;

  z-index: 3;

}

.foot_social li .ewm p {

  font-size: .8125rem;

  text-align: center;

  color: #666;

  position: relative;

  z-index: 3;

  margin: .25rem 0;

}

.foot_social li .ewm:after {

  content: "";

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: #fff;

  border-radius: 5px;

  z-index: 1;

}

.foot_social li .ewm:before {

  content: "";

  display: block;

  width: 1rem;

  height: 1rem;

  border-left: 1px solid #ddd;

  border-top: 1px solid #ddd;

  transform: rotate(45deg);

  position: absolute;

  z-index: 1;

  background: #fff;

  left: 1.125rem;

  top: 100%;

  margin-top: -9px;

  border-radius: 3px;

}

.foot_nav {

  display: flex;

  justify-content: space-between;

}

.foot_nav dl {}

.foot_nav dl dt {

  margin-bottom: 28%;

}

.foot_nav dl dt a {

  font-size: 18px;

  color: #fff;

  font-weight: bold;

}

.foot_nav dl dd {}

.foot_nav dl dd a {

  font-size: 16px;

  line-height: 30px;

  color: #9c9c9c;

}

.foot_nav dl dt a:hover {

  color: #00af52;

}

.foot_nav dl dd a:hover {

  color: #00af52;

}

.foot_lianxi {

  margin-top: 3%;

  /*! display: flex; */

  /*! justify-content: space-between; */

  overflow: hidden;

}

.foot_lianxi .tt {

  font-size: 16px;

  color: #9a9a9a;

  font-weight: bold;

  /*! margin-bottom: 1.875rem; */

}

.foot_lianxi ul {}

.foot_lianxi ul li {

  display: flex;

  align-items: flex-start;

}

.foot_lianxi ul li i {

  flex-shrink: 0;

  font-size: 1.25rem;

  margin-right: .5rem;

  color: #5c5c5c;

  width: 1.25rem;

  height: 1.5rem;

  display: flex;

  align-items: center;

  justify-content: center;

}

.foot_lianxi ul li p {

  flex-grow: 1;

  font-size: 1rem;

  color: #6d6e6f;

  line-height: 1.5;

}

.foot_lianxi ul li+li {

  margin-top: 1rem;

}

.foot_ewm {

  /*! display: flex; */

  /*! flex-direction: column; */

  /*! justify-content: center; */

  /*! align-items: center; */

  /*! width: ; */

  float: left;

  display: block;

  /*! margin-bottom: 2%; */

  margin-right: 2%;

}

.foot_ewm .img {

  width: 154px;

  border: #555 1px solid;

  padding: 15px;

}

.foot_ewm .img:after {

  /*! padding-top: 100%; */

  display: none;

}

.foot_ewm .img img {

  width: 100%;

  position: relative;

}

.foot_ewm p {

  font-size: 16px;

  /*! line-height: 1.5rem; */

  margin-top: -9px;

  color: #fff;

  text-align: center;

  z-index: 9;

  position: relative;

}

.foot_ewm p span{ background:#2e2e30;/*! z-index: 9; */}

.copyright {

  font-size: 1rem;

  line-height: 2rem;

  color: rgba(255, 255, 255, 0.6);

}

.foot_link {

  width: 22.1875rem;

  max-width: 100%;

}

.foot_link dl {

  position: relative;

  border-bottom: 1px solid rgba(255, 255, 255, 0.4);

}

.foot_link dt {

  padding: .5rem 5px .75rem;

  font-size: 1rem;

  color: #fff;

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: space-between;

  position: relative;

  z-index: 2;

}

.foot_link dt i {

  width: .75rem;

  font-size: .75rem;

  transition: .5s;

}

.foot_link dt.on i {

  transform: rotate(180deg);

}

.foot_link dt i path {

  fill: #999;

}

.foot_link dd {

  position: absolute;

  z-index: 1;

  bottom: 0;

  left: -10px;

  right: -10px;

  padding-bottom: 2.9375rem;

}

.foot_link dd:before {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: #00af52;

  z-index: -1;

}

.foot_link dd .box {

  border-radius: 1.5rem;

  padding: 1rem 15px 0;



  display: none;

}

.foot_link dd .box a {

  display: block;

  color: rgba(255, 255, 255, 0.781);

  font-size: .875rem;

  line-height: 2;

  transition: .3s;

}

.foot_link dd .box a:hover {

  color: #fff;

}

#banner .swiper-pagination {

  bottom: 1rem !important;

}

#banner .swiper-pagination .swiper-pagination-bullet {

  width: 10px;

  height: 10px;

  margin: 0 6.5px !important;

  border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #fff;

  background: none;

  opacity: 1;

}

#banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  border: 1px solid #fff;

  background: #fff;

}

.circle {

  margin: 0 auto;

  position: relative;

  top: 50%;

  right: 50%;

  transform: translateX(-50%) translateY(-50%) scaleY(.7);

  z-index: 999;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #3f897c;

  font-size: 30px;

}

/* .circle:after {

      content: "";

      display: block;

      width: 17px;

      height: 17px;

      position: absolute;

      top: 50%;

      left: 50%;

      transform: translateX(-50%) translateY(-50%);

      border-radius: 50%;

      background: #fff;

      z-index: 2;

  } */

.circle:before {

  content: "";

  display: block;

  width: 4px;

  height: 4px;

  border-radius: 50%;

  background: #00af52;

  z-index: 3;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

}

.circle span {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  border-radius: 50%;

  background-color: rgba(0, 71, 157, 0.6);

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-animation: circleScale 3s linear infinite;



  -moz-animation: circleScale 3s linear infinite;

  -ms-animation: circleScale 3s linear infinite;

  animation: circleScale 3s linear infinite;

  border-radius: 50%;

  overflow: hidden;

}

.circle span:nth-of-type(2) {

  animation-delay: 1s;

}

@keyframes circleScale {

  0% {

    opacity: 1;

    border-radius: 50%;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

  }

  100% {

    opacity: 0;

    border-radius: 50%;

    -webkit-transform: scale(1.5);



    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    transform: scale(1.5);

  }

}

.n_banner {

  height: 40.875rem;

  width: 100%;

  overflow: hidden;

  background-size: cover !important;

}

.n_banner .m {

  display: flex;

  justify-content: center;

  flex-direction: column;

}

.n_banner .m h3 {

  font-size: 2.75rem;

  color: #ffffff;

  font-weight: bold;

}

.n_banner .m p {

  font-size: 1.375rem;

  line-height: 2.375rem;

  color: #fff;

  line-height: 1.7;

  margin-top: .5rem;

}

.n_banner .m h4 {

  font-size: 1.125rem;

  line-height: 2.375rem;

  color: #fff;

  line-height: 1.7;

  margin-top: 2rem;

}

.n_nav {

  position: relative;

}

.n_nav:before {

  content: "";

  display: block;

  width: 100%;

  height: 2px;

  position: absolute;

  left: 0;

  bottom: 0;

  background: #e1e3e5;

}

.n_nav ul {

  display: flex;

  justify-content: center;

  gap: 8.5rem;

}

.n_nav ul li {}

.n_nav ul li a {

  font-size: 1.125rem;

  color: #212121;

  font-weight: bold;

  height: 5.875rem;

  display: inline-flex;

  align-items: center;

  position: relative;

}

.n_nav ul li>a:before {

  content: "";

  width: 11px;

  height: 11px;

  position: absolute;

  bottom: 0;

  left: 50%;

  opacity: 0;

  background: url(../images/nav_star2.png) center no-repeat;

  background-size: contain;

  transform: translateX(-50%);

  transition: 0.3s ease-in-out;

  transform-origin: center;

}

.n_nav ul li.on>a:before,

.n_nav ul li:hover>a:before {

  opacity: 1;

}

.n_nav ul li.on>a,

.n_nav ul li:hover>a {

  color: #00af52;

}

.nav_line {

  width: 100%;

  height: 2px;

  position: absolute;

  width: 0;

  height: 2px;

  left: 0;

  bottom: 0;

  background: #00af52;

  transition: 1s;

}



.n_tt {

  text-align: center;

  margin-bottom: 3.75rem;

}

.n_tt h3 {

  font-size: 2.875rem;

  color: #212121;

  font-weight: bold;

}

#dr_kecheng2.select2 {

  border: 2px solid #e0e3e4 !important;

  height: 3.125rem !important;

  border-radius: 5px;

}

.mybtn02 {

  display: flex;

  align-items: center;

  font-size: 16px;

  color: #717171;

  gap: 5px;

  margin-top: 10%;

}

.mybtn02 i {

  font-size: 1.625rem;

}

.lc_box {

  position: relative;

  z-index: 5;

}

.lc_box .lc_pic {

  display: block;

  height: 31.25rem;

  width: 100%;

  object-fit: cover;

}

.lc_box .lc_txt {

  position: absolute;

  left: 6.625rem;

  top: 5.5rem;

  z-index: 9;

  background: url(../images/licheng_txt.jpg) center no-repeat;

  width: 26.25rem;

  height: 30.9375rem;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding: 3.5rem 3.125rem;

}

.lc_box .lc_txt h3 {

  font-size: 1.5rem;

  font-weight: bold;

  color: #fff;

}

.lc_box .lc_txt h3 span {

  font-size: 5rem;

  font-family: bahnschrift;

}

.lc_box .lc_txt h4 {

  font-size: 2rem;

  color: #fff;

}

.lc_box .lc_txt p {

  font-size: 2rem;

  color: #fff;

  font-family: BarlowCondensed-Medium;

  text-transform: uppercase;

}

.lc_box::after {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 0;

  display: block;

  content: '';

  background-image: linear-gradient(to top, rgba(24, 90, 178, 0.8), transparent);

}

.clound {

  opacity: .5;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: url(../images/cloundy.png) repeat-x left center;

  -webkit-animation: animate-cloud 30s linear infinite;

  animation: animate-cloud 30s linear infinite;

}

@-webkit-keyframes animate-cloud {

  from {

    background-position: 1920px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

@keyframes animate-cloud {

  from {

    background-position: 1920px 100%;

  }

  to {

    background-position: 0 100%;

  }

}

.lc_list {

  position: relative;

  z-index: 1;

}

.lc_list::before {

  content: "";

  display: block;

  width: 2px;

  height: 100%;

  background: #e5e5e5;

  position: absolute;

  left: 50%;

  top: 0;

  transform: translateX(-50%);

}

.lc_list ul {

  padding-top: 3rem;

  position: relative;

  z-index: 3;

}

.lc_list ul li {

  display: flex;

  justify-content: center;

  align-items: flex-start;

  gap: 2.875rem;

}

.lc_list ul li+li {

  margin-top: 3.75rem;

}

.lc_list ul li .year {

  width: 50%;

  font-size: 3.75rem;

  color: #00af52;

  font-family: BarlowCondensed-SemiBoldItalic;

}

.lc_list ul li .dot {

  width: 18px;

  height: 18px;

  flex-shrink: 0;

  margin-top: 1.75rem;

  border-radius: 50%;

  border: 3px solid #00af52;

  background: #fff;

}

.lc_list ul li .txt {

  width: 50%;

  overflow: hidden;

}

.lc_list ul li .con {

  font-size: 1.0625rem;

  line-height: 2.5rem;

  color: #414141;

}

.lc_list ul li:nth-child(even) {

  flex-direction: row-reverse;

}

.lc_list ul li:nth-child(odd)>div:nth-child(1) {

  text-align: right;

}

.lc_list ul li:nth-child(odd)>div:nth-child(3) {

  text-align: left;

}

.lc_list ul li:nth-child(even)>div:nth-child(1) {

  text-align: left;

}

.lc_list ul li:nth-child(even)>div:nth-child(3) {

  text-align: right;

}

.lc_list ul li .txt .ico_tgl2 i {

  cursor: pointer;

  margin-top: 1rem;

  display: flex;

  width: 26px;

  height: 26px;

  font-size: 12px;

  color: #97999a;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  border: 1px solid #97999a;

}

.lc_list .ico_tgl2 {

  display: inline-block;

  height: auto;

  transition: .3s;

}

.lc_list ul li .txt.open .con {

  height: auto !important;

  overflow: auto !important;

}

.lc_list ul li .txt.open .ico_tgl2 i {

  transform: rotate(180deg);

}

.lc_list ul li .txt .ico_tgl2 i:hover {

  color: #fff;

  border: 1px solid #00af52;

  background: #00af52;

}

#box ul {

  display: flex;

  overflow: hidden;

  gap: 1.125rem

}

#box li {

  width: 18.75rem;



  flex-grow: 1;

  min-width: 120px !important;

  float: left;

  flex-shrink: 0;

  transition: .5s;

  position: relative;

}

#box li.on {

  width: calc(100% - 37.5rem - 2.5rem) !important

}

#box li .box {

  background: #fff;

  border-radius: .9375rem;

  height: 33rem;

  padding: 2.875rem;

  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, .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%);

  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 img {

  flex-shrink: 0;

  width: 3.625rem;

}

#box li h4 {

  font-size: 1.625rem;

  margin-top: 1.5rem;

  line-height: 1.5;

  white-space: nowrap;

  color: #fff;

  transition: .5s;

  margin-bottom: 1rem;

}

#box li.on {

  flex-grow: 0

}

#box li.on .box h4 {

  color: #fff

}

#box li p {

  color: #fff;

  opacity: 0;

  transition: all .5s;

  height: 1.125rem;

}

#box li.on p {

  opacity: 1;

}

.n_tt p {

  font-size: 1.125rem;

  line-height: 2.375rem;

  color: #414141;

  margin-top: 2.25rem;

}

.btn_down {

  width: 11.25rem;

  border: 2px solid #e0e2e4;

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  height: 3.125rem;

  transition: .5s;

  gap: 1rem;

  border-radius: 1.5rem;

  font-size: 1.125rem;

  border: 2px solid #fff;

  color: #fff;

}

.btn_down i {

  font-size: 1rem;

  transition: .5s;

}

.btn_down:hover {

  border: 2px solid #00af52;

  background: #00af52;

}

.btn_xq {

  width: 11.25rem;

  border: 2px solid #e0e2e4;

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  height: 3.125rem;

  transition: .5s;

  gap: 1rem;

  border-radius: 1.5rem;

  font-size: 1rem;

  color: #414141;

}

.btn_xq i {

  font-size: 1rem;

  transition: 0s;

}

.btn_xq:hover {

  border: 2px solid #00af52;

  background: #00af52;

  color: #fff;

}

.pro_zizhi {

  background: url(../images/pro_zizhi_bg.jpg) center top no-repeat;

  background-size: cover;

}

.pro_zizhi .arrbox {

  display: flex;

  justify-content: center;

  gap: 1rem;

}

.client-wall {

  display: block;

}

.client-wall .tier {

  position: relative;

  overflow: visible;

}

.client-wall .tier+.tier {

  margin-top: 1.25rem;

}

.client-wall .holder {

  display: block;

  width: auto;

  height: 7.8125rem;

}

.home-page .client-wall .holder {

  width: 12.5%;

  max-width: 170px;

}

.size-cv {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  overflow: hidden;

}

/*slick.css*/

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}

.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}

.slick-list:focus {

  outline: none;

}

.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}

.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

  margin-left: auto;

  margin-right: auto;

}

.slick-track:before,

.slick-track:after {

  display: table;

  content: '';

}

.slick-track:after {

  clear: both;

}

.slick-loading .slick-track {

  visibility: hidden;

}

.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}

[dir='rtl'] .slick-slide {

  float: right;

}

.slick-slide img {

  display: block;

}

.slick-slide.slick-loading img {

  display: none;

}

.slick-slide.dragging img {

  pointer-events: none;

}

.slick-initialized .slick-slide {

  display: block;

}

.slick-loading .slick-slide {

  visibility: hidden;

}

.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

  display: none;

}

.slick-dots {

  position: absolute;

  bottom: -25px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center;

}

.slick-dots li {

  position: relative;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin: 0 5px;

  padding: 0;

  cursor: pointer;

}

.slick-dots li button {

  font-size: 0;

  line-height: 0;

  display: block;

  width: 20px;

  height: 20px;

  padding: 5px;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: none;

  background: transparent;

}

.slick-dots li button:hover,

.slick-dots li button:focus {

  outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before {

  opacity: 1;

}

.slick-dots li button:before {

  font-family: 'slick';

  font-size: 6px;

  line-height: 20px;

  position: absolute;

  top: 0;

  left: 0;

  width: 20px;

  height: 20px;

  content: '•';

  text-align: center;

  opacity: .25;

  color: black;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before {

  opacity: .75;

  color: black;

}

.hmFocus_item {

  height: 100vh;

  position: relative;

  overflow: hidden;

}

.ban-gray {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0px;

  left: 0px;

  background: rgba(0,0,0,.4);

  z-index: 1;

}

.hmFs_bg {

  height: 100%;

  width: 100%;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

  -webkit-transform: scale(1.12);

  transform: scale(1.12);

  position: absolute;

}

.hmFocus_item video {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}

.hmFs_layBg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;



  height: 100%;

  background: rgba(0, 0, 0, 0.3);

}

.active .hmFs_bg {

  visibility: visible;

  -webkit-animation: scaleBg 6s linear forwards;

  animation: scaleBg 6s linear forwards;

}

.hmTxt {

  display: inline-block;

  position: absolute;

  z-index: 5;

  left: 0%;

  top: 50%;

  transform: translate(0%, -50%);

  width: 100%;

  color: #FFF;

  text-align: center;

}

.hmTxt img {

  transition: all 0.5s ease-in-out;

  opacity: 0;

  transform: translate(-100px, 0);

  margin: 0 auto;

}

.hmTxtDes {

  position: relative;

  width: 100%;

  padding-top: 4px;

  height: 100%;

  z-index: 10;

}

#banner .slick-arrow {

  width: 79px !important;

  height: 79px !important;

  border-radius: 50%;

  position: absolute;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10;

  font-size: 0;

  top: 50%;

  transform: translate(0, -50%);

  transition: all .5s;

  background: transparent;

}

#banner .slick-prev {

  background:url(../images/sy-3.png) no-repeat center;

  left: 4%;

}

#banner .slick-next {

  background: url(../images/sy-3-1.png) no-repeat center;

  right: 4%;

}

.hmFocus_doc {

  width: 100%;

  position: absolute;

  left: 0px;

  z-index: 5;

  bottom: 1rem !important;

}

.hmFocus_doc ul {

  display: flex;

  align-items: center;

  justify-content: center;

}

.hmFocus_doc ul li span {

  width: 10px;

  height: 10px;

  margin: 0 6.5px !important;

  border-radius: 50%;

  border-radius: 50%;

  border: 1px solid #fff;

  background: none;

  opacity: 1;

  cursor: pointer;

  display: block;

}

.hmFocus_doc ul li.on span {

  border: 1px solid #fff;

    background: #fff;

}

.icon-close::before{ display:none}



.he_ZoomInImg,.qx1 dl dt,.sy4-1 h1,.cp1-1 h3,.gy-z p,.cpx2 dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}

.he_ZoomInImg .he_ZoomInImg_img,.tad1-1 h3 img,.qx1 dl dt img,.sy4-1 h1 img,.cp1-1 h3 img,.gy-z p img,.cpx2 dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}

.he_ZoomInImg:hover .he_ZoomInImg_img,.tad1-1:hover h3 img,.qx1 dl a:hover dt img,.sy4-1:hover h1 img,.cp1-1 h3:hover img,.gy-z:hover p img,.cpx2 dl a:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}



.left{ float:left}

.right{ float:right}

.clear{ clear:both}



.main_con {

  display: flex;

  background: #fff;

  margin:5% 0 6%

}



.main_con .line {

  display: block;

  width: 2px;

  flex-shrink: 0;

  height: auto;

  background: #f5f5f5;

  margin: 0 3.75rem;

}



.left_con {

  flex-grow: 1;

}



.right_con {

  width: 23.125rem;

  flex-shrink: 0;

}



.right_con .sticky {

  position: sticky;

  top: 7rem;

}



.ar_title {

  padding-bottom: 3%;

  border-bottom: 2px solid #f5f5f5;

  margin-bottom: 4%;

}



.ar_title h1 {

  font-size: 30px;

  color: #212121;

  font-weight: bold;

  /*! line-height: 1.5; */

  /*! margin-bottom: 1.5rem; */

}



.ar_title .info {

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top:7%;

}



.ar_title .info span {

  font-size: 18px;

  color: #212121;

}



.news_tuijian {}



.news_tuijian ul {}



.news_tuijian ul li {}



.news_tuijian ul li+li {

  margin-top: 6%;

}



.news_tuijian .box {

  display: block;

  border-radius: .9375rem;

  overflow: hidden;

  position: relative;

}



.news_tuijian .img {}



.news_tuijian .img:after {

  padding-top: 62.53%;

}



.news_tuijian .txt {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 9;

  padding: 5% 8%;

  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%);

}



.news_tuijian .txt span {

  font-size: 16px;

  color: #ffffff;

}



.news_tuijian .txt h4 {

  font-size: 18px;

  color: #fff;

  margin-top: 3%;

}



.ar_fot {

  font-size: 16px;

  line-height: 31px;

  margin-top: 10%;

  margin-bottom: 10%;

}



.btn_gobacklist {

  display: flex;

  width: 165px;

  height: 54px;

  gap: 10px;

  border-radius: 30px;

  align-items: center;

  justify-content: center;

  color: #fff;

  background: #00af52;

  /*! color: #fff; */

}



.btn_gobacklist i {

  font-size: 1.25rem;

}



.social-share .social-share-icon {

  color: #00af52;

  border-width: 0;

}



.social-share .social-share-icon:hover {

  color: #fff;

  background: #00af52;

}

.n_news_xq .foot_social{ margin-top:0}

.n_news_xq .foot_social ul li{ margin-left:10px}

.hvr-bounce-to-bottom::before{ display:none}

.btn_gobacklist:hover{ color:#fff}

.ar_article{ font-size:16px; line-height:30px}

.ar_fot,.btn_gobacklist{ margin-left:7%}

.dl1{ display: flex;margin-left: 2rem;}

.dl1 p{ display: flex; align-items: center;}

.dl1 p a{ color:#fff}

.dl1 p a img{ vertical-align:middle; margin-right:10px}

.bbb{width: 500px; float: right;}

.xf1{ position:fixed; z-index:999; right:30px; top:50%; margin-top:-217px}

.xf1 ul li{ margin:5px 0; position:relative; cursor:pointer}

.xf1 ul li img{ display:block;}

.xf1 ul li span{ background:#fff; font-size:18px; position:absolute; right:90px; top:0px; padding:13px 20px; display:none; border:#eee 1px solid}

.xf1 ul li:hover span{ display:block}

.xf1 ul li span img{ width:150px; }

.xf1 ul li:nth-child(1) span,.xf1 ul li:nth-child(4) span{width: 162px; top:15px}

.xf1 ul li:nth-child(2) span{ width:150px; top:-20px; padding:0; background:none;}
.xf1 ul li:nth-child(3) span{ width:150px; top:-20px; padding:0; background:none;}

.sy1{ overflow:hidden; margin-left:-2%; margin-top:-2%}

.sy1 dl{ float:left; width:23%; margin-left:2%; margin-top:2%; overflow:hidden; background:#0863c1; position:relative;}

.sy1 dl a{ display:block;}

.sy1 dl dt img{ width:100%; display:block; height:313px}

.sy1 dl dd{ color:#fff; position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden}

.sy1 dl dd span{ display:block; float:left; height:100%}

.sy1 dl{ width:31.33%}

.sy1 dl dt img{ height:276px}

.sy1 dl dd .a1{ text-align:center; color:#fff; font-size:48px; width:100%; padding-top:25%}

.sy1 dl dd .a1{ padding-top:16%}

.sy1 dl dd .a1 img{ display:block; margin:0 auto 20px}

.sy1 dl dd .a2{ width:55%; padding:25% 6%; background:#0863c1; font-size:18px; line-height:28px; display:none}

.sy1 dl dd .a2 strong{ display:block; font-weight:normal;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}

.sy1 dl a:hover dd .a2{ display:block;}

.sy1 dl a:hover dd .a1{ width:45%; font-size:30px; padding-top:28%}

.sy1 dl:nth-child(1) a:hover dd .a1,.sy1 dl:nth-child(2) a:hover dd .a1,.sy1 dl:nth-child(3) a:hover dd .a1{ padding-top:18%}

.sy1 dl:nth-child(1) a:hover dd .a2,.sy1 dl:nth-child(2) a:hover dd .a2,.sy1 dl:nth-child(3) a:hover dd .a2{ padding:14% 6%}

.flexslider{position:relative;overflow:hidden;}

.slides{position:relative;z-index:1;max-width: 1600px; margin: auto;}

.slides li a{ display:block;}

.flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:16px;height:16px;margin:0 10px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:16px;height:16px;line-height:50px;overflow:hidden; cursor:pointer; border:#fff 1px solid; border-radius:50%}

.flex-control-nav .flex-active{ background:#fff}

.slides li img{ width:100%; display:block}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top:-46px}

.flex-direction-nav li a{display:block;width:49px;height:93px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:0%;background:url(../images/sy-23.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:0%;background:url(../images/sy-24.png) center center no-repeat;}

.flex-direction-nav li a.flex-prev:hover{background:url(../images/sy-23-1.png) center center no-repeat;}

.flex-direction-nav li a.flex-next:hover{background:url(../images/sy-24-1.png) center center no-repeat;}

.sy2{ position:absolute; width:100%; right:3%; bottom:20%; width:45%}

.m1{ max-width:1790px}

.sy2 h3{ font-size:48px; color:#fff; font-weight:bold}

.sy2 p{ font-size:24px; color:#fff; margin-top:4%}

.sy2 p a{ font-size:26px; color:#05fffc; display:inline-block; margin-left:10px}

.sy3{ overflow:hidden; margin-left:-2%}

.sy3-1{ float:left; width:23%; margin-left:2%; position:relative}

.sy3-1 h3 img{ width:100%; height:298px}

.sy3-1 .sy3-2 h2{ font-size:36px; line-height:45px; color:#fff; text-align:center;font-family: 'SourceHanSansCN-bold';}

.sy3-1 .sy3-2{ position:absolute; top:0; left:0; width:100%; height:100%; padding:28% 17%;}

.sy3-1 .sy3-2 p{ display:none}

.sy3-1:hover .sy3-2{ background:#134f8e; background-color: rgba(19,79,142,0.7); filter: Alpha(opacity=70); padding:14% 8%; overflow:hidden}

.sy3-1:hover .sy3-2 h2{ font-size:24px; text-align:left}

.sy3-1:hover .sy3-2 p{ display:block; font-size:18px; color:#fff; line-height:26px; margin-top:4%;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

.sy4{ overflow:hidden; margin-left:-2%; margin-bottom:6%; /*! padding:10px; */ /*! margin-top:-1% */}

.sy4-1{ float:left; width:31.33%; margin-left:2%; background:#efefef;}

.sy4-1 div{ padding:7%; height:245px}

.sy4-1 h1 img{ width:100%; height:331px;}

.sy4-1 h1 a{ display:block; position:relative}

.sy4-1 h1 a span{ font-size:18px; display:block; position:absolute; left:0; top:0; width:120px; line-height:45px;background:#000; background-color: rgba(0,0,0,0.7); filter: Alpha(opacity=70); color:#fff; text-align:center}

.sy4-1 h2{ color:#666; font-size:18px; margin-top:4%;}

.sy4-1 h2 img{ vertical-align:middle; margin-right:10px}

.sy4-1 p{ font-size:18px; color:#666; line-height:26px; margin-top:5%; overflow:hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy4-1 h3 a{ font-size:24px; display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.sy4-1 h4{ margin-top:10%}

.sy4-1 h4 a{ font-size:18px; color:#666}

.sy4-1 h4 a:hover{ color:#00af52}



.banner1{ background-size:cover !important}

.banner1,.banner1 .m{ height:775px;}

.bann1{ padding-top:16%}

.bann1 h2{ font-size:60px; color:#fff; font-weight:bold}

.bann1 p{ font-size:24px; color:#fff; margin-top:2%}

.ny-bt h1,.ny-bt h1 a{ color:#666; font-size:18px;}

.ny-bt h1 img{ margin:0 3px}

.ny-bt{ margin-top:5%}

.ny1{ margin:6% 0}

.ny-z{ width:23%;border: #ccc 1px solid; padding:3% 0}

.ny-r{ width:74%}

.ny-z ul li a{ display:block; padding:11px; font-size:18px; text-align:center}

.ny-z ul li a:hover,.ny-z ul .dq1 a{ color:#4790d5;}

.ny-z h2{ text-align:center; font-size:30px; margin-bottom:5%}

.s_tt1 h2{ background:none; padding-bottom:0;}

.s_hd1{ margin:2% 0 4% 0}

.xz1,.cp1{ overflow:hidden; margin-left:-3%; margin-top:-3%;padding-right: 10px;padding-bottom: 10px;}

.xz1-1,.cp1-1{ float:left; width:47%; margin-left:3%; margin-top:3%; box-shadow:0 0 10px #ccc; padding-bottom:2%;height: 346px;overflow: hidden;} 

.xz1-1 h3{ text-align:center; color:#fff; background:#4790d5; font-size:30px; padding:5%}

.xz1-1 ul{ padding:4% 11%; height:174px; overflow:hidden}

.xz1-1 ul li{ font-size:20px; margin-top:4%;}

.xz1-1 ul li img{ vertical-align:middle; margin-right:10px}

.xz1-1 h4{ margin-top:3%}

.xz1-1 h4 a{ display:block; width:140px; line-height:40px; color:#fff; background:#4790d5; font-size:18px; margin:auto; text-align:center}

.xz1-1 h4 a img{ vertical-align:middle; margin-left:10px; }

.fy{ margin-top:6%; text-align:center}

.fy a{ display:inline-block; font-size:18px; padding:5px 10px; margin:0 2px;}

.fy a:first-child,.fy a:last-child{ background:#C7C7C7; color:#fff}

.fy a:hover,.fy .curr{ color:#3873aa}

.fy a:first-child:hover,.fy a:last-child:hover{ background:#3873aa; color:#fff}

.xz1-1:nth-child(2) h3,.xz1-1:nth-child(2) h4 a{ background:#386ed4}

.xz1-1:nth-child(3) h3,.xz1-1:nth-child(3) h4 a{ background:#5c7eda}

.xz1-1:nth-child(4) h3,.xz1-1:nth-child(4) h4 a{ background:#589ec0}



.cp1-1{ padding-bottom:0; height:429px}

.cp1-1 h3 img{ display:block; margin:auto; width:100%; height:239px}

.cp1-1 h3{ padding:7% 29%}

.cp1-1 div{ background:#386ed4; color:#fff; padding:0 4%; height:111px;display: table; width: 100%}

.cp1-1 h4{ font-size:26px; text-align:center; margin-bottom:0;display: table-cell; vertical-align: middle}

.cp1-1 p{ font-size:18px; line-height:30px;}

.cp1-1 p a{ font-size:16px}

.cp1-1 h4 a,.cp1-1 p a{ color:#fff}

.cp1-1:nth-child(2) div{ background:#4790d5}

.cp1-1:nth-child(3) div{ background:#589ec0}

.cp1-1:nth-child(4) div{ background:#5c7eda}



.qyk{ padding-left:10%}



.n_news{ margin:3% 0 6% 0}

.n_news ul li .fl,.n_news ul li .fl span{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; } 

.n_news li:hover img{ -moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -o-moz-transform:scale(1.1); -webkit-moz-transform:scale(1.1); transform:scale(1.1);}

.n_news ul li:first-child{ border:0}

.n_news ul li { display:block; overflow:hidden}

.n_news ul li .box1 { padding:2.5% 0; border-bottom:#ccc 1px solid; background: transparent; overflow:hidden}

.n_news ul li .fl { position:relative; padding-top:3%; padding-left: 155px; float:left; width:73%}

.n_news ul li .fl .date { position: absolute; left: 0; float: left;  }

.n_news ul li .fl .date span{ display:block; margin-top:20px; height:22px; width:28px; background:url(../images/xw-1.png) no-repeat center }

.n_news ul li .fl .date strong{ display:block; font-size:26px; color:#999; display:block; margin-top:-9px;font-weight: normal;}

.n_news ul li .fl .date strong::before {width: 35px;height: 1px;content: '';background: #7D7D7D;position: absolute;top: 11px;left:100px;transition: all 0.3s ease-out 0s;}

.n_news ul li .fl .date strong strong{ font-weight:normal; font-size:15px; color:#999; display:block; margin-top:3px;border: #ccc 1px solid;width: 50px;text-align: center;padding: 2px 0;}

.n_news ul li .fl a{ display:block;/*! font-size: 22px; */}

.n_news ul li .fl a h1{ font-size:26px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding-top:0px; color:#333; display:block; margin-bottom:2%;}

.n_news ul li .fl a p{ color: #333; line-height:26px; font-size:15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.n_news ul li .fr { display:block; overflow:hidden; float:right; width:23%;}

.n_news ul li .fr img {width:100%; height:217px;}

.n_news li:hover .fl { padding-left: 175px;}

.n_news li:hover .fl h1,.xq1 h3 a:hover{ color:#0c5a9a;}

.n_news .box1:hover .date strong{ color:#666;}

.n_news .box1:hover .date strong::before {width: 60px;transition: all 0.3s ease-out 0s;background: #7D7D7D;}

.fy1{ margin-bottom:6%; text-align:center}

.fy1 a{ padding:8px 13px; margin:0 2px; display:inline-block; font-size:17px; color:#666; border:#ccc 1px solid; border-radius:5px}

.fy1 a:hover{ background:#71cac6; color:#fff; border:#71cac6 1px solid}



.xq1{ margin:6% 0}

.xq1 h1{ font-size:35px; text-align:center}

.xq1 h2{ font-size:18px; color:#999; margin:2% 0 4%; font-weight:normal; text-align:center; border-bottom:#ccc 1px solid; padding-bottom:2%;}

.xq1 h2 span{ display:inline-block; margin-left:1%}

.xq1 h3{ overflow:hidden; /*! margin-top:5%; */ line-height:28px; border-top:#ccc 1px solid; padding:3% 0 0;font-weight: normal;/*! font-size: 16px; */}

.xq1 h3 a{ font-size:18px; width:50%; display:inline-block; color:#999} 

.xq1 h3 .right{ text-align:right}

.xq1-1{ position:relative;/*! padding: 3%; */ margin-top:4%}

.xq1-1 h4{ position:absolute; bottom:-7px; left:50%; margin-left:-75px;font-weight: normal; z-index:9}

.xq1-1 h4 a{ display:inline-block; font-size:18px;border-radius:5px;text-align: center;padding:12px 30px; border:#3C88FB 1px solid; color:#3C88FB}

.xq1-1 h4 a img{ vertical-align:middle; margin-right:10px} 



.lx1 .left{ width:46%;}

.lx1 .left p img{ width:100%}

.lx1 .right{ width:47%; padding-top:1%}

.lx1 .right p{font-size:22px;margin-top:11%; overflow:hidden}

.lx1 .right p:nth-child(1){ margin-top:0}

.lx1 .right p img{ vertical-align:middle; margin-right:30px; float:left;}

.lx1 .right p span{ font-size:18px; color:#999; display:block; margin:2% 0 1%;}

.lx1 img{max-width: inherit;

  max-height: inherit;}

.yd2{ margin-bottom:6%}

.yd2 h1{ text-align:center; font-size:30px; margin-bottom:5%}

.yd2-1{ overflow:hidden; margin-left:-7%;}

.yd2-1 p{ overflow:hidden; float:left; width:43%; box-sizing:border-box; margin-left:7%; border:#ccc 1px solid; margin-bottom:1.5%; overflow:hidden; padding:2%;}

.yd2-1 h2{ clear:both; overflow:hidden; padding-top:1%}

.yd2-1 p input,.yd2-1 p select,.yd2-1 p textarea{ font-size:18px; width:100%; background:none;}

.yd2-1 p .left{ float:left; width:19%; font-size: 18px; padding-top:3px}

.yd2-1 p .right{ float:right; width:81%; position:relative}

.yd2-1 p .left img{ margin-right: 5px;vertical-align: super;}

.yd2-1 p .right img{ position:absolute; left:-8px; top:10px}

.yd2-1 p textarea{  height:90px;resize: none;}

.yd2 h2,.btn1{ width:220px; margin:2% auto 0; position:relative}

.yd2 h2 input{ width:100%;}

.yd2 h2 input,.btn1{ background:#12487a; height:70px; line-height:70px; font-size:20px; color:#fff;border: 0;margin:0 auto;display: block; position:relative; text-align:left; padding-left:40px}

.yd2 h2::before,.btn1::before{ content:""; background:url(../images/lx-10.png) no-repeat center; position:absolute; right:44px; bottom:25px; width:25px; height:20px;z-index: 99;}

.yd2-1 .e1 .right .right{ overflow:hidden}

.yd2-1 .e1 .right textarea,.yd2-1 .e1 .right input{ float:left; width:72%;}

.yd2-1 .e1 .right img{ float:left; width:14%; position:relative; left:0; top:auto; margin-top:8px}

.yd2-1 .e1 .right a{ float:left; width:14%; text-align:right; text-decoration:underline; margin-top:16px;text-align: ;}

.yd2-1 .e2{ width:93%;box-sizing: border-box;}

.yd2-1 .e2 .left{ width:100%;}

.yd2-1 .e2 .right{ width:100%;margin-top: 1%;padding-left: 13px;}

.yd2-1 .e2 .right textarea{ height:130px;}

.ny-bt1{ border-bottom:#ccc 1px solid}

.ny-bt1 h2 a{ display:inline-block; font-size:24px; padding:25px 5px; margin-right:5%}

.ny-bt1 h2 a:hover,.ny-bt1 h2 .dq{ background:url(../images/gy-1.png) no-repeat center bottom; color:#33aa6a}

.ny-bt0{ margin-top:2%}

.btn1{ margin-top:4%}

.btn1,.btn1:hover{ color:#fff;}

.lx2 li{ overflow:hidden; border-bottom:#ccc 1px solid; padding:2% 0}

.lx2 li .left{ width:80%}

.lx2 li .right{ width:15%}

.lx2 li .right p a{ display:block; width:100%; border:#12487a 1px solid; color:#12487a; font-size:24px; font-weight:bold; border-radius:5px; text-align:center; line-height:55px}

.lx2 li .right p a:hover{ background:#12487a; color:#fff}

.lx2 li .left h2{ font-weight:bold}

.lx2 li .left h2,.lx2 li .left h3{ font-size:24px;}

.lx2 li .left h3{ margin-top:2%; color:#666}

.lx2 li .left p{ color:#999; font-size:18px; margin-top:2%}

.lx2 li:first-child{ padding-top:0}



.s_lianxi1{ background:url(../images/gy-4.jpg) no-repeat center; height:698px; padding-top:0}

.s_lianxi1 .m{ position:relative}

.s_lianxi1 .tt2{ margin-top:0; position:absolute; left:0; width:88%; bottom:0; margin: 6% 6% 0;}

.gy1 p{ font-size:18px; line-height:30px; color:#666; margin-bottom:2%}

.gy-z{ width:47%}

.gy-y{ width:53%; padding-top:8%; padding-left:4%}

.gy-z p img{ width:100%}

.gy2-1{ background:#8aa7d3; margin-top:2%}

.gy2-1:nth-child(2){ background:#41652a}

.gy2-1:nth-child(3){ background:#9b8983}

.gy-y h2{ font-size:36px; color:#fff}

.gy-y p{ font-size:18px; color:#fff; margin-top:4%}

.left.gy-y{ padding-left:12%}

.about-partner-list{position: relative;padding:0 10%; margin-bottom:6%}

.about-partner-list .swiper-container{position: relative;overflow: hidden;}

.about-partner-list .swiper-slide .item{display:block;position: relative;}

.about-partner-list .swiper-slide .item a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;}

.about-partner-list .swiper-slide .img img{width: 100%}

.about-partner-list .swiper-slide .img{border:2px solid transparent;transition: 0.5s ease;box-sizing: border-box;}

.about-partner-list .swiper-slide .title{margin-top: 15px;font-size: 14px;color: #7b7b7b;text-align: center;}

.about-partner-list .swiper-slide .item+.item{margin-top: 20px;}

.about-partner-list .swiper-slide .item:hover .img{border:1px solid #00af52;box-shadow: 0px 0px 10px rgba(58,58,58,0.19);}

.about-partner-list .about-partner-next{position: absolute;top: 0; width:63px;height: 63px;right: 0;bottom: 0;margin: auto;cursor: pointer; background:url(../images/gy-12-2.png) no-repeat center}

.about-partner-list .about-partner-prev{position: absolute;top: 0;width:63px;height: 63px;left: 0;bottom: 0;margin: auto;cursor: pointer; background:url(../images/gy-12-1.png) no-repeat center}

.about-partner-list .about-partner-next.swiper-button-disabled, .about-partner-list .about-partner-prev.swiper-button-disabled{opacity: 0.6;}



.ny11{ margin-top:1%; background:#f9f9f9; overflow:hidden}

.cpx1{ background:#fff; padding-bottom:5%}

.cpx2{ overflow:hidden; margin-left:-1%; margin-top:-3%; margin-bottom:6%}

.cpx2 dl{ float:left; width:24%; margin-left:1%; margin-top:3%}

.cpx2 dl dt{ background:#fff; border:#ccc 1px solid; padding:6% 11%}

.cpx2 dl dt img{ width:100%; height:271px}

.cpx2 dl dd{ font-size:20px; text-align:center; margin-top:8%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.cpx1-1{ padding:6%}

.cpx1-1 .left,.cpx1-1 .right{ width:43%}

.cpx1-1 .left p{ box-shadow:0 0 10px #ccc; padding:5% 26%; background:#f9f9f9}

.cpx1-1 .left p img{ display:block; margin:auto; width:100%}

.cpx1-1 .right h2{ font-size:48px; margin-bottom:4%; font-weight:bold}

.cpx1-1 .right p{ font-size:18px; line-height:30px; color:#444}

.cpx1-1 .right h3 a{ display:inline-block; background:#5c7eda; color:#fff; font-size:18px; text-align:center; color:#fff; line-height:45px; width:130px; border-radius:5px}

.cpx1-1 .right h3{ margin-top:5%}

.cpx1-2 table{ border-collapse:collapse; border-left:#ccc 1px solid; border-right:#ccc 1px solid; border-top:#ccc 1px solid}

.cpx1-2 table tr td{ border-bottom:#ccc 1px solid; text-align:center; padding:15px 0; font-size:18px}

.cpx1-2 table tr:first-child td{ background:#f9f9f9; padding:20px 0;}

.cpx1-2 table .bb1 p{ border:#ccc 1px solid; width:122px; overflow:hidden; margin:auto}

.cpx1-2 table .bb1 button{ width:30px; line-height:30px; color:#666; text-align:center; float:left}

.cpx1-2 table .bb1 input{ width:60px; line-height:30px; text-align:center; float:left}

.cpx1-2-1{ margin-right:3%}

.cpx1-2-1 p{ overflow:hidden; padding-top:3%;}

.cpx1-2-1 p a{ float:right; display:block; width:200px; line-height:55px; border-radius:50px; background:#4790d5; color:#fff; text-align:center; font-size:20px} 

.cpx1-3{ margin-top:4%}

.cpx1-3-1{ overflow:hidden; border-right:#ccc 1px solid}

.cpx1-3-1 li{ float:left; width:20%; text-align:center; font-size:22px; border:#ccc 1px solid; border-right:0; color:#666; padding:20px 0; cursor:pointer}

.cpx1-3-1 .curr1{ background:#386ed4; color:#fff}

.cpx1-3-2{ padding:4% 5% 0}

.cpx1-3-2 h2{ margin:3% 0; font-size:30px}

.search-dialog .search-input{ padding-left:0}
.search-dialog .search-input select{background:none; color: #fff; font-size: 1.25rem; border:0; border-right:#ddd 1px solid; margin-right: 3%; padding-left: 4%;padding-right: 2%;}
.search-dialog .search-input select option{color: #333;}

.list ul li .inactive{ font-size: 18px; padding:11px; display:block;padding-left: 31%; font-weight:bold}
.list ul li ul{ display:none;padding-left: 33%;}
.list ul li .inactives{ color:#4790d5}
.list ul li li a{ font-size:16px; text-align:left}

.list ul li ul .curr a{color:#4790d5}