.banner-wrap {
    height: 400px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.banner-wrap img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-wrap .info-wrap {
    position: relative;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.banner-wrap .info-wrap .banner-text {
    height: 100%;
}

.banner-wrap .info-wrap .banner-text-center {
    padding-left: 10px;
    padding-top: 114px;
}

.banner-wrap .info-wrap .title {
    width: 690px;
    font-size: 48px;
    color: #fafafa;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 10px;
}

.banner-wrap .info-wrap .note {
    margin-bottom: 30px;
    width: 588px;
    font-size: 18px;
    color: #e0e0e0;
    letter-spacing: 0;
    line-height: 26px;
}

.applicationFieldwrap {
    height: 100%;
    width: 100%;
}

.applicationFieldwrap .main-wrap {
    width: 100%;
    height: 100%;
}

.applicationFiledList {
    width: 1200px;
    margin: 0 auto;
    margin-top: 54px;
    overflow: hidden;
}

.applicationFiledList li {
    position: relative;
    float: left;
    height: 270px;
    width: 384px;
    background: #d7d7d7;
    overflow: hidden;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 24px;
}

.applicationFiledList li:hover .wrap {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.applicationFiledList li .name {
    position: absolute;
    top: 21px;
    left: 41px;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.applicationFiledList li:nth-child(3n) {
    margin-right: 0;
}

.applicationFiledList li .wrap {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.applicationFiledList li .content {
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
}

.applicationFiledList li .textContent {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -240px;
    width: 100%;
    height: 240px;
    padding: 0 40px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(transparent),
        to(#000)
    );
    background-image: linear-gradient(180deg, transparent, #000);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.applicationFiledList li .textContent .textContentDetail {
    width: 100%;
    max-height: 80px;
    color: #fff;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
    margin-top: 156px;
    font-size: 13px;
}

.applicationFiledList li:hover .textContent {
    bottom: 0;
}

.bread-wrap {
    width: 1200px;
    margin: 0 auto;
    z-index: 999999;
}

.app-breadcrumb {
    margin: 0 auto;
    padding: 18px 0;
    line-height: 21px;
    font-size: 16px;
}

.app-breadcrumb .bread-item {
    display: inline-block;
}

.app-breadcrumb .bread-item a {
    text-decoration: none;
    cursor: pointer;
    color: #4c4c4c;
}

.app-breadcrumb .bread-item .no-redirect {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    line-height: 21px;
    cursor: text;
}

.app-breadcrumb .bread-item .sperator {
    margin: 0 4px;
}

.see-more {
    width: 100%;
    height: 20px;
    padding-right: 48px;
    text-align: right;
}

.see-more a {
    display: inline-block;
}

.see-more a .more-p {
    display: inline-block;
    font-size: 15px;
    color: #836b48;
    letter-spacing: 0;
    line-height: 20px;
    height: 20px;
    margin-right: 3.5px;
    vertical-align: middle;
}

.see-more a .ic-more {
    display: inline-block;
    width: 30px;
    height: 14px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAPCAYAAAAceBSiAAAAAXNSR0IArs4c6QAAAPpJREFUOBHtU90KAUEYPbNpN0kkvAZvwCN4jSVFlJSypZRNStryeG7cSFyQtSs7PltTuxuyNS7Id/PN93vmnGmAv32zAm4dZd5CNg4HJU7zq94rUHMcrGwdI95G7lWvqEkDvy/kQIbcwDnTJRoY8w7yAuiRlwouAOgSaXjoOzZWZx0m76IoakHPgsFFR8VjqAZz75497s89nCWQExQstSQmbIqN2PkR5mK58KTEkZRY44qDyN19iHmwEPds12HQow8jc1umwNQKsJhB7COWiMSywh1JOlUZFswi1k9MKjjJuCemMzWFOTPDEj/Bl5N2myjxnv/V5Cz86S03NAI7XN/Q9wIAAAAASUVORK5CYII=);
    background-position: 50%;
    background-size: cover;
}

.see-more a:focus .more-p,
.see-more a:hover .more-p {
    color: #d55600;
}

.see-more a:focus .ic-more,
.see-more a:hover .ic-more {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAPCAYAAAAceBSiAAAAAXNSR0IArs4c6QAAAQBJREFUOBFjYBgFQzkEbkUxGNxPYBAgxQ9MpCjGp/b3P4aA798YHlyLYGh+nMwghE8tTI5qloMM/M/AwP//H0PN588MD65GMLTdjGQQgVmEjaaq5TALgI7gZfjHUPnnHzAkwhm67sQyiMHkkGlGZM71SAZ7hr8MDshixLL/MzI4/P+PU+83BkaGGexsDJ0qixlewcykic9hhiPRX4AWPWUXYfiMJAZ0D5UAMI4bgEFdj2wcIyPDGyC/S4CfYarULIZvyHIgNgu6AJX474A+7REWZpgsNo3hCy4zqWs5I8N7xv8MfUw8DBM15qEGMS4HUEX8ZjiD/t00Bn6qGDbsDQEAPCE70y4GPzYAAAAASUVORK5CYII=);
}

.applicationFieldwrap .main-wrap,
.applicationFieldwrap {
    height: 100%;
    width: 100%;
}

.applicationFieldwrap .main-wrap .content-wrap {
    width: 1200px;
    margin: 20px auto 0 auto;
}

.banner-wrap {
    height: 400px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.banner-wrap img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-wrap .info-wrap {
    position: relative;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.banner-wrap .info-wrap .banner-text {
    height: 100%;
    display: table;
}

.banner-wrap .info-wrap .banner-text-center {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.banner-wrap .info-wrap .title {
    width: 690px;
    font-size: 50px;
    color: #fafafa;
    font-weight: 600;
    line-height: 68px;
    padding-bottom: 10px;
}

.banner-wrap .info-wrap .note {
    width: 690px;
    font-size: 18px;
    line-height: 26px;
    color: #e0e0e0;
}

.fieldList {
    padding-top: 32px;
}

.fieldList .fieldSummary {
    margin: 40px 0 60px 0;
}

.fieldList .fieldSummary p {
    line-height: 30px;
    text-align: center;
}

.fieldList .fieldInfoDetail {
    font-size: 14px;
}

.fieldList .fieldInfoDetail .contentWrap {
    margin-bottom: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fieldList .fieldInfoDetail .contentWrap > div {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fieldList .fieldInfoDetail .contentWrap .textContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fieldList .fieldInfoDetail .contentWrap .textContent .textContentTitle {
    font-size: 40px;
    color: #1e1e1e;
    font-weight: 700;
    margin-bottom: 24px;
}

.fieldList .fieldInfoDetail .contentWrap .textContent .textSubTitle {
    font-size: 16px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 32px;
}

.fieldList .fieldInfoDetail .contentWrap .textContent .textContentDetail {
    font-size: 16px;
    color: #626262;
    line-height: 32px;
}

.fieldList .fieldInfoDetail .contentWrap .imgContent {
    width: 510px;
    height: 300px;
    background: #aaa;
}

.fieldList .fieldInfoDetail .contentWrap .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fieldList .fieldInfoDetail .contentWrap .flex-wrap .textContentDetail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 77px;
}

.fieldList .fieldInfoDetail li:nth-child(2n) .textContent {
    padding-left: 78px;
}

.fieldList .fieldInfoDetail li:nth-child(odd) .textContent {
    padding-right: 78px;
}

.fieldList .fieldInfoDetail li:last-child .contentWrap {
    margin-bottom: 32px;
}

.caseList {
    padding-bottom: 83px;
}

.caseList1 {
    width: 1200px;
    height: 450px;
    line-height: 400px;
    text-align: center;
    font-size: 18px;
}

.caseInfoDetail {
    height: 306px;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.18);
    margin-bottom: 24px;
    cursor: pointer;
}

.caseInfoDetail.hover {
    border: 1px solid hsla(0, 0%, 59.2%, 0.85);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
}

.caseInfoDetail.hover .imgBox img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.caseInfoDetail:first-of-type {
    margin-top: 32px;
}

.caseInfoDetail > div {
    float: left;
    height: 100%;
}

.caseInfoDetail .imgBox {
    width: 448px;
    height: 100%;
    overflow: hidden;
    background: #f7f7f7;
}

.caseInfoDetail .imgBox img {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.caseInfoDetail .textContent {
    width: calc(100% - 448px);
    padding: 52px 47px 44px 40px;
    position: relative;
}

.caseInfoDetail .textContent .caseTitle {
    font-size: 32px;
    color: #353535;
    width: 664px;
    line-height: 42px;
    margin-bottom: 15px;
}

.caseInfoDetail .textContent .caseAdvantage {
    width: 664px;
    font-size: 16px;
    color: #484848;
    line-height: 25px;
    margin-bottom: 16px;
}

.caseInfoDetail .textContent .caseDetail {
    width: 664px;
    line-height: 25px;
    font-size: 14px;
    color: grey;
}

.caseInfoDetail .textContent .go-for-detail {
    position: absolute;
    right: 47px;
    bottom: 34px;
}

.enContainer .fieldList .fieldInfoDetail li:nth-child(2n) .textContent {
    padding-left: 0;
}

.enContainer .fieldList .fieldInfoDetail li:nth-child(odd) .textContent {
    padding-right: 0;
}

.enContainer
    .fieldList
    .fieldInfoDetail
    .contentWrap
    .textContent
    .textSubTitle {
    margin-bottom: 28px;
}

.enContainer .caseInfoDetail .textContent {
    padding-top: 36px;
}

.enContainer .caseInfoDetail .textContent .go-for-detail {
    bottom: 22px;
}

.case-container {
    width: 100%;
    height: 590px;
    padding-top: 50px;
    background: #f3f4f6;
}

.best-case {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.best-case .case-title-wrap {
    margin-bottom: 32px;
}

.best-case .more-title {
    display: inline-block;
    font-size: 40px;
    color: #252525;
    position: relative;
    border-bottom: 8px solid #836b48;
    line-height: 33px;
}

.best-case .more-title:before {
    left: -5px;
    border-left: 5px solid transparent;
}

.best-case .more-title:after,
.best-case .more-title:before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    width: 0;
    border-bottom: 8px solid #836b48;
}

.best-case .more-title:after {
    right: -5px;
    border-right: 5px solid transparent;
}

.best-case .base-line {
    margin-top: 7px;
    font-family: ArialMT !important;
    font-size: 18px;
    color: #8b8b8b;
    letter-spacing: 0;
}

.best-case .case-wrap {
    width: 100%;
    overflow: hidden;
    height: 280px;
    padding: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 30px;
}

.best-case .case-wrap.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.best-case .case-wrap .case-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 384px;
    height: 280px;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    background-color: #fdfdfd;
    cursor: pointer;
}

.best-case .case-wrap .case-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.best-case .case-wrap .case-item:not(:first-child) {
    margin-left: 24px;
}

.best-case .case-wrap .case-bg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 220px;
    width: 384px;
    overflow: hidden;
}

.best-case .case-wrap img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.best-case .case-wrap .case-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    padding: 16px 37px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}

.best-case .case-wrap .case-text p {
    font-size: 22px;
    color: #1f1f1f;
    letter-spacing: 0;
    text-align: center;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.demo div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.demo {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

.demo.noCursor {
    cursor: default;
}

.demo .top {
    position: relative;
    left: 24px;
    width: calc(100% - 24px);
    height: 24px;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
}

.demo .top:after {
    width: 30px;
    height: 12px;
    left: -23px;
    top: 10px;
    border: 2px solid transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.demo .top-articulate:after,
.demo .top:after {
    content: "";
    position: absolute;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
}

.demo .top-articulate:after {
    width: 24px;
    height: 24px;
    left: -24px;
    top: 0;
    border: none;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.demo .middle {
    background: #eee;
    height: calc(100% - 48px);
}

.demo .bottom,
.demo .middle {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
}

.demo .bottom {
    position: relative;
    bottom: 0;
    width: calc(100% - 24px);
    height: 24px;
}

.demo .bottom:after {
    content: "";
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 30px;
    height: 12px;
    position: absolute;
    right: -21px;
    top: 0;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.17);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.demo .content,
.demo .productImg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 2px;
    right: 0;
    padding: 0 42px;
    background-repeat: no-repeat;
}

.demo .productImg {
    bottom: -20px;
    right: -10px;
    left: -10px;
    z-index: 10;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    padding-right: 50px;
    background-size: 100% 100%;
}

.line1 {
    stroke: transparent;
}

.demo:not(.noCursor):hover .bottom,
.demo:not(.noCursor):hover .bottom:after,
.demo:not(.noCursor):hover .middle,
.demo:not(.noCursor):hover .top,
.demo:not(.noCursor):hover .top:after {
    -webkit-box-shadow: 0 0 10px #836b48;
    box-shadow: 0 0 10px #836b48;
}

.demo .name,
.demo .note {
    font-size: 28px;
    color: #404040;
    font-weight: 700;
    margin-top: 32px;
    text-align: center;
    margin-bottom: 8px;
    line-height: 32px;
}

.demo .introduction {
    line-height: 16px;
    font-size: 12px;
    color: #7f7f7f;
    text-align: center;
}

.demo svg {
    position: absolute;
    top: 0;
    left: 0;
}

.demo.special .top {
    height: 44px;
    width: calc(100% - 44px);
    left: 44px;
}

.demo.special .top:after {
    width: 60px;
    left: -48px;
    top: 20px;
}

.demo.special .middle {
    height: calc(100% - 88px);
}

.demo.special .bottom {
    height: 44px;
    width: calc(100% - 44px);
}

.demo.special .bottom:after {
    width: 60px;
    right: -48px;
    top: 12px;
}

.demo .introduction.textOverflow {
    color: #7f7f7f;
    line-height: 16px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
}

.demo.vision-page .name {
    font-size: 32px;
}

.demo.vision-page:not(.firstCard) .name {
    width: 120%;
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
}

.demo.ctu-style .name {
    padding: 0 56px 0 0;
    text-align: left;
}

.demo.ctu-style .introduction {
    padding: 0 56px 0 0;
    text-align: left;
    white-space: normal;
}

.demo.articulate-style .name {
    padding: 0 56px 0 47px;
    margin-top: 104px;
    text-align: left;
    font-size: 44px;
    margin-bottom: 20px;
    height: 58px;
    line-height: 58px;
}

.demo.articulate-style .introduction {
    padding: 0 56px 0 20px;
    text-align: left;
    white-space: normal;
    height: 21px;
    line-height: 21px;
    font-size: 16px;
}

.demo.articulateOther-style .name {
    font-size: 44px;
    margin: 30px auto 20px;
    height: 58px;
    line-height: 58px;
}

.demo.articulateOther-style .introduction {
    white-space: normal;
    height: 21px;
    line-height: 21px;
    font-size: 16px;
}

.cus-div .header-info {
    width: 100%;
    height: 58px;
    background-color: #fff;
}

.cus-div .header-info.fixed-header {
    position: fixed;
    z-index: 888;
    top: 64px;
}

.relatedProductsList .demo .introduction,
.relatedProductsList .demo .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.relatedProductsList .demo .productImg {
    background-position: 30px 100px;
    background-size: 70% auto;
    bottom: -70px;
}

.enContainer .navLeft > li {
    width: 140px;
}

.enContainer .navLeft > li:first-child {
    margin-left: 14px;
    margin-right: 8px;
}

.enContainer .navLeft > li:nth-child(2) {
    margin-left: -18px;
}

.enContainer .navLeft > li:nth-child(3) {
    margin-left: -6px;
}

.enContainer .navLeft > li:nth-child(4) {
    margin-left: -10px;
}

.machine-version-wrap .main-wrap,
.machine-version-wrap {
    height: 100%;
    width: 100%;
}

.machine-version-wrap .main-wrap .content-wrap {
    width: 1200px;
    margin: 55px auto 0 auto;
}

.vmIntroduceArea {
    margin-bottom: 141px;
}

.vmIntroduceArea .pro-background .inner-content {
    width: 100%;
    padding: 40px 0 68px 0;
}

.vmIntroduceArea .pro-structure .inner-content {
    width: 100%;
    padding: 40px 0 85px 0;
}

.vmIntroduceArea .pro-advantage .inner-content {
    width: 100%;
    padding-top: 20px;
}

.vmIntroduceArea .title-content {
    line-height: 32px;
}

.vmIntroduceArea .title {
    width: 96px;
    height: 32px;
    line-height: 32px;
    padding-left: 16px;
    font-size: 24px;
    color: #1f1f1f;
    vertical-align: middle;
}

.relatedProductsTitle {
    position: relative;
    margin-top: 141px;
    margin-bottom: 37px;
    font-size: 24px;
    color: #1f1f1f;
    letter-spacing: 0;
}

.relatedProductsTitle:after {
    content: "";
    position: absolute;
    width: 42px;
    height: 5px;
    left: 4px;
    bottom: -6px;
    background: #836b48;
}

.relatedProductsList {
    margin-bottom: 130px;
}

.relatedProductsList li {
    display: inline-block;
    width: 269px;
    height: 235px;
    margin-right: 40px;
    margin-bottom: 70px;
}

.relatedProductsList li:nth-child(4n + 4) {
    margin-right: 0;
}

.banner-wrap {
    height: 490px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.banner-wrap img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-wrap .info-wrap {
    position: relative;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.banner-wrap .info-wrap .banner-text {
    height: 100%;
    display: table;
}

.banner-wrap .info-wrap .banner-text-center {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.banner-wrap .info-wrap .title {
    width: 690px;
    font-size: 50px;
    color: #fafafa;
    font-weight: 600;
    line-height: 66px;
    padding-bottom: 30px;
}

.banner-wrap .info-wrap .note {
    width: 690px;
    font-size: 18px;
    line-height: 26px;
    color: #e0e0e0;
}

.banner-wrap {
    height: 400px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.banner-wrap img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-wrap .info-wrap {
    position: relative;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.banner-wrap .info-wrap .banner-text {
    height: 100%;
}

.banner-wrap .info-wrap .banner-text-center {
    padding-left: 10px;
    padding-top: 114px;
}

.banner-wrap .info-wrap .title {
    width: 690px;
    font-size: 48px;
    color: #fafafa;
    font-weight: 700;
    line-height: 68px;
    margin-bottom: 10px;
}

.banner-wrap .info-wrap .note {
    margin-bottom: 30px;
    width: 588px;
    font-size: 18px;
    color: #e0e0e0;
    letter-spacing: 0;
    line-height: 26px;
}

.applicationFieldwrap {
    height: 100%;
    width: 100%;
}

.applicationFieldwrap .main-wrap {
    width: 100%;
    height: 100%;
}

.applicationFiledList {
    width: 1200px;
    margin: 0 auto;
    margin-top: 54px;
    overflow: hidden;
}

.applicationFiledList li {
    position: relative;
    float: left;
    height: 270px;
    width: 384px;
    background: #d7d7d7;
    overflow: hidden;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 24px;
}

.applicationFiledList li:hover .wrap {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.applicationFiledList li .name {
    position: absolute;
    top: 21px;
    left: 41px;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.applicationFiledList li:nth-child(3n) {
    margin-right: 0;
}

.applicationFiledList li .wrap {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.applicationFiledList li .content {
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
}

.applicationFiledList li .textContent {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -240px;
    width: 100%;
    height: 240px;
    padding: 0 40px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(transparent),
        to(#000)
    );
    background-image: linear-gradient(180deg, transparent, #000);
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.applicationFiledList li .textContent .textContentDetail {
    width: 100%;
    max-height: 80px;
    color: #fff;
    -webkit-transition: bottom 0.3s;
    transition: bottom 0.3s;
    margin-top: 156px;
    font-size: 13px;
}

.applicationFiledList li:hover .textContent {
    bottom: 0;
}

.container-div .header-info {
    width: 100%;
    height: 58px;
    background-color: #fff;
}

.container-div .header-info.fixed-header {
    position: fixed;
    z-index: 888;
    top: 64px;
}

.applicationFieldwrap {
    height: 100%;
    width: 100%;
    margin-bottom: 90px;
}

.applicationFieldwrap .main-wrap {
    width: 100%;
    height: 100%;
}

.applicationFieldwrap .main-wrap .content-wrap {
    width: 1200px;
    margin: 20px auto 0 auto;
}

.banner-wrap {
    height: 400px;
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}

.banner-wrap img {
    position: absolute;
    height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner-wrap .info-wrap {
    position: relative;
    height: 100%;
    width: 1200px;
    margin: 0 auto;
}

.banner-wrap .info-wrap .banner-text {
    height: 100%;
    display: table;
}

.banner-wrap .info-wrap .banner-text-center {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.banner-wrap .info-wrap .title {
    width: 690px;
    font-size: 50px;
    color: #fafafa;
    font-weight: 600;
    line-height: 68px;
    padding-bottom: 10px;
}

.banner-wrap .info-wrap .note {
    width: 690px;
    font-size: 18px;
    line-height: 26px;
    color: #e0e0e0;
}

.fieldList {
    padding-top: 32px;
}

.fieldList .fieldSummary {
    margin: 40px 0 60px 0;
}

.fieldList .fieldSummary p {
    line-height: 30px;
    text-align: center;
}

.fieldList .fieldInfoDetail {
    font-size: 14px;
}

.fieldList .fieldInfoDetail .contentWrap {
    margin-bottom: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fieldList .fieldInfoDetail .contentWrap > div {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fieldList .fieldInfoDetail .contentWrap .textContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fieldList .fieldInfoDetail .contentWrap .textContent .textContentTitle {
    font-size: 40px;
    color: #1e1e1e;
    font-weight: 700;
    margin-bottom: 24px;
}

.fieldList .fieldInfoDetail .contentWrap .textContent .textSubTitle {
    font-size: 16px;
    color: #1e1e1e;
    font-weight: 700;
    line-height: 32px;
}

.fieldList .fieldInfoDetail .contentWrap .textContent .textContentDetail {
    font-size: 16px;
    color: #626262;
    line-height: 32px;
}

.fieldList .fieldInfoDetail .contentWrap .imgContent {
    width: 510px;
    height: 300px;
    background: #aaa;
}

.fieldList .fieldInfoDetail .contentWrap .flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.fieldList .fieldInfoDetail .contentWrap .flex-wrap .textContentDetail {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 77px;
}

.fieldList .fieldInfoDetail li:nth-child(2n) .textContent {
    padding-left: 78px;
}

.fieldList .fieldInfoDetail li:nth-child(odd) .textContent {
    padding-right: 78px;
}

.fieldList .fieldInfoDetail li:last-child .contentWrap {
    margin-bottom: 32px;
}

.caseList {
    padding-bottom: 83px;
}

.caseList1 {
    width: 1200px;
    height: 450px;
    line-height: 400px;
    text-align: center;
    font-size: 18px;
}

.caseInfoDetail {
    height: 306px;
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.18);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.18);
    margin-bottom: 24px;
    cursor: pointer;
}

.caseInfoDetail.hover {
    border: 1px solid hsla(0, 0%, 59.2%, 0.85);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
}

.caseInfoDetail.hover .imgBox img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.caseInfoDetail:first-of-type {
    margin-top: 32px;
}

.caseInfoDetail > div {
    float: left;
    height: 100%;
}

.caseInfoDetail .imgBox {
    width: 448px;
    height: 100%;
    overflow: hidden;
    background: #f7f7f7;
}

.caseInfoDetail .imgBox img {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.caseInfoDetail .textContent {
    width: calc(100% - 448px);
    padding: 52px 47px 44px 40px;
    position: relative;
}

.caseInfoDetail .textContent .caseTitle {
    font-size: 32px;
    color: #353535;
    width: 664px;
    line-height: 42px;
    margin-bottom: 15px;
}

.caseInfoDetail .textContent .caseAdvantage {
    width: 664px;
    font-size: 16px;
    color: #484848;
    line-height: 25px;
    margin-bottom: 16px;
}

.caseInfoDetail .textContent .caseDetail {
    width: 664px;
    line-height: 25px;
    font-size: 14px;
    color: grey;
}

.caseInfoDetail .textContent .go-for-detail {
    position: absolute;
    right: 47px;
    bottom: 34px;
}

.case-container {
    width: 100%;
    height: 590px;
    padding-top: 50px;
    background: #f3f4f6;
}

.best-case {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.best-case .case-title-wrap {
    margin-bottom: 32px;
}

.best-case .more-title {
    display: inline-block;
    font-size: 40px;
    color: #252525;
    position: relative;
    border-bottom: 8px solid #836b48;
    line-height: 33px;
}

.best-case .more-title:before {
    left: -5px;
    border-left: 5px solid transparent;
}

.best-case .more-title:after,
.best-case .more-title:before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: -8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    width: 0;
    border-bottom: 8px solid #836b48;
}

.best-case .more-title:after {
    right: -5px;
    border-right: 5px solid transparent;
}

.best-case .base-line {
    margin-top: 7px;
    font-family: ArialMT !important;
    font-size: 18px;
    color: #8b8b8b;
    letter-spacing: 0;
}

.best-case .case-wrap {
    width: 100%;
    overflow: hidden;
    height: 280px;
    padding: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 30px;
}

.best-case .case-wrap.is-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.best-case .case-wrap .case-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 384px;
    height: 280px;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    background-color: #fdfdfd;
    cursor: pointer;
}

.best-case .case-wrap .case-item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.best-case .case-wrap .case-item:not(:first-child) {
    margin-left: 24px;
}

.best-case .case-wrap .case-bg {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 220px;
    width: 384px;
    overflow: hidden;
}

.best-case .case-wrap img {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.best-case .case-wrap .case-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    padding: 16px 37px;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}

.best-case .case-wrap .case-text p {
    font-size: 22px;
    color: #1f1f1f;
    letter-spacing: 0;
    text-align: center;
    line-height: 29px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}