.fs-12 { font-size: 1.2rem }
.fs-13 { font-size: 1.3rem }
.fs-14 { font-size: 1.4rem }
.fs-15 { font-size: 1.5rem }
.fs-16 { font-size: 1.6rem }
.fs-17 { font-size: 1.7rem }
.fs-18 { font-size: 1.8rem }
.fs-19 { font-size: 1.9rem }
.fs-20 { font-size: 2.0rem }
.fs-21 { font-size: 2.1rem }
.fs-22 { font-size: 2.2rem }
.fs-23 { font-size: 2.3rem }
.fs-24 { font-size: 2.4rem }
.fs-25 { font-size: 2.5rem }
.fs-26 { font-size: 2.6rem }
.fs-27 { font-size: 2.7rem }
.fs-28 { font-size: 2.8rem }
.fs-29 { font-size: 2.9rem }
.fs-30 { font-size: 3.0rem }
.fs-31 { font-size: 3.1rem }
.fs-32 { font-size: 3.2rem }
.fs-33 { font-size: 3.3rem }
.fs-34 { font-size: 3.4rem }
.fs-35 { font-size: 3.5rem }
.fs-36 { font-size: 3.6rem }
.fs-37 { font-size: 3.7rem }
.fs-38 { font-size: 3.8rem }
.fs-39 { font-size: 3.9rem }
.fs-40 { font-size: 4.0rem }
.fs-42 { font-size: 4.2rem }
.fs-44 { font-size: 4.4rem }
.fs-46 { font-size: 4.6rem }
.fs-48 { font-size: 4.8rem }
.fs-50 { font-size: 5.0rem }
.fs-52 { font-size: 5.2rem }
.fs-54 { font-size: 5.4rem }
.fs-56 { font-size: 5.6rem }
.fs-58 { font-size: 5.8rem }
.fs-60 { font-size: 6.0rem }
.fs-65 { font-size: 6.5rem }
.fs-70 { font-size: 7.0rem }
.fs-75 { font-size: 7.5rem }
html { font-size: 40% }
body, .inline-item { font-size: 14px }
@media screen and (min-width:1200px) {
  html { font-size: 55% }
  body, .inline-item { font-size: 1.3rem }
}
@media screen and (min-width:1400px) {
  html { font-size: 57% }
  body, .inline-item { font-size: 1.4rem }
}
@media screen and (min-width:1600px) {
  html { font-size: 60% }
}
@media screen and (min-width:1900px) {
  html { font-size: 62.5% }
}
@media screen and (min-width:2500px) {
  html { font-size: 72.5% }
}
@media only screen and (max-height:450px) { }
@media only screen and (min-width:1600px) { }
@media only screen and (min-width:1920px) { }
@media (min-width:992px) and (max-width:1599px) { }
@media (min-width:1366px) and (max-width:1919px) {
  .works-details-gallery { margin-right: -5px; margin-left: -5px }
  .works-details-gallery > div { padding-right: 40px; padding-left: 40px }
  .common-details-left { }
}
@media only screen and (max-width:1600px) {
  .top-banner-frame h2 { font-size: 50px }
  .about-us-intro { margin-right: -20px; margin-left: -20px }
  .about-us-intro [class^="col-"] { padding-right: 20px; padding-left: 20px }
  .common-details-left { width: 100%; max-width: 100% !important }
  .common-details-right { display: none }
  .ecl-zhishi-con a, .enjoy-home-categories dt { font-size: 2.2rem }
  .common-header-text { padding-right: 40px; padding-left: 40px }
}
@media only screen and (max-width:1440px) {
  .top-banner-frame h2 { font-size: 45px }
  .works-related-sm { display: block }
  .works-related-sm .common-details-right-related li:nth-child(odd) { padding-right: 50px }
  .works-related-sm .common-details-right-related li:nth-child(even) { padding-left: 50px }
  .works-related-sm .common-details-right-related a.text { width: 230px }
  .max-1200, .common-header-text { padding-right: 0; padding-left: 0 }
  .max-1200 { padding-left: var(--left-pad); padding-right: var(--left-pad) }
  .mdo-body.max-1200 { padding-left: 0; padding-right: 0; }
  .mdo-con.max-1500, .mdwo.max-1500 { padding-left: 25px; padding-right: 25px; }
  .profession-banner-header h3, .profession-banner-overview-title { font-size: 50px }
  .title-with-line { font-size: 3rem }
  .common-header-text { font-size: 13px }
  .eho-item { padding: 6rem var(--left-pad) 6rem var(--left-big) }
  .aqadd h6 { width: calc(100% - 8rem * 2) }
  .eho-item h3 { font-size: 4.5rem }
  .eho-item p[style="font-size: 32px;"] { font-size: 2.8rem !important }
  .aqadci-con, .aqad-overview { font-size: 3.5rem }
  .aqadc-item h4 { font-size: 3rem }
  .aqadd-con, .aqado-sm { font-size: 2rem }
  .innoo-desc.frame-box { padding: 8rem 10rem }
  .quick-nav { transform-origin: right bottom; transform: scale3d(.85, .85, 1) }
  .common-details-right-related li.active .ehrrc-img { padding-top: 60% }
  .home-mono .cats { font-size: 6rem }
}
@media only screen and (max-width:1366px) {
  .eho-item h3 { font-size: 4rem }
  .eho-item p[style="font-size: 32px;"] { font-size: 2.5rem !important }
}
@media only screen and (max-width:1200px) {
  :root { --top-nav: 60px; --sub-banner: 320px }
  .frame-wide { padding-left: var(--left-pad); padding-right: var(--left-pad) }
  .home-enjoy .common-works-list-item { width: 25% }
  .common-works-list-item, .profession-partners-list li { width: 33.33% }
  .home-footer .row > div { width: 50% !important }
  .home-footer .row > div:nth-child(-n+2) { padding-bottom: 10px }
  .home-footer .row > div:last-child { width: 50% !important }
  .home-footer-links a { padding-left: 0 }
  .home-footer-links-div { width: 250px; padding-right: 20px }
  .mCSB_inside > .mCSB_container { margin-right: 20px }
  .sub-page-footer-share { padding-left: 0 !important; text-align: left !important }
  .sub-page-footer-share .common-social a { margin-right: 10px; margin-left: 0 }
  #fixed-nav, .fixed-bar .home #fixed-nav { position: fixed }
  .home #fixed-nav { position: fixed }
  .quick-nav { transform: scale3d(.65, .65, 1) }
  body { font-size: 13px; overflow: hidden }
  .pc-div { display: none }
  .mobile-div { display: block }
  .vertical-middle { display: -webkit-box; display: -moz-box; -webkit-box-pack: center; -moz-box-pack: center; -webkit-box-align: center; -moz-box-align: center }
  .max-1200 .common-header-text { padding-right: 0; padding-left: 0 }
  .nav-tele { line-height: 3.5rem; height: 3.6rem }
  .nav-tele-con { top: 3.6rem; font-size: 1.6rem; }
  .quick-nav { right: -1000px }
  .home-teams-list dl { margin: 20px 30px 50px 30px }
  .icon-nav-button { font-size: 28px; width: 45px; height: 45px; line-height: 45px; margin-right: -10px; padding: 0; vertical-align: top; border-radius: 0; background-color: transparent }
  .icon-nav-button>i { line-height: inherit }
  .nav-active .icon-nav-button { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg) }
  .home .icon-cxany-menu { color: white }
  .nav-active .home .icon-nav-button .icon-cxany-menu, .fixed-bar .home .icon-nav-button .icon-cxany-menu, .icon-cxany-menu { color: var(--link) }
  .transparent-nav .icon-cxany-menu { color: var(--white); line-height: inherit }
  .fixed-bar .icon-cxany-menu { color: var(--link) }
  .mobile-nav-frame { position: fixed; z-index: 120; top: -100%; left: 0; width: 100%; height: 100%; padding-top: var(--top-nav); background-color: var(--white) }
  .nav-active .mobile-nav-frame { top: 0 }
  .mobile-nav-menu { height: 100% }
  .row-nav { font-size: 13px; width: 100%; height: 25%; background-color: rgb(250, 250, 250) }
  .row-nav.has-menu a { position: relative; float: left; width: 33.3333%; height: 100%; text-align: center; color: rgba(128, 128, 128, .8); border-right: 1px solid rgb(217, 217, 218); border-bottom: 1px solid rgb(217, 217, 218); background-color: var(--white) }
  .row-nav.has-menu a span { font-size: 2.75rem; line-height: 1.5; display: inline-block; width: 2.8rem }
  .row-nav.has-menu a:hover { color: var(--white); background-color: var(--primary) }
  .row-nav.top-row { letter-spacing: .35em; border-bottom: 1px solid rgb(217, 217, 218) }
  .row-nav.bottom-row { letter-spacing: .15em }
  .mnm-header { font-size: 3rem }
  .mnm-footer { font-size: 2.8rem }
  .nav-top-logo { text-align: center }
  .nav-top-logo a { font-size: 10px; line-height: 20px; height: 20px }
  .top-banner-frame h2 { font-size: 24px }
  .top-banner-line:after { width: 100px; margin-left: -50px }
  .top-banner-scroll { font-size: 13px; line-height: 20px }
  .top-banner-frame a { margin-bottom: 10px }
  .fixed-bar .home .home-notice-text { padding-top: 80px }
  .nav-main { padding-top: 5px; padding-bottom: 5px }
  .home .nav-main { padding-top: 15px }
  .fixed-bar .home .nav-main { padding-top: 5px }
  .nav-main .row { line-height: 35px; height: 35px }
  .top-banner-link { bottom: 5%; -webkit-transform: scale(.85, .85); transform: scale(.85, .85) }
  .home-innovation-header h3, .title-with-line { font-size: 4rem; padding-top: 5rem }
  .home-practice-list .part-main:before, .home-practice-list-image dd, .common-works-list-information { display: none }
  .home-brand-list-subject { font-size: 32px; margin-bottom: 20px }
  .home-practice-list .part-main { z-index: 3; width: 100%; padding-right: 20px; padding-left: 20px }
  .home-practice-list .part-right { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; max-width: none; height: 320px }
  .home-practice-list-image, .home-practice-list-image dt { height: 100% }
  .home-practice-list .part-right:before { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, .7) }
  .home-practice-list-header { height: 320px; padding-top: 30px; color: var(--white) }
  .home-practice-list-header h3 { font-size: 24px; height: 60px }
  .home-practice-list-header strong { font-size: 13px; right: auto; bottom: 100px; left: 0 }
  .home-practice-list-more { padding-bottom: 60px; text-align: center }
  .home-brand-list-div { min-height: 250px }
  .home-works-list-filter { line-height: 50px; padding-bottom: 30px }
  .home-works-recommend-link { padding-bottom: 50px }
  .common-works-list-item, .profession-partners-list li, .home-enjoy .common-works-list-item { float: left; overflow: hidden; width: 100% }
  .common-works-list-title { text-align: center }
  .common-works-list-title strong { font-size: 13px }
  .common-works-list-title em { font-size: 10px }
  .home-footer { padding-bottom: 30px }
  .main-footer { line-height: 35px; height: 55px; padding-top: 5px; padding-bottom: 5px; background-color: var(--white) }
  .main-footer-nav { line-height: 45px; height: 45px }
  .main-footer-nav a { font-size: 11px; line-height: 35px; width: 35px; height: 35px; height: 35px; color: var(--white); border: 0 }
  .main-footer-nav a:hover { color: var(--white) }
  .main-footer-nav a.qq { position: relative; top: -5px; width: 50px; height: 50px; margin-right: 15px; margin-left: 15px; border: 4px solid rgb(240, 240, 240) }
  .main-footer-nav a.qq:after { position: absolute; z-index: -1; top: -17px; left: -17px; width: 75px; height: 75px; content: ""; border-radius: 50%; background-color: var(--white) }
  .main-footer-nav .icon-cxany-qq { padding-top: 4px; padding-bottom: 0 }
  .profession-banner-header h3, .profession-banner-overview-title { font-size: 19px; color: var(--primary) }
  .profession-banner-header .title-with-line { padding-top: 10px; padding-bottom: 10px }
  .profession-banner-header .title-with-line:before { display: none }
  .profession-banner-header { padding-bottom: 40px; background-color: rgb(250, 250, 250) }
  .mobile-profession-second-nav a { position: relative; float: left; width: 33.3333%; height: 75px; border-right: 1px solid rgb(250, 250, 250); border-bottom: 1px solid rgb(250, 250, 250); background-color: rgb(237, 237, 237) }
  .mobile-profession-second-nav a .icon { width: 50px; height: 50px }
  .mobile-profession-second-nav a span.text { font-size: 13px; line-height: 1.3; display: inline-block; width: 30px; padding-top: 3px; padding-left: 10px; vertical-align: middle }
  .icon-mobile-section-nav-0 { background-position: 0 -400px }
  .icon-mobile-section-nav-1 { background-position: -50px -400px }
  .icon-mobile-section-nav-2 { background-position: -100px -400px }
  .icon-mobile-section-nav-3 { background-position: -150px -400px }
  .icon-mobile-section-nav-4 { background-position: -200px -400px }
  .icon-mobile-section-nav-5 { background-position: -250px -400px }
  .icon-mobile-section-nav { display: inline-block; overflow: hidden; width: 50px; height: 50px; vertical-align: middle; border-radius: 50%; background-color: var(--primary) }
  .icon-mobile-section-nav i { font-size: 31px; display: inline-block; margin-top: 9px; color: rgba(255, 255, 255, .5) }
  .sub-page-top-block { height: 44px }
  #fixed-nav, .fixed-bar .home #fixed-nav { position: fixed }
  .home #fixed-nav { position: fixed }
  .profession-banner-header.has-bottom-mask:after { display: none }
  .profession-banner .table-middle { padding-right: 0; padding-left: 0 }
  .profession-banner-overview-title { font-size: 15px; position: absolute; top: 0; left: 0; width: 100%; height: 130px; padding-top: 70px; padding-left: 20px; text-align: left; color: var(--white); border: 0 }
  .profession-banner-overview-title br { display: none }
  .profession-banner-overview-title:before { position: absolute; bottom: 15px; left: 20px; width: 20px; height: 1px; content: ""; border-top: 1px solid var(--primary) }
  .profession-banner-overview-text { padding-top: 90px; padding-right: 20px; padding-left: 20px }
  .profession-banner-overview-text, .profession-banner-overview-text h4 { font-size: 13px }
  .profession-banner-body { height: auto }
  h4.title-with-line { font-size: 13px; padding-right: 0; padding-bottom: 20px; padding-left: 0 }
  h4.title-with-line:before { bottom: 15px; width: 15px }
  .profession-values .col-sm-4 { padding-bottom: 30px }
  .profession #page-2 .page-scroll-list-header, #page-3 .page-scroll-list-header { margin-bottom: 40px }
  .profession .about-office-gallery { margin-bottom: 0 }
  .profession-gallery-control-mask.slider-prev, .profession-gallery-control-mask.slider-next { display: none }
  .profession .about-office-gallery-frame { margin-left: -900px }
  .profession-gallery-control-mask { line-height: 35px; position: absolute; bottom: 0; left: 0; width: 100%; height: 35px; text-align: center; color: var(--white); background-color: rgba(0, 0, 0, .70) }
  .profession-gallery-control { top: auto; bottom: 0; height: 35px }
  .slider-copy .service { position: relative; display: none; padding: 0 }
  .slider-copy .service.active { display: block }
  .slider-copy .service p { display: none }
  .slider-copy h2 { font-size: 14px; font-weight: normal; line-height: 35px; margin-top: 0; margin-bottom: 0 }
  .profession-gallery-control .slider-copy { position: relative; width: 100%; height: 35px; margin-left: 0; color: var(--white); background-color: transparent }
  .mobile-profession-hd-nav { line-height: 60px; position: absolute; z-index: 8; top: 50%; left: 5%; width: 90%; height: 60px; margin-top: -30px }
  .mobile-profession-hd-nav .icon { width: 30px; height: 50px }
  .profession-partners-list-title strong { font-size: 13px }
  .col-4-4-3 .common-works-list-item, .col-5-3-2 .item { width: 100% }
  .profession-join-sign { font-size: 13px; min-width: 90px; margin-bottom: 20px; padding-top: 1.15rem }
  .contact-banner, .contact-banner .fixed-top-background { height: 360px }
  .contact-top-frame { top: -20px; height: 20px }
  .contact-overview { padding-bottom: 1px; padding-top: 30px; }
  .contact-top-text { font-size: 10px; line-height: 20px; min-width: 100% }
  .contact-feedback-box .col-sm-6:first-child { margin-bottom: 20px }
  .contact-feedback-description textarea { height: 38rem }
  .contact-details-sub-subject, .contact-details-subject { line-height: 2; font-size: 2.5rem; height: auto; }
  .contact-details>.row>div { padding-bottom: 0; margin-bottom: 0; }
  .contact-details-content { padding: 25px 15px; }
  .contact-details-box { margin-top: 20px; }
  .contact-details { padding-bottom: 60px; }
  .contact-feedback-description textarea { height: 235px; }
  .tags-list-category h4 { font-size: 16px }
  .tags-list-category { padding-bottom: 0; border-bottom: 0 }
  .tags-list-category:last-child { padding-bottom: 50px }
  .innovation-banner-body, .innovation-banner .fixed-top-background { height: 300px }
  .innovation-banner-overview h4 { font-size: 16px }
  .innovation-choose-list-content, .innovation-choose-list-content p { text-align: center }
  .innovation-choose-list-content { padding: 0; padding-bottom: 30px }
  .innovation-choose-list h4.title-with-line { font-size: 14px }
  .innovation-choose { padding-bottom: 30px; padding-top: 60px }
  .pager-list a { line-height: 30px; min-width: 30px }
  .works-details-header h3 { font-size: 13px }
  .works-details-header h2 { font-size: 15px; line-height: 50px; margin-bottom: 20px }
  .works-details-header h2:after { width: 80px }
  .works-details-header .text-right { text-align: left }
  .has-block:before { display: inline-block; width: 10px; height: 15px }
  .works-title { font-size: 15px; line-height: 20px }
  .has-line:before { }
  .works-details-gallery { padding-top: 30px }
  .works-details-gallery > div { padding-bottom: 30px }
  .works-details-gallery h4 { font-size: 14px }
  .works-details-hexinjiazhi-image { padding-bottom: 20px }
  .works-details-celuesikao .col-sm-6 { padding-bottom: 20px }
  .i-like-this { padding: 0 0 40px 0 }
  .works-details-feedback-header { line-height: 3; padding: 20px 0 20px 0; text-align: center }
  .need-offer { display: block; max-width: 150px; margin-top: 20px; margin-right: auto; margin-bottom: 50px; margin-left: auto }
  .works-details-views { float: none; height: 35px; margin-right: auto; margin-left: auto }
  .works-details-views > div { border: 0 }
  .common-details-left { padding-top: 0 }
  .works-related-recommend-header { padding-bottom: 20px }
  .common-works-list-item .common-works-list-title { padding-bottom: 20px }
  .works-related-recommend-header h4, .common-details-right-title { font-size: 15px; font-weight: normal }
  .works-related-sm .common-details-right-related li, .works-related-sm .common-details-right-related li:nth-child(odd), .works-related-sm .common-details-right-related li:nth-child(even) { width: 100%; padding: 0 }
  .works-related-sm .common-details-right-related a.text { width: 65% }
  .common-details-right-related span { width: 30% }
  .gray-box-content { padding: 20px 10px; }
  .works-details-tags { padding-top: 30px; }
  .works-hot-tags .gray-box-content ul { overflow: hidden; }
  .works-hot-tags .gray-box-content ul a:nth-child(n+21) { display: none; }
  .btn-submit { font-size: 13px; line-height: 40px; width: 40px; height: 40px }
  .works-related-recommend-header > div { padding: 0 5px }
  .enjoy-home-categories { width: calc(100% - var(--left-pad) * 2); min-height: unset; padding: 4rem }
  .enjoy-home-categories { left: var(--left-pad) }
  .ecl-zhishi-con em { display: none }
  .enjoy-home-categories dl { display: flex; align-items: flex-start; flex-wrap: wrap; padding-bottom: 5px !important }
  .enjoy-home-categories dt { font-size: 16px; width: 90px }
  .enjoy-home-categories dt em { font-size: 9px }
  .enjoy-home-categories dd a, .enjoy-categories-items dd a { font-size: 13px }
  .ecl-hangye { margin-bottom: 20px }
  .ecl-zhishi-con a { font-size: 16px; }
  .eci-cats .ecl-zhishi-con a, .eci-cats.enjoy-categories-items dt { font-size: 2.4rem }
  .eci-cats .ecl-zhishi-con a { line-height: 2.3; }
  .eci-cats.enjoy-categories-items dd a { line-height: 4rem }
  .enjoy-banner { padding-bottom: 10rem }
  .enjoy-banner .fixed-top-background { height: 64rem }
  .enjoy-search { height: auto; padding: 0 }
  .enjoy-search>.frame-full { height: 10rem; display: flex; align-items: center }
  .sub-page-nav-search { width: 100% }
  .enjoy-search.has-bottom-mask:after { display: none }
  .enjoy-home-categories { bottom: 10rem }
  .ehrr-con { display: none }
  .enjoy-home-overview>.row { height: auto; }
  .eho-item { padding: 60px var(--left-pad) }
  .eho-item h3 { font-size: 4.5rem }
  .eho-item p[style="font-size: 32px;"] { font-size: 2.8rem !important }
  .home-mono .cats { font-size: 8.4rem }
  .home-mono .front-subject { font-size: 2.5rem }
  .title-with-line:not(.no-rotate):before { height: 2.5rem }
  .title-no-line { font-size: 14px; padding-top: 35px; padding-bottom: 30px }
  .enjoy-works-industry { padding-top: 35px }
  .enjoy-home-recommend.frame-full { padding-right: 0; padding-left: 0 }
  .enjoy-home-recommend.frame-full .title-no-line { padding-right: 20px; padding-left: 20px }
  .enjoy-home-recommond-list .common-works-list-title { display: none }
  .col-5-4-3 .common-works-list-item, .col-5-4-3 .item { width: 50% }
  .enjoy-hot-tags { padding-bottom: 80px; padding-top: 50px; }
  .works-details-overview { padding-top: 30px }
  .enjoy-categories-items, .enjoy-categories-items:not(.eci-cats) dl { border: 0 }
  .enjoy-categories-items:not(.eci-cats) dt { font-size: 14px; line-height: 35px; position: relative; width: 100%; height: auto; margin: 0; padding-top: 30px; text-align: left }
  .enjoy-categories-items:not(.eci-cats) dd { margin: 0; padding: 10px 0; border: 0 }
  .enjoy-categories-items:not(.eci-cats) dd { text-align: left; border-top: 1px dotted rgb(149, 149, 149); border-bottom: 1px dotted rgb(149, 149, 149) }
  .enjoy-categories-items:not(.eci-cats) dd a { margin: 0; text-align: left }
  .eci-cats .enjoy-categories-items dl { border-bottom: 1px dotted rgb(149, 149, 149) }
  .enjoy-categories-sort .frame-full a:first-child { margin: 0 }
  .enjoy-categories-sort { text-align: center }
  .enjoy .sub-page-nav { height: auto }
  .result-not-found { padding-right: 0; padding-left: 0; background-position: center 60px }
  .result-not-found-title { font-size: 15px; line-height: 1.5; padding-top: 40px; padding-bottom: 20px; text-align: center }
  .result-not-found-tags { height: 150px; margin-top: 300px; margin-bottom: 50px; padding: 20px 15px; border: 1px solid rgb(228, 228, 228) }
  .about-us .common-header-text, .about-us-intro { padding-bottom: 20px }
  .about-banner-overview h4 { font-size: 20px; font-weight: normal; margin-bottom: 15px }
  body.fixed-second .first-main-page { margin-top: 0 }
  .about-us-intro-title { font-size: 18px; line-height: 45px }
  .about-us-intro-title span { font-size: 13px }
  .about-us-intro.row { margin-top: 50px; margin-right: 0; margin-left: 0 }
  .about-us-intro.row > div { padding-bottom: 20px }
  .about-us-intro.row .col-sm-3, .about-us-intro.row .col-sm-6 { padding-right: 0; padding-left: 0 }
  .story-container img { max-width: 100%; max-height: 100% }
  .fixed-bar .story-normal-nav { top: 45px }
  .page-404 { width: 100%; min-height: 100%; padding-top: 60px; background-position: -999999px 0 }
  .page-404 h2 { font-size: 22px }
  .page-404-nav { font-size: 13px; line-height: 30px; padding-top: 20px; padding-left: 0 }
  .mobile-page-404-image img { width: 100%; height: auto; margin-top: -15px }
  .nav-main { height: 60px !important }
  .nav-main .row { height: 45px; line-height: 45px }
  .home-mono .cats { font-size: 5.5rem }
  .acli { padding-top: 50px; padding-bottom: 50px }
  .aho-item dt { font-size: 3rem }
  .aho-item dd { font-size: 2rem }
  .aho-item dd [style*="font-size: 1.8rem"] { font-size: 2.2rem !important }
  .aadv-con { padding: 20px 10px }
  .about-advantages-list>div { padding-bottom: 30px; padding-top: 30px }
  .aadv-list .aadv-text:after { display: none }
  .aadv-list [style*="font-size: 3rem"] { font-size: 3.5rem !important }
  .aadv-list [style*="font-size: 1.8rem"] { font-size: 2.8rem !important }
  .aadv-list [style*="font-size: 2.5rem"] { font-size: 2.8rem !important }
  .aadv-text { padding-left: 10px; padding-right: 10px }
  .aenjoy, .about-qa { padding-bottom: 50px; padding-top: 50px; }
  .cwli-con { padding: 15px 10px }
  .cwli-con .sub { font-size: 2rem; margin-bottom: 15px; padding-bottom: 15px }
  .cwli-con .subject, .cwli-con .cats { font-size: 3rem; padding-bottom: 10px }
  .cwli-con .date { bottom: 15px; width: 100%; padding: 0 10px; font-size: 1.6rem }
  .cwli-con .date .flex-cs { display: none !important }
  /* xs col 1 */
  .cwli-con { padding: 25px 20px }
  .cwli-con .sub { font-size: 2.5rem; margin-bottom: 20px; padding-bottom: 20px }
  .cwli-con .subject, .cwli-con .cats { font-size: 4rem; padding-bottom: 10px; }
  .cwl-item .ratio-1-1 { padding-top: 90%; }
  .cwli-con .date { padding: 0 20px; font-size: 2rem; bottom: 25px; line-height: 1; }
  
  .enjoy-details-mono { padding-top: 50px; }
  .edc-date { padding-top: 20px; margin-bottom: 15px; }

  [style*="font-size: 2.2rem"] { font-size: 1.7rem !important }
  [style*="font-size: 2.8rem"] { font-size: 2rem !important }
  [style*="font-size: 3.8rem"] { font-size: 3rem !important }
  [style*="font-size: 5rem"] { font-size: 3.5rem !important }

  .atl-item:first-child .atli-con dt, .atl-item:first-child .atli-con dd { text-align: left }
  .atl-item:last-child .atli-con dt, .atl-item:last-child .atli-con dd { text-align: right }
  .atl-item .ratio-3-2 { padding-top: 120% }
  .atli-con { font-size: 2.8rem }
  .atl-item:first-child .atli-con { padding-left: 65px; padding-right: 0; align-items: flex-start }
  .atl-item:last-child .atli-con { padding-right: 65px; padding-left: 0 }
  .atli-con p.empty-line { font-size: 0; height: 1.2rem; line-height: 1.2rem }
  .atli-con [style*="font-size: 2.8rem"] { font-size: 2.8rem!important }
  .atli-con dd { font-size: 2rem; }
  .atli-con dt { font-size: 4rem; }
  .atli-con dt:after { margin-left: unset }
  .atl-item:last-child .atli-con dt:after { margin-left: auto; margin-right: unset }
  .about-qa { padding-left: var(--left-pad); padding-right: var(--left-pad) }
  .aqah-con { font-size: 2.8rem; padding-bottom: 10rem }
  .aqad-overview { padding-bottom: 1rem }
  .aqadc-item { flex-wrap: wrap }
  .aqadc-item>dt, .aqadc-item>dd { width: 100% }
  .aqadc-item>dt { height: auto; padding: 2rem 3rem }
  .aqadci-con { padding-bottom: 2rem; font-size: 2.6rem }
  .aqadc-item h5 { position: relative; bottom: 0 }
  .aqadc-item dt h4 { font-size: 2.2rem; padding-bottom: 1.5rem }
  .aqadd h6 { width: calc(100% - 2rem * 2) }
  .aqadc-item h4 { font-size: 2.6rem; padding-top: 1.5rem }
  .aqadc-item>dd { padding: 3rem 2rem; max-height: 40rem; height: auto }
  .aqadd-con { padding-bottom: 2rem }
  .aqadc-item.opened .aqadd h6 { box-shadow: none }
  .btn-aqah a.border-bottom-arrow { min-width: 40%; letter-spacing: 2.5rem; padding-left: 2.5rem; padding-right: 0; line-height: 2.5 }
  .prov-con { padding-left: 65px; padding-right: 65px; height: 350px }
  .provc-item dl { top: 15rem }
  .provc-item dt { font-size: 35px; width: 35px }
  .provc-item dd { margin-left: 10px; top: -20px }
  .prov-con .spacer { top: 18rem }
  .prov-con .spacer i { font-size: 4rem }
  .provc-item.provc-back { align-items: flex-start }
  .protrain-overview { font-size: 1.8rem }
  .protrain-overview .fs-20 { font-size: 2.2rem }
  .proi-overview { padding: 50px 10px; line-height: 2.2; font-size: 2rem }
  .proi-overview [style*="font-size: 2.2rem"] { font-size: 2rem !important }
  .proid-con p { padding-left: 10px; padding-right: 10px }
  .proi-details { font-size: 2rem; line-height: 2.2 }
  .proi-con { border-width: 3px }
  .protrain-con { padding: 3rem 2rem }
  .protrain-title .border-bottom-arrow { line-height: 4.5rem; font-size: 2.2rem }
  .projoin-nav { justify-content: space-between }
  .projoin-nav a { margin-left: 1rem; margin-right: 1rem; font-size: 2.5rem }
  .pro-enjoy { padding-bottom: 5rem }
  .s-f-b-nav-list { display: flex; justify-content: center; flex-wrap: wrap; margin-left: -5px; margin-right: -5px }
  .s-f-b-nav li { padding: 0 5px; font-size: 1.65rem }
  .projoin-left { width: 100% }
  .projoin-list .width-4-8 { width: 87.5% }

  .innoo-title.title-with-line { font-size: 3.5rem; padding-top: 80px; }
  .innoo-desc.frame-box { padding: 50px 15px; margin-top: 20px; margin-bottom: 80px; }
  .innood-title { padding-bottom: 40px; }
  .inno-clc { padding-bottom: 60px; padding-top: 10px; }
  .innovation-choose-list { padding-top: 20px; }
  .innovation-choose-list .fs-50 { font-size: 3.5rem !important }
  .inno-enjoy { padding: 60px 20px; }
  .inno-mono { padding-top: 60px; padding-bottom: 80px; }
  .home-mono .subject { font-size: 2.8rem; }
  .home-mono .sub, .home-mono .date { font-size: 2rem; }
  .home-mono .front-subject { font-size: 2.5rem; height: 60px; line-height: 60px; }
  .home-mono-list { margin-top: 2px; }
  .inno-solution { padding-top: 60px; }
  .mds-con.active { padding-bottom: 80px; }
  .mdsl-item a .inner i { font-size: 20px; }
  .mdsl-item .front i { width: 20px; }
  .mds-con .h-s-more { line-height: 1; }
  .inno-slogan { padding: 80px 20px; line-height: 1.5; }
  .innos-con { min-height: unset; }
  .home-works-header .title-with-line, .twl-gray.title-with-line { padding-top: 30px; padding-bottom: 20px;  }
  .works-home { padding-top: 50px; }
  .home-works.whome { padding-bottom: 0; }
  .common-works-list-item .common-works-list-title { padding: 15px 10px 25px 10px; }
  .common-works-list-title strong { font-size: 2.75rem; line-height: 1.5; }
  .common-works-list-item a, .common-works-list-item a em { font-size: 2.25rem; padding-left: 10px; padding-right: 10px; }
  .fancy-user { width: 250px; }
  .fancy-user .fancy-box-con img { max-width: 100%; }
  .fbc-tele { font-size: 2.8rem; }

}
@media only screen and (max-width:768px) {
  :root { --top-nav: 60px; --left-pad: 20px; --logo-size: 40px }
  .home-teams-list dl { margin: 20px 0 80px 0 }
  .home-teams-list dt { position: relative; top: auto; left: auto; text-align: center }
  .home-teams-list dd { padding: 0 }
  .home-teams-list-subject { padding-top: 20px; text-align: center }
  .home-teams-list-subject span { font-size: 13px; display: block; padding: 0; opacity: .5 }
  .about-methods-pic.row { margin-right: 0; margin-left: 0 }
  .about-methods-pic > p { min-width: 0; max-width: 33.3333%; padding: 10px 20px }
  .about-methods-pic > p a, .about-methods-pic > p a img { width: 100%; height: auto }
  .about-methods-link > p { font-size: 13px; line-height: 40px; display: inline-block; width: 33.3333% }
  .about-advantages-list h4 { font-size: 18px }
  .story-normal-nav { height: 60px }
  .story-normal-nav a { zoom: .5 }
  .fixed-bar .story-normal-nav a { font-size: 26px; line-height: 50px; display: inline-block; margin-right: 0 }
  .fixed-bar .story-normal-nav { padding-top: 20px }
  .story-left-subject { font-size: 16px; line-height: 30px; padding-top: 20px }
  .story-left-subject span { font-size: 13px; width: 30px; height: 30px; margin-right: 10px }
  .story-left-sub-subject { font-size: 13px; padding: 30px 0 30px 0 }
  .story-right-image { padding-top: 20px; padding-bottom: 30px; text-align: center }
  .common-details-left p.works-front-color span[style] { font-size: 26px !important; line-height: 1.5 !important }


  .top-banner-frame { padding-top: 10px }
  .home-footer .row > div, .home-footer .row > div:last-child { width: 100% !important; text-align: center }
  .home-footer .row > div:last-child { padding-top: 220px; padding-left: 0; background-position: center 30px }
  .about-us-intro.row > div:nth-child(1), .about-us-intro.row > div:nth-child(2) { width: 100% }
  .sub-page-nav-position { top: 50px }
  .sub-page-search { margin-right: -1px; margin-left: -1px }
  section[data-size="big"] .sub-page-search { top: -75px }
  section[data-size="small"] .sub-page-search { top: -45px }
  .sub-page-nav-search { width: 100% }
  .innovation-think-list .col-4-2-2 .item { width: 100% }
  .works-related-recommend .item { width: 100% }
  .page-scroll-list-header { margin-bottom: 0; padding-bottom: 0 }
  .profession .about-office-gallery { margin-bottom: 20px }
  .profession #page-2 .page-scroll-list-header, #page-3 .page-scroll-list-header { margin-bottom: 0 }
  .about-business-scope { height: 650px; padding-bottom: 0 }
  .about-business-scope-list-tab { font-size: 0; height: 380px; text-align: center }
  .about-business-scope-list-tab .col-xs-6 { display: inline-block; float: none; overflow: hidden; width: 45% }
  .about-business-scope-list-tab .max-1200 { padding-right: 0; padding-left: 0 }
  .mobile .about-business-scope-list-tab-block h3 { font-size: 35px }
  .mobile .about-business-scope-list-tab-block h5 { font-size: 13px; padding: 5px }
  .mobile .about-business-scope-icon { font-size: 0 }
  .mobile .about-business-scope-list-tab-block { width: 100%; height: 180px; padding: 10px; text-align: center; background-color: transparent }
  .about-business-scope-list-tab-block, .about-business-scope-list-tab-block h3, .about-business-scope-list-tab-block h5, .active .about-business-scope-list-tab-block, .active .about-business-scope-list-tab-block * { color: var(--primary); background-color: transparent }
  .active .about-business-scope-list-tab-block:after { display: none }
  .about-business-scope-list { padding-bottom: 20px }
  .about-business-scope-list .about-business-scope-list-tab { position: relative; height: 260px; background-color: var(--primary) }
  .about-business-scope-list .about-business-scope-list-tab-block h3 { font-size: 94px; color: var(--white) }
  .about-business-scope-list .about-business-scope-list-tab-block h5 { font-size: 13px; color: var(--white) }
  .about-business-scope-list .about-business-scope-icon, .about-business-scope-list .about-business-scope-icon .icon-cxany { color: var(--white) }
  div[data-role="tab-content"] { display: block; padding-top: 50px; padding-bottom: 50px }
  .about-business-scope-list-details-header { margin: 30px 0 30px 0 }
  .mobile .about-business-scope-icon .icon-cxany { color: var(--primary) }
  .mobile-categories-list { display: block; margin-left: -5px }
  .works-details-hexinjiazhi { text-align: center }
  .works-details-hexinjiazhi .has-line:before { left: 50%; margin-left: -17px }
  .works-details-hexinjiazhi-image img { max-width: 120px; height: auto }
  .frame-box { line-height: 2.2; margin-bottom: 5rem; padding: 2rem; text-align: justify }
  .common-header-text .frame-box p { padding-top: 0 }
  .frame-box p, .frame-box p span { font-size: 2.2rem !important; opacity: 1 }
  .profession .frame-box { margin-bottom: 0 }
  .profession .common-header-text { padding-bottom: 0 }
  .i-n-l-line:nth-child(even) .i-n-l-text { float: none }
  .i-n-l-text { padding: 2.5rem !important }
  .i-n-l-text .overview { font-size: 2.2rem }
  .i-n-l-text h4 { margin-bottom: 0; padding-top: 2rem }
  .i-n-l-image { height: auto !important }
  .title-with-line { margin-bottom: 20px; padding-bottom: 25px; padding-top: 30px; line-height: 1.5 }
  .title-with-line:not(.no-rotate):before { bottom: 0; height: 20px }
  .profession .common-header-text { margin-bottom: 0 }
  .works-home .sub-page-overview { padding-bottom: 0 }
  .pager-list { padding: 25px 0 }
}
@media (min-width:768px) and (max-width:991px) {
  :root { --logo-size: 45px }
  .row-nav { font-size: 16px }
  .row-nav.has-menu a span { font-size: 28px }
  .row-nav.bottom-row { font-size: 13px }
  .common-works-list-item, .profession-partners-list li, .home-enjoy .common-works-list-item { width: 50% }
  .col-4-4-3 .common-works-list-item, .col-5-3-2 .item { width: 50% }
  .contact-feedback-box .col-sm-6:first-child { margin-bottom: 0 }
  .about-business-scope-list-tab-block h3 { font-size: 100px }
  .story-talking-list .item { margin-bottom: 30px; padding-right: 50px }
}
@media (min-width:992px) and (max-width:1199px) {
  :root { --logo-size: 45px }
  .second-fixed-nav { right: 8px }
  .about-business-scope-list-tab-block h5 { font-size: 13px }
  .nav-main-menu { height: var(--logo-size) }
  .nav-main-menu a { font-size: 14px }
  .home-brand { padding-bottom: 50px }
  .home-brand-links a { font-size: 13px }
}
@media screen and (max-width:768px) {
  :root { --font-sans: "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; --font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif" }
  body { font-size: 13px; line-height: 1.9; }

  [style*="font-size: 25px"] { font-size: 20px!important }
  [style*="font-size: 34px"] { font-size: 27px!important }
  [style*="font-size: 36px"] { font-size: 28px!important }
  
  .nav-main-logo { top: .4rem }
  .home-works-con { padding-top: 50px; }
  .home-mono .text { padding: 8px }
  .home-mono .cats { font-size: 10rem; padding-bottom: 15px; margin-bottom: 15px }
  .home .home-mono .cats { font-size: 5.75rem; }
  .home-mono .date { font-size: 1.8rem; position: relative; bottom: 0 }
  .home .subject { font-size: 2.5rem }
  .home-mono .front-subject { font-size: 2.5rem; }
  .home-works-mono .hwm-item { width: 50% }
  .home-mono.bottom-shadow { padding-bottom: 40px }
  .home-works { padding-bottom: 6rem }
  .hwmo-3 { order: 4 }
  .hwmo-4 { order: 3 }
  .hwmo-9 { order: 9; display: none }
  .hmono-item .hwm-item-text, .hwm-item-text { padding: 8px }
  .hworks-item .hwmi-subject { font-size: 3rem }
  .hwmi-sub { font-size: 1.8rem }
  .hwmi-subject { font-size: 2.5rem }
  .home-works-mono { padding-top: 3.5rem }
  .home-mono.bottom-shadow:after { height: 60px }
  .home-slides-list .ratio-3-1 { padding-top: 40% }
  .home-works-top .ratio-3-1 { padding-top: 60% }
  .home .section-slides .title-with-line { padding-top: 30px; }
  .whome .wht-list .subject, .whome .wht-list .sub { line-height: 1.5 }
  .whome .wht-list .subject { font-size: 2.5rem; padding-bottom: 1.5rem }
  .whome .wht-list .sub { font-size: 1.6rem }
  .enjoy-details-header { height: 55rem }
  .wdh-con { line-height: 1.8 }
  .edh-con h3.edh-date { line-height: 1.5 }
  .edh-con h2.edh-subject { line-height: 1.6; font-size: 3rem }
  .edh-con .edh-sub { padding-bottom: 4rem }
  .edh-con .edh-cats, .edh-cats.mdh-cats { right: initial; /*right: 50%; transform: translateX(50%);*/ }
  .edhcl-lg span { font-size: 17px; width: 36px; line-height: 1.2; }
  .edh-cats.mdh-cats { right: 50%; transform: translateX(50%); }


  .i-like-this { padding: 0; height: 15rem; line-height: 1 }
  .apn-con { padding-left: 0; padding-right: 0 }
  .apnc-item { width: 40% }
  .apnc-arrow { width: 70px; display: none; }
  .article-prev-next a:hover .apnc-arrow { width: 90px; }
  .apnc-item strong { max-width: 100%; padding: 1rem 0 }
  .common-details-left { padding-top: 60px; }
  .i-like-this a { width: 60px; height: 60px; line-height: 60px; }
  .i-like-this a .icon-cxany-polygon { font-size: 60px; }
  .wdwr-item.common-works-list-item { width: 100%; margin-top: 5px; }
  .enjoy-home-categories { padding: 25px 15px 15px 15px; width: calc(100% - 20px * 2); }
  .ecl-zhishi-con em { display: block; }
  .enjoy-home-categories dt { width: 100%; }
  .bottom-shadow { margin-bottom: 60px!important; }
  .enjoy-archive-header { padding-top: 50px; }
  .enjoy-archive { padding-top: 0; padding-bottom: 80px; }
  .ehw-list .ehwl-item { width: 100%; margin-top: 5px; }
  .enjoy-hot-tags .gray-box { height: auto!important; }
  .enjoy-hot-tags-list a:nth-child(n+26) { display: none; }
  .eci-cats .ecl-zhishi { padding: 15px 0; }
  .eci-cats .ecl-zhishi-con em { display: block; }
  .sub-page-nav-position { padding-bottom: 15px; }
  .enjoy-categories-items dt { position: relative; top: initial; width: initial; margin: initial; height: 40px; line-height: 40px; text-align: left; }
  .enjoy-categories-items dd { margin: auto; padding: 0 0 15px 0; border-left: 0; margin-left: -10px; margin-right: -10px; }
  .eci-cats.enjoy-categories-items dd a { line-height: 32px; padding-left: 10px; padding-right: 10px; margin: 0; }
  .enjoydw-link { padding-left: 0; padding-right: 0; }
  .common-works-list-item a.enjoydw-link { padding-left: 0; padding-right: 0; }
  .worksd-enjoy { padding-left: var(--left-pad); padding-right: var(--left-pad) }
  .enjoy-mono-header .title-with-line { margin-bottom: 20px; }
  .mdb-subject { font-size: 5rem; }
  .mono-details-banner { padding-left: var(--left-pad); padding-right: var(--left-pad); height: 360px; }
  .mdo-body.max-1200, .mdob-con.max-1200 { padding-left: 15px; padding-right: 15px; }
  .mdo-con { transform: translateY(-50px); margin-bottom: -50px; }
  .mdob-heading.edc-heading { margin-top: -10px; font-size: 4rem; line-height: 1.6; }
  .edc-date { font-size: 1.8rem; justify-content: flex-start; margin-top: 15px; }
  .mdob-nav { display: none!important; font-size: 2.5rem; flex-wrap: wrap; justify-content: space-between; height: auto; line-height: 1; margin-left: -10px; margin-right: -10px; }
  .mdob-nav a { margin: auto 20px 5px 10px; white-space: nowrap; padding-bottom: 5px; padding-top: 10px; }
  .mdwo-con { padding-top: 50px; }
  .mono-details-info, .mdi-con { padding-top: 0; }
  .mono-details-tags { flex-wrap: wrap; padding-bottom: 15px; }
  .mono-details-tags a { white-space: nowrap; line-height: 1.2; padding: 5px 10px; }
  .fancy-box { padding: 35px 20px; max-width: 100%; min-width: 100%; }
  .fancy-box-con { padding-left: 15px; padding-right: 15px; }
  .fancy-box-con .title { font-size: 16px; }
  .fancy-box-con h5 { font-size: 13px; }
  .cfp-feedback { width: auto; }
  .fbc-tele { font-size: 2.8rem; }
  .fancy-user .fancy-box-con img { max-width: 20rem; }
  .innovation-choose-list .fs-50 { font-size: 3.85rem!important; }
  .innovation-choose-list .row>div:not(:last-child):after { content: "\c2010"; font-family: "cxany"; position: absolute; left: 0; bottom: 2rem; font-size: 2rem; text-align: center; width: 100%; }

  .atl-item .ratio-3-2 { padding-top: 120% }
  .atli-con { font-size: 2.8rem }
  .atl-item:first-child .atli-con { padding-left: 20px; padding-right: 0; align-items: flex-start }
  .atl-item:last-child .atli-con { padding-right: 20px; padding-left: 0 }
  .atli-con p.empty-line { font-size: 0; height: 1.2rem; line-height: 1.2rem }
  .atli-con [style*="font-size: 2.8rem"] { font-size: 1.5rem !important }

  .prov-con { padding-left: 20px; padding-right: 20px; }
  .enjoy-home-overview>.row { min-height: 60rem }
  .cwli-con .subject, .cwli-con .cats { font-size: 6rem; padding-bottom: 15px; }
  .mdo-con.max-1500, .mdwo.max-1500 { padding-left: 0; padding-right: 0; }

}