锘緻charset "UTF-8";
@font-face {
    font-family: hyzhj;
    src: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/css/hyzhj.ttf'), url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/css/hyzhj.eot'), url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/css/hyzhj.woff');
    font-weight: normal;
}

@font-face {
    font-family: hyxdx;
    src: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/css/hyxdx.ttf'), url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/css/hyxdx.eot'), url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/css/hyxdx.woff');
    font-weight: normal;
}

.index-page { font-family: hyzhj !important; }

.hyxdx { font-family: hyxdx !important; }

.hide { display: none; }

html, body { font-family: Arial, hyxdx !important; }

.container { margin: 0 auto; width: 1200px; overflow: hidden; }

@media only screen and (max-width: 1200px) { .container { width: 100%; } }

@media only screen and (max-width: 1100px) { .container { width: 1100px; } }

a:link, a:visited, a:hover, a:active { color: #000; text-decoration: none; }

html, body { font-size: 18px; background-color: #fff; }

input, img, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.fl { float: left; display: inline; }

.fr { float: right; display: inline; }

/* 1琛岃秴鍑烘埅鏂 */
.overtext1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* 2琛岃秴鍑烘埅鏂 */
.overtext2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

/* 3琛岃秴鍑烘埅鏂 */
.overtext3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.com-title { text-align: center; font-size: 26px; color: #fff; }

.com-title span {
    display: inline-block;
    padding: 15px 46px;
    position: relative;
    background-color: #8EB6B6;
}

.com-title span::before, .com-title span::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 23px;
    width: 198px;
    height: 2px;
    background-color: #8EB6B6;
}

.com-title span::before { left: -210px; }

.com-title span::after { right: -210px; }

.com-txt-swiper-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 83px 188px 58px 44px; width: 651px; background-color: #ebf2ff; }

.com-txt-swiper-wrapper .txt-swiper { margin-bottom: 44px; }

.com-txt-swiper-wrapper .txt-swiper .title { display: inline-block; padding-bottom: 20px; margin-bottom: 20px; font-size: 26px; line-height: 1.2; border-bottom: 1px solid #000; }

.com-txt-swiper-wrapper .txt-swiper .txt { line-height: 1.6; font-size: 16px; color: #000; }

.com-txt-swiper-wrapper .pagination { text-align: center; }

.com-txt-swiper-wrapper .swiper-pagination-switch { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin: 0 13px; border: 1px solid #c0cce3; cursor: pointer; }

.com-txt-swiper-wrapper .swiper-active-switch { background: #c0cce3; }

.com-txt-swiper-wrapper .icon-left {
    display: inline-block;
    width: 17px;
    height: 36px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-left.png');
    background-size: 100% 100%;
}

.com-txt-swiper-wrapper .icon-right {
    display: inline-block;
    width: 17px;
    height: 36px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-right.png');
    background-size: 100% 100%;
}

.com-txt-swiper-wrapper .swiper-nav { text-align: left; }

.com-txt-swiper-wrapper .swiper-nav > div { display: inline-block; }

.com-txt-swiper-wrapper .arrow-btn { position: relative; width: 35px; height: 51px; background: none; background-color: #c0cce3; }

.com-txt-swiper-wrapper .arrow-btn i { display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.com-txt-swiper-wrapper .swiper-button-prev, .com-txt-swiper-wrapper .swiper-container-rtl .swiper-button-next, .com-txt-swiper-wrapper .swiper-button-next, .com-txt-swiper-wrapper .swiper-container-rtl .swiper-button-prev { left: auto; right: auto; }

.com-txt-swiper-wrapper .swiper-button-next, .com-txt-swiper-wrapper .swiper-button-prev { margin: 0; }

.com-txt-swiper-wrapper .swiper-button-next { margin-left: 20px; }

.com-txt-swiper-wrapper .swiper-button-prev { margin-right: 20px; }

.com-txt-swiper-wrapper .swiper-pagination, .com-txt-swiper-wrapper .arrow-btn { position: relative; vertical-align: middle; }

.com-txt-swiper-wrapper .swiper-pagination-bullet { width: 10px; height: 10px; border: 1px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; margin-right: 10px; }

.com-txt-swiper-wrapper .swiper-pagination-bullet:last-of-type { margin-right: 0; }

.com-txt-swiper-wrapper .swiper-pagination-bullet-active { background-color: #c0cce3; border: none; }

.video-wrapper { display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999999; }

.video-wrapper video { display: block; max-height: 80%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }

.video-layer-box { position: relative; }

.video-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.video-layer::after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    display: block;
    width: 70px;
    height: 70px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-play.png');
    background-size: 100% 100%;
}

.video-layer:hover { background-color: rgba(0, 0, 0, 0.1); }

.common-contact-part { margin-bottom: 50px; padding-top: 50px; border-top: 1px solid #000; }

.common-contact-part > .title { display: inline-block; padding-bottom: 10px; margin-bottom: 20px; font-size: 16px; font-weight: bold; color: #000; border-bottom: 1px solid #000; }

.common-contact-part > .wrapper { text-align: center; }

.common-contact-part > .wrapper > div, .common-contact-part > .wrapper > i { display: inline-block; }

.common-contact-part > .wrapper > div { padding-top: 16px; text-align: left; font-size: 12px; line-height: 1.5; }

.common-contact-part > .wrapper .line {
    width: 1px;
    height: 120px;
    background-color: #8EB6B6;
}

.common-contact-part > .wrapper .contact { position: relative; left: -300px; }

.news-item:hover img {
  -webkit-animation: newBig .2s ease forwards;
  animation: newBig .2s ease forwards;
}

@-webkit-keyframes newBig {
  to {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
}

@keyframes newBig {
  to {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
  }
}

.component-header {
    height: 80px;
    background-color: #8EB6B6;
}

.component-header .nav-wrapper {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  color: #fff;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.component-header .nav-wrapper .search-box {
  display: none;
  position: absolute;
  right: 10%;
  top: 72px;
  width: 233px;
  height: 33px;
}

.component-header .nav-wrapper .search-box input {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-sizing: border-box;
  border: 1px solid #b3b8da;
  outline: none;
  padding-right: 28px;
  padding-left: 10px;
}

.component-header .nav-wrapper .search-box .icon-search {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 100%;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-search-btn.png');
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.component-header .nav-wrapper .l-part {
  display: flex;
  align-items: center;
}

.component-header .nav-wrapper a {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.component-header .logo {
    display: inline-block;
    width: 78.6px;
    height: 36.6px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/logo.png');
    background-size: 100% 100%;
}

.component-header .l-part .logo {
  margin-right: 140px;
}

.component-header .r-part .t {
  font-size: 0;
}

.component-header .r-part .t > div {
  display: inline-block;
  font-size: 15px;
}

.component-header .r-part .t .line {
  display: inline-block;
  margin: 0 16px;
}

.component-header .r-part .t .language {
  margin-left: 18px;
}

/* .component-header .r-part .b { position: relative; width: 357px; height: 37px; border-radius: 10px; overflow: hidden; } */

/* .component-header .r-part .b input { padding: 4px 50px 4px 4px; display: block; width: 100%; height: 100%; } */

.component-header .r-part .search-btn {
    display: inline-block;
    margin-left: 38px;
    width: 22px;
    height: 22px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-search-pc.png');
    background-size: 100% 100%;
}

.component-header .r-part .search-btn.close {
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-close.png');
}

.component-header .link-wrapper {
  display: inline-block;
}

.component-header .link-wrapper .t {
  margin-bottom: 26px;
}

.component-header .link-wrapper .t > span {
  font-size: 15px;
  margin-right: 33px;
  vertical-align: middle;
}

.component-header .link-wrapper .t ul {
  vertical-align: middle;
  display: inline-block;
  font-size: 0;
}

.component-header .link-wrapper .t ul li {
  margin-right: 24px;
  vertical-align: middle;
  display: inline-block;
}

.component-header .link-wrapper .b {
  font-size: 0;
}

.component-header .link-wrapper .b li {
  position: relative;
  margin-right: 97px;
  display: inline-block;
}

.component-header .link-wrapper .b li:last-of-type {
  margin-right: 0;
}

.component-header .link-wrapper .b li.active ::after {
  display: block;
  position: absolute;
  left: 50%;
  top: 37px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 12px 7px;
  border-color: transparent transparent #fff transparent;
}

.component-header .link-wrapper .b li a {
  font-size: 16px;
  cursor: pointer;
}

.component-header .nav-list-wrapper {
  display: none;
  position: relative;
  z-index: 999;
  background-color: #fff;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}

.component-header .nav-list-wrapper > div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 38px 0 52px 185px;
  text-align: left;
}

.component-header .nav-list-wrapper > div ul, .component-header .nav-list-wrapper > div > .img {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
}

.component-header .nav-list-wrapper > div:nth-child(4) ul { margin-left: -230px;width: 350px; }

.component-header .nav-list-wrapper > div ul { margin-right: 41px;float: left; }

.component-header .nav-list-wrapper > div ul li { margin-bottom: 24px; text-align: right; }

.component-header .nav-list-wrapper > div ul li.active { position: relative; font-weight: bold; }

.component-header .nav-list-wrapper > div ul li.active::after { display: block; position: absolute; right: -34px; top: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 18px; border-color: transparent transparent transparent #000; }

.component-header .gzwm_list{float: left;}
.component-header .gzwm_list ul{margin: 0 auto;position: relative;}

.component-header .gzwm_list ul li {
  display: inline-block;
  float: left;
}

.component-header .gzwm_list ul li:last-of-type {
}

.component-header .gzwm_list ul li a img { /* border: 1px solid red; */
  height: 18px;
}

.component-header .gzwm_list ul li a {
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  color: #fff; /* border: 1px solid red; */
  margin: 0 15px;
}

.component-header .gzwm_list ul li:hover {
  border: 0
}

.component-header .gzwm_list .qrcode {
  display: none;
  width: 120px;
  height: auto;
  position: absolute;
  left: 0;
  top: 44px;
}

.component-header .gzwm_list .qrcode img {
  width: 100%;
  height: auto;
  display: none;
}

.component-header .gzwm_list .qrcode.qrcode01 {
  left: -30px;
}

.component-header .gzwm_list .qrcode.qrcode02 {
  left: -35px;
}

.component-header .gzwm_list .qrcode.qrcode04 {
  left: 69px;
}

.component-header .gzwm_list .qrcode.qrcode05 {
  left: 120px;
}

.component-header .r-part .search-btn {
  float: left;
  height: 18px;
  width: 18px;
  margin-left: 15px;
  margin-right: 15px;
}


.aniFadeInUp {
  -webkit-animation: my-fadeInUp cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s forwards;
  animation: my-fadeInUp cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s forwards;
}

@-webkit-keyframes my-fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes my-fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
            transform: translate3d(0, 20%, 0); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

/* footer */
.bottom-nav { height: 123px; }

html, body { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }

#scroll-wrapper { width: 100%; height: 100%; overflow: auto; }

article.content { padding-top: 80px; min-height: calc(100% - 80px - 123px); }

#top-nav { width: 100%; position: fixed; z-index: 99; }

.page-404 .content {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: calc(100% - 120px);
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/404.png');
    background-size: 928.4px 700.7px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.page-404 .content .back-btn { display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 602px; font-size: 24px; color: #2e3192; }

.page-404 .content .back-btn span { border-bottom: 1px solid #2e3192; }

.component-footer { position: relative; }

.component-footer > p { position: absolute; top: 0; left: 0; width: 100%; text-align: center; background-color: #fff; }

.component-footer .wrapper {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    background-color: #8EB6B6;
}

.component-footer .wrapper p, .component-footer .wrapper span, .component-footer .wrapper a { color: #fff; }

.component-footer .wrapper .container { padding-right: 1.45rem; position: relative; overflow: visible; }

.component-footer .wrapper .container::after { content: ''; }

.component-footer { font-size: 12px; height: 100%; }

.component-footer .container { -webkit-box-sizing: border-box; box-sizing: border-box; }

.component-footer .container .l { width: 700px; height: 50px; overflow: hidden; }

.component-footer .container .l a { display: inline-block; padding-bottom: 6px; margin-left: 8px; border-bottom: 1px solid #fff; }

.component-footer .container .r { padding-top: 20px; position: relative; }

.component-footer .container .r > p { display: inline-block; }

.component-footer .container .r > p a { cursor: pointer; }

.component-footer .container .r > p a:hover { display: inline-block; border-bottom: 1px solid #fff; }

.component-footer .container .r > p span { margin: 0 21px; }

.component-footer .container .r .icon { display: inline-block; width: 29px; height: 23px; background-size: 100% 100%; vertical-align: middle; }

.component-footer .container .r .phone { display: none; position: absolute; top: -140px; left: -72px; padding: 20px 37px 24px 33px; border: 1px solid #000; border-radius: 10px; background-color: #fff; }

.component-footer .container .r .phone::after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -11px; display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 10.5px 0 10.5px; border-color: #ffffff transparent transparent transparent; }

.component-footer .container .r .phone::before { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -12px; display: inline-block; content: ''; width: 0; height: 0; border-style: solid; border-width: 11px 10.5px 0 10.5px; border-color: #000000 transparent transparent transparent; }

.component-footer .container .r .phone p { margin-bottom: 20px; color: #000; }

.component-footer .container .r .phone p:last-of-type { margin-bottom: 0; }

.component-footer .container .r .wxqr { display: none; position: absolute; z-index: 999; left: 30px; top: -220px; }

.component-footer .container .r .wxqr img { display: block; -webkit-box-shadow: 0 0 2px 2px #ccc; box-shadow: 0 0 2px 2px #ccc; }

.component-footer .icon-tel {
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-tel.png');
    background-size: 100% 100%;
}

.component-footer .icon-mail {
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle;
    width: 27px;
    height: 21px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-mail.png');
    background-size: 100% 100%;
}

.icon-top {
    display: none;
    position: fixed;
    z-index: 99;
    right: 80px;
    bottom: 80px;
    width: 50px;
    height: 50px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-top.png');
    background-size: 100% 100%;
    cursor: pointer;
}

.news-scroll-swiper { margin-top: 20px; height: 30px; overflow: hidden; }

.icon-list { display: none; position: absolute; z-index: 999; left: 20px; top: -88px; width: 140px; height: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 10px 0 10px; border: 1px solid #000; border-radius: 10px; background-color: #fff; }

.icon-list::before, .icon-list::after { position: absolute; left: 62%; content: ''; display: block; width: 0; height: 0; border-style: solid; }

.icon-list::before { bottom: -11px; border-width: 11px 10.5px 0 10.5px; border-color: #000 transparent transparent transparent; }

.icon-list::after { position: absolute; bottom: -10px; border-width: 11px 10.5px 0 10.5px; border-color: #fff transparent transparent transparent; }

.icon-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; width: 100%; margin-bottom: 14px; }

.icon-list ul a { display: block; width: 100%; height: 100%; }

.icon-wx {
    width: 20px;
    height: 16px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-wx.png');
    background-size: 100% 100%;
}

.icon-wb {
    width: 20px;
    height: 16px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-wb.png');
    background-size: 100% 100%;
}

.icon-dy {
    width: 18px;
    height: 16px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-dy.png');
    background-size: 100% 100%;
}

.icon-tt {
    width: 30px;
    height: 16px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-tt.png');
    background-size: 100% 100%;
}

.icon-xhs {
    width: 46px;
    height: 16px;
    background-image: url('https://chandogroup-web.oss-cn-shanghai.aliyuncs.com/old/assets/images/pages/icon-xhs.png');
    background-size: 100% 100%;
}



@media only screen and (max-width:1750px ) {
  .component-header .link-wrapper .b li { margin-right: 60px; }
}
/*1600x900*/
@media only screen and (max-width:1600px ) {
  .page-404 .content {
    background-size: 767.232px 578.664px;
  }
  .page-404 .content .back-btn {
    bottom: 500px;
  }
  .component-header .link-wrapper .b li { margin-right: 40px; }
}

/*1440x900*/
@media only screen and (max-width:1440px ) {
  .component-header .link-wrapper .b li { margin-right: 20px; }
}

/*1366x768*/
@media only screen and (max-width:1366px ) {
  .page-404 .content {
    background-size: 621.5px 468.72px;
  }
  .page-404 .content .back-btn {
    bottom: 405px;
  }
  .component-header .link-wrapper .b li { margin-right: 20px; }

  .component-header .l-part .logo { margin-right: 80px; }
}


/*2560x1080*/
@media only screen and (min-width:2000px ) {
  .page-404 .content {
    background-size: 1065.6px 803.7px;
  }
  .page-404 .content .back-btn {
    bottom: 700px;
  }
}