@font-face {
  font-family: 'iconfont';  /* Project id 2139286 */
  src: url('//at.alicdn.com/t/font_2139286_igqd9kdwdrt.woff2?t=1631885064657') format('woff2'),
       url('//at.alicdn.com/t/font_2139286_igqd9kdwdrt.woff?t=1631885064657') format('woff'),
       url('//at.alicdn.com/t/font_2139286_igqd9kdwdrt.ttf?t=1631885064657') format('truetype');
}

 
 
@font-face {
  font-family: "SOURCEHANSANSCN-REGULAR";
  src: url("aos/SOURCEHANSANSCN-REGULAR.woff2") format("woff2"),
       url("aos/SOURCEHANSANSCN-REGULAR.woff") format("woff"),
       url("aos/SOURCEHANSANSCN-REGULAR.ttf") format("truetype"),
       url("aos/SOURCEHANSANSCN-REGULAR.eot") format("embedded-opentype"),
       url("aos/SOURCEHANSANSCN-REGULAR.svg") format("svg"),
       url("aos/SOURCEHANSANSCN-REGULAR.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.iconfont{
	vertical-align: middle;
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
legend,
input,
textarea,
optgroup,
p,
blockquote,
figure,
hr,
menu,
dir,
thead,
tbody,
tfoot,
th,
td {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style-type: none;
  list-style-image: none;
}
a {
  text-decoration: none;
  outline: 0 none;
}
a:active,
a:hover {
  outline: 0 none;
}
h1,
h2,
h3,
h4,
h5,
h6,
em {
  font-weight: normal;
}
em {
  font-style: normal;
}
abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help;
}
dfn {
  font-style: italic;
}
hr {
  box-sizing: content-box;
  height: 0;
}
mark {
  background-color: #d2e5ff;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: consolas, 'MicroSoft YaHei';
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0 none;
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  outline: none;
  background: none;
  border: none;
}
textarea {
  resize: none;
}
input,
button {
  *overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
textarea {
  overflow: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input {
    line-height: normal !important;
  }
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: darkGray;
  opacity: 1;
}
label {
  cursor: pointer;
}
svg:not(:root) {
  overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video,
progress {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "microsoft YaHei";
}
html {
  text-size-adjust: 100%;
  font-size: 62.5%;
  min-height: 100%;
  position: relative;
  padding-bottom: 98px;
}
body {
  font-size: 14px;
  line-height: 2;
  color: #333;
}
a {
  color: #333;
}
.header {
  background: #fff;
  position: relative;
  z-index: 9999;
  padding: 23px 20px 0px 15px;
}
.header:after {
  display: block;
  content: '';
  clear: both;
}
.header .logo {
  display: block;
  float: left;
  margin-right: 43px;
  width: 502px;
  height: 66px;
}
.header .logo .logo_img {
  width: 100%;
  height: 100%;
}
.nav {
  float: left;
  padding-top: 10px;
}
.nav .nav_item {
  float: left;
  padding: 0 16px 23px 16px;
  box-sizing: border-box;
}
.nav .nav_item .nav_itemA {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  font-family: MicrosoftYaHei;
  font-weight: 400;
  padding-bottom: 17px;
}
.nav .nav_item:hover {
  padding-bottom: 21px;
}
.nav .nav_item:hover .nav_itemA {
  color: #1ab5c2;
  border-bottom: 2px solid #1ab5c2;
}
.nav .navOn {
  padding-bottom: 21px;
}
.nav .navOn .nav_itemList {
  display: block !important;
  z-index: -100 !important;
}
.nav .navOn .nav_itemA {
  color: #1ab5c2;
  border-bottom: 2px solid #1ab5c2;
}
.nav .nav_itemList {
  position: absolute;
  top: 97px;
  left: 0;
  background-color: #fff;
  padding: 13px 0;
  width: 100%;
  border-top: 1px solid #e7e7e7;
  box-sizing: border-box;
  display: none;
}
.nav .nav_itemList:hover {
  display: block !important;
}
.nav .nav_itemList .nav_itemList_con {
  margin: 0 auto;
  text-align: center;
}
.nav .nav_itemList .nav_itemList_conItem {
  display: inline-block;
  font-size: 16px;
  color: #666;
  line-height: 30px;
  padding: 0 17.5px;
  text-align: center;
  box-sizing: border-box;
  margin-right: 20px;
}
.nav .nav_itemList .nav_itemList_conItem:hover {
  background-color: #34bdca;
  border-radius: 15px;
  color: #fff;
}
.nav .nav_itemList .nav_itemList_conItemActive {
  background-color: #34bdca;
  border-radius: 15px;
  color: #fff;
}
.CN_EN {
  float: right;
  font-size: 14px;
  line-height: 24px;
  color: #999;
  margin: 11.5px 35px 0 0;
  display: none;
}
.CN_EN .CN,
.CN_EN .EN {
  color: #999;
}
.CN_EN .Or {
  margin: 0 10px;
}
.OA {
  float: right;
  font-size: 12px;
  line-height: 24px;
  padding: 3px 6px;
  border-radius: 50%;
  background-color: #17b4c3;
  margin: 8px 14px 0 0;
}
.OA a {
  color: #fff;
  display: block;
}
.shoucang {
  float: right;
  width: 30px;
  height: 30px;
  background: url("../img/shoucang.png") no-repeat 100%;
  display: block;
  margin-top: 8px;
}
@media (max-width: 1600px) {
  .header {
    padding: 23px 15px 0px 15px;
  }
  .header .shoucang {
    display: none;
  }
  .header .OA {
    display: none;
  }
  .header .logo {
    margin: 8px 43px 0 0;
    width: 502px;
    height: 66px;
  }
  .header .CN_EN {
    margin-right: 18px;
  }
}
.k-header-box {
  width: 1400px;
  margin: 0px auto;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0px;
}
.k-nav-tip-box {
  border-bottom: 1px solid #e7e7e7;
}
.k-nav-tip-box .k-nav-tip {
  text-align: center;
  word-spacing: -5px;
}
.k-nav-tip-box .k-nav-tip>li {
  display: inline-block;
  padding: 0 34px;
}
.k-nav-tip-box .k-nav-tip>li>a {
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #666;
  padding: 12px 0px;
}
.k-nav-tip-box .k-nav-tip>.active>a {
  color: #1ab5c2;
  border-bottom: 2px solid #1ab5c2;
}
.k-nav-mainBox {
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 160px;
  z-index: 99;
  display: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}
.k-nav-conBox {
  width: 1400px;
  height: 500px;
  margin: 0 auto;
  word-spacing: -5px;
}
.k-nav-conBox .k-nav-class {
  width: 140px;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #e7e7e7;
  padding: 14px 0px;
}
.k-nav-conBox .k-nav-class li {
  line-height: 24px;
}
.k-nav-conBox .k-nav-class li a {
  font-size: 16px;
  color: #333;
  display: block;
  padding: 9px 0px;
  padding-left: 24px;
}
.k-nav-conBox .k-nav-class li:hover a {
  color: #1ab5c2;
}
.k-nav-conBox .k-nav-class .active a {
  color: #1ab5c2;
}
.k-nav-conBox .k-nav-class:hover {
  background: #e8f7f9;
}
.k-nav-conBox .active {
  background: #e8f7f9;
}
.k-nav-type {
  display: none;
  padding: 12px 0px;
  text-align: center;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  background-color: #fff;
  position: absolute;
  left: 0px;
  right: 0px;
}
.k-nav-type li {
  display: inline-block;
  margin: 0 15px;
}
.k-nav-type li a {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 26px;
  padding: 2px 12px;
  border-radius: 15px;
}
.k-nav-type li:hover a {
  background: #34bdca;
  color: #fff;
}
.k-nav-type .active a {
  background: #34bdca;
  color: #fff;
}
@media screen and (max-width: 1420px) {
  .k-nav-tip-box .k-nav-tip>li {
    padding: 0 24px;
  }
  .k-nav-conBox {
    width: auto;
    text-align: center;
  }
  .k-nav-conBox .k-nav-class {
    width: auto;
    min-width: 120px;
  }
  .k-nav-conBox .k-nav-class li a {
    padding-left: 0px;
  }
}
.footer {
  background-color: #5d6c83;
  position: absolute;
  width: 100%;
  left: 0;
  color: #fff;
  padding: 25px 0;
  font-size: 14px;
  line-height: 24px;
}
.footer .footer_con {
  width: 800px;
  margin: 0 auto;
}
.footer .footer_con:after {
  display: block;
  content: '';
  clear: both;
}
.footer .footer_con .adress,
.footer .footer_con .phone,
.footer .footer_con .shinshin {
  float: left;
}
.footer .footer_con .plan {
  clear: both;
  width: 100%;
  text-align: center;
}
.footer .footer_con .adress {
  margin-right: 24px;
}
.footer .footer_con .phone {
  margin-right: 20px;
}
.footer .k-foot_wid {
  width: 800px;
}
.clear:after {
  clear: both;
  content: '';
  display: block;
}
#wrapper {
  width: 100%;
  min-width: 1200px;
  height: 100%;
}
.dividing_line {
  position: relative;
}
.dividing_line::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  border-top: 1px solid #181517;
}
.dividing_line::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #2c292b;
}
.dividing_line_nolast {
  position: relative;
}
.dividing_line_nolast::before {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  border-top: 1px solid #181517;
}
.dividing_line_nolast::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #2c292b;
}
.dividing_line_nolast:last-child::before {
  content: '';
  position: absolute;
  width: 0;
}
.dividing_line_nolast:last-child::after {
  content: '';
  position: absolute;
  width: 0;
}
.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}
/* rightnav 右侧悬浮导航 */
.rightnav { width: 52px; border: 1px solid #ccc; font-size: 0px; display: block; position: fixed; top: 50%; right: 0px;z-index: 999; }
.rightnav ul { margin: 0px; padding: 0px; }
.rightnav ul li { width: 52px; display: block; height: 52px; overflow: hidden; list-style: none; background-position: 0 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.rightnav ul li:hover { background-position: 0px -62px; }
.rightnav ul li+li { margin-top: 5px; }
.rightnav ul li a { display: block; width: 100%; height: 100%; }
.qq { background: url(../img/QQ.png) no-repeat; }
.weixin { background: url(../img/weixin.png) no-repeat; }
.weixin-logo { background: #fff; font-size: 12px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; right: 127px; transform: rotate(720deg); -webkit-transition: ease-out .5s; -moz-transition: ease-out .5s; -ms-transition: ease-out .5s; -o-transition: ease-out .5s; }
.weixin-logo>img { width: 100%; }
.weixin:hover .weixin-logo { width: 130px; height: auto; top: 0px; right: 52px; text-align: center; color: #000; transform: rotate(0deg); }

.rightnav  .yiyuan {background: url(../img/yiyuan.png) no-repeat;}
 .yiyuan-logo { background: #fff; font-size: 12px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; right: 127px; transform: rotate(720deg); -webkit-transition: ease-out .5s; -moz-transition: ease-out .5s; -ms-transition: ease-out .5s; -o-transition: ease-out .5s; }
.yiyuan-logo>img { width: 100%; }
.yiyuan:hover .yiyuan-logo { width: 130px; height: auto; top: 0px; right: 52px; text-align: center; color: #000; transform: rotate(0deg); }



.rightnav .liuyan { background: url(../img/liuyan.png) no-repeat; }
.rightnav .gotop { background: url(../img/gotop.png) no-repeat; }
