/* header */
.header {position: relative;z-index: 9;}
.header.index {position: fixed;top: 0;left: 0;right: 0;}
.header .top-box {font-size: 0;padding: 0 3.125vw;background-color: #4c4e52;height: 36px;position: relative;z-index: 5;}
.header .top-box:after {content: '';display: block;clear: both;}
.header .left-box {position: absolute;left: 3.125vw;top: 0;font-size: 14px;color: #fff;line-height: 36px;}
.header .right-box {position: absolute;right: 3.125vw;top: 0;}
.header .link {display: inline-block; vertical-align: top;}
.header .link a {display: inline-block;font-size: 14px;color: #fff;line-height: 36px;}
.header .link a:after {content: '';display: inline-block;vertical-align: middle;margin: 0 20px;width: 1px;height: 12px;background-color: rgba(255, 255, 255, 0.2);}
.header .link a:last-of-type:after {display: none;}
.header .lang {position: relative;display: inline-block;vertical-align: top;margin-left: 40px;}
.header .lang span {display: block;font-size: 14px;color: #fff;line-height: 36px;cursor: pointer;}
.header .lang span:before {content: '';width: 16px;height: 16px;background-position: center;background-repeat: no-repeat;
  background-size: contain;background-image: url("/images/icon-3.png");display: inline-block;vertical-align: middle;margin: -3px 10px 0 0;}
.header .lang span:after {content: '';width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;
  border-top: 4px solid #fff;display: inline-block;vertical-align: middle;margin: -3px 0 0 5px;
}
.header .lang .hide {position: absolute;width: 90px;top: 100%;left: 50%;margin-left: -45px;padding-top: 8px;opacity: 0;visibility: hidden;}
.header .lang .hide:before {content: '';width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(0, 0, 0, 0.8);position: absolute;top: 2px;left: 0;right: 0;margin: 0 auto;
}
.header .lang .hide a {display: block;font-size: 12px;line-height: 30px;color: #fff;margin-bottom: 1px;text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .header .lang .hide a:hover {background-color: #b51716;}
}
.header .lang:hover .hide {opacity: 1;visibility: visible;}
.header .main {background-color: #fff;padding: 0 3.125vw;position: relative;}
.header .logo {position: absolute;left: 3.125vw;top: 50%;margin-top: -32px;font-size: 0;}
.header .logo img {height: 64px;}
.header .nav {font-size: 0;text-align: center;}
.header .nav li {display: inline-block;vertical-align: top;}
.header .nav li a.single {position: relative;display: block;font-size: 18px;line-height: 100px;color: #4c4e52;padding: 0 1vw;z-index: 2;}
.header .nav li a.single:after {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;position: absolute;bottom: -1px;left: 0;right: 0;margin: 0 auto;opacity: 0;visibility: hidden;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.header .nav li .drop {
  font-size: 0;background-color: #fff;position: absolute;top: 100%;left: 0;right: 0;padding: 3.5vw;text-align: center;
  border-top: 1px solid #e6e6e6;box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);opacity: 0;visibility: hidden;display: none;
}
.header .nav li .drop .link{display: none;}
.header .nav li .drop-1 a {display: inline-block;vertical-align: top;margin: 0 12px;position: relative;max-width: calc(20% - 24px);}
.header .nav li .drop-1 a .img-box {overflow: hidden;}
.header .nav li .drop-1 a img {display: block;width: 100%;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.header .nav li .drop-1 a h3 {font-size: 16px;color: #fff;position: absolute;bottom: 10px;left: 20px;right: 20px;text-align: left;}
@media screen and (min-width: 1025px) {
  .header .nav li .drop-2 .box:hover h4{background-image: url(/images/d-2.png);}
  .header .nav li .drop-1 a:hover img {
    -webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);  
    transform: scale(1.1);
  }
}
.header .nav li .drop-2 .block {display: inline-block;vertical-align: top;width: 18vw;max-width: 360px;margin: 0 2vw;text-align: left;}
.header .nav li .drop-2 .block:nth-of-type(1) h3 a:before {width: 27px;height: 24px;background-image: url("/images/nav-icon-1.png");}
.header .nav li .drop-2 .block:nth-of-type(2) h3 a:before {width: 30px;height: 24px;background-image: url("/images/nav-icon-2.png");}
.header .nav li .drop-2 .block:nth-of-type(3) h3 a:before {width: 24px;height: 24px;background-image: url("/images/nav-icon-3.png");}
.header .nav li .drop-2 .block:nth-of-type(4) h3 a:before {width: 24px;height: 24px;background-image: url("/images/nav-icon-4.png");}
.header .nav li .drop-2 .box {margin-top: 14px;}
.header .nav li .drop-2 .box h4{box-sizing:border-box;padding-right: 30px;background: url(../images/d.png) right center no-repeat;}
.header .nav li .drop-2 h3 {font-size: 24px;padding-bottom: 24px;border-bottom: 2px solid #e6e6e6;}
.header .nav li .drop-2 h3 a {color: #4c4e52;color: #4c4e52;display: block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
  box-sizing: border-box;background-size: auto 24px;background-position: left center;background-repeat: no-repeat;
}
.header .nav li .drop-2 h3 a:before {content: '';display: inline-block;vertical-align: middle;margin-right: 8px;margin-top: -3px;background-position: center;
  background-repeat: no-repeat;background-size: contain;
}
.header .nav li .drop-2 h4 {font-size: 20px;}
.header .nav li .drop-2 h4 a {color: #4c4e52;}
.header .nav li .drop-2 h4 a:hover {color: #b51716;}
.header .nav li .drop-2 .link {margin-top: 10px;}
.header .nav li .drop-2 .link a {display: block;font-size: 12px;line-height: 24px;color: #898989;}
.header .nav li .drop-2 .link a:hover {color: #b51716;}
.header .nav li.active a.single {color: #b51716;}
@media screen and (min-width: 1025px) {
  .header .nav li a.single {-webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
  .header .nav li.drop a.single:after {opacity: 1;  visibility: visible;}
  .header .nav li.active a.single {color: #b51716;}
  .header .nav li:hover a.single {background-color: #b51716;  color: #fff;}
  .header .nav li:hover .drop {opacity: 1;  visibility: visible; display: block;}
}
.header form {position: absolute;right: 3.125vw;top: 50%;margin-top: -24px;width: 360px;height: 48px;background-color: #f5f5f5;border-radius: 24px;
  padding-right: 48px;overflow: hidden;
}
.header input {
  display: block;width: 100%;height: 100%;padding: 0 20px;font-size: 16px;color: #666;background-color: transparent;
}
.header button {position: absolute;right: 0;top: 0;width: 48px;height: 48px;background-position: center;background-repeat: no-repeat;
  background-color: transparent;background-image: url("/images/icon-4.png");cursor: pointer;
}
.header.down .top-box {height: 0;overflow: hidden;}
.header.down .nav li a.single {line-height: 70px;}

.nav-bg {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.3);z-index: 2;opacity: 0;visibility: hidden;}
.nav-bg.active {opacity: 1;visibility: visible;}

/* footer */
.footer {background-color: #f5f5f5;padding: 40px 3.125vw;font-size: 0;position: relative;z-index: 5;margin-top: -5px;}
.footer .block {position: relative;}
.footer .block:after {content: '';display: block;clear: both;}
.footer .left-box {float: left;padding-bottom: 85px;}
.footer .center-box {width: 490px;position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;text-align:center;}
.footer .right-box {float: right;padding-bottom: 60px;text-align: right;}
.footer .tit {font-size: 18px;color: #4c4e52;}
.footer .para { margin-top: 20px;font-size: 14px;line-height: 1.8;color: #808080;height: 56px;}
.footer .icp {position: absolute;bottom: 0;left: 0;font-size: 14px;color: #808080;}
.footer .item {display: inline-block;vertical-align: top;width: 128px;margin: 0 5px;text-align: center;}
.footer .item .img {background-color: #fff;padding: 4px;}
.footer .item img {max-width: 100%;}
.footer .item p {font-size: 14px;color: #808080;margin-top: 20px;}
.footer .link a {display: inline-block;vertical-align: top;font-size: 18px;color: #4c4e52;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;transition: color 0.3s ease;}
.footer .link a:after {content: '';width: 1px;height: 12px;background-color: #898989;display: inline-block;vertical-align: middle;margin: 0 24px;}
.footer .link a:last-of-type:after {display: none;}
.footer-link{padding: 15px 3.125vw;}
.footer-link li{display: inline-block;}
.footer-link li:after{content: "|";margin: 0 5px;}
.footer-link li:first-child:after,.footer-link li:last-child:after{display: none;}
@media screen and (min-width: 1025px) {
  .footer .link a:hover {color: #b51716;}
}
.footer .share {position: absolute;right: 0;bottom: 0;}
.footer .share a {float: none;display: inline-block;vertical-align: top;width: 36px;height: 36px;background-color: rgba(137, 137, 137, 0.2);
  background-position: center;background-repeat: no-repeat;border-radius: 50%;margin: 0 0 0 10px;padding: 0;
}
.footer .share a:first-of-type {margin-left: 0;}
.footer .share a[data-cmd="weixin"] {background-image: url("/images/share-1.png");}
.footer .share a[data-cmd="tsina"] {background-image: url("/images/share-2.png");}
.footer .share a[data-cmd="fbook"] {background-image: url("/images/share-3.png");}
.footer .share a[data-cmd="twi"] {background-image: url("/images/share-4.png");}
.footer .share a[data-cmd="linkedin"] {background-image: url("/images/share-5.png");}

@media screen and (max-width: 1700px) {
  .header form {width: 260px;  height: 40px;  margin-top: -20px;  padding-right: 40px;}
  .header button {width: 40px;  height: 40px;}
  .header .nav li a.single {font-size: 16px;  line-height: 80px;}
}
@media screen and (max-width: 1600px) {
  .header .nav li .drop-2 h3 {font-size: 20px;  padding-bottom: 15px;}
  .header .nav li .drop-2 .box {margin-top: 15px;}
  .header .nav li .drop-2 h4 {font-size: 16px;}

  .footer .tit,
  .footer .link a {font-size: 16px;}
  .footer .link a:after {margin: 0 15px;}
  .footer .item p {margin-top: 10px;}
}
@media screen and (max-width: 1366px) {
  .header .logo {margin-top: -25px;}
  .header .logo img {height: 50px;}
  .header form {width: 230px;}
  .header .nav {padding-right: 70px;}
  .header .nav li a.single {line-height: 70px;}
  .footer .center-box {width: 410px;}
  .footer .item {width: 100px;}
}
@media screen and (max-width: 1024px) {
  body {padding-top: 64px;}

  .header {position: fixed;  top: 0;  left: 0;  right: 0;}
  .header .top-box {height: 24px;  padding: 0 20px;}
  .header .left-box {display: none;}
  .header .right-box {position: static;}

  .header .link a,
  .header .lang span {font-size: 12px;  line-height: 24px;}
  .header .link a:after {margin: 0 10px;}
  .header .lang {position: absolute;  margin-left: 0;  right: 20px;  top: 0;}
  .header .lang span:before {width: 12px;  height: 12px;  margin: -1px 5px 0 0;}
  .header .lang .hide {width: 80px;  margin-left: -40px;}
  .header .main {padding: 0 20px;  height: 40px;}
  .header .logo img {height: 28px;}
  .header .logo {margin-top: -14px;  left: 20px;}
  .header form {width: 160px;  height: 26px;  right: 54px;  padding-right: 26px;  margin-top: -13px;}
  .header button {width: 26px;  height: 26px;  background-size: auto 12px;}
  .header input {padding: 0 10px;  font-size: 14px;}

  .header .nav {position: fixed;  top: 0;  left: 100%;  width: 100%;  height: 100%;  background-color: #fff;  padding: 70px 0 0;  z-index: 3;  -webkit-transition: left 0.3s linear;  -moz-transition: left 0.3s linear;  -ms-transition: left 0.3s linear;  transition: left 0.3s linear;}
  .header .nav.active {left: 0;}
  .header .nav ul {height: 100%;  padding: 0 45px 45px;  overflow: auto;}
  .header .nav li {display: block;  text-align: left;}
  .header .nav li a.single {display: inline-block;  vertical-align: top;  padding: 0;  font-size: 18px;  line-height: 50px;}
  .header .nav li a.single:after {display: none;}
  .header .nav li i {margin-left: 10px;  display: inline-block;  vertical-align: top;  width: 50px;  height: 50px;  
     background: url("/images/drop.png") center no-repeat;background-size: auto 10px;}

  .dom-loaded .header .nav li .drop {position: static;  opacity: 1;  visibility: visible;  box-shadow: none;  padding: 15px 20px;  display: none;}
  .header .nav li .drop-1 a {display: block;  margin: 0;  max-width: none;}
  .header .nav li .drop-1 a .img-box {display: none;}
  .header .nav li .drop-1 a h3 {font-size: 15px;  line-height: 30px;  color: #333;  position: static;}
  .header .nav li .drop-2 .block {width: 100%;  max-width: none;  margin: 20px 0 0;}
  .header .nav li .drop-2 .block:nth-of-type(1) {margin-top: 0;}
  .header .nav li .drop-2 h3 {border-bottom-width: 1px;}
  .header .nav li .drop-2 h3 {font-size: 16px;}
  .header .nav li .drop-2 h4 {font-size: 14px;}
  .header .nav li .drop-2 .box {padding-left: 20px;}

  .mNavBtn {display: block;  width: 24px;  height: 16px;  right: 20px;  top: 36px;  position: fixed;  cursor: pointer;  z-index: 4;}
  .mNavBtn.active .line2 {display: none;}
  .mNavBtn.active .line1 {-webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  top: 7px;}
  .mNavBtn.active .line3 {-webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);  bottom: 7px;}
  .mNavBtn span {position: absolute;  left: 0;  width: 24px;  height: 2px;  background: #b51716;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  transition: all 0.3s ease;}
  .mNavBtn span.line1 {top: 0;}
  .mNavBtn span.line2 {top: 7px;}
  .mNavBtn span.line3 {bottom: 0;}

  .footer {padding: 40px 30px;}
  .footer .center-box,
  .footer .share {display: none;}
  .footer .left-box,
  .footer .right-box {float: none;  text-align: center;  padding-bottom: 0;}
  .footer .para {font-size: 12px;  line-height: 20px;  height: auto;}
  .footer .right-box {margin-top: 20px;}
  .footer .icp {position: static;  margin-top: 10px;  line-height: 1.8; text-align: center;}
  .footer-link{padding: 15px 30px;}
}

/* common */
.comm-crumbs {
  padding: 0 3.125vw;background-color: #fff;font-size: 0;border-top: 1px solid #e5e5e5;position: sticky;top: 0;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);z-index: 5;
}
.comm-crumbs:after {content: '';display: block;clear: both;}
.comm-crumbs .left-box {float: left;}
.comm-crumbs .left-box .PosList_a1{background-position: left center;background-repeat: no-repeat;background-size: 18px auto;
  background-image: url("/images/home.png");box-sizing: border-box;padding-left: 30px;}
.comm-crumbs .left-box a, .comm-crumbs .left-box b {display: inline-block;vertical-align: middle;font-weight: normal;}
.comm-crumbs .left-box a:after{
  content: '';width: 5px;height: 8px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("/images/crumbs.png");display: inline-block;vertical-align: middle;margin: 0 15px;
}
.comm-crumbs .right-box {float: right;}
.comm-crumbs .right-box li{display: inline-block;vertical-align: top;position: relative;}
.comm-crumbs .right-box a {display: inline-block;vertical-align: middle;}
.comm-crumbs .right-box li:before {content: '';position: absolute;left: 0;right: 40px;bottom: 0;height: 3px;background-color: #b51716;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.comm-crumbs .right-box li:after {content: '';display: inline-block;vertical-align: middle;margin: 0 20px;width: 1px;height: 14px;background-color: #dbdcdc;}
.comm-crumbs .right-box li:last-of-type:before {right: 0;}
.comm-crumbs .right-box li:hover, .comm-crumbs .right-box li.on {color: #b51716;}
.comm-crumbs .right-box li:hover:before, .comm-crumbs .right-box li.on:before {
  -webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);
}
.comm-crumbs .left-box a, .comm-crumbs .left-box b,
.comm-crumbs .right-box a {font-size: 16px;color: inherit;line-height: 70px;}
.comm-crumbs .left-box li:last-of-type:after,
.comm-crumbs .right-box li:last-of-type:after {display: none;}
.comm-crumbs a.view {
  position: absolute;right: 3.12vw;top: 50%;margin-top: -16px;width: 120px;line-height: 32px;font-size: 14px;color: #fff;background-color: #b51716;border-radius: 3px;text-align: center;
}

.inner-banner {position: sticky;top: 70px;}
.inner-banner img {display: block;width: 100%;}

.ResTitle_a4 br{display: none;}
.comm-tit {text-align: center;}
.comm-tit h3 ,.ResTitle_a4 span{font-size: 32px;display: block;}
.comm-tit h4 ,.ResTitle_a4 em{font-size: 60px;font-family: 'AVGARDM';line-height: 1;margin-top: 10px;font-style: normal;}
.comm-tit p {font-size: 16px;margin-top: 15px;}
.comm-tit.gray h3 ,.comm-tit.gray .ResTitle_a4 span{color: #4c4c4c;}
.comm-tit.gray h4 ,.comm-tit.gray .ResTitle_a4 em{color: #e5e5e5;}
.comm-tit.gray p ,{color: #4c4e52;}
.comm-tit.white h3,.comm-tit.white .ResTitle_a4 span{color: #fff;}
.comm-tit.white h4,.comm-tit.white .ResTitle_a4 em{color: rgba(255, 255, 255, 0.2);}

.comm-share {float: left;margin-left: -100px;margin-top: 9vw;width: 40px;position: sticky;top: 100px;
  -webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-ms-transition: opacity 0.3s ease;transition: opacity 0.3s ease;
}
.comm-share.visi {opacity: 0;}
.comm-share span {margin-top: 20px;height: 1px;background-color: #e6e6e6;display: block;}
.comm-share a {display: block;width: 40px;height: 40px !important;padding: 0 !important;margin: 10px 0 0 !important;float: none !important;
  background-position: center !important;background-repeat: no-repeat !important;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.comm-share a:first-of-type {border-radius: 50%;background-color: #e5e1ea;background-image: url("/images/news/icon-4.png");}
.comm-share a.wx {background-image: url("/images/news/icon-5.png");}
.comm-share a.wx:hover {background-image: url("/images/news/icon-5-on.png");}
.comm-share a.sina {background-image: url("/images/news/icon-6.png");}
.comm-share a.sina:hover {background-image: url("/images/news/icon-6-on.png");}

.comm-page,.page {font-size: 0;text-align: center;}
.comm-page li ,.page a,.page span {display: inline-block;vertical-align: top;margin: 0 5px;text-align:center;}
.comm-page li a {display: block;}
.page a,.page span{width: 40px;height: 40px;font-size: 14px;line-height: 38px;border: 1px solid #e6e6e6;color: #666666;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.comm-page li:hover a, .comm-page li.active a,.page span.on,.page a:hover,.page a.on,.page a.cur,.page span.cur {background-color: #b51716;color: #fff;}
.comm-page li:first-of-type a, .comm-page li:last-of-type a {background-position: center;background-repeat: no-repeat;background-image: url("/images/recruit/icon-3.png");}
.comm-page li:first-of-type:hover a, .comm-page li:last-of-type:hover a {background-image: url("/images/recruit/icon-3-on.png");}
.comm-page li:last-of-type a {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.pageinfo {display: none;}
#load_more_button{display: none;width: 8em;margin-left: auto;margin-right: auto;text-align:center;padding: 0.5em 0;border-radius: 2em;
    background: #b7070a;color: #fff;}

.video-pop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 11;display: none;}
.video-pop .bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 1;}
.video-pop .close {width: 32px;height: 32px;position: absolute;right: 20px;top: 20px;background: url("/images/close-1.png") center no-repeat;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
  cursor: pointer;z-index: 2;
}
.video-pop .close:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.video-pop video {position: absolute;top: 50%;left: 50%;z-index: 2;max-height: 70vh;max-width: 70vw;
  -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.comm-pdlist {padding-top: 1.5vw;display: inline-block;vertical-align: top;background-color: #fff;text-align: center;position: relative;overflow: hidden;}
.comm-pdlist svg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.comm-pdlist rect {fill: transparent;stroke: #b51716;stroke-width: 1px;stroke-dasharray: 1920;stroke-dashoffset: 1920;
  -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;
}
.comm-pdlist .label-box {position: absolute;top: 10px;left: 10px;right: 10px;font-size: 0;text-align: left;}
.comm-pdlist .label-box span {display: inline-block;vertical-align: top;font-size: 12px;line-height: 24px;background-color: #b51716;color: #fff;padding: 0 8px;margin-right: 10px;}
.comm-pdlist .label-box span:last-of-type {margin-right: 0;}
.comm-pdlist .img-box {height: 16vw;max-height: 360px;}
.comm-pdlist .img-box img {width: auto;max-width: 85%;max-height: 85%;}
.comm-pdlist h3 {font-size: 18px;padding-bottom: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 93%;
margin-left: auto;margin-right: auto;}
.comm-pdlist .view {position: absolute;left: 10px;right: 10px;bottom: 10px;background-color: #b51716;font-size: 14px;line-height: 40px;
  color: #fff;opacity: 0;visibility: hidden;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);
  -ms-transform: translateY(100%);transform: translateY(100%);
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .comm-pdlist:hover {box-shadow: 0 30px 30px rgba(89, 44, 140, 0.1);}
  .comm-pdlist:hover rect {stroke-dashoffset: 0;}
  .comm-pdlist:hover .view {opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);  
    -moz-transform: translateY(0);  
    -ms-transform: translateY(0);  transform: translateY(0);
  }
}

/* index */
.index-main {padding-top: 136px;}

.index-s1 {overflow: hidden;}
.index-s1 .items {height: 37.5vw;}
.index-s1 .item {position: relative;}
.index-s1 .item video {
  display: block;width: 100%;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 1;
}
.index-s1 .item .video-bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.2);z-index: 2;}
.index-s1 .item .bg-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-repeat: no-repeat;
  background-size: cover;z-index: 1;
}
.index-s1 .item .txt-box {position: absolute;left: 0;right: 0;top: 10vw;z-index: 3;}
.index-s1 .item h3 {
  font-size: 3.125vw;color: #4c4e52;
}
.index-s1 .item h3 span {font-weight: bold;color: #b51716;}
.index-s1 .item h4 {font-size: 24px;color: #898989;font-family: 'AVGARDM';margin-top: 15px;}
.index-s1 .item .btn {width: 120px;line-height: 40px;font-size: 14px;text-align: center;border: 1px solid transparent;margin-top: 3.125vw;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.index-s1 .item .btn:after {
  content: '';width: 8px;height: 12px;background-position: center;background-repeat: no-repeat;background-size: contain;
  display: inline-block;vertical-align: middle;margin: -2px 0 0 30px;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.index-s1 .item .btn.btn-1 {border-color: #fff;color: #fff;}
.index-s1 .item .btn.btn-1:after {background-image: url("/images/icon-2.png");}
.index-s1 .item .btn.btn-2 {border-color: #4c4e52;color: #4c4e52;}
.index-s1 .item .btn.btn-2:after {background-image: url("/images/icon-2-3.png");}

.index-s4 #NewsList_a1 .newnr{box-sizing: border-box;}
.index-s4 #NewsList_a1 p{ font-size: 16px;font-style: normal;line-height: 1.8;color: #999999;overflow: hidden;
    display: -webkit-box;-webkit-line-clamp: 2;height: 3.6em;-webkit-box-orient: vertical;}
.index-s4 #NewsList_a1 .ntime{width: 100%; display: block;height: auto;font-size: 16px;font-weight: bold;margin-top: 1vw;}
.index-s4 #NewsList_a1 i{display: none;}
.index-s4 #NewsList_a1 li .newnr b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}

.index-s4 #NewsList_a1 li:first-child{font-size: 0;position: relative;}
.index-s4 #NewsList_a1 li:first-child p{display: -webkit-box;-webkit-line-clamp: 3;height: 5.4em;}
.index-s4 #NewsList_a1 li:first-child .data{font-size: 20px;color: #b7070a;z-index: 1;}
.index-s4 #NewsList_a1 li:first-child .data b{font-weight: normal;display: inline;}
.index-s4 #NewsList_a1 li:first-child .data span:after{content: "-";}
.index-s4 #NewsList_a1 li:first-child .newnr:after{content: "了解详情"; display: block;font-size: 16px;width: 7em;text-align: center;position: absolute;
  right: 0;top: 50%;-webkit-transform: translateY(-50%);color: #fff;
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.index-s4 #NewsList_a1 li:first-child .newnr:before{content: ""; display: block;font-size: 16px;width: 7em;text-align: center;position: absolute;
  right: 0;top: 0;bottom: 0;background-color: #b7070a;color: #fff;
}
.index-s4 #NewsList_a1 li:first-child .newimg{width: 40.5%;height: 19vw;vertical-align: middle;display: inline-block;position: relative;z-index: 1;
    box-shadow: 12px 0 6px -4px rgba(0,0,0,0.1);
  }
.index-s4 #NewsList_a1 li:first-child .newimg img{width: 100%;height: 100%;display: block;object-fit: cover;}
.index-s4 #NewsList_a1 li:first-child .newnr{width: 59.5%;vertical-align: middle;display: inline-block;background-color: #f5f5f5;position: relative;
  padding: 2.8vw 12em 2.8vw 3vw;font-size: 18px;
}
.index-s4 #NewsList_a1 li:first-child .newnrp{font-size: 18px;}
.index-s4 #NewsList_a1 li:first-child .newnr>b{width: 100%;font-size: 1.6vw;color: #b7070a;font-weight: bold;margin: 0.2em 0 0.4em 0;}
.index-s4 #NewsList_a1 li:not(:first-child) .newimg{display: none;}
.index-s4 #NewsList_a1 li:not(:first-child){text-align: left;position: relative;box-sizing: border-box;padding: 1.2vw 2vw 1.2vw 160px;float: left;
  width: 50%;
}
.index-s4 #NewsList_a1 li:last-child {margin-right: 0;}
.index-s4 #NewsList_a1 li + li{margin-top: 2vw;}
.index-s4 #NewsList_a1 li:not(:first-child) b{margin-bottom: 0.5vw;font-size: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.index-s4 #NewsList_a1 li:not(:first-child) .data{width: 120px;position: absolute;left: 20px;top: 1.2vw;height: 100%;box-sizing:border-box;
    font-size: 20px;font-weight: normal;color: #4c4c4c;line-height: 1.3;}
.index-s4 #NewsList_a1 li:not(:first-child) .data b{font-size: 1.8vw;font-weight: normal;}

@media screen and (min-width: 1025px) {
  .index-s1 .item .btn:hover {border-color: #b51716;  color: #fff;  background-color: #b51716;  -webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  transform: translateY(-5px);  box-shadow: 0 10px 30px rgba(89, 44, 140, 0.2);}
  .index-s1 .item .btn:hover:after {background-image: url("/images/icon-2.png");}
}
.index-s1 .item.white h3, .index-s1 .item.white h3 span, .index-s1 .item.white h4 {color: #fff;}
.index-s1 .button {
  outline: none;position: absolute;width: 25px;height: 48px;background-position: center;background-repeat: no-repeat;
  background-size: contain;top: 50%;margin-top: -30px;opacity: .5;background-image: url("/images/next.png");cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 2;
}
.index-s1 .button:hover {opacity: 1;}
.index-s1 .button-prev {left: 3vw;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
.index-s1 .button-next {right: 3vw;}
.index-s1 .button.swiper-button-disabled {opacity: 0.2;cursor: default;}
.index-s1 .ope {position: absolute;bottom: 2vw;left: 0;right: 0;font-size: 0;z-index: 2;}
.index-s1 .ope ul {display: inline-block;vertical-align: middle;}
.index-s1 .ope ul li {display: inline-block;vertical-align: top;width: 32px;height: 20px;position: relative;margin-left: 10px;cursor: pointer;}
.index-s1 .ope ul li:first-of-type {margin-left: 0;}
.index-s1 .ope ul li:before {content: '';position: absolute;left: 0;right: 0;top: 8px;height: 3px;background-color: #fff;}
.index-s1 .ope ul li span {position: absolute;left: 0;top: 8px;width: 0;height: 3px;background-color: #b51716;}
.index-s1 .ope ul li.active span {
  -webkit-transition: all 5s linear;-moz-transition: all 5s linear;-ms-transition: all 5s linear;transition: all 5s linear;width: 100%;
}
.index-s1 .ope a {
  display: inline-block;vertical-align: middle;width: 16px;height: 16px;background-position: center;background-repeat: no-repeat;
  background-image: url("/images/index/icon-1.png");margin-left: 20px;
}
.index-s1 .ope a.play {background-image: url("/images/index/icon-2.png");}

.index-s2 {font-size: 0;padding: 12px;}
.index-s2 .item {display: inline-block;vertical-align: top;position: relative;}
.index-s2 .item .img-box {overflow: hidden;}
.index-s2 .item .txt-box {position: absolute;left: 1.5vw;right: 1.5vw;bottom: 1.5vw;}
.index-s2 .item img {display: block;width: 100%;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.index-s2 .item h3 {font-size: 24px;color: #fff;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.index-s2 .item h4 {font-size: 14px;color: rgba(255, 255, 255, 0.5);font-family: 'AVGARDM';margin-top: 5px;}

.index-s3 {background: url("/images/bg1.jpg") right bottom no-repeat;background-size: auto 35vw;padding-top: 10vw;}
.index-s3 .L{width: 36.4%;margin-left: 6.1%;}
.index-s3 .R{width: 41.6%;margin-left: 6.5%;}
.index-s3 .R img{display: block;width: 100%;}

.index-main .title{line-height: 1.5;font-size: 34px;}
.index-main .title:after{content: "";display: inline-block;width: 2em;height: 4px;background-color: #b40000;margin-top: 0.2em;}
.index-main .title span{display: block;font-weight: bold;color: #333333;}
.index-main .title em{display: block;font-size: 16px;color: #999;font-style: normal;font-family: Arial;}

.index-main .mymore{width: 11em;line-height: 1.5;text-align:center;color: #fff;padding: 0.7em 0;border-radius: 1.7em;background-color: #b7070a;
  font-size: 16px;display: block;
}
@media screen and (min-width: 1025px) {
  .index-main .mymore:hover{background-color: #929292;color: #fff;}
  .index-s2 .item {width: calc(25% - 9px);  margin-right: 12px;}
  .index-s2 .item:last-of-type {margin-right: 0;}
  .index-s2 .item:hover img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
}

/* about */
.about-index-s1 {position: relative;padding: 4.5vw 0 6vw;background-color: #f5f5f5;}
.about-index-s1 .cont {position: relative;background-color: #fff;margin-top: 3.125vw;}
.about-index-s1 .txt-box {width: 61%;padding: 2.5vw 4.5vw;font-size: 16px;line-height: 2;color: #4c4e52;}
.about-index-s1 .img-box {position: absolute;right: 0;bottom: 0;width: 39%;max-width: 560px;}
.about-index-s1 .img-box img {display: block;width: 100%;}
.about-index-s1 a.more {
  display: block;margin: 3.125vw auto 0;width: 240px;line-height: 60px;text-align: center;font-size: 16px;color: #fff;border-radius: 30px;background-color: #b51716;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .about-index-s1 a.more:hover {-webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  transform: translateY(-5px);  box-shadow: 0 10px 30px rgba(89, 44, 140, 0.2);}
}

.about-index-s2 {position: relative;padding: 4.5vw 0 6vw;background-color: #fff;}
.about-index-s2 .items {font-size: 0;margin: 2vw -12px 0;}
.about-index-s2 .item {display: inline-block;vertical-align: top;width: calc(25% - 24px);margin: 0 12px;}
.about-index-s2 .item .img-box {overflow: hidden;}
.about-index-s2 .item img {
  display: block;width: 100%;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
.about-index-s2 .item h3 {font-size: 24px;color: #4c4e52;margin-top: 15px;}
@media screen and (min-width: 1025px) {
  .about-index-s2 .item:hover img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
}
.about-index-s2 a.more {
  display: block;margin: 2vw auto 0;width: 240px;line-height: 56px;text-align: center;font-size: 16px;color: #4c4e52;border-radius: 30px;border: 2px solid #4c4e52;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .about-index-s2 a.more:hover {color: #fff;  background-color: #b51716;  border-color: #b51716;  -webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  transform: translateY(-5px);  box-shadow: 0 10px 30px rgba(89, 44, 140, 0.2);}
}

.about-index-s3 {
  position: relative;padding: 4.5vw 0 6vw;background-position: center bottom;background-repeat: no-repeat;background-size: cover;background-image: url("/images/about/img-8.jpg")/*tpa=http://www.aeonmed.com/static/home/images/about/img-8.jpg*/;background-attachment: fixed;
}
.about-index-s3 .cont {
  padding-top: 5vw;position: relative;
}
.about-index-s3 .year-box {
  font-size: 10.4166vw;color: rgba(76, 78, 82, 0.05);font-family: 'DINPro-Bold';text-align: center;position: absolute;top: 0;left: 0;right: 0;line-height: 1;
}
.about-index-s3 .cont-box .item .box {
  display: block;background-color: #fff;max-width: 760px;padding: 30px;margin: 0 auto;font-size: 0;
}
.about-index-s3 .cont-box .item .box .img-box {display: inline-block;vertical-align: middle;width: 46%;max-width: 320px;overflow: hidden;}
.about-index-s3 .cont-box .item .box .txt-box {display: inline-block;vertical-align: middle;width: 54%;padding-left: 24px;}
.about-index-s3 .cont-box .item .box img {display: block;width: 100%;}
.about-index-s3 .cont-box .item .box h3 {font-size: 24px;color: #4c4e52;}
.about-index-s3 .cont-box .item .box .para {font-size: 16px;line-height: 2;color: #4c4e52;margin: 10px 0;}
.about-index-s3 .cont-box .item .box p.c {height: 64px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about-index-s3 .cont-box .item .box span {font-size: 16px;}
.about-index-s3 .line-box {margin-top: 2.5vw;}
.about-index-s3 .line-box .item {text-align: center;cursor: pointer;}
.about-index-s3 .line-box .item:before {
  content: '';width: 25px;height: 32px;display: block;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: contain;
  opacity: 0;background-image: url("/images/about/icon-2.png");
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-index-s3 .line-box .item i {
  display: block;margin: 15px 0;height: 30px;background-position: center;/* background-repeat: no-repeat; */
  background-image: url("/images/about/img-10.png");
}
.about-index-s3 .line-box .item h3 {
  font-size: 18px;line-height: 26px;opacity: .5;font-family: 'DINPro-Regular';-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-index-s3 .line-box .item.swiper-slide-thumb-active:before {opacity: 1;}
.about-index-s3 .line-box .item.swiper-slide-thumb-active h3 {font-size: 24px;opacity: 1;color: #b51716;}
.about-index-s3 .button {
  outline: none;position: absolute;width: 48px;height: 48px;background-position: center;background-repeat: no-repeat;background-size: contain;
  top: 50%;margin-top: -24px;background-image: url("/images/prev.png");cursor: pointer;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 2;
}
.about-index-s3 .button:hover {background-image: url("/images/prev-1.png");}
.about-index-s3 .button-next {right: 0;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);
  transform: rotateY(180deg);}
.about-index-s3 .button-prev {left: 0;}
.about-index-s3 .button.swiper-button-disabled {opacity: 0.2;cursor: default;}

.about-index-s4 {position: relative;padding-top: 4.5vw;background-color: #fff;background:url(/images/about/img-6.jpg) #fff bottom no-repeat;
  background-size: 100% auto;
}
.about-index-s4 .para {text-align: center;font-size: 16px;line-height: 2;color: #4c4e52;margin: 2vw auto;}
.about-index-s4 .btns {text-align: center;font-size: 0;position: relative;z-index: 2;}
.about-index-s4 .btns a {display: inline-block;vertical-align: top;margin: 0 12px;width: 180px;font-size: 16px;line-height: 44px;color: #4c4e52;
  border-radius: 24px;border: 2px solid #e6e6e6;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;
  transition: all 0.3s ease;}
@media screen and (min-width: 1025px) {
  .about-index-s4 .btns a:hover {background-color: #b51716;  border-color: #b51716;  color: #fff;  -webkit-transform: translateY(-5px); 
   -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  transform: translateY(-5px);}
}
.about-index-s4 .world {position: relative;height: 37vw;margin: 0 auto;}
.about-index-s4 .world img {display: block;width: 100%;}
.about-index-s4 .world .dot {
  width: 26px;height: 26px;position: absolute;margin: -13px 0 0 -13px;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
.about-index-s4 .world .dot span {
  position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(137, 137, 137, 0.4);border-radius: 50%;z-index: 1;
}
.about-index-s4 .world .dot:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #898989;border-radius: 50%;z-index: 2;}
.about-index-s4 .world .dot:nth-of-type(1) {top: 28.72%;left: 53%;}
.about-index-s4 .world .dot:nth-of-type(2) {top: 27.5%;left: 74%;}
.about-index-s4 .world .dot:nth-of-type(3) {top: 42%;left: 63%;}
.about-index-s4 .world .dot:nth-of-type(4) {top: 32.5%;left: 57%;}
.about-index-s4 .world .dot:nth-of-type(5) {top: 40.42%;left: 78%;}
.about-index-s4 .world .dot:nth-of-type(6) {top: 63.42%;left: 34%;}
.about-index-s4 .world .dot.active span {
  background-color: rgba(89, 44, 140, 0.4);-webkit-animation: o-scale 1.5s linear infinite;-moz-animation: o-scale 1.5s linear infinite;-ms-animation: o-scale 1.5s linear infinite;animation: o-scale 1.5s linear infinite;
}
.about-index-s4 .world .dot.active span:nth-of-type(2) {animation-delay: .5s;}
.about-index-s4 .world .dot.active span:nth-of-type(3) {animation-delay: 1s;}
.about-index-s4 .world .dot.active:after {background-color: #b51716;}

.about-index-s5 {
  position: relative;padding: 4.5vw 0;background-position: center bottom;background-repeat: no-repeat;background-size: cover;background-image: url("/images/about/img-7.jpg")/*tpa=http://www.aeonmed.com/static/home/images/about/img-7.jpg*/;background-attachment: fixed;
}
.about-index-s5 .para {text-align: center;font-size: 16px;line-height: 2;color: #fff;margin-top: 2vw;}
.about-index-s5 .items {font-size: 0;margin-top: 4vw;}
.about-index-s5 .item {display: inline-block;vertical-align: top;width: 25%;text-align: center;}
.about-index-s5 .item i {display: block;height: 4.2vw;max-height: 80px;background-position: center;background-repeat: no-repeat;
  background-size: contain; background-image: url("/images/about/icon-1.png");
  -webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
.about-index-s5 .item .num {font-size: 24px;color: #fff;margin-top: 2vw;font-family: 'DINPro-Regular';}
.about-index-s5 .item .num span {font-size: 48px;margin-right: 5px;}
.about-index-s5 .item p {font-size: 16px;color: #fff;margin-top: 10px;}
@media screen and (min-width: 1025px) {
  .about-index-s5 .item:hover i {-webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  
    transform: rotateY(180deg);}
}
.about-index-s5 a.more {
  display: block;margin: 4vw auto 0;width: 240px;line-height: 60px;text-align: center;font-size: 16px;color: #b51716;border-radius: 30px;
  background-color: #fff;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .about-index-s5 a.more:hover {-webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  
    transform: translateY(-5px);  box-shadow: 0 10px 30px rgba(89, 44, 140, 0.2);}
}

.about-intro-s1 {position: relative;padding: 6vw 0 4.5vw;background-color: #fff;}
.about-intro-s1 .para {font-size: 16px;line-height: 2;color: #4c4e52;margin-top: 3vw;}
.about-intro-s2 {position: relative;}
.about-intro-s2 .tab-tit {background-color: #fff;}
.about-intro-s2 .tab-tit .items {padding: 0 6vw;font-size: 0;}
.about-intro-s2 .tab-tit .item {display: inline-block;vertical-align: top;width: 25%;text-align: center;cursor: pointer;}
.about-intro-s2 .tab-tit .item i {
  display: block;margin: 0 auto;width: 90px;height: 90px;border-radius: 50%;border: 2px dotted #000;background-position: center;background-repeat: no-repeat;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-intro-s2 .tab-tit .item:nth-of-type(1) i {background-image: url("/images/about/icon-3.png");}
.about-intro-s2 .tab-tit .item:nth-of-type(1):hover i, .about-intro-s2 .tab-tit .item:nth-of-type(1).active i {
  background-image: url("/images/about/icon-3-on.png");
}
.about-intro-s2 .tab-tit .item:nth-of-type(2) i {background-image: url("/images/about/icon-4.png");}
.about-intro-s2 .tab-tit .item:nth-of-type(2):hover i, .about-intro-s2 .tab-tit .item:nth-of-type(2).active i {
  background-image: url("/images/about/icon-4-on.png");
}
.about-intro-s2 .tab-tit .item:nth-of-type(3) i {background-image: url("/images/about/icon-5.png");}
.about-intro-s2 .tab-tit .item:nth-of-type(3):hover i, .about-intro-s2 .tab-tit .item:nth-of-type(3).active i {
  background-image: url("/images/about/icon-5-on.png");
}
.about-intro-s2 .tab-tit .item:nth-of-type(4) i {background-image: url("/images/about/icon-6.png");}
.about-intro-s2 .tab-tit .item:nth-of-type(4):hover i, .about-intro-s2 .tab-tit .item:nth-of-type(4).active i {
  background-image: url("/images/about/icon-6-on.png");
}
.about-intro-s2 .tab-tit .item h3 {
  position: relative;display: inline-block;font-size: 24px;color: #4c4e52;padding: 20px 20px 40px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-intro-s2 .tab-tit .item h3:after {
  content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 4px;background-color: #b51716;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
.about-intro-s2 .tab-tit .item:hover h3, .about-intro-s2 .tab-tit .item.active h3 {color: #b51716;}
.about-intro-s2 .tab-tit .item:hover h3:after, .about-intro-s2 .tab-tit .item.active h3:after {
  -webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);
}
.about-intro-s2 .tab-cont {padding: 3vw 0 5vw;background-color: #fff;box-shadow: 0 20px 20px rgba(0, 0, 0, 0.03) inset;}
.about-intro-s2 .tab-cont .child {opacity: 0;display: none;}
.about-intro-s2 .tab-cont .child.active {
  display: block;-webkit-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-moz-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;-ms-animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;animation: o-upfade-top 0.7s 0.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}
.about-intro-s2 .items-1 {font-size: 0;margin: 0 -12px;}
.about-intro-s2 .items-1 .item {display: inline-block;vertical-align: top;margin: 0 1.25% 2vw 1.25%;width: 47.5%;}
.about-intro-s2 .items-1 .item .img-box {overflow: hidden;}
.about-intro-s2 .items-1 .item img {
  display: block;width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-intro-s2 .items-1 .item h3 {font-size: 24px;color: #4c4e52;margin-top: 24px;}
.about-intro-s2 .items-1 .item h3:before {
  content: '';width: 2px;height: 24px;background-color: #b51716;display: inline-block;vertical-align: middle;margin: -3px 18px 0 0;
}
.about-intro-s2 .items-3 .item{width: 31.3%;margin: 0 1.0% 2vw 1.0%}
@media screen and (min-width: 1025px) {
  .about-intro-s2 .items-1 .item:hover img {-webkit-transform: scale(1.05);  -moz-transform: scale(1.05);  
    -ms-transform: scale(1.05);  transform: scale(1.05);}
}

.about-culture-s1 {
  position: relative;padding: 6vw 0;background-color: #fff;
}
.about-culture-s1 .items {font-size: 0;margin-top: 3vw;}
.about-culture-s1 .item {display: inline-block;vertical-align: top;width: 33.33%;text-align: center;}
.about-culture-s1 .item .top-box {width: 260px;height: 260px;margin: 0 auto;position: relative;}
.about-culture-s1 .item .bot-box {text-align: center;margin-top: 4vw;}
.about-culture-s1 .item .circle {position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;z-index: 1;}
.about-culture-s1 .item .circle span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(76, 78, 82, 0.05);
  border-radius: 50%;-webkit-animation: o-scale-1 3s linear infinite;-moz-animation: o-scale-1 3s linear infinite;
  -ms-animation: o-scale-1 3s linear infinite;animation: o-scale-1 3s linear infinite;
}
.about-culture-s1 .item .circle span:nth-of-type(2) {animation-delay: 1s;}
.about-culture-s1 .item .circle span:nth-of-type(3) {animation-delay: 2s;}
.about-culture-s1 .item .img-box {position: relative;border-radius: 50%;overflow: hidden;z-index: 2;}
.about-culture-s1 .item img {
  display: block;width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-culture-s1 .item h3 {font-size: 24px;color: #4c4e52;}
.about-culture-s1 .item p {font-size: 18px;color: #4c4e52;margin-top: 15px;}
@media screen and (min-width: 1025px) {
  .about-culture-s1 .item:hover img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  
    -ms-transform: scale(1.1);  transform: scale(1.1);}
}

.about-culture-s2 {position: relative;padding: 4.5vw 0 6vw;background-position: center bottom;background-repeat: no-repeat;
  background-size: cover;background-image: url("/images/about/img-13.jpg");background-attachment: fixed;
}
.about-culture-s2 .items {font-size: 0;margin-top: 2vw;}
.about-culture-s2 .item {display: inline-block;vertical-align: top;width: 50%;position: relative;}
.about-culture-s2 .item .img-box {overflow: hidden;}
.about-culture-s2 .item:after,
.about-culture-s2 .item .show,
.about-culture-s2 .item .hide {position: absolute;top: 0;left: 0;right: 0;bottom: 0;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about-culture-s2 .item:after {content: '';z-index: 1;background-color: rgba(0, 0, 0, 0.2);}
.about-culture-s2 .item .show {z-index: 2;}
.about-culture-s2 .item .show:before {content: '';width: 24px;height: 2px;background-color: #b51716;position: absolute;top: 30px;left: 30px;}
.about-culture-s2 .item .show h3 {position: absolute;left: 30px;right: 30px;bottom: 30px;}
.about-culture-s2 .item .hide {text-align: center;background-color: rgba(183, 7, 10, 0.9);opacity: 0;visibility: hidden;z-index: 3;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-culture-s2 .item img {display: block;width: 100%;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-culture-s2 .item h3 {font-size: 24px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about-culture-s2 .item .para {font-size: 16px;line-height: 24px;color: #fff;}
.about-culture-s2 .item .para:before {content: '';width: 24px;height: 2px;background-color: #fff;display: block;margin: 15px auto;
}
.about-culture-s2 .item:hover:after,
.about-culture-s2 .item:hover .show {opacity: 0;visibility: hidden;}
.about-culture-s2 .item:hover .hide {opacity: 1;visibility: visible;}
.about-culture-s2 .item:hover img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

.about-history-s1 {position: relative;padding: 6vw 0;background: url("/images/about/img-8.jpg") center no-repeat;
  background-size: cover;background-attachment: fixed;
}
.about-history-s1 .line-box {position: fixed;right: 0;top: 50%;-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: none;z-index: 2;
}
.about-history-s1 .line-box .line {position: relative;padding-right: 55px;text-align: right;font-size: 16px;line-height: 40px;
  color: #bfbfbf;cursor: pointer;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.about-history-s1 .line-box .line:after {content: '';width: 24px;height: 1px;background-color: #e6e6e6;position: absolute;right: 0;top: 50%;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 769px) {
  .about-history-s1 .line-box .line.active {font-size: 24px;  padding-right: 75px;  color: #b51716;}
  .about-history-s1 .line-box .line.active:after {width: 48px;  background-color: #b51716;}
}
.about-history-s1 .item {position: relative;padding: 4vw 0;font-size: 0;}
.about-history-s1 .item:before, .about-history-s1 .item:after {content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 12px;}
.about-history-s1 .item:before {background-color: #f5f5f5;}
.about-history-s1 .item:after {background-color: #b51716;transform-origin: left center;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);
  -ms-transform: scaleX(0);transform: scaleX(0);}
.about-history-s1 .item .left-box {width: 240px;float: left;border-right: 1px solid #e6e6e6;}
.about-history-s1 .item .right-box {margin-left: 240px;padding-left: 9.375vw;}
.about-history-s1 .item h3 {font-size: 32px;color: #4c4e52;}
.about-history-s1 .item span {display: block;font-size: 24px;color: #b51716;font-family: 'DINPro-Regular';margin-top: 15px;}
.about-history-s1 .item .para {font-size: 18px;line-height: 2;color: #4c4e52;}
.about-history-s1 .item .img-box {margin-top: 20px;font-size: 0;}
.about-history-s1 .item img {
  display: inline-block;vertical-align: top;width: calc(23.5% - 24px);max-width: 240px;margin-right: 24px;
  /* -webkit-filter: grayscale(80%);-moz-filter: grayscale(80%);-ms-filter: grayscale(80%);filter: grayscale(80%); */
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .about-history-s1 .item img:hover {-webkit-filter: grayscale(0);  -moz-filter: grayscale(0);  -ms-filter: grayscale(0);  filter: grayscale(0);}
}
@media screen and (min-width: 1025px) {
  .about-history-s1 .item:hover:after {-webkit-transform: scaleX(1);  -moz-transform: scaleX(1);  -ms-transform: scaleX(1);  transform: scaleX(1);  -webkit-transition: all 1s ease;  -moz-transition: all 1s ease;  -ms-transition: all 1s ease;  transition: all 1s ease;}
}

.about-business .para,
.about-research .para {font-size: 16px;line-height: 32px;margin-top: 2vw;}

.about-business-s1 {position: relative;background-color: #fff;padding: 6vw 0;}
.about-business-s1 .datas {font-size: 0;}
.about-business-s1 .data {display: inline-block;vertical-align: top;width: 33.33%;position: relative;padding: 5vw 0;text-align: center;}
.about-business-s1 .data .bg-box {width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;z-index: 1;
  background-position: center;background-repeat: no-repeat;background-size: contain;opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
  -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-business-s1 .data .box {display: inline-block;text-align: center;position: relative;text-align: left;padding-bottom: 60px;z-index: 2;}
.about-business-s1 .data .num {font-size: 32px;color: #4c4e52;font-family: 'DINPro-Regular';}
.about-business-s1 .data .num span {font-size: 60px;line-height: 1;}
.about-business-s1 .data h3 {font-size: 18px;color: #4c4e52;margin-top: 20px;position: absolute;white-space: nowrap;}
.about-business-s1 .data h4 {font-size: 12px;color: #e5e5e5;text-transform: uppercase;margin-top: 5px;position: absolute;bottom: 0;white-space: nowrap;}
.about-business-s1 .data:nth-of-type(1) .bg-box {background-image: url("/images/museum/img-14.gif");}
.about-business-s1 .data:nth-of-type(2) .bg-box {background-image: url("/images/museum/img-13.gif");}
.about-business-s1 .data:nth-of-type(3) .bg-box {background-image: url("/images/museum/img-12.gif");}
@media screen and (min-width: 1025px) {
  .about-business-s1 .data:hover .bg-box {opacity: .5;}
}
.about-business-s1 .items {font-size: 0;display: flex;flex: 1 1;}
.about-business-s1 .item {display: inline-block;vertical-align: top;width: calc((100% - 72px) / 4);background-color: #fff;margin-right: 24px;;}
.about-business-s1 .item:last-of-type {margin-right: 0;}
.about-business-s1 .item .img-box {overflow: hidden;}
.about-business-s1 .item .txt-box {padding: 0 5%;text-align:center;}
.about-business-s1 .item img {display: block;width: 100%;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-business-s1 .item h3 {font-size: 20px;color: #4c4e52;margin-top: 0.5em;}
.about-business-s1 .item p {font-size: 16px;line-height: 24px;color: #777a80;margin-top: 10px;}
@media screen and (min-width: 1025px) {
  .about-business-s1 .item:hover img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
}

.about-business-s2 {padding-top: 4.5vw;background-color: #fff;position: relative;border-top: 1px solid #e6e6e6;}
.about-business-s2 .map-box {position: relative;padding-top: 3vw;text-align:center;}
.about-business-s2 .map-box img {display: inline-block;max-width: 93%;}
.about-business-s2 .map-lines {position: absolute;top: 0;left: 0;width: 100%;height: 100%;stroke: #b51716;fill: none;stroke-width: 0.2px;}
.about-business-s2 .map-line {stroke-dasharray: 180px;stroke-dashoffset: 0;-webkit-animation: animation-line 4s linear both infinite;
  -moz-animation: animation-line 4s linear both infinite;-ms-animation: animation-line 4s linear both infinite;
  animation: animation-line 4s linear both infinite;
}
.about-business-s2 .map-line--1 {animation-delay: .86s;}
.about-business-s2 .map-line--2 {animation-delay: 1.22s;}
.about-business-s2 .map-line--3 {animation-delay: 1.58s;}
.about-business-s2 .map-line--4 {animation-delay: 1.94s;}
.about-business-s2 .map-line--5 {animation-delay: 2.3s;}
.about-business-s2 .map-line--6 {animation-delay: 2.66s;}
.about-business-s2 .map-line--7 {animation-delay: 3.02s;}
.about-business-s2 .map-line--8 {animation-delay: 3.38s;}
.about-business-s2 .map-line--9 {animation-delay: 3.74s;}
.about-business-s2 .map-line--10 {animation-delay: 4.1s;}
.about-business-s2 .map-dots {position: absolute;top: 7vw;left: 0;right: 0;bottom: 0;}
.about-business-s2 .map-dot {
  position: absolute;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}
.about-business-s2 .map-dot:before {content: '';display: block;background: url("/images/about/icon-7.png") center no-repeat;
  background-size: contain;
}
.about-business-s2 .map-dot span {
  position: absolute;font-size: 16px;color: #4c4e52;top: 100%;padding-top: 10px;left: 50%;-webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap;
}
.about-business-s2 .map-dot--1 {top: 4.39%;left: 53.125%;}
.about-business-s2 .map-dot--1:before {width: 38px;height: 48px;}
.about-business-s2 .map-dot--2:before,
.about-business-s2 .map-dot--3:before,
.about-business-s2 .map-dot--4:before,
.about-business-s2 .map-dot--5:before,
.about-business-s2 .map-dot--6:before {width: 20px;height: 25px;}
.about-business-s2 .map-dot--2 {top: 28.68%;left: 33.49%;}
.about-business-s2 .map-dot--3 {top: 33.85%;left: 46.77%;}
.about-business-s2 .map-dot--4 {top: 51.93%;left: 55.2%;}
.about-business-s2 .map-dot--5 {top: 37.98%;left: 82.96%;}
.about-business-s2 .map-dot--6 {top: 66.4%;left: 89.16%;}

.about-business-s3 {position: relative;padding: 4vw 0;text-align: center;background: url("/images/about/img-42.jpg") #f6f6f6 bottom center no-repeat;
  background-size: 100% auto;
}
.about-business-s3 .tip {text-align: left;position: absolute;left: 0;top: 50%;font-size: 24px;line-height: 32px;color: #fff;padding-left: 24px;
  border-left: 2px solid #fff;margin-top: -32px;
}
.about-business-s3 .box {display: inline-block;text-align: left;font-size: 16px;line-height: 2;color: #fff;max-width: 640px;}
.about-business-s3 .page{display: none;}
.about-business-s3 li span,.about-business-s3 li h4{display: none;}
.about-business-s3 .more{display: none;}
.about-business-s3 ul li a{display: block;height: 8vw; box-sizing:border-box;background: #fff;position: relative;overflow: hidden;}
.about-business-s3 ul li a img{
  display: block;position: absolute;top: 50%;left: 50%; max-height: 85%;max-width: 85%;
  transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
  transition:.5s all ease;-ms-transition:.5s all ease;-webkit-transition:.5s all ease;
}
.about-business-s3 .swiper-pagination{z-index: 1;position: static;font-size: 0;text-align: center;}
.about-business-s3 .swiper-pagination-bullet{height: 10px;width: 16px;margin: 0 2px;background-color: #aaaaaa;
  border-radius: 5px;opacity: 1;
}
.about-business-s3 .swiper-pagination-bullet-active{background: #b7070a !important;width: 34px;}


.about-research-s1 {padding-top: 4.5vw;background-color: #fff;position: relative;}
.about-research-s2 {padding-bottom: 2.5vw; position: relative;background-color: #fff;}
.about-research-s2 .datas {font-size: 0;display: flex;justify-content: space-between;}
.about-research-s2 .data {display: inline-block;vertical-align: top;position: relative;padding: 5vw 0;}
.about-research-s2 .data .bg-box {
  width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-ms-filter: grayscale(1);filter: grayscale(1);background-position: center;background-repeat: no-repeat;background-size: contain;opacity: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 1;
}
/* .about-research-s2 .data:nth-of-type(1) .bg-box, .about-research-s2 .data:nth-of-type(4) .bg-box {background-image: url("/images/about/img-44.gif");}
.about-research-s2 .data:nth-of-type(2) .bg-box {background-image: url("/images/about/img-45.gif");}
.about-research-s2 .data:nth-of-type(3) .bg-box {background-image: url("/images/about/img-46.gif");}
 */.about-research-s2 .data .txt-box {position: relative;padding-left: 84px;z-index: 2;}
.about-research-s2 .data i {position: absolute;left: 0;top: 0;width: 84px;height: 96px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.about-research-s2 .data .num {font-size: 24px;color: #b7070a;font-family: 'DINPro-Regular';}
.about-research-s2 .data .num span {font-size: 48px;line-height: 1;}
.about-research-s2 .data p {font-size: 16px;color: #4c4e52;margin-top: 5px;}
.about-research-s2 .data:nth-of-type(1) i {background-image: url("/images/about/icon-8-1.png");}
.about-research-s2 .data:nth-of-type(2) i {background-image: url("/images/about/icon-8-2.png");}
.about-research-s2 .data:nth-of-type(3) i {background-image: url("/images/about/icon-8-3.png");}
.about-research-s2 .data:nth-of-type(4) i {background-image: url("/images/about/icon-8-4.png");}
@media screen and (min-width: 1025px) {
  .about-research-s2 .data:hover .bg-box {opacity: 1;}
}
.about-research-s2 .logos {font-size: 0;}
.about-research-s2 .item {
  display: inline-block;vertical-align: top;width: calc((100% - 72px) / 4);margin-right: 24px;
  background-color: #fff;text-align: center;padding-bottom: 24px;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-research-s2 .item:last-of-type {margin-right: 0;}
.about-research-s2 .item .img-box {height: 190px;}
.about-research-s2 .item img {width: auto;max-width: 60%;max-height: 60%;}
.about-research-s2 .item h3 {font-size: 18px;color: #4c4e52;}
@media screen and (min-width: 1025px) {
  .about-research-s2 .item:hover {-webkit-transform: translateY(-10px);  -moz-transform: translateY(-10px);  -ms-transform: translateY(-10px);  transform: translateY(-10px);  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
}

.about-research-s3 {padding: 6vw 0;background-color: #f5f5f5;position: relative;}
.about-research-s3 .items {font-size: 0;margin: 2vw -12px 0;}
.about-research-s3 .item {display: inline-block;vertical-align: top;width: calc(33.33% - 24px);position: relative;margin: 24px 12px 0;padding-bottom: 40px;}
@media screen and (min-width: 640px) {
  .about-research-s3 .item:nth-of-type(1), .about-research-s3 .item:nth-of-type(2), .about-research-s3 .item:nth-of-type(3) {margin-top: 0;}
}
.about-research-s3 .item .img-box {
  overflow: hidden;
}
.about-research-s3 .item img {
  display: block;width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-research-s3 .item .show {
  position: absolute;left: 0;right: 0;bottom: 0;padding: 0 30px;font-size: 18px;line-height: 40px;color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;z-index: 1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-research-s3 .item .show:before {
  content: '';width: 2px;height: 16px;background-color: #fff;display: inline-block;vertical-align: middle;margin-right: 10px;
}
.about-research-s3 .item .hide {
  position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 0 42px;z-index: 2;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.about-research-s3 .item h3 {font-size: 24px;color: #fff;}
.about-research-s3 .item .info {font-size: 16px;line-height: 2;color: #fff;}
.about-research-s3 .item .info:before {content: '';width: 16px;height: 2px;background-color: #fff;display: block;margin: 20px 0 15px;}
.about-research-s3 .item:nth-of-type(odd) .show,
.about-research-s3 .item:nth-of-type(odd) .hide {background-color: rgba(183, 7, 10, 1);}
.about-research-s3 .item:nth-of-type(even) .show,
.about-research-s3 .item:nth-of-type(even) .hide {background-color: rgba(76, 78, 82, 1);}
.about-research-s3 .item:hover .show {opacity: 0;}
.about-research-s3 .item:hover .hide {opacity: 1;visibility: visible;}

.about-research-s4 {
  position: relative;padding: 4.5vw 0 6vw;background:#fff;
}
.about-research-s4 .img-box {margin-top: 4vw;}
.about-research-s4 .img-box img {display: block;width: 100%;}
.about-research-s4 .scroll {background-color: #fff;padding: 1.5vw 4.5vw;box-shadow: 0 10px 30px rgba(76, 78, 82, 0.1);font-size: 0;}
.about-research-s4 .block {height: 240px;}
.about-research-s4 .item,.about-research-s4 li{
  display: inline-block;vertical-align: top;width: 33.33%;position: relative;margin: 20px 0;font-size: 16px;line-height: 20px;color: #4c4e52;padding: 0 24px;
}
.about-research-s4 .item:before,.about-research-s4 li:before {
  content: '';width: 12px;height: 12px;border: 3px solid #b51716;border-radius: 50%;position: absolute;left: 0;top: 2px;
}
.about-research-s4 li a{display: none;}
.about-research-s4 .page,.about-research-s4 .more{display: none;}
/* news list */
.news-list-s1 {position: relative;background-color: #f5f5f5;padding: 3.125vw 0;border-bottom: 12px solid #fff;}
.news-list-s1 form {position: relative;height: 90px;padding-right: 90px;background-color: #fff;}
.news-list-s1 form input {display: block;width: 100%;height: 100%;padding: 0 30px;font-size: 16px;color: #898989;}
.news-list-s1 form button {display: block;width: 90px;height: 90px;position: absolute;right: 0;top: 0;cursor: pointer;
  background: url("/images/news/icon-1.png") center no-repeat;background-color: transparent;
}
.news-list-s1 .items {margin-top: 30px;}
.news-list-s1 .item {
  margin-top: 30px;background-color: #fff;font-size: 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.news-list-s1 .item:nth-of-type(1) {margin-top: 0;}
.news-list-s1 .item .img-box {display: inline-block;vertical-align: middle;width: 33.33%;overflow: hidden;height: 13vw;}
.news-list-s1 .item .img-box img{display: block;width: 100%;height: 100%;object-fit: cover;}
.news-list-s1 .item .txt-box {display: inline-block;vertical-align: middle;width: 66.66%;padding: 0 40px;}
.news-list-s1 .item img {
  display: block;width: 100%;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
.news-list-s1 .item .date {font-size: 20px;color: #b51716;font-family: 'DINPro-Light';}
.news-list-s1 .item h3 {font-size: 1.6vw;line-height: 1.5;color: #4c4e52;margin-top: 10px;font-weight: bold;
  -webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;transition: color 0.3s ease;
}
.news-list-s1 .item p {font-size: 16px;color: #808080;overflow: hidden;margin-top: 20px;}
@media screen and (min-width: 1025px) {
  .news-list-s1 .item:hover {box-shadow: 0 10px 30px rgba(183, 7, 10, 0.1);}
  .news-list-s1 .item:hover img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
  .news-list-s1 .item:hover h3 {color: #b51716;}
}
.news-list-s1 .more {margin-top: 4.5vw;position: relative;}
.news-list-s1 .more:before {content: '';width: 100%;height: 1px;background-color: #e5e5e5;position: absolute;top: 30px;left: 0;}
.news-list-s1 .more a {display: block;width: 120px;margin: 0 auto;position: relative;text-align: center;font-size: 16px;color: #b51716;background-color: #f5f5f5;}
.news-list-s1 .more a:before {
  content: '';width: 60px;height: 60px;display: block;margin: 0 auto 24px;background-position: center;background-repeat: no-repeat;background-image: url("/images/news/icon-2.png")/*tpa=http://www.aeonmed.com/static/home/images/news/icon-2.png*/;background-color: #b51716;border-radius: 50%;
}

.news-detail-s1 {
  padding: 7.5vw 0;background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url("/images/news/img-9.jpg");
}
.news-detail-s1 .date {font-size: 24px;color: #fff;font-family: 'DINPro-Regular';}
.news-detail-s1 h3 {font-size: 48px;color: #fff;margin-top: 10px;}

.news-detail-s2 {border-bottom: 12px solid #fff;background-color: #f5f5f5;font-size: 0;}
.news-detail-s2 .wrapper {padding: 4.5vw 0 6vw;}
.news-detail-s2 .left-box {
  width: 66.66%;display: inline-block;vertical-align: top;
}
.news-detail-s2 .right-box {
  display: inline-block;vertical-align: top;margin-left: 3.333%;margin-top: -9vw;width: 30%;position: sticky;top: 90px;
  background-color: #fff;padding: 0 30px 30px;
}
.news-detail-s2 .right-box h3 {font-size: 24px;line-height: 4.5vw;color: #4c4e52;}
.news-detail-s2 .right-box .link {padding-top: 30px;border-top: 2px solid #b51716;}
.news-detail-s2 .right-box .link a {
  position: relative;display: block;font-size: 16px;color: #4c4e52;margin-top: 24px;padding-left: 20px;white-space: nowrap;
  overflow: hidden;text-overflow: ellipsis;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;transition: color 0.3s ease;
}
.news-detail-s2 .right-box .link a:before {
  content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #4c4e52;position: absolute;left: 0;top: 50%;margin-top: -2px;
}
.news-detail-s2 .right-box .link a:nth-of-type(1) {
  margin-top: 0;
}
@media screen and (min-width: 1025px) {
  .news-detail-s2 .right-box .link a:hover {color: #b51716;}
}
.news-detail-s2 a.back {
  display: block;width: 120px;height: 120px;background-color: #b51716;border-radius: 50%;box-shadow: 0 15px 30px rgba(89, 44, 140, 0.3);
  margin: 4vw auto 0;text-align: center;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
.news-detail-s2 a.back span {display: block;font-size: 14px;color: #fff;}
.news-detail-s2 a.back span:before {
  content: '';width: 27px;height: 24px;display: block;margin: 0 auto 5px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("/images/news/icon-3.png")/*tpa=http://www.aeonmed.com/static/home/images/news/icon-3.png*/;
}
@media screen and (min-width: 1025px) {
  .news-detail-s2 a.back:hover {-webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  transform: translateY(-5px);}
}
.news-detail-s2 .other {margin-top: 4vw;background-color: #fff;padding: 24px 30px;border-top: 3px solid #b51716;}
.news-detail-s2 .other a {
  display: block;font-size: 16px;line-height: 2;color: #4c4e52;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;transition: color 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .news-detail-s2 .other a:hover {color: #b51716;}
}

/* contact */
.contact-s1 {position: relative;background-color: #fff;padding: 6vw 0 4.5vw;}
.contact-s1 .cont {margin-top: 40px;position: relative;}
.contact-s1 .cont img {display: block;width: 100%;}
.contact-s1 .tab-tit {position: absolute;left: 0;right: 0;bottom: 20px;font-size: 0;text-align: center;z-index: 2;}
.contact-s1 .tab-tit .box {display: inline-block;text-align: center;}
.contact-s1 .tab-tit span {display: inline-block;vertical-align: top;margin: 5px;font-size: 14px;line-height: 1.5;
  text-align: center;color: #fff;background-color: #4c4e52;padding: 0.6em 2em;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;cursor: pointer;
}
.contact-s1 .tab-tit span:hover, .contact-s1 .tab-tit span.active {background-color: #b51716;}
.contact-s1 .item {position: absolute;width: 0;height: 0;}
.contact-s1 .item .range {
  position: absolute;top: 0;left: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);cursor: pointer;
}
.contact-s1 .item .range:after {
  content: '';border-radius: 50%;position: absolute;top: 50%;left: 50%;background-color: #b51716;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.contact-s1 .item .ani {width: 100%;height: 100%;}
.contact-s1 .item .ani span {
  width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;box-shadow: 0 0 30px rgba(0, 0, 0, 0.15) inset;opacity: 0;-webkit-animation: o-scale-2 1.5s linear infinite;-moz-animation: o-scale-2 1.5s linear infinite;-ms-animation: o-scale-2 1.5s linear infinite;animation: o-scale-2 1.5s linear infinite;
}
.contact-s1 .item .ani span:after {
  content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 50%;box-shadow: 0 0 7px rgba(0, 0, 0, 0.15) inset;
}
.contact-s1 .item .ani span:nth-of-type(2) {animation-delay: .75s;}
.contact-s1 .item .txt {position: absolute;font-size: 14px;color: #4c4e52;white-space: nowrap;}
.contact-s1 .item .map {
  width: 34px;height: 50px;background-position: center;background-repeat: no-repeat;background-size: contain;background-image: url("/images/contact/icon-1.png")/*tpa=http://www.aeonmed.com/static/home/images/contact/icon-1.png*/;position: absolute;top: 0;left: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);opacity: 0;visibility: visible;
}
.contact-s1 .item .info {
  width: 400px;position: absolute;left: -100px;bottom: 0;padding-bottom: 50px;opacity: 0;visibility: hidden;
}
.contact-s1 .item .info:after {content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 8px solid #c22c2f;position: absolute;left: 90px;bottom: 42px;
}
.contact-s1 .item .info .box {border-radius: 5px;padding: 24px 30px;background-color: #c22c2f;box-shadow: 0 10px 30px rgba(194, 44, 47, 0.2);}
.contact-s1 .item .info h3 {font-size: 24px;color: #fff;}
.contact-s1 .item .info h3:after {content: '';width: 24px;height: 2px;background-color: #fff;display: block;margin-top: 15px;}
.contact-s1 .item .info .para {font-size: 14px;line-height: 24px;color: #fff;margin: 15px 0;}
.contact-s1 .item .info a {display: inline-block;font-size: 14px;color: #fff;}
.contact-s1 .item.zhongguo {top: 29.16%;left: 78.8%;}
.contact-s1 .item.yian {top: 34%;left: 76%;}
.contact-s1 .item.shanghai {top: 38.8%;left: 80%;}
.contact-s1 .item.hunan {top: 42%;left: 76.8%;}
.contact-s1 .item.deguo {top: 25.4%;left: 49.72%;}
.contact-s1 .item.meiguo {top: 35.27%;left: 19.8%;}
.contact-s1 .item.yindu {top: 49.72%;left: 69%;}
.contact-s1 .item.yinni {top: 65.55%;left: 80.5%;}
.contact-s1 .item.zhongguo .range, .contact-s1 .item.deguo .range, .contact-s1 .item.meiguo .range, .contact-s1 .item.yindu .range, .contact-s1 .item.yinni .range {
  width: 64px;height: 64px;
}
.contact-s1 .item.zhongguo .range:after, .contact-s1 .item.deguo .range:after, .contact-s1 .item.meiguo .range:after, .contact-s1 .item.yindu .range:after, .contact-s1 .item.yinni .range:after {
  width: 12px;height: 12px;
}
.contact-s1 .item.yian .range, .contact-s1 .item.shanghai .range, .contact-s1 .item.hunan .range {width: 32px;height: 32px;}
.contact-s1 .item.yian .range:after, .contact-s1 .item.shanghai .range:after, .contact-s1 .item.hunan .range:after {width: 8px;height: 8px;}
.contact-s1 .item.zhongguo .txt, .contact-s1 .item.shanghai .txt {padding-left: 10px;line-height: 32px;left: 100%;top: 50%;margin-top: -16px;}
.contact-s1 .item.yian .txt {padding-right: 10px;line-height: 32px;right: 100%;top: 50%;margin-top: -16px;}
.contact-s1 .item.hunan .txt, .contact-s1 .item.deguo .txt, .contact-s1 .item.meiguo .txt, .contact-s1 .item.yindu .txt, .contact-s1 .item.yinni .txt {
  left: 50%;top: 100%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
}
.contact-s1 .item.active .range {opacity: 0;visibility: hidden;}
.contact-s1 .item.active .map,
.contact-s1 .item.active .info {opacity: 1;visibility: visible;
  -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
.contact-s1 .item.active .info {transition-delay: .2s;}
.contact-s2 {position: relative;padding-bottom: 6vw;background-color: #fff;z-index: 2;}
.contact-s2 .wrapper {padding: 40px 60px;background: url("/images/contact/img-3.jpg") center no-repeat;background-size: cover;}
.contact-s2 .left-box {width: 40%;max-width: 480px;position: absolute;left: 60px;top: 50%;-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
.contact-s2 .left-box h3 {font-size: 24px;color: #fff;}
.contact-s2 .left-box .select {position: relative;height: 60px;margin-top: 30px;}
.contact-s2 .left-box .select:after {content: '';width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;
  border-top: 7px solid #fff;position: absolute;right: 20px;top: 50%;margin-top: -3px;
}
.contact-s2 .left-box .select input {display: block;width: 100%;height: 100%;padding: 0 20px;border: 1px solid #fff;font-size: 18px;
  color: #fff;background-color: transparent;cursor: pointer;
}
.contact-s2 .left-box .select ul {position: absolute;left: 0;right: 0;top: 100%;background-color: #fff;padding: 24px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);z-index: 1;font-size: 0;max-height: 240px;overflow: auto;display: none;
}
.contact-s2 .left-box .select ul li {
  display: inline-block;vertical-align: top;text-align: center;font-size: 16px;color: #808080;line-height: 40px;padding: 0 20px;cursor: pointer;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.contact-s2 .left-box .select ul li:hover {background-color: #b51716;color: #fff;}
.contact-s2 .left-box .select.open ul {display: block;}
.contact-s2 .right-box {max-width: 420px;float: right;width: 46%;}
.contact-s2 .right-box .child {display: none;}
.contact-s2 .right-box .child.active {display: block;}
.contact-s2 .right-box h4 {font-size: 20px;color: #fff;}
.contact-s2 .right-box .para {font-size: 14px;line-height: 24px;color: #fff;margin: 15px 0;}
.contact-s2 .right-box a {display: inline-block;font-size: 14px;color: #fff;}
.contact-s3 {position: relative;padding: 6vw 0;background: url("/images/contact/img-1.jpg") center no-repeat;
  background-size: cover;background-attachment: fixed;
}
.contact-s3 .para {margin-top: 2vw;font-size: 16px;color: #fff;text-align: center;}
.contact-s3 form {margin-top: 3vw;font-size: 0;}
.contact-s3 form .box {position: relative;}
.contact-s3 form .box:nth-of-type(4) span {top: 30px;}
.contact-s3 form .box span {position: absolute;font-size: 16px;line-height: 20px;color: #777a80;left: 20px;top: 50%;margin-top: -10px;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.contact-s3 form .box input {display: block;width: 100%;height: 60px;padding: 0 20px;font-size: 16px;color: #777a80;
  background-color: rgba(255, 255, 255, 0.9);
}
.contact-s3 form .box textarea {display: block;width: 100%;height: 180px;padding: 20px;font-size: 16px;color: #777a80;
  background-color: rgba(255, 255, 255, 0.9);resize: none;
}
.contact-s3 form .box button {
  width: 240px;height: 60px;background-color: #b51716;font-size: 20px;color: #fff;cursor: pointer;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .contact-s3 form .box button:hover {-webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  
    transform: translateY(-5px);  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
}
.contact-s3 form .box.active span {top: 0 !important;color: #b51716;}
.contact-s3 form .box.active input, .contact-s3 form .box.active textarea {background-color: #fff;}
@media screen and (min-width: 640px) {
  .contact-s3 form .box:nth-of-type(1), .contact-s3 form .box:nth-of-type(2), .contact-s3 form .box:nth-of-type(3) {
    display: inline-block;  vertical-align: top;  width: calc(33.33% - 16px);
  }
  .contact-s3 form .box:nth-of-type(1), .contact-s3 form .box:nth-of-type(2) {margin-right: 24px;}
  .contact-s3 form .box:nth-of-type(4), .contact-s3 form .box:nth-of-type(5) {margin-top: 24px;}
}

/* recruit */
.recruit-page .tab-tit {text-align: center;margin-top: 2vw;}
.recruit-page .tab-tit li {display: inline-block;vertical-align: top;margin: 0 0.5em 0.8em 0.5em;}
.recruit-page .tab-tit span ,.recruit-page .tab-tit li a{padding: 0.4em 1.5em;
  display: inline-block;vertical-align: top;font-size: 20px;line-height: 1.5;color: #4c4e52;border: 1px solid #4c4e52;
  margin: 0 0.5em 0.8em 0.5em ;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
  cursor: pointer;
}
.recruit-page .tab-tit li a{margin: 0;}
.recruit-page .tab-tit span:hover, .recruit-page .tab-tit span.active ,.recruit-s2 .NewsList_g2 li p:last-child:hover,.recruit-page .tab-tit li a:hover,.recruit-page .tab-tit li.on a{
  background-color: #b51716;border-color: #b51716;color: #fff;
}

.recruit-s1 {position: relative;background-color: #fff;padding: 6vw 0;}
.recruit-s1 .para {text-align: center;margin-top: 2vw;font-size: 16px;line-height: 1.8;color: #4c4e52;}
.recruit-s1 .items {margin-top: 4.5vw;}
.recruit-s1 .item {margin-top: 24px;position: relative;}
.recruit-s1 .item .img-box {width: 50%;overflow: hidden;}
.recruit-s1 .item .txt-box {
  position: absolute;top: 0;bottom: 0;width: 50%;padding: 0 2.5vw;background-color: #4c4e52;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.recruit-s1 .item img {
  display: block;width: 100%;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.recruit-s1 .item h3 {font-size: 24px;color: #fff;margin-bottom: 20px;}
.recruit-s1 .item .info {font-size: 16px;line-height: 2;color: #fff;}
.recruit-s1 .item:nth-of-type(1) {margin-top: 0;}
@media screen and (min-width: 768px) {
  .recruit-s1 .item.active img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
  .recruit-s1 .item.active .txt-box {background-color: #b51716;background-image: url("/images/recruit/img-3.png");background-position: 94% 91%;
    background-size: auto 40%;background-repeat: no-repeat;
  }
}
@media screen and (min-width: 641px) {
  .recruit-s1 .item:nth-of-type(1) .txt-box {left: 50%;}
  .recruit-s1 .item:nth-of-type(2) .img-box {margin-left: 50%;}
  .recruit-s1 .item:nth-of-type(2) .txt-box {left: 0;}
}

.recruit-s2 {position: relative;padding: 6vw 0;background-color: #f5f5f5;}
.recruit-s2 .tab-cont {margin-top: 2vw;}
.recruit-s2 .tab-cont .child {display: none;}
.recruit-s2 .tab-cont .child.active {display: block;}

.recruit-s2 .NewsList_g2 ul{margin-bottom: 2em;}
.recruit-s2 .NewsList_g2 li:nth-of-type(odd) {background-color: #fff;}
.recruit-s2 .NewsList_g2 li:nth-of-type(even) {background-color: #eeeeee;}
.recruit-s2 .NewsList_g2 li + li{margin-top: 1.5vw;}
.recruit-s2 .NewsList_g2 li{padding: 30px 180px 30px 30px;position: relative;cursor: pointer;position: relative;font-size: 0;}
.recruit-s2 .NewsList_g2 li>.nwimg, .recruit-s2 .NewsList_g2 li .ntime{display: none;}
.recruit-s2 .NewsList_g2 li h3,.recruit-s2 .NewsList_g2 li p{width: 620px;font-size: 16px;font-weight: normal;
  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 90%;
}
.recruit-s2 .NewsList_g2 li h3{font-size: 20px;margin-bottom: 0.5em;}
.recruit-s2 .NewsList_g2 li p:last-child{
  position: absolute;right: 30px;top: 30px;background:#aaaaaa;padding: 0.5em 0;
  display: block;width: 8em;font-size: 16px;line-height: 1.5;color: #fff;border-radius: 20px;
  text-align: center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.recruit-s2 .NewsList_g2 li p:last-child{display: inline-block;vertical-align: middle;}

@media screen and (min-width: 1025px) {
  .recruit-s2 .item .hide .close:hover {-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg);}
}
.recruit-s2 .item .hide .m-show {display: none;}
.recruit-s2 .item .hide .blocks {margin-left: 27%;}
.recruit-s2 .item .hide .block {margin-top: 3vw;}
.recruit-s2 .item .hide .block:nth-of-type(1) {margin-top: 0;}
.recruit-s2 .item .hide h4 {font-size: 18px;color: #b51716;}
.recruit-s2 .item .hide .para {font-size: 16px;line-height: 2;color: #4c4e52;margin-top: 10px;}
.recruit-s2 .item.active:before, .recruit-s2 .item.active:after {
  -webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);
}
.recruit-s2 .item.active .show:after {opacity: 0;}
.recruit-s2 .item.active .show a {background-color: #b51716;border-color: #b51716;color: #fff;}
.recruit-s2 .comm-page {margin-top: 2vw;}

.recruit-s3 {position: relative;background-color: #fff;padding: 6vw 0;}
.recruit-s3 .main-w{width: 84%;}
.recruit-s3 .tab-cont {margin-top: 2vw;}
.recruit-s3 .tab-cont .child {position: relative;height: 0;overflow: hidden;}
.recruit-s3 .tab-cont .child.active {height: auto;}
.recruit-s3 .tab-cont .item .img-box {overflow: hidden;}
.recruit-s3 .tab-cont .item img {display: block;width: 100%;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
.recruit-s3 li a{display: block;width: 100%;height: 10vw;}
.recruit-s3 li a img{display: block;width: 100%;height: 100%;object-fit: cover;}
.recruit-s3 li span{font-weight: normal;display: block;text-align:center;margin-top: 0.3em;}
.recruit-s3 .page,.recruit-s3 .more,.recruit-s3 li h4{display: none;}
.recruit-s3 .tab-cont .item h3 {font-size: 18px;line-height: 3;color: #4c4e52;text-align: center;}
@media screen and (min-width: 1025px) {
  .recruit-s3 .tab-cont .item:hover img {-webkit-transform: scale(1.1);  
    -moz-transform: scale(1.1);  -ms-transform: scale(1.1); 
     transform: scale(1.1);
  }
}
.recruit-s3 .button {outline: none;position: absolute;width: 38px;height: 62px;top: 35%;
  background: url("/images/prev-2.png") center no-repeat;
  cursor: pointer;background-size: contain;z-index: 2;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.recruit-s3 .button:hover {background-image: url("/images/prev-3.png");}
.recruit-s3 .button-prev {left: 3vw;}
.recruit-s3 .button-next {right: 3vw;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
.recruit-s3 .button.swiper-button-disabled {opacity: 0.2;cursor: default;}
.recruit-s3 .swiper-pagination {position: static;margin-top: 2vw;}
.recruit-s3 .swiper-pagination-bullet {width: 12px;height: 12px;margin: 0 5px;background-color: #dcdddd;opacity: 1;border-radius: 6px;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.recruit-s3 .swiper-pagination-bullet-active {background-color: #b51716;width: 32px;}

/* solution */
.solution-detail-s1 {padding: 6vw 0;background-color: #fff;position: relative;}
.solution-detail-s1 .video-box {position: relative;overflow: hidden;margin-top: 3vw;}
.solution-detail-s1 .video-box:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.solution-detail-s1 .video-box img {display: block;width: 100%;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.solution-detail-s1 .video-box a {width: 90px;height: 90px;position: absolute;top: 50%;left: 50%;border-radius: 50%;
  background: url("/images/solution/icon-1.png") center  no-repeat;background-size: contain;
  -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 2;
}
@media screen and (min-width: 1025px) {
  .solution-detail-s1 .video-box:hover img {-webkit-transform: scale(1.1);  -moz-transform: scale(1.1);  -ms-transform: scale(1.1);  transform: scale(1.1);}
  .solution-detail-s1 .video-box:hover a {box-shadow: 0 20px 40px rgba(89, 44, 140, 0.3);}
}
.solution-detail-s1 .para {margin: 4.5vw 0;text-align: center;font-size: 16px;line-height: 2;color: #4c4e52;}
.solution-detail-s1 .img-box {font-size: 0;}
.solution-detail-s1 .img-box .box {display: inline-block;vertical-align: top;width: calc(50% - 12px);overflow: hidden;}
.solution-detail-s1 .img-box .box img {display: block;width: 100%;
  -webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;transition: transform 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .solution-detail-s1 .img-box .box {margin-top: 24px;}
  .solution-detail-s1 .img-box .box:nth-of-type(1), .solution-detail-s1 .img-box .box:nth-of-type(2) {margin-top: 0;}
  .solution-detail-s1 .img-box .box:nth-of-type(odd) {margin-right: 24px;}
  .solution-detail-s1 .img-box .box:hover img {-webkit-transform: scale(1.05);  -moz-transform: scale(1.05);  -ms-transform: scale(1.05);  
    transform: scale(1.05);}
}

.solution-detail-s2 {
  position: relative;background-color: #f5f5f5;padding: 6vw 0;border-bottom: 12px solid #fff;
}
.solution-detail-s2 .items {
  margin: 3vw 3vw 0;padding-bottom: 3vw;
}
.solution-detail-s2 .swiper-scrollbar {
  width: auto;left: 0;right: 0;bottom: 1px;height: 1px;background-color: #d9d9d9;
}
.solution-detail-s2 .swiper-scrollbar-drag {
  height: 3px;top: -1px;background-color: #b51716;border-radius: 0;
}
.solution-detail-s2 a.more {
  display: block;width: 240px;line-height: 56px;font-size: 16px;color: #4c4e52;border: 2px solid #4c4e52;border-radius: 30px;text-align: center;margin: 3vw auto 0;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
@media screen and (min-width: 1025px) {
  .solution-detail-s2 a.more:hover {background-color: #b51716;  border-color: #b51716;  color: #fff;  -webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  transform: translateY(-5px);  box-shadow: 0 10px 30px rgba(89, 44, 140, 0.3);}
}

.solution-s1 {position: relative;overflow: hidden;z-index: 1;}
.solution-s1:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(89, 44, 140, 0.9);z-index: 2;}
.solution-s1 .bg-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 1;}
.solution-s1 canvas.particles-js-canvas-el {position: absolute;top: 0;left: 0;z-index: 4;}
.solution-s1 .cav {position: absolute;left: 0;right: 0;top: 50%;height: 400px;margin-top: -200px;z-index: 3;overflow: hidden;}
.solution-s1 canvas.line {
  position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.solution-s1 .items {height: calc(100vh - 206px);position: relative;z-index: 5;font-size: 0;text-align: center;padding: 6vw 0;}
.solution-s1 .item {display: inline-block;vertical-align: middle;max-width: 27vw;}
.solution-s1 .item .img-box {width: 23vw;height: 23vw;position: relative;margin: 0 auto;}
.solution-s1 .item .range {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.solution-s1 .item .range span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(255, 255, 255, 0.2);border-radius: 50%;}
.solution-s1 .item .img {overflow: hidden;border-radius: 50%;position: relative;border: 10px solid #fff;z-index: 2;}
.solution-s1 .item img {display: block;width: 100%;height: 100%;object-fit: cover;}
.solution-s1 .item .txt-box {margin-top: 3vw;}
.solution-s1 .item h3 {
  font-size: 20px;color: #fff;line-height: 26px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
.solution-s1 .item .para:before {content: '';width: 24px;height: 2px;background-color: #fff;display: block;margin: 15px auto;}
.solution-s1 .item p {font-size: 16px;line-height: 2;color: #fff;max-height: 64px;overflow: hidden;}
.solution-s1 .item i {display: block;font-size: 14px;color: #fff;margin-top: 20px;font-style: normal;}
@media screen and (min-width: 1025px) {
  .solution-s1 .item .img-box {transform-origin: center 80%;  -webkit-transform: scale(0.4);  -moz-transform: scale(0.4);  -ms-transform: scale(0.4);  transform: scale(0.4);  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
  .solution-s1 .item .txt-box {-webkit-transform: translateY(-4vw);  -moz-transform: translateY(-4vw);  -ms-transform: translateY(-4vw);  transform: translateY(-4vw);  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
  .solution-s1 .item .para {opacity: 0;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;  -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}
  .solution-s1 .item.active .img-box {-webkit-transform: scale(1);  -moz-transform: scale(1);  -ms-transform: scale(1);  transform: scale(1);}
  .solution-s1 .item.active .range span {-webkit-animation: ringscale 2s linear infinite;  -moz-animation: ringscale 2s linear infinite;  -ms-animation: ringscale 2s linear infinite;  animation: ringscale 2s linear infinite;}
  .solution-s1 .item.active .range span:nth-of-type(2) {animation-delay: .7s;}
  .solution-s1 .item.active .range span:nth-of-type(3) {animation-delay: 1.4s;}
  .solution-s1 .item.active .txt-box {-webkit-transform: translateY(0);  -moz-transform: translateY(0);  -ms-transform: translateY(0);  transform: translateY(0);}
  .solution-s1 .item.active h3 {font-size: 24px;}
  .solution-s1 .item.active .para {opacity: 1;  transition-delay: .2s;}
}

/* product */
.product-list-s1 .item a {display: block;}
.product-list-s1 .item .img-box {width: 30vw;height: 30vw;max-width: 540px;max-height: 540px;text-align: center;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.product-list-s1 .item .img-box img {width: auto;max-width: 80%;max-height: 70%;}
.product-list-s1 .item .txt-box {position: absolute;top: 0;bottom: 0;width: 50%;}
.product-list-s1 .item h3 {
  font-size: 48px;color: #4c4e52;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.product-list-s1 .item .para {font-size: 24px;line-height: 1.5;color: #777a80;margin-top: 2vw;}
.product-list-s1 .item:nth-of-type(odd) {background-color: #f5f5f5;}
.product-list-s1 .item:nth-of-type(odd) .img-box {float: left;}
.product-list-s1 .item:nth-of-type(odd) .txt-box {right: 0;padding-left: 6.25vw;}
.product-list-s1 .item:nth-of-type(even) {background-color: #fff;}
.product-list-s1 .item:nth-of-type(even) .img-box {float: right;}
.product-list-s1 .item:nth-of-type(even) .txt-box {left: 0;padding-right: 6.25vw;}
@media screen and (min-width: 1025px) {
  .product-list-s1 .item:hover .img-box {-webkit-transform: translateY(-1vw);  -moz-transform: translateY(-1vw);  -ms-transform: translateY(-1vw);  transform: translateY(-1vw);}
  .product-list-s1 .item:hover h3 {color: #b51716;}
}

.product-list-s2 {
  position: relative;background-color: #f5f5f5;padding: 3vw 3vw 0;font-size: 0;
}
.product-list-s2 .box {
  display: inline-block;vertical-align: top;height: 60px;border: 1px solid #d9d9d9;position: relative;background-color: #fafafa;cursor: pointer;
}
.product-list-s2 .select {margin-right: 12px;
}
.product-list-s2 .select:after {content: '';width: 14px;height: 9px;background-position: center;background-repeat: no-repeat;pointer-events: none;
  background-size: contain;background-image: url("/images/product/icon-1.png");position: absolute;right: 20px;top: 50%;margin-top: -4px;
}
.product-list-s2 .select input {display: block;width: 100%;height: 100%;padding: 0 20px;font-size: 16px;color: #898989;background-color: transparent;cursor: pointer;}
.product-list-s2 .select ul {position: absolute;left: 0;right: 0;top: 100%;background: #fff;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);z-index: 1;display: none;}
.product-list-s2 .select ul li {font-size: 16px;color: #808080;line-height: 60px;padding: 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;cursor: pointer;
}
.product-list-s2 .select ul li:hover {background: #b51716;color: #fff;}
.product-list-s2 .select.select-1 {width: calc(24.75% - 12px);}
.product-list-s2 .select.select-2 {width: calc(23.5% - 12px);}
.product-list-s2 .select.open ul {display: block;}
.product-list-s2 .form form {display: block;height: 100%;position: relative;padding-right: 60px;}
.product-list-s2 .form input {display: block;width: 100%;height: 100%;padding: 0 20px;font-size: 16px;color: #898989;background-color: transparent;}
.product-list-s2 .form button { width: 60px;height: 60px;position: absolute;right: -1px;top: -1px;background-position: center;background-repeat: no-repeat;
  background-color: transparent;background-image: url("/images/product/icon-2.png");cursor: pointer;
}
.product-list-s2 .form.form-1 {width: 50.5%;}
.product-list-s2 .form.form-2 {width: 52%;}

.product-list-s3 {padding-bottom: 6vw;position: relative;background-color: #f5f5f5;border-bottom: 12px solid #fff;}
.product-list-s3 .comm-tit {padding: 3vw 0;}
.product-list-s3 .block {margin-top: 3vw;}
.product-list-s3 .block:nth-of-type(1) {margin-top: 0;}
.product-list-s3 .items {font-size: 0;padding: 0 1.5vw;margin-top: -3vw;}
.product-list-s3 .comm-pdlist {width: calc(25% - 3vw);margin: 3vw 1.5vw 0;}

.product-detail-s1 {height: calc(100vh - 206px);position: relative;}
.product-detail-s1 .bg-box {width: 100%;height: 100%;position: relative;overflow: hidden;}
.product-detail-s1 .bg {
  position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-repeat: no-repeat;background-size: cover;
}
.product-detail-s1 video {
  width: 100%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.product-detail-s1 .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 0 3.125vw;z-index: 2;}
.product-detail-s1 h3 {font-size: 60px;color: #fff;}
.product-detail-s1 h4 {font-size: 48px;color: #fff;margin-top: 2.5vw;}
.product-detail-s1 .para {font-size: 20px;line-height: 1.8;color: #fff;margin-top: 1vw;}
.product-detail-s1 a {
  display: block;width: 140px;font-size: 14px;color: #fff;line-height: 40px;text-align: center;border: 1px solid #fff;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.1);margin-top: 2.5vw;-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;
}
.product-detail-s1 a:after {
  content: '';width: 20px;height: 20px;background-position: center;background-repeat: no-repeat;background-size: contain;
  background-image: url("/images/product/icon-3.png");display: inline-block;vertical-align: middle;margin: -4px 0 0 10px;
  font-size: 18px;color: #fff;
}
@media screen and (min-width: 1025px) {
  .product-detail-s1 a:hover {background-color: #b51716;  border-color: #b51716;  box-shadow: 0 0 20px rgba(89, 44, 140, 0.3);  
    -webkit-transform: translateY(-5px);  -moz-transform: translateY(-5px);  -ms-transform: translateY(-5px);  transform: translateY(-5px);
  }
}

.product-detail-s2 {position: relative;}
.product-detail-s2 .img-box {overflow: hidden;}
.product-detail-s2 .img-box img, .product-detail-s2 .img-box video {display: block;width: 100%;}
.product-detail-s2 .txt-box {position: absolute;left: 0;right: 0;padding-left: 3.125vw;padding-right: 3.125vw;}
.product-detail-s2 .txt-box h3 {font-size: 48px;}
.product-detail-s2 .txt-box .para {font-size: 24px;line-height: 1.5;margin-top: 20px;}
.product-detail-s2 .txt-box.top-center {text-align: center;top: 6.25vw;}
.product-detail-s2 .txt-box.middle-left, .product-detail-s2 .txt-box.middle-right {
  top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
.product-detail-s2 .txt-box.middle-left {text-align: left;}
.product-detail-s2 .txt-box.middle-right {text-align: right;}
.product-detail-s2 .txt-box.gray h3, .product-detail-s2 .txt-box.gray .para {color: #333333;}
.product-detail-s2 .txt-box.white h3, .product-detail-s2 .txt-box.white .para {color: #fff;}

/* other */
.search-s1 {margin-top: -25vw;position: relative;height: 25vw;text-align: center;}
.search-s1 h3 {font-size: 48px;color: #fff;}
.search-s1 .form {max-width: 1200px;margin: 30px auto;position: relative;height: 72px;padding-right: 72px;background-color: #fff;}
.search-s1 .form input {display: block;width: 100%;height: 100%;padding: 0 30px;font-size: 18px;color: #666;}
.search-s1 .form button {position: absolute;right: 0;top: 0;width: 72px;height: 72px;background-position: center;background-repeat: no-repeat;background-color: transparent;background-image: url("/images/other/icon-1.png")/*tpa=http://www.aeonmed.com/static/home/images/other/icon-1.png*/;cursor: pointer;}
.search-s1 .tip {text-align: center;font-size: 0;}
.search-s1 .tip span {display: inline-block;vertical-align: top;margin: 0 20px;font-size: 18px;line-height: 24px;color: #fff;padding-left: 34px;position: relative;}
.search-s1 .tip span:before {content: '';width: 24px;height: 24px;border-radius: 50%;background-color: #fff;position: absolute;top: 0;left: 0;}
.search-s1 .tip span:after {content: '';width: 16px;height: 16px;background-color: #b51716;border-radius: 50%;position: absolute;top: 4px;left: 4px;opacity: 0;}
.search-s1 .tip span.active:after {opacity: 1;}

.search-s2 {position: relative;background-color: #fff;padding: 4.5vw 0 6vw;}
.search-s2 .cont {max-width: 1200px;margin: 0 auto;}
.search-s2 .tip {font-size: 18px;color: #333;}
.search-s2 .tip b {color: #b51716;}
.search-s2 .item {border-bottom: 8px solid #f5f5f5;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;}
.search-s2 .item a {display: block;padding: 3.125vw 0;}
.search-s2 .item .date {font-size: 14px;color: #b51716;font-style: italic;}
.search-s2 .item h3 {font-size: 20px;color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 20px;}
.search-s2 .item .url {font-size: 16px;line-height: 24px;color: #808080;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 15px;}
.search-s2 .item span {display: inline-block;font-size: 16px;color: #b51716;margin-top: 20px;}
@media screen and (min-width: 1025px) {
  .search-s2 .item:hover {border-color: #b51716;}
}

.sitemap-s1 {padding: 4.5vw 0 6vw;position: relative;background-color: #fff;}
.sitemap-s1 .cont {max-width: 1200px;margin: 0 auto;}
.sitemap-s1 .item {padding: 2vw 0;border-bottom: 1px solid #e6e6e6;font-size: 0;}
.sitemap-s1 a.btn {display: inline-block;vertical-align: top;width: calc((100% - 5vw) / 5);max-width: 220px;line-height: 60px;font-size: 16px;text-align: center;-webkit-transition: color 0.3s ease, background 0.3s ease;-moz-transition: color 0.3s ease, background 0.3s ease;-ms-transition: color 0.3s ease, background 0.3s ease;transition: color 0.3s ease, background 0.3s ease;}
.sitemap-s1 h3 a.btn {display: block;background-color: #b51716;color: #fff;}
.sitemap-s1 .link {margin-top: 1.25vw;}
.sitemap-s1 .link a.btn {background-color: #e6e6e6;margin-right: 1.25vw;color: #666;}
.sitemap-s1 .link a.btn:last-of-type {margin-right: 0;}
.sitemap-s1 .link a.btn:hover {background-color: #b51716;color: #fff;}

@media screen and (max-width: 1700px) {
  .index-main {padding-top: 116px;}
  .solution-s1 .items {height: auto;}
  .product-detail-s1 {height: calc(100vh - 186px);}
}
@media screen and (max-width: 1600px) {
  .index-s1 .item h4,
  .index-s2 .item h3 {font-size: 20px;}

  .comm-crumbs .left-box a, .comm-crumbs .left-box b,
  .comm-crumbs .right-box a {font-size: 15px;  line-height: 60px;}

  .inner-banner {top: 60px;}

  .comm-tit h3, .ResTitle_a4 span {font-size: 28px;}
  .comm-tit h4, .ResTitle_a4 em {font-size: 48px;}

  .about-business-s1 .data .num span {font-size: 48px;}
  .about-business-s1 .item h3 {font-size: 16px;}
  .about-business-s3 .tip {font-size: 20px;}

  .about-business-s3 .box,
  .about-business-s2 .map-dot span,
  .about-business .para,
  .about-research .para,
  .about-business-s1 .item p {font-size: 15px;}

  .about-culture-s1 .item .top-box {width: 220px;  height: 220px;}
  .about-culture-s1 .item h3,
  .about-culture-s2 .item h3 {font-size: 20px;}
  .about-culture-s1 .item p {font-size: 16px;}
  .about-culture-s2 .item .para {font-size: 15px;}

  .about-history-s1 .item h3 {font-size: 28px;}
  .about-history-s1 .item span {font-size: 20px;}
  .about-history-s1 .item .para {font-size: 16px;}
  .about-history-s1 .item .left-box {width: 220px;}
  .about-history-s1 .item .right-box {margin-left: 220px;  padding-left: 7vw;}
  .about-history-s1 .line-box .line {font-size: 14px;  line-height: 34px;}
  .about-history-s1 .line-box .line.active {font-size: 20px;}

  .about-index-s1 a.more,
  .about-index-s5 a.more {width: 200px;  line-height: 52px;}

  .about-index-s2 a.more {width: 200px;  line-height: 48px;}

  .about-index-s2 .item h3,
  .about-index-s3 .cont-box .item .box h3 {font-size: 20px;}
  .about-index-s3 .line-box .item h3 {font-size: 16px;}
  .about-index-s3 .line-box .item.swiper-slide-thumb-active h3 {font-size: 20px;}
  .about-index-s5 .item .num span {font-size: 42px;}
  .about-index-s5 .item .num {font-size: 20px;}

  .about-index-s1 .txt-box,
  .about-index-s3 .cont-box .item .box .para,
  .about-index-s4 .para,
  .about-index-s5 .para,
  .about-index-s5 .item p,
  .about-index-s3 .cont-box .item .box span {font-size: 15px;}

  .about-index-s3 .cont-box .item .box p.c {height: 60px;}

  .about-intro-s1 .para {font-size: 15px;}

  .about-intro-s2 .tab-tit .item h3,
  .about-intro-s2 .items-1 .item h3 {font-size: 20px;}

  .about-intro-s2 .tab-tit .item i {width: 80px;  height: 80px;  background-size: 40px auto;}

  .about-research-s2 .data i {width: 70px;  height: 80px;}
  .about-research-s2 .data .num span {font-size: 42px;}
  .about-research-s2 .data p {font-size: 15px;}
  .about-research-s2 .item .img-box {height: 170px;}
  .about-research-s2 .item h3 {font-size: 16px;}
  .about-research-s3 .item .show {font-size: 16px;  line-height: 50px;  padding: 0 24px;}
  .about-research-s3 .item .hide {padding: 0 24px;}
  .about-research-s3 .item h3 {font-size: 20px;}
  .about-research-s3 .item .info {font-size: 15px;}
  .about-research-s3 .item .info:before {margin: 15px 0 10px;}
  .about-research-s4 .item ,.about-research-s4 li{font-size: 15px;  margin: 15px 0;}
  .about-research-s2 .data .txt-box {padding-left: 70px;}
  .about-research-s2 .data .num {font-size: 20px;}

  .contact-s1 .item .info h3,
  .contact-s2 .left-box h3 {font-size: 20px;}
  .contact-s2 .right-box h4 {font-size: 18px;}
  .contact-s3 form .box input {height: 50px;}
  .contact-s3 form .box textarea {height: 150px;}
  .contact-s3 form .box button {width: 220px;  height: 54px;  font-size: 18px;}
  .contact-s2 .left-box .select {height: 50px;}
  .contact-s2 .left-box .select input {font-size: 16px;}
  .contact-s3 .para {font-size: 15px;}

  .news-list-s1 form {height: 80px;  padding-right: 80px;}
  .news-list-s1 form button {width: 80px;  height: 80px;}
  .news-list-s1 .item .date {font-size: 18px;}
  .news-list-s1 .item h3 {font-size: 26px;}
  .news-list-s1 .item p {font-size: 15px;}

  .news-detail-s1 .date,
  .news-detail-s2 .right-box h3 {font-size: 20px;}
  .news-detail-s1 h3 {font-size: 40px;}

  .news-detail-s2 .right-box .link a,
  .news-detail-s2 .other a {font-size: 15px;}
  .news-detail-s2 a.back {width: 100px;  height: 100px;}

  .recruit-s1 .para,
  .recruit-s1 .item .info,
  .recruit-s2 .item .show span {font-size: 15px;}
  .recruit-s1 .item h3,
  .recruit-s2 .item .show h3 {font-size: 20px;}


  .recruit-s2 .item .show a {width: 130px;  line-height: 40px;  font-size: 15px;}
  .recruit-s2 .item .show .info {width: calc((73% - 130px) / 3);}
  .recruit-s2 .item .show .btn {width: 130px;}
  .recruit-s2 .item .show {padding: 24px 60px 24px 30px;}
  .recruit-s2 .item .show:after {right: 20px;}
  .recruit-s2 .item .hide {padding: 3vw 60px 3vw 30px;}
  .recruit-s2 .item .hide .close {right: 20px;}
  .recruit-s2 .item .hide .para {font-size: 15px;}
  .recruit-s3 .tab-cont .item h3 {font-size: 16px;}
  .recruit-s3 .button {top: 32%;}

  .solution-detail-s1 .video-box a {width: 70px;  height: 70px;}
  .solution-detail-s1 .para {font-size: 15px;}

  .comm-pdlist h3 {padding-bottom: 20px;}

  .solution-detail-s2 a.more {width: 200px;  line-height: 50px;}

  .product-list-s1 .item h3 {font-size: 40px;}
  .product-list-s1 .item .para {font-size: 20px;}

  .solution-s1 .item.active h3 {font-size: 20px;}
  .solution-s1 .item h3 {font-size: 16px;}
  .solution-s1 .item p {font-size: 15px;  max-height: 60px;}
  .solution-s1 .item i {font-size: 13px;}

  .product-list-s2 .box {height: 50px;}
  .product-list-s2 .form input,
  .product-list-s2 .select input {font-size: 15px;}
  .product-list-s2 .select ul li {line-height: 50px;  font-size: 15px;}
  .product-list-s2 .form form {padding-right: 50px;}
  .product-list-s2 .form button {width: 50px;  height: 50px;}
  .product-detail-s1 {height: calc(100vh - 176px);}
  .product-detail-s1 h3 {font-size: 50px;}
  .product-detail-s1 h4 {font-size: 40px;}
  .product-detail-s1 .para {font-size: 18px;}
  .product-detail-s2 .txt-box h3 {font-size: 40px;}
  .product-detail-s2 .txt-box .para {font-size: 20px;}

  .search-s1 h3 {font-size: 40px;}
  .search-s1 .form {height: 60px;  padding-right: 60px;}
  .search-s1 .form button {width: 60px;  height: 60px;}
  .search-s1 .tip span {font-size: 16px;}
  .search-s2 .tip {font-size: 16px;}
  .search-s2 .item h3 {font-size: 18px;}
  .search-s2 .item .url {font-size: 14px;}
  .search-s2 .item span {font-size: 14px;}

  .sitemap-s1 a.btn {line-height: 54px;}
}
@media screen and (max-width: 1366px) {
  .index-main {padding-top: 106px;}
  .index-s1 .item h3 {font-size: 36px;}
  .index-s1 .item h4,
  .index-s2 .item h3 {font-size: 18px;}
  .index-s2 .item h4 {font-size: 13px;}
  .index-s3{padding-top: 7vw;}
  .index-s4 #NewsList_a1 li:first-child .newnr>b{font-size: 20px;}
  .index-s4 #NewsList_a1 p{font-size: 14px;}
  .index-s4 #NewsList_a1 li:not(:first-child) .data b{font-size: 24px;}
  .index-s4 #NewsList_a1 li:not(:first-child){padding-left: 120px;}

  .comm-tit h3 , .ResTitle_a4 span{font-size: 26px;}
  .comm-tit h4 , .ResTitle_a4 em{font-size: 40px;}

  .about-business-s1 .data .box {padding-bottom: 50px;}
  .about-business-s1 .data .num {font-size: 24px;}
  .about-business-s1 .data .num span {font-size: 40px;}
  .about-business-s1 .data h3 {font-size: 16px;  margin-top: 10px;}
  .about-business-s1 .item h3 {font-size: 18px;}

  .about-business-s3 .box,
  .about-business-s2 .map-dot span,
  .about-business .para,
  .about-research .para,
  .about-business-s1 .item p {font-size: 14px;}

  .about-culture-s1 .item h3, .about-culture-s2 .item h3 {font-size: 18px;}
  .about-culture-s1 .item p {font-size: 15px;}
  .about-culture-s1 .item .top-box {width: 200px;  height: 200px;}
  .about-history-s1 .item {margin-right: 40px;}
  .about-history-s1 .item .left-box {width: 200px;}
  .about-history-s1 .item .right-box {margin-left: 200px;}
  .about-history-s1 .item h3 {font-size: 26px;}
  .about-history-s1 .item span {font-size: 18px;}
  .about-history-s1 .item .para {font-size: 15px;}

  .about-history-s1 .item:before,
  .about-history-s1 .item:after {height: 8px;}
  .about-history-s1 .line-box .line {padding-right: 30px;}
  .about-history-s1 .line-box .line.active {padding-right: 45px;}
  .about-history-s1 .line-box .line:after {width: 15px;}
  .about-history-s1 .line-box .line.active {font-size: 18px;}
  .about-history-s1 .line-box .line.active:after {width: 30px;}

  .about-index-s1 .txt-box,
  .about-index-s3 .cont-box .item .box .para,
  .about-index-s4 .para,
  .about-index-s5 .para,
  .about-index-s5 .item p,
  .about-index-s3 .cont-box .item .box span {font-size: 14px;}
  .about-index-s1 a.more,
  .about-index-s5 a.more {width: 180px;  line-height: 46px;}

  .about-index-s2 a.more {width: 180px;  line-height: 42px;}

  .about-index-s2 .item h3,
  .about-index-s3 .cont-box .item .box h3 {font-size: 18px;}
  .about-index-s3 .cont-box .item .box .para {line-height: 24px;}
  .about-index-s3 .cont-box .item .box p.c {height: 48px;}
  .about-index-s4 .world .dot {width: 18px;  height: 18px;}
  .about-index-s4 .btns a {width: 160px;  line-height: 40px;}
  .about-index-s5 .item .num span {font-size: 36px;}

  .about-intro-s1 .para {font-size: 14px;}

  .about-intro-s2 .tab-tit .item h3,
  .about-intro-s2 .items-1 .item h3 {font-size: 18px;}

  .about-intro-s2 .tab-tit .item i {width: 70px;  height: 70px;  background-size: 34px auto;}
  .about-research-s2 .data i {width: 64px;  height: 73px;}
  .about-research-s2 .data .num {font-size: 16px;}
  .about-research-s2 .data .num span {font-size: 36px;}
  .about-research-s2 .item .img-box {height: 150px;}
  .about-research-s3 .item h3 {font-size: 18px;}
  .about-research-s3 .item .info {font-size: 14px;  line-height: 24px;}

  .contact-s1 .cont {margin-top: 60px;}
  .contact-s1 .item .info {width: 320px;}
  .contact-s1 .item .info h3,
  .contact-s2 .left-box h3 {font-size: 18px;}
  .contact-s3 form .box button {width: 200px;  height: 50px;  font-size: 16px;}
  .contact-s3 .para {font-size: 14px;}

  .news-list-s1 form {height: 70px;  padding-right: 70px;}
  .news-list-s1 form button {width: 70px;  height: 70px;  background-size: auto 26px;}
  .news-list-s1 .item .date {font-size: 16px;}
  .news-list-s1 .item h3 {font-size: 20px;}
  .news-list-s1 .item p {font-size: 14px;  margin-top: 10px;}

  .news-detail-s1 .date,
  .news-detail-s2 .right-box h3 {font-size: 18px;}
  .news-detail-s1 h3 {font-size: 32px;}
  .news-detail-s2 .right-box .link a,
  .news-detail-s2 .other a {font-size: 14px;}
  .news-detail-s2 .right-box .link a {margin-top: 15px;}
  .news-detail-s2 .right-box .link {padding-top: 24px;}
  .news-detail-s2 a.back {width: 90px;  height: 90px;}

  .recruit-s1 .para,
  .recruit-s1 .item .info,
  .recruit-s2 .item .show span {font-size: 14px;}
  .recruit-s1 .item h3,
  .recruit-s2 .item .show h3 {font-size: 18px;}

  .recruit-s1 .item h3 {margin-bottom: 10px;}
  .recruit-s1 .item .info {line-height: 24px;}
  .recruit-page .tab-tit span {font-size: 16px;}
  .recruit-s2 .item .hide h4 {font-size: 16px;}
  .recruit-s2 .item .hide .para {font-size: 14px;  line-height: 24px;}
  .recruit-s2 .item .show a {width: 120px;  line-height: 36px;  font-size: 14px;}
  .recruit-s2 .item .show .btn {width: 120px;}
  .recruit-s2 .item .show .info {width: calc((73% - 120px) / 3);}

  .solution-detail-s1 .video-box a {width: 60px;  height: 60px;}
  .solution-detail-s1 .para {font-size: 14px;}

  .comm-pdlist h3 {font-size: 16px;}

  .solution-detail-s2 a.more {width: 180px;  line-height: 46px;}

  .product-list-s1 .item h3 {font-size: 34px;}
  .product-list-s1 .item .para {font-size: 18px;}

  .solution-s1 .item .img {border-width: 6px;}
  .solution-s1 .item .img-box {width: 18vw;  height: 18vw;}
  .solution-s1 .item p {font-size: 14px;  line-height: 24px;  max-height: 48px;}
  .solution-s1 .item i {font-size: 12px;}
  .solution-s1 canvas.line {top: 40%;}

  .product-list-s2 .form input,
  .product-list-s2 .select input {padding: 0 10px;}
  .product-list-s2 .select:after {right: 10px;}
  .product-list-s2 .select ul li {padding: 0 10px;  font-size: 14px;}
  .product-list-s2 .form input,
  .product-list-s2 .select input {font-size: 14px;}

  .product-detail-s1 {height: calc(100vh - 166px);}
  .product-detail-s1 h3 {font-size: 40px;}
  .product-detail-s1 h4 {font-size: 32px;}
  .product-detail-s1 .para {font-size: 16px;}
  .product-detail-s2 .txt-box h3 {font-size: 32px;}
  .product-detail-s2 .txt-box .para {font-size: 18px;}

  .search-s1 h3 {font-size: 32px;}
  .search-s1 .form {height: 50px;  padding-right: 50px;}
  .search-s1 .form button {width: 50px;  height: 50px;}
  .search-s1 .form input {font-size: 16px;}
  .search-s2 .item h3 {margin-top: 10px;}
  .search-s2 .item .url {margin-top: 10px;}
  .search-s2 .item span {margin-top: 15px;}
  .sitemap-s1 a.btn {line-height: 46px;}
}
@media screen and (max-width: 1024px) {
  .index-main {padding-top: 0;}
  .index-s1 .item h3 {font-size: 30px;}
  .index-s1 .item h4 {font-size: 16px;  margin-top: 10px;}
  .index-s1 .item .txt-box {top: 8vw;}

  .index-s2 .item {width: calc(50% - 6px);}
  .index-s2 .item:nth-of-type(odd) {margin-right: 12px;}
  .index-s2 .item:nth-of-type(3), .index-s2 .item:nth-of-type(4) {margin-top: 12px;}
  .index-s2 .item .txt-box {left: 20px;  right: 20px;  bottom: 20px;}

  .comm-crumbs {top: 64px;}
  .comm-crumbs .left-box a, .comm-crumbs .left-box b,
  .comm-crumbs .right-box a {line-height: 50px;}

  .inner-banner {top: 115px;}
  .about-culture-s1 .item .top-box {width: 180px;  height: 180px;}
  .about-culture-s2 .item .show h3 {left: 20px;  right: 20px;  bottom: 20px;}
  .about-culture-s2 .item .show:before {top: 20px;  left: 20px;}
  .about-history-s1 .line-box {display: none !important;}
  .about-history-s1 .item {margin-right: 0;}
  .about-index-s3 .cont-box .item .box {max-width: 680px;}
  .about-research-s3 .item h3 {font-size: 16px;}
  .about-research-s3 .item .hide {padding: 0 20px;}
  .about-research-s4 .scroll {padding: 40px;}

  .news-list-s1 form {height: 60px;  padding-right: 60px;}
  .news-list-s1 form input {padding: 0 20px;}
  .news-list-s1 form button {width: 60px;  height: 60px;  background-size: auto 24px;}
  .news-list-s1 .item h3 {font-size: 18px;}
  .news-list-s1 .item .date {font-size: 14px;}
  .news-detail-s2 .right-box {top: 120px;}

  .comm-share {margin-left: -70px;  top: 130px;}
  .recruit-s1 .item img {width: 140%;  margin-left: -20%;}
  .recruit-s3 .button {top: 29%;display: none;}
  .recruit-s3 li a{height: 12vw;}
  .product-list-s1 .item h3 {font-size: 26px;}
  .product-list-s1 .item .para {font-size: 16px;}

  .solution-s1 .item {max-width: 52vw;  margin-top: 70px;}
  .solution-s1 .item:nth-of-type(1) {margin-top: 0;}

  .solution-s1 .item .img-box {width: 240px;  height: 240px;}

  .product-detail-s1 {height: 580px;}

  .search-page .inner-banner {top: 64px;}

  .sitemap-s1 a.btn {font-size: 15px;}
}
@media screen and (max-width: 768px) {
  .wrapper {width: 100%;}

  .index-s1 .items {height: 40vw;}
  .index-s1 .button {display: none;}
  .index-s1 .item .txt-box {padding: 0 20px;  top: 12vw;}
  .index-s1 .item h3 {font-size: 24px;}
  .index-s1 .item h4 {font-size: 14px;}
  .index-s1 .item .btn {line-height: 36px;  margin-top: 20px;}
  .index-s1 .item .btn:after {margin-left: 20px;}

  .index-s1 .ope {padding: 0 20px;  bottom: 15px;}

  .comm-crumbs {padding: 0;}
  .comm-crumbs .left-box,
  .comm-crumbs a.view {display: none;}
  .comm-crumbs .right-box {float: none;  text-align: center;}
  .comm-crumbs .right-box a {font-size: 13px;  line-height: 40px;}
  .comm-crumbs .right-box li:before {height: 2px;  right: 21px;}
  .comm-crumbs .right-box li:after {margin: 0 10px;}
  .inner-banner {position: static;}
  .about-business-s1 {padding: 40px 20px;}

  .comm-tit h3 , .ResTitle_a4 span{font-size: 20px;}
  .comm-tit h4 , .ResTitle_a4 em{font-size: 20px;  margin-top: 5px;}

  .about-business .para,
  .about-research .para {line-height: 24px;  margin-top: 20px;}

  .about-business-s1 .datas {display: flex;  justify-content: space-between;}
  .about-business-s1 .data {width: auto;}
  .about-business-s1 .data .num {font-size: 16px;}
  .about-business-s1 .data .num span {font-size: 24px;}
  .about-business-s1 .data .box {padding-bottom: 0;}
  .about-business-s1 .data h3 {position: static;  font-size: 14px;}
  .about-business-s1 .data h4 {position: static;}
  .about-business-s2 {padding: 40px 20px;}
  .about-business-s2 .map-box {padding-top: 40px;  margin: 0 -20px;}
  .about-business-s3 {padding: 40px 20px;}
  .about-business-s3 .tip {position: static;  margin-top: 0;  font-size: 16px;  line-height: 24px;  padding-left: 10px;}
  .about-business-s3 .box {margin-top: 20px;  line-height: 24px;  max-width: none;  display: block;}

  .about-business-s3 ul li a{height: 20vw;}
  
  .about-culture-s1 {padding: 40px 20px;}
  .about-culture-s2 {padding: 40px 20px;}
  .about-culture-s1 .item .top-box {width: 160px;  height: 160px;}
  .about-history-s1 {padding: 40px 20px;}
  .about-history-s1 .item h3 {font-size: 20px;}
  .about-history-s1 .item span {font-size: 16px;  margin-top: 10px;}
  .about-history-s1 .item .left-box {width: 150px;}
  .about-history-s1 .item .right-box {margin-left: 150px;  padding-left: 60px;}
  .about-index-s1 {padding: 40px 20px;}
  .about-index-s2 {padding: 40px 20px;}
  .about-index-s3 {padding: 40px 20px;}
  .about-index-s3 .cont-box .item .box {max-width: 600px;}
  .about-index-s5 {padding: 40px 20px;}

  .about-intro-s1 {padding: 40px 20px;}
  .about-intro-s2 .tab-tit {padding: 0 20px;}
  .about-intro-s2 .tab-tit .items {padding: 0;}
  .about-intro-s2 .tab-tit .item h3 {padding: 10px 10px 20px;}
  .about-intro-s2 .tab-cont {padding: 40px 20px;}

  .about-research-s1,
  .about-research-s2,
  .about-research-s3,
  .about-research-s4 {padding: 40px 20px;}
  .about-research-s1{padding-bottom: 0;}.about-research-s2{padding-top: 0;}

  .contact-s1,
  .contact-s2 .wrapper,
  .contact-s3 {padding: 40px 20px;}
  .contact-s2 {padding: 0 20px 40px;}
  .contact-s2 .left-box .select ul {padding: 15px;}
  .contact-s1 .cont {margin-top: 20px;}
  .contact-s1 .tab-tit {position: static;}
  .contact-s1 .tab-cont {margin-top: 20px;}
  .contact-s1 .cont img {display: none;}
  .contact-s1 .item {position: static;  width: auto;  height: auto;  display: none;}
  .contact-s1 .item.active {display: block;}
  .contact-s1 .item .range,
  .contact-s1 .item .map {display: none;}
  .contact-s1 .item .info {width: 100%;  position: static;  padding: 0;}
  .contact-s1 .item .info:after {display: none;}
  .contact-s1 .item .info .box {background-color: #fff;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
  .contact-s1 .item .info h3 {color: #333;}
  .contact-s1 .item .info .para {color: #808080;}
  .contact-s1 .item .info h3:after {background-color: #808080;}
  .contact-s1 .item .info a {color: #333;}

  .news-list-s1 {padding: 40px 20px;}
  .news-list-s1 .item .txt-box {padding: 0 20px;}
  .news-list-s1 .item h3 {font-size: 16px;}
  .news-list-s1 .item p {font-size: 12px;}
  .news-detail-s1 {padding: 40px 20px;}
  .news-detail-s1 .date {font-size: 16px;}
  .news-detail-s1 h3 {font-size: 24px;}
  .news-detail-s2 .wrapper {padding: 40px 20px;}
  .comm-share {display: none;}

  .news-detail-s2 .left-box {width: 100%;}

  .news-detail-s2 .right-box {width: 100%;  position: static;  margin: 20px 0 0;}

  .news-detail-s2 .right-box h3 {line-height: 50px;}

  .recruit-s1 {padding: 40px 20px;}
  .recruit-s2 {padding: 40px 20px;}
  .recruit-s3 .button {display: none;}

  .solution-detail-s1,
  .solution-detail-s2 {padding: 40px 20px;}

  .product-list-s1 .item a {padding: 0 40px;}
  .product-list-s1 .item:nth-of-type(odd) .txt-box {padding-left: 0;}
  .product-list-s1 .item:nth-of-type(even) .txt-box {padding-right: 0;}
  .product-list-s3 .comm-pdlist {width: calc(33.33% - 3vw);}
  .product-list-s2 .select.select-1 {width: calc((100% - 10px) / 2);  margin-right: 10px;}
  .product-list-s2 .select.select-1:nth-of-type(2) {margin-right: 0;}
  .product-list-s2 .select.select-2 {width: 100%;  margin-right: 0;}

  .product-list-s2 .form.form-1,
  .product-list-s2 .form.form-2 {width: 100%;  margin-top: 2vw;}
  .select-fid{margin-top: 2vw;}

  .product-detail-s1 {height: 420px;}
  .product-detail-s1 .txt-box {padding: 0 20px;}
  .product-detail-s1 h3 {font-size: 32px;}
  .product-detail-s1 h4 {font-size: 24px;  margin-top: 30px;}
  .product-detail-s1 .para {font-size: 14px;  margin-top: 15px;}
  .product-detail-s1 a {margin-top: 15px;}
  .product-detail-s2 .txt-box h3 {font-size: 24px;}
  .product-detail-s2 .txt-box .para {font-size: 14px;  margin-top: 10px;}
  .product-detail-s2 .txt-box {padding-left: 20px;  padding-right: 20px;}

  .search-s1 {padding: 0 20px;}
  .search-s1 h3 {font-size: 26px;}
  .search-s1 .form {margin: 15px 0;}
  .search-s2 {padding: 40px 20px;}

  .sitemap-s1 {padding: 40px 20px;}
}
@media screen and (max-width: 640px) {
  .index-main .title span{font-size: 6vw;}
  .index-main .title{font-size: 3.8vw;}
  .wrapper {width: 86%;}
  .footer {padding: 40px 20px;}
  .footer-link{padding: 10px 20px;}
  .footer .link a:after {margin: 0 8px;}
  .index-s1 .items {height: 60vw;}
  .index-s2 .item {width: 100%;  margin: 12px 0 0;}
  .index-s2 .item:nth-of-type(1) {margin-top: 0;}
  .index-s2 .item:nth-of-type(odd) {margin-right: 0;}

  .index-main .mymore{margin-left: auto;margin-right:auto;font-size: 3.8vw;}
  .index-s3{padding-bottom: 3vw;}
  .index-s3 .L,.index-s3 .R{display: block;width: 93%;margin-left: auto;margin-right: auto;}

  .index-s4 #NewsList_a1 li:first-child .newnr:before{display: none;}
  .index-s4 #NewsList_a1 li:first-child .newimg{display: block;width: 100%;height: 45vw;box-shadow: none;}
  .index-s4 #NewsList_a1 li:first-child .newnr{display: block;width: 100%;padding: 4vw 3vw;}
  .index-s4 #NewsList_a1 li:not(:first-child){float: none;width: 100%;margin-top: 3vw;padding: 4vw 3vw;border-bottom: 1px solid #f5f5f5}
  .index-s4 #NewsList_a1 li:not(:first-child) .data{position: static;font-size: 3.8vw;margin-bottom: 3vw;}
  .index-s4 #NewsList_a1 li:not(:first-child) .data b{font-size: 3.8vw;display: inline;}
  .index-s4 #NewsList_a1 li:not(:first-child) .data b:after{content: "-";}
  .index-s4 #NewsList_a1 li:not(:first-child) b,.index-s4 #NewsList_a1 li:first-child .newnr>b{font-size: 4.5vw;font-weight: normal;margin-bottom: 0.4em;}

  .about-business-s1 .items {margin-top: 20px;  display: block;}

  .about-business-s1 .item {width: 100%;  margin: 3vw 0 0;}
  .about-business-s1 .item:nth-of-type(1) {margin-top: 0;}
  .about-business-s1 .item h3{font-size: 4.2vw;}

  .about-business-s1 .datas {margin-top: 20px;}
  .about-business-s1 .data {padding: 0;}
  .about-business-s1 .data h4 {display: none;}
  .about-business-s2 .map-dot span {display: none;}

  .about-business-s2 .map-dot--2:before,
  .about-business-s2 .map-dot--3:before,
  .about-business-s2 .map-dot--4:before,
  .about-business-s2 .map-dot--5:before,
  .about-business-s2 .map-dot--6:before {width: 14px;  height: 18px;}

  .about-business-s2 .map-dot--1:before {width: 20px;  height: 25px;}
  .about-business-s2 .map-dot--2 {top: 32%;  left: 31.49%;}
  .about-business-s2 .map-dot--3 {top: 38%;  left: 46%;}
  .about-business-s2 .map-dot--4 {top: 55%;  left: 56%;}
  .about-business-s2 .map-dot--5 {top: 43%;  left: 87%;}
  .about-business-s2 .map-dot--6 {top: 68%;  left: 92%;}

  .about-business-s3 .swiper-pagination-bullet{height: 6px;width: 6px;}
  .about-business-s3 .swiper-pagination-bullet-active{width: 8px;}

  .about-culture-s1 .items {margin-top: 20px;}
  .about-culture-s1 .item{width: 100%;margin-bottom: 3vw;}
  .about-culture-s1 .item .top-box {width: 80px;  height: 80px;}
  .about-culture-s1 .item .bot-box {margin-top: 15px;}
  .about-culture-s1 .item h3 {font-size: 15px;}
  .about-culture-s1 .item p {font-size: 12px;  margin-top: 5px;  -webkit-transform: scale(0.9);  -moz-transform: scale(0.9);  -ms-transform: scale(0.9);  transform: scale(0.9);}
  .about-culture-s2 {background-attachment: inherit;}
  .about-culture-s2 .items {margin-top: 20px;}

  .about-culture-s2 .item {width: 100%;  margin-top: 20px;}
  .about-culture-s2 .item:nth-of-type(1) {margin-top: 0;}
  .about-culture-s2 .item h3 {font-size: 16px;}
  .about-culture-s2 .item .para:before {margin: 10px auto 6px;}
  .about-culture-s2 .item .para {font-size: 12px;  line-height: 20px;}
  .about-history-s1 .item {padding: 30px 0;}
  .about-history-s1 .item:before,
  .about-history-s1 .item:after {height: 2px;}

  .about-history-s1 .item .left-box {width: 100%;  float: none;  border: none;}
  .about-history-s1 .item h3 {font-size: 18px;}
  .about-history-s1 .item span {font-size: 12px;  margin-top: 5px;}
  .about-history-s1 .item .right-box {margin-left: 0;  padding-left: 0;  margin-top: 20px;}
  .about-history-s1 .item .para {font-size: 14px;  line-height: 24px;}
  .about-history-s1 .item .img-box {margin-top: 10px;}
  .about-history-s1 .item img {width: calc(33.33% - 10px);  margin-right: 10px;margin-bottom: 10px;}

  .about-index-s1 .cont {margin-top: 20px;}
  .about-index-s1 .txt-box {width: 100%;  padding: 15px 20px;  line-height: 24px;}
  .about-index-s1 .img-box {width: 100%;  position: static;  margin: 0 auto;}
  .about-index-s1 a.more, .about-index-s5 a.more {width: 140px;  line-height: 36px;  font-size: 14px;  margin: 20px auto 0;}
  .about-index-s2 .items {margin: 20px -5px 0;}
  .about-index-s2 .item {width: calc(50% - 10px);  margin: 20px 5px 0;}
  .about-index-s2 .item:nth-of-type(1), .about-index-s2 .item:nth-of-type(2) {margin-top: 0;}
  .about-index-s2 .item h3 {font-size: 16px;  margin-top: 10px;}
  .about-index-s2 a.more {width: 140px;  line-height: 34px;  border-width: 1px;  margin: 20px auto 0;  font-size: 14px;}

  .comm-tit p {font-size: 14px;  margin-top: 10px;}

  .about-index-s3 {background-attachment: inherit;}
  .about-index-s3 .cont {padding-top: 0;  margin-top: 20px;}
  .about-index-s3 .year-box {display: none;}
  .about-index-s3 .button {display: none;}
  .about-index-s3 .cont-box .item .box {padding: 20px;}
  .about-index-s3 .cont-box .item .box .img-box {width: 100%;}
  .about-index-s3 .cont-box .item .box .txt-box {width: 100%;  padding-left: 0;  margin-top: 15px;}
  .about-index-s3 .cont-box .item .box h3 {font-size: 16px;}
  .about-index-s3 .cont-box .item .box .para {font-size: 12px;  line-height: 20px;}
  .about-index-s3 .cont-box .item .box p.c {height: 40px;}
  .about-index-s3 .line-box {margin-top: 20px;}
  .about-index-s3 .line-box .item h3 {font-size: 12px;}
  .about-index-s3 .line-box .item.swiper-slide-thumb-active h3 {font-size: 16px;}

  .about-index-s3 .line-box .item i {margin: 10px 0;}
  .about-index-s3 .line-box .item:before {width: 18px;  height: 23px;}
  .about-index-s4 .para {margin: 20px 0;  line-height: 24px;}
  .about-index-s4 .btns a {width: 120px;  line-height: 36px;  margin: 0 5px;  border-width: 1px;}
  .about-index-s4 .world .dot {width: 12px;  height: 12px;}
  .about-index-s5 {background-attachment: inherit;}
  .about-index-s5 .para {line-height: 24px;  margin-top: 20px;}
  .about-index-s5 .items {margin-top: 20px;}

  .about-index-s5 .item {width: 50%;  margin-top: 20px;}
  .about-index-s5 .item:nth-of-type(1), .about-index-s5 .item:nth-of-type(2) {margin-top: 0;}
  .about-index-s5 .item i {height: 30px;}
  .about-index-s5 .item .num {margin-top: 10px;  font-size: 16px;}
  .about-index-s5 .item .num span {font-size: 26px;}
  .about-intro-s1 .para {margin-top: 20px;  line-height: 24px;}
  .about-intro-s2 .tab-tit .item i {width: 50px;  height: 50px;  background-size: 24px auto;  border-width: 1px;}
  .about-intro-s2 .tab-tit .item h3 {font-size: 13px;  padding: 10px 0 15px;  max-width: 56px;  margin: 0 auto;}
  .about-intro-s2 .tab-tit .item h3:after {height: 2px;}
  .about-intro-s2 .items-1 {margin: 0 -5px;  display: block;}
  .about-intro-s2 .items-1 .item {width: calc(50% - 10px);  margin: 15px 5px 0;}
  .about-intro-s2 .items-1 .item:nth-of-type(1), .about-intro-s2 .items-1 .item:nth-of-type(2) {margin-top: 0;}
  .about-intro-s2 .items-1 .item h3 {font-size: 14px;  margin-top: 10px;}
  .about-intro-s2 .items-1 .item h3:before {width: 1px;  height: 12px;  margin: -2px 5px 0 0;}

  .about-research-s2 .datas {display: block;  margin-top: 20px;}
  .about-research-s2 .data {width: 50%;  padding: 0;  margin-top: 20px;}
  .about-research-s2 .data:nth-of-type(1), .about-research-s2 .data:nth-of-type(2) {margin-top: 0;}
  .about-research-s2 .data i {display: block;  margin: 0 auto;  position: static;  width: 40px;  height: 46px;}
  .about-research-s2 .data .txt-box {padding-left: 0;  text-align: center;}
  .about-research-s2 .data .num span {font-size: 26px;}
  .about-research-s2 .data p {font-size: 14px;  margin-top: 10px;}
  .about-research-s2 .logos {margin: 20px -5px 0;}
  .about-research-s2 .item {width: calc(50% - 10px);  margin: 20px 5px 0;  padding-bottom: 20px;}
  .about-research-s2 .item:nth-of-type(1), .about-research-s2 .item:nth-of-type(2) {margin-top: 0;}
  .about-research-s2 .item .img-box {height: 100px;}
  .about-research-s2 .item h3 {font-size: 14px;}
  .about-research-s3 .items {margin: 20px 0 0;}
  .about-research-s3 .item {width: 100%;  margin: 20px 0 0;}
  .about-research-s3 .item:nth-of-type(1) {margin-top: 0;}
  .about-research-s3 .item .show {padding: 0 20px;}
  .about-research-s3 .item .info {font-size: 12px;  line-height: 20px;}
  .about-research-s4 .scroll {margin-top: 0;  padding: 20px;}
  .about-research-s4 .item ,.about-research-s4 li{width: 100%;  margin: 5px 0;  padding: 0 15px;}
  .about-research-s4 .item:before,.about-research-s4 li:before {width: 6px;  height: 6px;  border-width: 1px;  top: 6px;}
  .about-research-s4 .para {text-align: left;}

  .contact-s1 .tab-tit span {font-size: 12px; margin: 1px;}
  .contact-s1 .item .info .box {padding: 15px 20px;}
  .contact-s1 .item .info h3 {font-size: 16px;}
  .contact-s1 .item .info h3:after {margin-top: 10px;}
  .contact-s1 .item .info .para {font-size: 12px;  line-height: 20px;  margin: 10px 0;}
  .contact-s2 .left-box {max-width: none;  width: 100%;  position: static;  -webkit-transform: none;  -moz-transform: none;  -ms-transform: none;  transform: none;}
  .contact-s2 .left-box .select {margin-top: 20px;  height: 40px;}
  .contact-s2 .left-box .select input {padding: 0 10px;  font-size: 14px;}
  .contact-s2 .left-box .select ul li {font-size: 14px;  line-height: 36px;  padding: 0 10px;}
  .contact-s2 .right-box {max-width: none;  width: 100%;  margin-top: 20px;}
  .contact-s2 .right-box h4 {font-size: 16px;}

  .contact-s2 .right-box .para {font-size: 12px;  line-height: 20px;  margin: 10px 0;}
  .contact-s3 {background-attachment: inherit;}
  .contact-s3 .para {line-height: 24px;  margin-top: 20px;}
  .contact-s3 form {margin-top: 20px;}
  .contact-s3 form .box input {height: 40px;  font-size: 14px;  padding: 0 10px;}
  .contact-s3 form .box span {font-size: 14px;  left: 10px;}
  .contact-s3 form .box {margin-top: 10px;}
  .contact-s3 form .box:nth-of-type(1) {margin-top: 0;}
  .contact-s3 form .box textarea {height: 120px;  padding: 10px;}
  .contact-s3 form .box:nth-of-type(4) span {top: 20px;}
  .contact-s3 form .box button {width: 120px;  height: 40px;  font-size: 14px;}

  .news-list-s1 form {height: 50px;  padding-right: 50px;}
  .news-list-s1 form button {width: 50px;  height: 50px;  background-size: auto 20px;}
  .news-list-s1 form input {font-size: 14px;  padding: 0 10px;}
  .news-list-s1 .items {margin-top: 20px;}
  .news-list-s1 .item {margin-top: 20px;}
  .news-list-s1 .item .img-box {width: 100%; height: 46vw;}
  .news-list-s1 .item .txt-box {width: 100%;  padding: 20px;}
  .news-list-s1 .more {margin: 20px auto 0;}
  .news-list-s1 .more a:before {width: 40px;  height: 40px;  background-size: auto 8px;  margin: 0 auto 10px;}
  .news-list-s1 .more:before {top: 20px;}
  .news-list-s1 .more a {width: 100px;  font-size: 14px;}

  .news-detail-s1 .date {font-size: 14px;}
  .news-detail-s1 h3 {font-size: 20px;}
  .news-detail-s2 a.back {width: 70px;  height: 70px;  margin: 20px auto 0;}
  .news-detail-s2 a.back span {font-size: 12px;}
  .news-detail-s2 a.back span:before {width: 20px;  height: 18px;}
  .news-detail-s2 .other {margin-top: 20px;  padding: 15px 20px;}
  .news-detail-s2 .other a {line-height: 24px;}
  .news-detail-s2 .right-box {padding: 0 20px 20px;}
  .news-detail-s2 .right-box .link {padding-top: 20px;}

  .recruit-s1 .para {margin-top: 20px;text-align: left;text-indent: 2em;}
  .recruit-s1 .para br{display: none;}

  .recruit-s1 .comm-tit h3,
  .recruit-s2 .comm-tit h3 {font-size: 18px;}

  .recruit-s1 .items {margin-top: 20px;}
  .recruit-s1 .item {margin-top: 20px;}
  .recruit-s1 .item .img-box {width: 100%;}
  .recruit-s1 .item img {width: 100%;  margin-left: 0;}
  .recruit-s1 .item .txt-box {position: static;  width: 100%;  padding: 20px;}
  .recruit-s1 .item h3 {font-size: 16px;}
  .recruit-s1 .item .info {font-size: 12px;}
  .recruit-page .tab-tit {margin-top: 20px;}
  .recruit-page .tab-tit span {font-size: 14px;}
  

  .recruit-s2 .tab-cont {margin-top: 20px;}
  .recruit-s2 .NewsList_g2 li{padding: 15px 40px 15px 20px;}
  .recruit-s2 .NewsList_g2 li p:last-child{position: static;display: block;font-size: 12px;margin-top: 0.6em;background:none;color: #b7070a;
  width: auto;text-align: left;
  }
  .recruit-s2 .NewsList_g2 li h3{font-size: 16px;}
  .recruit-s2 .NewsList_g2 li p{font-size: 14px;}

  .comm-page li {margin: 0 2px;}
  .comm-page li a {width: 30px;  height: 30px;  line-height: 28px;  font-size: 12px;}
  .comm-page, .page{display: none;}
  #load_more_button{display: block;}

  .recruit-s3 .tab-cont {margin-top: 20px;}
  .recruit-s3 .tab-cont .item h3 ,.recruit-s3 li span{font-size: 14px; }
  .recruit-s3 li a{height: 25vw;}

  .solution-detail-s1 .video-box {margin-top: 20px;}
  .solution-detail-s1 .video-box a {width: 40px;  height: 40px;}
  .solution-detail-s1 .para {line-height: 24px;  margin: 20px 0;}
  .solution-detail-s1 .img-box .box {width: 100%;  margin-top: 20px;}
  .solution-detail-s1 .img-box .box:nth-of-type(1) {margin-top: 0;}

  .solution-detail-s2 .items {margin: 20px 0 0;  padding-bottom: 20px;}

  .comm-pdlist .label-box {top: 5px;  left: 5px;  right: 5px;}
  .comm-pdlist .label-box span {margin-right: 5px;  line-height: 20px;}
  .comm-pdlist .img-box {height: 140px;}
  .comm-pdlist h3 {padding-bottom: 15px;  font-size: 14px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

  .solution-detail-s2 a.more {width: 140px;  line-height: 36px;  margin: 20px auto 0;  font-size: 14px;  border-width: 1px;}

  .video-pop video {max-width: 90vw;}
  .product-list-s1 .item a {padding: 40px;}
  .product-list-s1 .item .img-box {float: none !important;  width: 60%;  max-width: 180px;  height: auto;  margin: 0 auto;}
  .product-list-s1 .item .txt-box {position: static;  width: 100%;  margin-top: 20px;  text-align: center;}
  .product-list-s1 .item h3 {font-size: 18px;}

  .product-list-s1 .item .para {font-size: 14px;  line-height: 20px;  margin-top: 10px;}
  .solution-s1 .items {padding: 40px 20px;}
  .solution-s1 .item {width: 100%;  max-width: none;  margin-top: 40px;}
  .solution-s1 .item .img-box {width: 160px;  height: 160px;}
  .solution-s1 .item .img {border-width: 3px;}
  .solution-s1 .item .txt-box {margin-top: 20px;}
  .solution-s1 .item .para:before {margin: 10px auto;}
  .solution-s1 .item i {margin-top: 10px;}
  .solution-s1 .item h3 {font-size: 18px !important;}
  .product-list-s3 .comm-tit {padding: 20px 0;}
  .product-list-s3 .block {margin-top: 20px;}

  .product-list-s3 .items {padding: 0 15px;  margin-top: -10px;}
  .product-list-s3 .comm-pdlist {width: calc(50% - 10px);  margin: 10px 5px 0;}
  .product-list-s2 .box {height: 40px;}
  .product-list-s2 .form form {padding-right: 40px;}
  .product-list-s2 .form button {width: 40px;  height: 40px;}
  .product-list-s2 .select,
  .product-list-s2 .form {width: calc(50% - 5px);}
  .product-list-s2 .select:nth-of-type(2) {margin-right: 0;}
  .product-list-s2 .select:nth-of-type(3) {margin-top: 10px;  margin-right: 10px;}
  .product-list-s2 .select ul li {line-height: 40px;  font-size: 12px;}
  .product-list-s2 .form input, .product-list-s2 .select input {font-size: 12px;}
  .product-detail-s1 {height: 360px;}
  .product-detail-s1 video {width: auto;  height: 100%;}
  .product-detail-s1 h3 {font-size: 24px;}
  .product-detail-s1 h4 {font-size: 18px;  margin-top: 20px;}
  .product-detail-s1 .para {line-height: 24px;  margin-top: 10px;}
  .product-detail-s1 a {margin-top: 10px;}
  .product-detail-s2 {border-top: 1px solid #e6e6e6;  padding: 20px;}

  .product-detail-s2 .txt-box {position: static;  transform: none !important;  text-align: left !important;  padding-left: 0;  padding-right: 0;  padding-top: 15px;}
  .product-detail-s2 .txt-box h3 {font-size: 20px;}
  .product-detail-s2 .txt-box h3 {color: #333 !important;}
  .product-detail-s2 .txt-box .para {color: #808080 !important;}

  .search-s1 {margin-top: 0;  height: auto;  padding: 40px 20px 0;}
  .search-s1 h3 {font-size: 20px;  color: #333;}

  .search-s1 .form {height: 40px;  padding-right: 40px;  background-color: #f5f5f5;}
  .search-s1 .form input {padding: 0 10px;  font-size: 14px;  background-color: transparent;}
  .search-s1 .form button {width: 40px;  height: 40px;  background-size: auto 18px;}

  .search-s1 .tip span {color: #333;  font-size: 12px;  margin: 0 5px;  padding-left: 0;  line-height: 20px;}
  .search-s1 .tip span.active {color: #b51716;}
  .search-s1 .tip span:before,
  .search-s1 .tip span:after {display: none;}

  .search-s2 .item {border-bottom-width: 2px;}
  .search-s2 .item a {padding: 20px 0;}
  .search-s2 .item .date {font-size: 12px;}
  .search-s2 .item h3 {font-size: 16px;}
  .search-s2 .item .url {font-size: 12px;  line-height: 18px;}
  .search-s2 .tip {text-align: center;}
  .sitemap-s1 .item {padding: 15px 0;}
  .sitemap-s1 a.btn {width: calc((100% - 10px) / 3);  line-height: 36px;  font-size: 13px;}
  .sitemap-s1 .link a.btn {margin-right: 5px;  margin-top: 5px;}
  .sitemap-s1 .link a.btn:nth-of-type(3n) {margin-right: 0;}
}