.index-banner ul a,.index-banner ul p,.m-btn { color: #fff; }
.index-main h2,.index-main p,.m-btn { text-align: center; }
.info-wrapper p,.info-wrapper span,.team .content,.team .content p,.team .content span { font-family: "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif!important; }
.content-left,.wonderful-img .wonderful-itm .info { -webkit-box-orient: vertical; -webkit-box-direction: normal; }
.m-btn { border: none; outline: 0; background-color: #018AEC; font-size: .75rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 8.25rem; height: 2.2rem; line-height: 2.2rem; }
.m-nav-menu-btn { height: 2.5rem; width: 2.5rem; background-repeat: no-repeat; background-position: center; background-size: .8rem; background-color: transparent; background-image: url(../img/icon-menu.png); }
.index-banner { background-color: transparent; position: absolute; border-bottom: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.index-banner .lan a:hover,.index-banner ul a:hover { color: #fff; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.index-banner ul .nav-sub a:hover { color: #4677e0; font-weight: 400; }
.index-banner .lan,.index-banner .lan a { color: #fff; }
.index-banner .nav-sub a { color: #333; }
.index-banner ul li .nav-sub { -webkit-box-shadow: 0 0 6px 0 rgba(46,89,167,.1); box-shadow: 0 0 6px 0 rgba(46,89,167,.1); }
.img_content { width: 100%; position: absolute; top: 160px; color: #fff; }
.img_content h2 { font-size: 40px; font-weight: 400; margin-bottom: 7px; }
.img_content span { font-size: 22px; padding: 10px 25px 0 0; font-weight: 200; }
a.pic_a.cursor_pointer.no-url { cursor: default!important; }
.arrow-left { width: 26px; height: 26px; display: inline-block; position: relative; cursor: pointer; background-color: grey; }
.arrow-left:after,.arrow-left:before { height: 3px; width: 14px; content: ''; background: #FFF; position: absolute; left: 0; top: 50%; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.arrow-left:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.index-main { margin: auto; }
.index-main p { font-size: 18px; line-height: 35px; }
.index-main h2 { padding-top: 100px; padding-bottom: 36px; font-size: 40px; font-weight: 400; }
.index-main-en h2 { font-weight: 700; }
.index-main .to-info { padding-top: 34px; text-align: center; }
.index-main .gohref { display: inline-block; margin: auto; width: 145px; height: 44px; background: url(../img/see-more.png) center center/40px 20px no-repeat; border-radius: 22px; border: 1px solid #333; }
.index-main .gohref:hover { background: url(../img/see-more-hover.png) center center/40px 20px no-repeat; border-color: #497BEC; }
.index-main .index-pro ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 100px; }
.index-main .pro { -webkit-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; }
.index-main .pro .p-con { -webkit-box-shadow: 0 2px 10px 0 rgba(153,153,153,.14); box-shadow: 0 2px 10px 0 rgba(153,153,153,.14); height: 336px; }
.index-main .p-con div a { display: block; height: 118px; }
.index-main .pro .pro-a { position: relative; display: inline-block; padding-left: 32px; margin-top: 10px; color: #497BEC; font-size: 18px; line-height: 50px; }
.index-main .pro .arr-right:after { position: absolute; display: block; margin-left: 0; content: ''; width: 10px; height: 10px; -webkit-transform: translateY(-50%) rotate(230deg); -ms-transform: translateY(-50%) rotate(230deg); transform: translateY(-50%) rotate(230deg); border-left: 1px solid #497BEC; border-bottom: 1px solid #497BEC; top: 50%; left: 107px; }
.index-main .p-ico { position: relative; }
.index-main .p-ico img { width: 100%; }
.index-main .p-ico p { position: absolute; left: 30px; top: 31px; font-size: 30px; color: #333; }
.index-main .p-info { padding: 34px 32px 0; margin: 0 0 8px; font-size: 18px; line-height: 30px; font-weight: 400; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; }
.index-main .p-time { padding-left: 32px; font-size: 14px; color: #CCC; font-weight: 400; }
.index-product { width: 100%; height: 420px; background: url(../img/pro_ayh.png) center 0 no-repeat; }
.index-product .index-main { height: 100%; margin: auto; padding-top: 94px; padding-left: 110px; position: relative; }
.index-product .index-main .ayh-tit { padding-bottom: 20px; font-size: 48px; color: #333; }
.index-product .index-main .ayh-tit-logo { display: none; }
.index-main-en .index-main .ayh-tit { font-weight: 700; font-size: 40px; }
.index-product .index-main .ayh-p { width: 480px; font-size: 18px; line-height: 28px; text-align: left; padding-bottom: 10px; }
.index-product .index-main aside { width: calc(100% - 320px); }
.index-main .rate { font-size: 18px; padding-bottom: 50px; }
.index-product .index-main img { position: absolute; height: 381px; bottom: 0; right: 50px; }
.index-coops { padding-bottom: 60px; }
.index-main .index-coop img { float: left; width: 235px; }
#product { height: calc(100% - 1px); position: relative; min-height: 540px; background: url(../img/msxf_product.png) 0 0/cover; }
#product .swiper-container { height: 100%; z-index: 10; }
#product .phone-bg { position: absolute; left: 50%; margin-left: 80px; height: 100%; top: 0; z-index: 10; display: none; }
.content-left,.img_position,.products .mobile { position: relative; }
#product .products { width: 100%; height: 100%; }
#product .main { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; }
#product .swiper-pagination { right: 50px; width: 20px; text-align: center; }
#product .swiper-pagination-bullet { opacity: 1; background: #497BEC; margin: 14px auto; }
#product .swiper-pagination-bullet-active { width: 14px; height: 14px; }
.content-left .tit { font-size: 44px; margin-bottom: 20px; }
.products-en .content-left .tit { font-size: 40px; font-weight: 700; }
.content-left .download a,.enterprise .desc,.enterprise h2 { text-align: center; font-weight: 400; }
.content-left .download a { display: inline-block; margin-top: 25px; line-height: 40px; height: 40px; padding: 0 24px; border: none; color: #333; font-size: 14px; border-radius: 34px; background-color: #fff; -webkit-box-shadow: 0 2px 10px 0 rgba(143,148,167,.3); box-shadow: 0 2px 10px 0 rgba(143,148,167,.3); }
.products-en .download a { width: 150px; }
.content-left .download a:hover { color: #FFF; background: #4677e0; }
.content-left { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; padding-left: 140px; text-align: left; font-size: 12px; vertical-align: top; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; z-index: 2; }
.products-en .content-left { padding-left: 90px; }
.content-left .sub { margin-bottom: 14px; font-size: 18px; color: #333; }
.content-left .ayh-sub,.content-left .rate { font-size: 14px; line-height: 22px; }
.content-left .ayh-sub span { display: block; }
.content-left .ayh-qrcode { height: 158px; margin-top: 20px; margin-bottom: 20px; }
.content-left .ayh-qrcode img { height: 158px; }
.content-left .download { display: inline-block; margin-left: 20px; height: 100%; width: 180px; }
@media screen and (min-width:1900px) {
  .content-left .tit { font-size: 56px; margin-bottom: 36px; }
  .content-left .download a { margin-top: 30px; line-height: 52px; height: 52px; padding: 0 35px; font-size: 18px; }
  .products-en .download a { width: 180px; }
  .content-left .download a:hover { color: #FFF; background: #4677e0; }
  .content-left .ayh-qrcode img { width: 198px; height: 198px; }
  .content-left { font-size: 14px; padding-left: 40px; padding-right: 0; }
  .content-left .sub { margin-bottom: 14px; line-height: 33px; font-size: 24px; color: #333; }
  .content-left .ayh-sub { font-size: 14px; line-height: 28px; }
  .content-left .ayh-qrcode { height: 198px; margin-top: 36px; margin-bottom: 20px; }
  .content-left .download { display: inline-block; margin-left: 50px; height: 100%; width: 200px; }
  #product .mobile img.phone { left: -50px; max-height: 1000px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } }
.products .mobile { height: 100%; padding-left: 0; width: 50%; }
#product .mouse,.products .mobile .mouse { position: absolute; bottom: 50px; margin-left: -10px; left: 50%; width: 25px; height: 37px; z-index: 5; border: 2px solid #bb866c; border-radius: 15px; }
#product .mobile .mouse:after,#product .mouse:after { content: ''; position: absolute; width: 5px; height: 10px; left: 8px; top: 4px; background-color: #bb866c; border-radius: 40%; -webkit-animation: updown 1.5s linear infinite; animation: updown 1.5s linear infinite; }
@-webkit-keyframes updown {
  0% { top: 4px; opacity: 1; }
  85% { top: 25px; opacity: 1; }
  86% { opacity: 0; }
  100% { top: 4px; opacity: 0; } }
@keyframes updown {
  0% { top: 4px; opacity: 1; }
  85% { top: 25px; opacity: 1; }
  86% { opacity: 0; }
  100% { top: 4px; opacity: 0; } }
#product .mobile .phone { height: 100%; position: absolute; left: 0; }
.about_us_nav_wrapper { position: -webkit-sticky; position: sticky; top: 50px; z-index: 99; }
.about_us_nav { position: -webkit-sticky; position: sticky; top: 50px; line-height: 44px; text-align: center; display: none; width: 100%; background-color: #FFF; border-bottom: 1px solid #F7F7F7; z-index: 999; }
.about_us_nav .active a,.about_us_nav a:hover { color: #497BEC; }
.about_us_nav li { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; text-align: center; cursor: pointer; position: relative; }
.about_us_nav li a { color: #333; font-size: 14px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.about_us_main a { color: #4c7ee9; }
#memorabilia { padding: 60px 0; background: url(../img/events.png) center 0 no-repeat #497BEC; color: #fff; }
#memorabilia h2 { padding-bottom: 62px; }
.about_us_main .enterprise:nth-child(odd) { background-color: #F8F9FB; }
.enterprise h2 { padding-bottom: 40px; font-size: 30px; }
.enterprise .desc { font-size: 16px; color: #333; margin: 0 0 30px; }
.about_us_en .enterprise h2 { font-weight: 700; }
.enterprise { padding: 60px 0; }
.enterprise p,.shareholder p { line-height: 28px; font-size: 16px; }
.enterprise .brand article { height: 100%; overflow: auto; }
.enterprise .brand p { font-size: 14px; line-height: 20px; text-indent: 2rem; }
.enterprise .swiper { position: relative; }
.enterprise .swiper-container { margin-top: 40px; margin-left: auto; margin-right: auto; }
.culture-wrapper-mobile,.enterprise .swiper .swiper-pagination { display: none; }
.culture-wrapper .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.culture-wrapper figure { background-color: #2B66E9; width: 32%; position: relative; overflow: hidden; padding: 1%; height: 378px; color: #FFF; margin-bottom: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; text-align: left; }
.culture-wrapper figure figcaption { position: relative; z-index: 1; display: block; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.culture-en-wrapper figure figcaption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.culture-wrapper figure figcaption>div { display: inline-block; padding-right: 16px; }
.culture-wrapper-en figure figcaption>div { padding-right: 0; }
.culture-wrapper figure figcaption>aside { width: 100%; }
.culture-wrapper figure img { width: 100%; position: absolute; right: 0; bottom: 0; z-index: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.culture-wrapper figure h3 { font-size: 24px; color: #1DE0FF; position: relative; margin-bottom: 35px; }
.culture-wrapper figure h3:after { width: 12px; height: 4px; background-color: #FFF; content: ''; position: absolute; left: 0; bottom: -15px; }
.culture-wrapper figure p { font-size: 14px; letter-spacing: 1px; }
.culture-wrapper figure strong { font-size: 28px; max-width: 75%; display: block; margin-bottom: 10px; }
.culture-en-wrapper figure strong { font-size: 24px; max-width: 100%; }
.culture-en-wrapper figure br { display: none; }
.culture-wrapper figure figcaption>div strong { max-width: 100%; }
.culture-wrapper figure .text { position: absolute; opacity: 0; -webkit-transition: all .6s; -o-transition: all .6s; transition: all .6s; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); }
.culture-wrapper figure.active img,.culture-wrapper figure:hover img { bottom: -100%; }
.culture-wrapper figure.active .text,.culture-wrapper figure:hover .text { display: block; opacity: 1; position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.culture-wrapper figure:hover figcaption { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.culture-wrapper figure:hover figcaption>div { width: 50%; padding: 0 0 10%; }
.swiper .swiper-button-prev { left: 50%; margin-left: -640px; margin-top: -24px; outline: 0; background-image: none; }
.swiper .swiper-button-next { left: 50%; margin-left: 620px; margin-top: -30px; background-image: none; outline: 0; }
.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after { display: block; margin-left: 5px; width: 14px; height: 14px; border-left: 4px solid #333; border-bottom: 4px solid #333; content: ''; }
.swiper .swiper-button-next:after { margin-top: 5px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.swiper .swiper-button-prev:after { margin-top: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.swiper .swiper-button-next:hover:after,.swiper .swiper-button-prev:hover:after { border-color: #497BEC; }
.enterprise .prize-img { float: left; width: 430px; height: 500px; }
.enterprise .prize-icon { float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; width: 100%; }
.enterprise .culture,.enterprise .prize-i .prize-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }
.enterprise .prize-i { position: relative; width: 287px; margin-right: 10px; height: 287px; overflow: hidden; }
.enterprise .prize-i:nth-child(4),.enterprise .prize-i:nth-child(8) { margin-right: 0; }
.enterprise .prize-i:nth-child(5),.enterprise .prize-i:nth-child(6),.enterprise .prize-i:nth-child(7),.enterprise .prize-i:nth-child(8) { margin-top: 10px; }
.enterprise .prize-i img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.enterprise .prize-i .prize-info { display: flex; position: absolute; padding: 20px; color: #fff; top: 100%; background-color: rgba(73,123,236,.8); width: 100%; height: 100%; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-size: 16px; -webkit-transition: top .3s linear; -o-transition: top .3s linear; transition: top .3s linear; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.enterprise .prize-i:hover .prize-info { position: absolute; top: 0; }
.enterprise .culture { display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
.enterprise .culture-i { width: 280px; height: 320px; -webkit-box-shadow: 0 2px 10px 0 rgba(231,232,235,.6); box-shadow: 0 2px 10px 0 rgba(231,232,235,.6); text-align: center; }
.enterprise .culture-i img { margin-top: 80px; margin-bottom: 28px; width: 60px; }
.enterprise .culture-t { font-size: 24px; font-weight: 700; line-height: 40px; }
.enterprise .culture-info { font-size: 18px; padding-top: 8px; line-height: 28px; }
.enterprise .event { margin: auto; width: 1030px; }
.enterprise .years { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin: auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.enterprise .event-line { height: 2px; margin-left: 30px; margin-right: 34px; background: url(../img/events_line.png); background-size: 100%; }
.enterprise .event-y { position: relative; padding-top: 35px; cursor: pointer; font-size: 20px; width: 80px; text-align: center; }
.enterprise .event-y:before { content: ''; position: absolute; border: 4px solid #fff; border-radius: 50%; width: 22px; height: 22px; left: 50%; margin-left: -11px; top: -13px; background-color: #305FCC; -webkit-box-sizing: border-box; box-sizing: border-box; }
.enterprise .years .active { font-size: 34px; }
.enterprise .years .active:before { width: 28px; height: 39px; background: url(../img/dot.png) 0 0/cover; border: none; z-index: 10; top: -16px; border-radius: 0; }
.enterprise .year-con { margin: 30px auto 10px; width: 960px; max-height: 360px; overflow: auto; line-height: 40px; font-size: 16px; }
.enterprise .year-con>div>div { line-height: 20px; margin-bottom: 22px; }
.enterprise .year-con em { font-style: normal; }
.enterprise .year-con span { display: inline-block; width: 892px; vertical-align: top; }
.brand a,.brand a img,.img-back img { vertical-align: middle; }
.enterprise .info article::-webkit-scrollbar,.enterprise .year-con::-webkit-scrollbar { width: 6px; }
.enterprise .year-con::-webkit-scrollbar-thumb { border-radius: 5px; background: #fff; }
.enterprise .info article::-webkit-scrollbar-thumb { border-radius: 5px; background: #b9ccf7; }
.enterprise .info article::-webkit-scrollbar-track,.enterprise .year-con::-webkit-scrollbar-track { border-radius: 5px; background: #537cdd; }
.img-back { position: fixed; cursor: pointer; width: 60px; height: 60px; z-index: 999; right: 15px; bottom: 50px; text-align: center; -webkit-box-shadow: 0 0 6px 0 rgba(46,89,167,.1); box-shadow: 0 0 6px 0 rgba(46,89,167,.1); border-radius: 6px; }
.img-back img { display: inline-block; margin-top: 9px; width: 42px; height: 42px; }
.shareholder .ul { width: 100%; overflow: auto; margin-top: 30px; }
.brand a { width: 380px; height: 270px; display: table-cell; float: left; text-align: center; position: relative; background: #fff; margin-left: 20px; margin-bottom: 20px; -webkit-box-shadow: 0 2px 10px 0 rgba(231,232,235,.6); box-shadow: 0 2px 10px 0 rgba(231,232,235,.6); overflow: hidden; }
.brand .info,.horizontal .info,.horizontal img { position: absolute; left: 0; }
.brand_en a { height: 320px; }
.brand a:nth-child(3n-2) { margin-left: 0; }
.brand .mb0 { margin-bottom: 0; }
.brand a img { display: inline-block; width: 100%; -webkit-transform: translateY(40%) scale(1.3); -ms-transform: translateY(40%) scale(1.3); transform: translateY(40%) scale(1.3); }
.brand .info { top: 100%; width: 100%; height: 100%; line-height: 20px; padding: 28px 28px 18px; background: #4c7ce5; color: #FFF; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(Opacity=0); -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; text-align: left; }
.brand_en .info { padding: 20px; }
.brand a:hover .info { top: 0; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(Opacity=100); }
.horizontal img { top: 0; }
.horizontal .info { width: 220px; height: 0; top: 120px; }
#shareholder ul #vertical .info { width: 220px!important; }
.team ul { display: none; }
.team ul li { float: left; display: inline-block; overflow: hidden; margin-bottom: 60px; width: 570px; -webkit-box-shadow: 0 2px 10px 0 #E7E8EB; box-shadow: 0 2px 10px 0 #E7E8EB; }
.team ul li:nth-child(odd) { margin-right: 40px; }
.team ul li.mb0 { margin-bottom: 0; }
.team ul li img { float: left; margin-right: 25px; height: 270px; width: 200px; }
.team ul li h4 { position: relative; display: inline-block; font-size: 24px; font-weight: 400; margin-right: 15px; margin-bottom: 32px; margin-top: 24px; }
.team_en ul li h4 { display: block; margin-left: 225px; margin-bottom: 10px; font-weight: 700; }
.team ul li h4:after { content: ''; position: absolute; top: 44px; left: 0; width: 32px; height: 4px; background-color: #497BEC; }
.team_en ul li h4:after { top: 75px; }
.team ul li .content { position: relative; margin-left: 225px; margin-right: 20px; margin-bottom: 9px; height: 172px; line-height: 24px; font-size: 14px; color: #666; background-color: #fff; z-index: 10; overflow: hidden; display: none; }
.team ul li .content p { line-height: 24px; }
.team_en ul li .content { text-align: left; line-height: 20px; height: 145px; }
.team_en ul li .content p { line-height: 20px; }
.team ul li .team-scroll { height: 168px; }
.team_en ul li .team-scroll { height: 145px; }
.team .content,.team .content p,.team .content span { font-size: 14px!important; }
.team ul li span { font-size: 16px; }
.team_en ul li>span { display: block; font-size: 16px; font-weight: 700; color: #333; padding-bottom: 32px; line-height: 22px; }
.team .team-pc { position: relative; height: 610px; margin: 200px 0; display: block; }
.team .team-pc:before { content: ''; width: 1030px; height: 610px; border: 1px dashed #006EFF; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 100%; }
.team .team-pc li { width: 190px; -webkit-box-shadow: none; box-shadow: none; margin: 0; position: absolute; overflow: visible; }
.team .team-pc li .zoomImage { border-radius: 100%; background-position: top; }
.team .team-pc li:nth-child(odd) { margin-right: 0; }
.team .team-pc li:nth-child(1) { width: 240px; left: 50%; top: -30px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.team .team-pc li:nth-child(2) { left: calc(18% - 90px); top: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.team .team-pc li:nth-child(3) { right: calc(18% - 90px); top: 100px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.team .team-pc li:nth-child(4) { right: 0; top: 50%; }
.team .team-pc li:nth-child(5) { right: calc(34% - 90px); bottom: 30px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.team .team-pc li:nth-child(6) { left: calc(34% - 90px); bottom: 30px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.team .team-pc li:nth-child(7) { left: 0; top: 50%; }
.team .team-pc-eight li { width: 180px; }
.team .team-pc-eight li:nth-child(1) { width: 240px; left: 50%; top: -30px; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.team .team-pc-eight li:nth-child(2),.team .team-pc-eight li:nth-child(3) { top: 60px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.team .team-pc-eight li:nth-child(2) { left: calc(22% - 90px); transform: translateY(-50%); }
.team .team-pc-eight li:nth-child(3) { right: calc(22% - 90px); transform: translateY(-50%); }
.team .team-pc-eight li:nth-child(4) { right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.team .team-pc-eight li:nth-child(5) { right: calc(24% - 90px); bottom: 78px; top: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.team .team-pc-eight li:nth-child(6) { left: 50%; bottom: 15px; -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); transform: translate(-50%,50%); }
.team .team-pc-eight li:nth-child(7) { left: calc(24% - 90px); bottom: 78px; top: auto; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.team .team-pc-eight li:nth-child(8) { left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.team .team-pc li h4 { position: absolute; z-index: 9; white-space: nowrap; line-height: 34px; width: 138px; text-align: center; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -18px; margin: 0; color: #fff; }
.team .team-pc li h4 i { position: absolute; display: block; width: 100%; height: 34px; background: #006EFF; -webkit-transform: translateX(-50%) skewX(-15deg); -ms-transform: translateX(-50%) skewX(-15deg); transform: translateX(-50%) skewX(-15deg); left: 50%; z-index: -1; border-left: 15px solid #BFDBFF; margin-left: -5px; }
.team .team-pc li h4:after { display: none; }
.team .team-pc li span { position: absolute; bottom: -60px; color: #666; font-size: 24px; display: block; text-align: center; width: 100%; padding: 0; }
.team.team_en .team-pc li h4 { padding: 0 20px; width: auto; }
.comp_info,.comp_info .pt40 { padding-top: 40px; }
.comp_info { padding-bottom: 80px; }
.comp_info .comp_title { padding-bottom: 40px; font-size: 30px; color: #000; text-align: center; }
.comp_info>img { width: 100%; }
.info-wrapper div,.info-wrapper p { padding-bottom: 10px; text-indent: 2rem; line-height: 24px; }
.info-wrapper p,.info-wrapper span { font-size: 16px!important; line-height: 24px!important; }
.about_us_en .info-wrapper p { text-indent: 0; }
.wonderful-img .wonderful-itm img { width: 580px; height: 326px; -o-object-fit: cover; object-fit: cover; }
.comp_info .pb40 { padding-bottom: 40px; }
.comp_info .pb30 { padding-bottom: 30px; }
.comp_info .indent,.comp_info p,.wonder-title,.wonderful-img .wonderful-itm p { padding-bottom: 20px; }
.comp_info p { line-height: 28px; font-size: 16px; text-indent: 2rem; }
.comp_info .indent { text-indent: 2em; }
.wonder-title { font-size: 20px; color: #333; }
.wonderful-img { width: 100%; font-size: 16px; color: #fff; }
.wonderful-img .wonderful-itm .tit { padding-bottom: 20px; font-size: 24px; }
.wonderful-img .wonderful-itm .info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: absolute; padding: 20px; color: #fff; top: 100%; background-color: rgba(73,123,236,.8); width: 100%; height: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; font-size: 16px; -webkit-transition: top .3s linear; -o-transition: top .3s linear; transition: top .3s linear; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }
.wonderful-img .wonderful-itm:hover .info { top: 0; }
.wonderful-img .wonderful-itm { width: 580px; height: 326px; vertical-align: top; display: inline-block; float: left; position: relative; overflow: hidden; }
.wonderful-img .wonderful-itm:nth-child(1) { margin-right: 20px; margin-bottom: 20px; }
.wonderful-img .wonderful-itm:nth-child(2) { margin-bottom: 20px; }
.wonderful-img .wonderful-itm:nth-child(4) { margin-left: 20px; }
.legal_notice { padding: 60px 50px 60px 80px; background-color: #F8F9FB; line-height: 28px; font-size: 16px; }
.legal_notice .legal_title { padding-bottom: 30px; font-size: 20px; font-weight: 700; color: #333; text-align: center; }
.legal_notice .pb20 { padding-bottom: 20px; }
.agency-con,.detail,.detail_right { padding-bottom: 40px; }
.legal_notice .legal_level1 { text-indent: -1em; }
.legal_notice .legal_level3 { padding-left: 18px; }
.legal_notice table { width: 100%; }
.agency-con { line-height: 2; font-size: 16px; }
.agency-con a { color: #4c7ee9; }
.agency-con .level1 { display: inline-block; padding-left: 2em; }
.agency-con .level2 { display: inline-block; padding-left: 4em; }
.one_year { margin-top: 20px; }
.time { width: 150px; margin: 0 48% 0 auto; text-align: left; }
.one_year h1 { display: inline-block; margin-right: 22px; font-weight: 300; }
.one_year span { display: inline-block; width: 14px; height: 14px; border: 7px solid #4c7ee9; border-radius: 50%; }
.detail { width: 560px; border-right: 2px dotted #ddd; border-bottom: 2px dotted #ddd; margin-left: 2.4%; text-align: right; padding-right: 45px; margin-bottom: 50px; }
.detail ul { padding-top: 45px; font-size: 16px; font-weight: 300; }
.detail ul li { margin-bottom: 10px; word-break: break-all; }
.toright { margin-right: 37.5%; }
.toright span { margin-right: 20px; }
.toright h1 { margin-right: 0; }
.detail_right { border: none; border-left: 2px dotted #ddd; border-bottom: 2px dotted #ddd; margin-left: 50.5%; text-align: left; padding-left: 45px; margin-bottom: 50px; }
.fix_top { margin: 0 auto; background: #4c7ee9; padding: 20px 0; display: none; position: fixed; top: 0; left: 0; z-index: 1000; }
.pos-r,.year-control { position: relative; }
.fix_top ul li a { color: #b9c8f1; }
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
#map { width: 100%; height: 500px; margin: 0 auto 40px; }
.call-us-info { padding: 30px; text-align: left; background: #fafafa; margin-top: 40px; }
.call-us-info caption { text-align: left; font-size: 24px; margin-bottom: 15px; }
.call-us-info table { width: 50%; float: left; }
.call-us-info td { padding: 2px 0; }
.year-control { display: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.year-control .year-cur { font-size: 20px; color: #FFF; display: inline-block; width: 30%; text-align: center; }
.year-control button { background: 0 0; border: none; display: block; opacity: .5; cursor: pointer; width: 40px; height: 30px; position: relative; }
.year-control button:after { content: ''; width: 12px; height: 12px; -webkit-transform: translate(-50%,-45%) rotate(-135deg); -ms-transform: translate(-50%,-45%) rotate(-135deg); transform: translate(-50%,-45%) rotate(-135deg); position: absolute; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; left: 50%; }
.year-control button.prev-btn:after { -webkit-transform: translate(-50%,-45%) rotate(45deg); -ms-transform: translate(-50%,-45%) rotate(45deg); transform: translate(-50%,-45%) rotate(45deg); }
.year-control button.on { opacity: 1; }
.about_us_main .scrollbar { overflow-y: scroll; }
.about_us_main .scrollbar::-webkit-scrollbar { width: 6px; height: 10px; }
.about_us_main .scrollbar::-webkit-scrollbar-track { background: #FFF; border-radius: 2px; }
.about_us_main .scrollbar::-webkit-scrollbar-thumb { background: rgba(204,204,204,.6); border-radius: 8px; }
.about_us_main .scrollbar::-webkit-scrollbar-thumb:hover { background: #CCC; }
.about_us_main .scrollbar::-webkit-scrollbar-corner { background: #FFF; }