/*初始化*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #fff;
    color: #555;
    font-size: 14px;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}

td, th, caption {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

a {
    /*color: #555;*/
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
}

img {
    border: none;
}

ol, ul, li {
    list-style: none;
}

input, textarea, select, button {
    font: 14px Verdana, Helvetica, Arial, sans-serif;
}

input, textarea, select, button:focus {
    outline: none;
}

table {
    border-collapse: collapse;
}

html {
    overflow-y: scroll;
}

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

.clear {
    *zoom: 1;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.img-circle {
    border-radius: 50%;
}

@font-face {
    font-family: 'PingFang-Bold';
    src: url('http://storge.yehenj.com/font/PingFang-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PingFang-Light';
    src: url('http://storge.yehenj.com/font/PingFang-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PingFang-Medium';
    src: url('http://storge.yehenj.com/font/PingFang-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PingFang-Regular';
    src: url('http://storge.yehenj.com/font/PingFang-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 头部 */
header {
    position: sticky;
    top: 0;
    width: 100%;
    height: 104px;
    z-index: 10;
    background: #544071;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
}

.header-wrap {
    width: 1260px;
    height: 104px;
    margin: 0 auto;
    padding: 0 57px 0 77px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(to right, #544071 0%, #7f699e 15%, #544071 40%, #544071 100%);
}

.header-wrap img {
    display: block;
    width: 155px;
}

.header-wrap .header-text {
    padding: 36px 0 24px 0;
    color: #fff;
}

.header-wrap .header-text h2 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    font-family: "PingFang-Bold";
}

.header-wrap .header-text h3 {
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    font-family: "PingFang-Regular";
}

.header-wrap .header-text h3 span {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

.header-wrap .header-text h3 span::after {
    content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    right: -10px;
    top: 1px;
}

.header-wrap .header-text h3 span:last-child {
    margin-right: 0;
}

.header-wrap .header-text h3 span:last-child::after {
    content: '';
    width: 0px;
    height: 0px;
}

/* 底部 */
footer {
    width: 100%;
    height: 362px;
    background: url(http://storge.yehenj.com/image/footer.png) no-repeat;
    background-size: cover;
    background-position: center;
}

.footer-wrap {
    width: 1260px;
    height: 362px;
    margin: 0 auto;
    padding-left: 200px;
}

.footer-wrap .footer-top {
    width: 100%;
    height: 64px;
    display: flex;
    padding-right: 14px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #7f6f94;
}

.footer-wrap .footer-top .logo {
    height: 64px;
    display: flex;
    align-items: center;
}

.footer-wrap .footer-top .logo img {
    display: block;
    width: 78px;
}

.footer-wrap .footer-top .app {
    width: 78px;
    display: flex;
    justify-content: space-between;
}

.footer-wrap .footer-top .app img {
    display: block;
    width: 22px;
    margin-top: 28px;
}

.footer-content {
    padding: 32px 16px 0 55px;
    display: flex;
    margin-bottom: 45px;
    justify-content: space-between;
}

.footer-content .about-us {
    width: 126px;
}

.footer-content .case {
    width: 140px;
}

.footer-content .contact-us {
    width: 126px;
}

.footer-content .contact {
    padding-left: 37px;
}

.public-footer-item {
    text-align: center;
    position: relative;
}

.public-footer-item::before {
    content: '';
    width: 1px;
    height: 170px;
    background: #7f6f94;
    position: absolute;
    right: 0;
    top: 0;
}

.public-footer-item h2, .footer-content .contact h2 {
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Bold";
    margin-bottom: 28px;
    color: #fff;
}

.public-footer-item a {
    font-size: 14px;
    font-family: "PingFang-Regular";
    line-height: 14px;
    display: block;
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 24px;
    cursor: pointer;
}

.public-footer-item a:last-child {
    margin-bottom: 0;
}

.footer-content .contact p {
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Regular";
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 10px;
}

.footer-content .qrcode {
    padding-top: 16px;
    margin-left: auto;
}

.footer-content .qrcode img {
    display: block;
    width: 112px;
    margin-bottom: 6px;
}

.footer-content .qrcode p {
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: rgba(255, 255, 255, 0.7);
}

.footer-wrap .footer-text {
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Regular";
    color: rgba(255, 255, 255, 0.7);
}

.footer-wrap .footer-text a{
    color: rgba(255, 255, 255, 0.7);
}

/* 左侧导航 */
aside {
    width: 190px;
    background: #363a43;
}

.aside-wrap {
    width: 190px;
    background: #363a43;
    position: sticky;
    top: 104px;
    padding: 123px 0px;
}

.aside-item {
    width: 100%;
    text-align: center;
    color: #fff;
    border-bottom: 2px solid #9a9da2;
    padding: 16px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 15px;
    line-height: 15px;
    font-family: "PingFang-Regular";
    cursor: pointer;
}

.aside-item p:first-child {
    margin-bottom: 5px;
}

.aside-item.active p {
    color: #b9abc9;
}

.aside-item .item a p {
    color: #FFFFFF;
}

.aside-item.active .menu-list {
    display: block;
}

.aside-item.active .menu-list .menu-item a {
    color: #373b68;
}

.aside-item.active .menu-list .menu-item.active a {
    color: #FFFFFF;
}

.menu-list {
    width: 100px;
    position: relative;
    margin: 15px auto 0;
    display: none;
}

/*.menu-list::before {*/
/*    content: '';*/
/*    width: 100px;*/
/*    height: 0.5px;*/
/*    background: #373b68;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 50%;*/
/*}*/

.menu-item {
    width: 100px;
    height: 20px;
    background: #919aa9;
    text-align: center;
    cursor: pointer;
    line-height: 20px;
    font-size: 13px;
    font-family: "PingFang-Regular";
    color: #373b68;
}

.no-cursor {
    cursor: default;
}

.menu-item.active {
    color: #fff;
    background: #555d67;
}

.menu-item:hover {
    color: #fff;
    background: #555d67;
}

.aside-list {
    padding: 0 42px;
}

.aside-list .aside-item:last-child {
    border-bottom: none;
}

.aside-wrap .contact {
    margin-top: 194px;
}

.aside-wrap .contact-icon {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

.aside-wrap .contact-icon img {
    width: 30px;
}

.aside-wrap .contact .mobile {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 16px;
    font-family: "PingFang-Bold";
    text-align: center;
}

.aside-wrap .contact .qrcode {
    width: 125px;
    height: 125px;
    margin: 30px auto 0;
}

.aside-wrap .contact .qrcode img {
    width: 125px;
}

/* 轮播图 */
.swiper-pagination-bullet {
    background: #fff;
    width: 18px;
    height: 18px;
}

.swiper-pagination-bullet-active {
    position: relative;
    width: 92px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.4);
}

.swiper-pagination-bullet-active:after {
    animation-name: progressbar;
    animation-duration: 8s;
    animation-timing-function: linear;
    height: inherit;
    position: absolute;
    background-color: #ffff;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 9px;
    content: "";
    opacity: 1;
    width: 92px
}

@keyframes progressbar {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

.index {
    width: 100%;
    min-width: 1260px;
}

/* 中间部分 */
.content {
    width: 1260px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.content-wrap {
    width: 1064px;
}

/* 首页 */
.home-wrap .content-wrap .banner {
    width: 1064px;
    height: 450px;
    margin-bottom: 5.5px;
}

.home-wrap .content-wrap .banne .swiper {
    width: 1064px;
    height: 450px;
}

.home-wrap .swiper-slide img {
    width: 1064px;
    height: 450px;
}

.home-wrap .content-wrap .theme {
    width: 1064px;
    height: 389px;
    margin-bottom: 5.5px;
    background: url(http://storge.yehenj.com/image/theme-bg.png) no-repeat;
    background-size: 1064px auto;
    padding: 45px 235px 34px 207px;
}

.home-wrap .content-wrap .theme .title {
    width: 605px;
    height: 60px;
    margin: 0 auto 24px;
}

.home-wrap .content-wrap .theme .title img {
    width: 605px;
}

.home-wrap .content-wrap .theme .line {
    width: 50px;
    height: 3px;
    background: #C5D1E1;
    margin: 0 auto 40px;
}

.home-wrap .content-wrap .theme p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    font-family: "PingFang-Regular";
    line-height: 22px;
    margin-bottom: 31px;
}

.home-wrap .content-wrap .theme button {
    width: 105px;
    height: 27px;
    border: none;
    box-shadow: none;
    background: url(http://storge.yehenj.com/image/button.png) no-repeat;
    background-size: 105px 27px;
    font-size: 13px;
    font-family: "PingFang-Regular";
    color: #333333;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.home-wrap .content-wrap .case {
    width: 1064px;
    height: 292px;
    margin-bottom: 5.5px;
    display: flex;
    justify-content: space-between;
}

.home-wrap .content-wrap .case > div {
    width: 529px;
    height: 292px;
    overflow: hidden;
    position: relative;
}

.home-wrap .content-wrap .case > div .bg {
    width: 529px;
    height: 292px;
    cursor: pointer;
    transition: 0.5s;
}

.home-wrap .content-wrap .case > div .bg:hover {
    transform: scale(1.1);
}

.home-wrap .content-wrap .case > div .info {
    width: 388px;
    height: 60px;
    background: url(http://storge.yehenj.com/image/case-button.png) no-repeat;
    background-size: 388px 60px;
    position: absolute;
    left: 14px;
    bottom: 0;
    padding: 0 82px 0 64px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.home-wrap .content-wrap .case > div .info h2 {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: "PingFang-Regular";
    line-height: 14px;
    height: 30px;
    display: flex;
    align-items: center;
}

.home-wrap .content-wrap .case > div .info .detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 28px;
}

.home-wrap .content-wrap .case > div .info .detail .english {
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-family: "PingFang-Regular";
    line-height: 14px;
}

.home-wrap .content-wrap .case > div .info .detail .more {
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-family: "PingFang-Regular";
    line-height: 12px;
    cursor: pointer;
}

.home-wrap .application {
    width: 1064px;
    height: 565px;
    background: #242237;
    padding: 40px 55px;
}

.home-wrap .application h1 {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 14px;
    color: #fff;
    font-family: "PingFang-Medium";
}

.home-wrap .application h3 {
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    line-height: 18px;
    text-align: center;
    margin-bottom: 26px;
    position: relative;
    font-family: "PingFang-Light";
}

.home-wrap .application h3::before {
    content: '';
    width: 290px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
    position: absolute;
    left: 85px;
    top: 8.5px;
}

.home-wrap .application h3::after {
    content: '';
    width: 290px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 85px;
    top: 8.5px;
}

.home-wrap .application .button-wrap {
    text-align: center;
    margin-bottom: 25px;
}

.home-wrap .application .button-wrap button {
    width: 195px;
    height: 38px;
    border: none;
    box-shadow: none;
    font-size: 18px;
    cursor: pointer;
    font-family: "PingFang-Regular";
}

.home-wrap .application .button-wrap button.active {
    background: url(http://storge.yehenj.com/image/application1.png) no-repeat;
    background-size: 195px 38px;
    color: #333333;
}

.home-wrap .application .button-wrap button:last-child {
    position: relative;
    left: -10px;
}

.home-wrap .application .button-wrap button.normal {
    background: url(http://storge.yehenj.com/image/application2.png) no-repeat;
    background-size: 195px 38px;
    color: rgba(255, 255, 255, 0.9);
}

.home-wrap .application .button-wrap button:hover {
    background: url(http://storge.yehenj.com/image/application1.png) no-repeat;
    background-size: 195px 38px;
    color: #333333;
}

.home-wrap .application-list {
    display: grid;
    grid-template-columns: repeat(3, 33.3%);
}

.home-wrap .application-item {
    height: 144px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    padding: 20px 0;
}

.home-wrap .application-list a:not(:last-child) .application-item:hover {
    background-color: #323348;
}

.home-wrap .application-list > a {
    display: block;
}

.home-wrap .application-list > a:nth-child(3n + 0) .application-item {
    border-right: none;
}

.home-wrap .application-list > a:nth-child(1) .application-item, .home-wrap .application-list > a:nth-child(2) .application-item, .home-wrap .application-list > a:nth-child(3) .application-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.home-wrap .application-item img {
    width: 61px;
    height: 62px;
    display: block;
    margin: 0 auto 19px;
}

.home-wrap .application-item p {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    font-family: "PingFang-Regular";
    color: rgba(255, 255, 255, 0.9);
}

.home-wrap .application-item button {
    cursor: pointer;
    width: 105px;
    height: 27px;
    border: none;
    box-shadow: none;
    background: url(http://storge.yehenj.com/image/button.png) no-repeat;
    background-size: 105px 27px;
    font-size: 13px;
    font-family: "PingFang-Regular";
    color: #333333;
    display: block;
    margin: 65px auto 0;
}

/* 关于我们 */
.about-us-wrap .content-wrap {
    width: 1064px;
    background: #000114;
}

.about-us-wrap .banner {
    width: 1064px;
    height: 506px;
    /*background: url(http://storge.yehenj.com/image/about-us-bg.png) no-repeat;*/
    /*background-size: 1064px 506px;*/
    padding: 176px 153px 150px;
    text-align: right;
}

.about-us-wrap .banner h2 {
    font-size: 45px;
    text-align: right;
    font-family: "PingFang-Bold";
    color: #fff;
    line-height: 45px;
    margin-bottom: 8px;
}

.about-us-wrap .banner h5 {
    font-size: 19px;
    text-align: right;
    font-family: "PingFang-Medium";
    color: #fff;
    line-height: 19px;
    margin-bottom: 20px;
}

.about-us-wrap .banner h3 {
    font-size: 30px;
    text-align: right;
    font-family: "PingFang-Bold";
    color: #fff;
    line-height: 30px;
    margin-bottom: 31px;
}

.about-us-wrap .banner h3 span {
    font-family: "Courier New";
}

.about-us-wrap .banner button {
    cursor: pointer;
    width: 105px;
    height: 27px;
    border: none;
    box-shadow: none;
    background: url(http://storge.yehenj.com/image/button.png) no-repeat;
    background-size: 105px 27px;
    font-size: 13px;
    font-family: "PingFang-Regular";
    color: #333333;
}

.about-us-wrap .public-content {
    width: 1064px;
    overflow: hidden;
}

.about-us-wrap .line-content {
    background: #000114;
}

.about-us-wrap .line-content .line {
    width: 914px;
    height: 1px;
    background: transparent;
    border-top: 0.4px solid rgba(255, 255, 255, 0.4);
    margin: 17px auto 0;
}

.about-us-wrap .public-content h1 {
    color: #fff;
    width: 914px;
    font-size: 22px;
    font-family: "PingFang-Bold";
    margin-left: 75px;
    display: flex;
    align-items: center;
}

.about-us-wrap .public-content h1 img {
    width: 40px;
    display: block;
    margin-right: 10px;
}

.about-us-wrap .about, .about-us-wrap .partners, .about-us-wrap .qualifications, .about-us-wrap .service {
    position: relative;
    top: -50px;
}

.about-us-wrap .about h1 {
    margin-bottom: 17px;
}

.about-us-wrap .public-content-wrap {
    padding: 41px 75px 50px;
    background: #000114;
}

.about-us-wrap .about-content p {
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    font-family: "PingFang-Regular";
}

.about-us-wrap .partners-content img {
    width: 914px;
}

.about-us-wrap .qualifications-content .swiper {
    width: 914px;
    height: 326px;
}

.about-us-wrap .swiper-slide img {
    width: 914px;
    height: 326px;
}

.about-us-wrap .service-content {
    padding: 0 75px;
    background: #000114;
}

.about-us-wrap .service-content img {
    width: 914px;
}

/* 案例列表 */
.case-list-wrap .banner {
    overflow: hidden;
    width: 1064px;
    height: 400px;
    /*background: url(http://storge.yehenj.com/image/case-banner.png) no-repeat;*/
    background-size: 1064px auto;
    padding: 0 0 0 65px;
}

.case-list-wrap .banner h2 {
    margin: 135px 0 5px 660px;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-family: "PingFang-Bold";
}

.case-list-wrap .banner h4 {
    margin: 0px 0 170px 660px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Regular";
}

.case-list-wrap .crumb, .case-list-wrap .crumb a {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Bold";
}

.case-list-wrap .case-list {
    width: 1064px;
    padding: 40px 0 45px 0;
}

.case-list-wrap .case-list h1 {
    color: #333333;
    font-size: 30px;
    line-height: 30px;
    font-family: "PingFang-Medium";
    margin-bottom: 15px;
    text-align: center;
}

.case-list-wrap .case-list h3 {
    font-size: 18px;
    color: rgba(0, 0, 0, 0.8);
    line-height: 18px;
    text-align: center;
    margin-bottom: 46px;
    position: relative;
    font-family: "PingFang-Light";
}

.case-list-wrap .case-list h3::before {
    content: '';
    width: 290px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    position: absolute;
    left: 115px;
    top: 8.5px;
}

.case-list-wrap .case-list h3::after {
    content: '';
    width: 290px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    right: 115px;
    top: 8.5px;
}

.case-list-wrap .case-tab {
    display: grid;
    grid-template-columns: repeat(3, 200px);
    grid-gap: 54px;
    justify-content: center;
    margin-bottom: 25px;
}

.case-list-wrap .case-tab > div {
    width: 170px;
    height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.case-list-wrap .case-tab-item-img {
    width: 72px;
    height: 72px;
}

.case-list-wrap .case-tab-item-text {
    font-size: 20px;
    font-family: "PingFang-Regular";
    color: #373B43;
}

.case-list-wrap .case-tab > div:hover .case-tab-item-text, .case-list-wrap .case-tab .active .case-tab-item-text {
    color: #4B6CAC;
}

.case-list-wrap .case-tab-item-img.szgc {
    background: url(http://storge.yehenj.com/image/szgc.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab > div:hover .szgc, .case-list-wrap .case-tab .active .szgc {
    background: url(http://storge.yehenj.com/image/szgc-active.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab-item-img.lsgy {
    background: url(http://storge.yehenj.com/image/lsgy.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab > div:hover .lsgy, .case-list-wrap .case-tab .active .lsgy {
    background: url(http://storge.yehenj.com/image/lsgy-active.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab-item-img.yqgl {
    background: url(http://storge.yehenj.com/image/yqgl.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab > div:hover .yqgl, .case-list-wrap .case-tab .active .yqgl {
    background: url(http://storge.yehenj.com/image/yqgl-active.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab-item-img.gwsx {
    background: url(http://storge.yehenj.com/image/gwsx.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab > div:hover .gwsx, .case-list-wrap .case-tab .active .gwsx {
    background: url(http://storge.yehenj.com/image/gwsx-active.png) no-repeat;
    background-size: 72px;
}


.case-list-wrap .case-tab-item-img.gylc {
    background: url(http://storge.yehenj.com/image/gylc.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab > div:hover .gylc, .case-list-wrap .case-tab .active .gylc {
    background: url(http://storge.yehenj.com/image/gylc-active.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab-item-img.sbyl {
    background: url(http://storge.yehenj.com/image/sbyl.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab > div:hover .sbyl, .case-list-wrap .case-tab .active .sbyl {
    background: url(http://storge.yehenj.com/image/sbyl-active.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab-item-img.zplc {
    background: url(http://storge.yehenj.com/image/zplc.png) no-repeat;
    background-size: 72px;
}

.case-list-wrap .case-tab > div:hover .zplc, .case-list-wrap .case-tab .active .zplc {
    background: url(http://storge.yehenj.com/image/zplc-active.png) no-repeat;
    background-size: 72px;
}


.case-list-wrap .case {
    padding-left: 47px;
}

.case-list-wrap .case-item {
    width: 1010px;
    height: 300px;
    cursor: pointer;
    padding: 30px 15px 30px 20px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.case-list-wrap .case-item:hover {
    box-shadow: 4px 4px 5px 3px #d4d4d4;
}

.case-list-wrap .case-item .case-content {
    width: 508px;
    overflow: hidden;
}

.case-list-wrap .case-item .case-content h1 {
    color: #333;
    font-size: 20px;
    line-height: 20px;
    font-family: "PingFang-Medium";
    text-align: left;
}

.case-list-wrap .case-item .case-content .line {
    width: 100%;
    height: 0.5px;
    background: #cacaca;
    margin: 18px 0;
}

.case-list-wrap .case-item .case-content .environment {
    margin-bottom: 12px;
}

.case-list-wrap .case-item .case-content em {
    color: #333333;
    font-size: 17px;
    line-height: 17px;
    font-family: "PingFang-Medium";
}

.case-list-wrap .case-item .case-content span {
    color: #333333;
    font-size: 15px;
    line-height: 17px;
    font-family: "PingFang-Regular";
}

.case-list-wrap .case-item .case-content .color-line {
    width: 50px;
    height: 3px;
    background: #4B6CAC;
    margin: 25px 0;
}

.case-list-wrap .case-item .case-content p {
    color: #333333;
    font-size: 15px;
    line-height: 25px;
    font-family: "PingFang-Regular";
}

.case-list-wrap .case-item img {
    display: block;
    width: 422px;
    height: 246px;
}

.case-list-wrap .case ul {
    text-align: center;
}

.case-list-wrap .case ul li {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #cbdbf1;
    border-radius: 50%;
    margin-right: 12px;
    cursor: pointer;
}

.case-list-wrap .case ul li.active, .case-list-wrap .case ul li:hover {
    background: #4a6cac;
}

.case-list-wrap .case ul li:last-child {
    margin-right: 0;
}

/* 案例详情 */
.case-detail-wrap .banner {
    overflow: hidden;
    width: 1064px;
    height: 400px;
    /*background: url(http://storge.yehenj.com/image/case-banner.png) no-repeat;*/
    background-size: 1064px auto;
    padding: 0 0 0 65px;
}

.case-detail-wrap .banner h2 {
    margin: 135px 0 5px 660px;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-family: "PingFang-Bold";
}

.case-detail-wrap .banner h4 {
    margin: 0px 0 170px 660px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Regular";
}

.case-detail-wrap .crumb, .case-detail-wrap .crumb a {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Bold";
}

.case-detail-wrap .case-detail {
    width: 1064px;
    padding: 60px 76px 54px;
}

.case-detail-wrap .case-detail h1.title {
    color: #333;
    font-size: 22px;
    line-height: 22px;
    font-family: "PingFang-Medium";
    text-align: left;
    margin-bottom: 18px;
}

.case-detail-wrap .case-detail .date {
    color: #333;
    font-size: 14px;
    line-height: 42px;
    font-family: "PingFang-Medium";
    text-align: left;
}

.case-detail-wrap .line {
    width: 100%;
    height: 0.5px;
    background: #cacaca;
}

.case-detail-wrap .case-detail .introduce {
    padding: 15px 0 20px;
}

.case-detail-wrap .case-detail .environment, .case-detail-wrap .case-detail .demand {
    margin-top: 12px;
    margin-bottom: 12px;
}

.case-detail-wrap .case-detail .environment, .case-detail-wrap .case-detail .function {
    margin-bottom: 12px;
}

.case-detail-wrap .case-detail em {
    color: #333333;
    font-size: 17px;
    line-height: 17px;
    font-family: "PingFang-Medium";
}

.case-detail-wrap .case-detail span {
    color: #333333;
    font-size: 15px;
    line-height: 17px;
    font-family: "PingFang-Regular";
}

.case-detail-wrap .case-detail .case-detail-content {
    padding: 37px 0 57px;
    line-height: 2;
}

.case-detail-wrap .case-tab {
    display: grid;
    grid-template-columns: repeat(3, 180px);
    grid-gap: 35px;
    justify-content: center;
}

.case-detail-wrap .case-tab > div {
    width: 120px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.case-detail-wrap .case-tab-item-img {
    width: 50px;
    height: 50px;
}

.case-detail-wrap .case-tab-item-text {
    font-size: 14px;
    font-family: "PingFang-Regular";
    color: #373B43;
}

.case-detail-wrap .case-tab > div:hover .case-tab-item-text, .case-detail-wrap .case-tab .active .case-tab-item-text {
    color: #4B6CAC;
}

.case-detail-wrap .case-tab-item-img.szgc {
    background: url(http://storge.yehenj.com/image/szgc.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab > div:hover .szgc, .case-detail-wrap .case-tab .active .szgc {
    background: url(http://storge.yehenj.com/image/szgc-active.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab-item-img.lsgy {
    background: url(http://storge.yehenj.com/image/lsgy.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab > div:hover .lsgy, .case-detail-wrap .case-tab .active .lsgy {
    background: url(http://storge.yehenj.com/image/lsgy-active.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab-item-img.yqgl {
    background: url(http://storge.yehenj.com/image/yqgl.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab > div:hover .yqgl, .case-detail-wrap .case-tab .active .yqgl {
    background: url(http://storge.yehenj.com/image/yqgl-active.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab-item-img.gwsx {
    background: url(http://storge.yehenj.com/image/gwsx.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab > div:hover .gwsx, .case-detail-wrap .case-tab .active .gwsx {
    background: url(http://storge.yehenj.com/image/gwsx-active.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab-item-img.gylc {
    background: url(http://storge.yehenj.com/image/gylc.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab > div:hover .gylc, .case-detail-wrap .case-tab .active .gylc {
    background: url(http://storge.yehenj.com/image/gylc-active.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab-item-img.sbyl {
    background: url(http://storge.yehenj.com/image/sbyl.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab > div:hover .sbyl, .case-detail-wrap .case-tab .active .sbyl {
    background: url(http://storge.yehenj.com/image/sbyl-active.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab-item-img.zplc {
    background: url(http://storge.yehenj.com/image/zplc.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .case-tab > div:hover .zplc, .case-detail-wrap .case-tab .active .zplc {
    background: url(http://storge.yehenj.com/image/zplc-active.png) no-repeat;
    background-size: 50px;
}

.case-detail-wrap .next-pre {
    width: 1064px;
    padding: 0 76px;
}

.case-detail-wrap .next-pre .next-pre-wrap {
    height: 47px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #1a1a1a;
    font-size: 15px;
    font-family: "PingFang-Regular";
}

.next-pre-wrap .pre, .next-pre-wrap .next {
    cursor: pointer;
}

.next-pre-wrap a {
    color: #1a1a1a;
}

/* 签约动态 */
.signing-wrap .banner {
    overflow: hidden;
    width: 1064px;
    height: 400px;
    background: url(http://storge.yehenj.com/image/signing-banner.jpg) no-repeat;
    background-size: 1064px auto;
    padding: 0 0 0 65px;
}

.signing-wrap .banner.sign {
    background: url(http://storge.yehenj.com/image/signing-banner.jpg) no-repeat;
}

.signing-wrap .banner.news {
    background: url(http://storge.yehenj.com/image/news-banner.jpg) no-repeat;
}

.signing-wrap .banner h2 {
    margin: 135px 0 5px 720px;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-family: "PingFang-Bold";
}

.signing-wrap .banner h4 {
    margin: 0px 0 175px 720px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Regular";
}

.signing-wrap .crumb, .signing-wrap .crumb a {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Bold";
}

.signing-wrap .signing-content {
    width: 1064px;
    padding: 76px 72px 46px;
}

.signing-wrap .signing-paper {
    text-align: center;
    margin-bottom: 30px;
}

.signing-wrap .signing-paper a {
    color: #636289;
}

.signing-wrap .signing-list {
    display: grid;
    grid-template-columns: repeat(3, 298px);
    grid-gap: 12px;
}

.signing-wrap .signing-item {
    width: 298px;
    height: 380px;
    background: #636289;
}

.signing-wrap .signing-img, .signing-img img {
    width: 298px;
    height: 180px;
}

.signing-wrap .signing-text {
    padding: 25px 18px;
}

.signing-wrap .signing-text a.signing-text-title {
    font-family: "PingFang-Regular";
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    line-height: 25px;
}

.signing-wrap .signing-text img {
    display: block;
    width: 30px;
    margin: 20px 0 20px;
}

.signing-wrap .signing-text a.signing-text-content {
    font-family: "PingFang-Regular";
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 20px;
}

/* 技术应用 */
.application-wrap .banner {
    overflow: hidden;
    width: 1064px;
    height: 400px;
    background: url(http://storge.yehenj.com/image/application-banner.jpg) no-repeat;
    background-size: 1064px auto;
    padding: 0 0 0 65px;
}

.application-wrap .banner h2 {
    margin: 135px 0 5px 10px;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-family: "PingFang-Bold";
}

.application-wrap .banner h4 {
    margin: 0px 0 170px 10px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Regular";
}

.application-wrap .crumb, .application-wrap .crumb a {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Bold";
}

.application-wrap .tab-menu {
    width: 1064px;
    height: 150px;
    padding: 48px 60px 30px;
    background: #242435;
}

.application-wrap .tab-list {
    display: flex;
}

.application-wrap .tab-list .tab-item {
    width: 195px;
    height: 38px;
    border: none;
    box-shadow: none;
    font-size: 17px;
    cursor: pointer;
    font-family: "PingFang-Regular";
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.application-wrap .tab-list .tab-item.active {
    background: url(http://storge.yehenj.com/image/application1.png) no-repeat;
    background-size: 195px 38px;
}

.application-wrap .tab-list .tab-item.active span {
    color: #171f33;
}

.application-wrap .tab-list .tab-item:last-child {
    left: -10px;
}

.application-wrap .tab-list .tab-item.normal {
    background: url(http://storge.yehenj.com/image/application2.png) no-repeat;
    background-size: 195px 38px;
}

.application-wrap .tab-list .tab-item.normal span {
    color: rgba(255, 255, 255, 0.9);
}

.application-wrap .tab-list .tab-item .down {
    width: 20px;
    height: 20px;
}

.application-wrap .tab-list .tab-item.active .down {
    background: url(http://storge.yehenj.com/image/down.svg) no-repeat;
    background-size: 20px 20px;
}

.application-wrap .tab-list .tab-item.normal .down {
    background: url(http://storge.yehenj.com/image/down-white.svg) no-repeat;
    background-size: 20px 20px;
}

.application-wrap .tab-list .tab-item.active .tab-menu-list {
    display: block;
    left: 17px;
    bottom: -45px;
}

.application-wrap .tab-list .tab-item .tab-menu-list {
    height: 45px;
    line-height: 45px;
    position: absolute;
    display: none;
}

.application-wrap .tab-list .tab-item .szrspt-hover {
    width: 986px;
}

.application-wrap .tab-list .tab-item .gyswksh-hover {
    width: 800px;
}

.application-wrap .tab-list .tab-item .tab-menu-list a {
    color: #66658f;
    padding-right: 5px;
    font-size: 16px;
    font-family: "PingFang-Regular";
}

.application-wrap .tab-list .tab-item .tab-menu-list a:hover {
    color: #fff;
}

.application-wrap .tab-list .tab-item .tab-menu-list a.active {
    color: #fff;
}

.application-wrap .application-digital-manager {
    width: 1064px;
    padding: 0 55px 125px;
    background: #242435;
}

.application-wrap .application-digital-manager h1 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-family: "PingFang-Medium";
    line-height: 30px;
    margin-bottom: 30px;
}

.applocation-digital-item {
    margin-bottom: 30px;
}

.applocation-digital-item h3 {
    font-size: 22px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    line-height: 22px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    font-family: "PingFang-Light";
}

.applocation-digital-item h3::before {
    content: '';
    width: 176px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
    position: absolute;
    left: 230px;
    top: 10.5px;
}

.applocation-digital-item h3::after {
    content: '';
    width: 176px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 230px;
    top: 10.5px;
}

.applocation-digital-item img {
    display: block;
    width: 100%;
}

.applocation-digital-item img.inner-shadow {
    box-shadow: inset 30px 0 30px -30px rgba(255, 255, 255, 0.7), inset -100px 0 100px -100px rgba(255, 255, 255, 0.7), 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.applocation-digital-item img.outer-shadow {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

.application-wrap .applocation-case {
    width: 100%;
    height: 356px;
    background: url(http://storge.yehenj.com/image/case_wrap.png) no-repeat;
    background-size: 100% auto;
    padding: 24px 12px;
    display: flex;
}

.application-wrap .applocation-case .img-wrap {
    width: 471px;
    height: 280px;
    background: url(http://storge.yehenj.com/upload/2022-5/20220116192515361536.jpg) no-repeat;
    background-size: cover;
    border-radius: 8px 0 0 8px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    margin-right: 35px;
}

.application-wrap .applocation-case .img-wrap .cover {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid #6b7480;
    border-top: 160px solid transparent;
    border-bottom: 160px solid #6b7480;
}

.application-wrap .applocation-case .case-content {
    width: 362px;
}

.application-wrap .applocation-case .case-content h1 {
    color: #fff;
    font-size: 20px;
    font-family: "PingFang-Medium";
    line-height: 20px;
    margin: 19px 0 29px;
    text-align: left;
}

.application-wrap .applocation-case .case-content .line {
    width: 50px;
    height: 3px;
    background: #fff;
}

.application-wrap .applocation-case .case-content p {
    height: 130px;
    margin: 28px 0;
    font-size: 15px;
    color: #fff;
    font-family: "PingFang-Regular";
    line-height: 22px;
    overflow: hidden;
}

.application-wrap .applocation-case .case-content .more {
    text-align: right;
}

.application-wrap .applocation-case .case-content .more button {
    cursor: pointer;
    width: 105px;
    height: 27px;
    border: none;
    box-shadow: none;
    background: url(http://storge.yehenj.com/image/button.png) no-repeat;
    background-size: 105px 27px;
    font-size: 13px;
    font-family: "PingFang-Regular";
    color: #373b43;
}

.applocation-industrial-advantage {
    width: 1064px;
    padding: 0 80px 30px;
    background: #242435;
}

.applocation-industrial-advantage h1 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-family: "PingFang-Medium";
    line-height: 30px;
    margin-bottom: 60px;
}

.applocation-industrial-advantage .advantage-list {
    display: flex;
}

.applocation-industrial-advantage .advantage-list .advantage-item {
    width: 180px;
    height: 330px;
    cursor: pointer;
}

.applocation-industrial-advantage .advantage-list .advantage-item-1 {
    background: url('http://storge.yehenj.com/image/advantage-1.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-1:hover {
    background: url('http://storge.yehenj.com/image/advantage-1-active.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-2 {
    background: url('http://storge.yehenj.com/image/advantage-2-active.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-2:hover {
    background: url('http://storge.yehenj.com/image/advantage-2.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-3 {
    background: url('http://storge.yehenj.com/image/advantage-3.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-3:hover {
    background: url('http://storge.yehenj.com/image/advantage-3-active.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-4 {
    background: url('http://storge.yehenj.com/image/advantage-4-active.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-4:hover {
    background: url('http://storge.yehenj.com/image/advantage-4.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-5 {
    background: url('http://storge.yehenj.com/image/advantage-5.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-advantage .advantage-list .advantage-item-5:hover {
    background: url('http://storge.yehenj.com/image/advantage-5-active.jpg') no-repeat;
    background-size: cover;
}

.applocation-industrial-offer {
    width: 1064px;
    padding: 0 55px 70px;
    background: #242435;
}

.applocation-industrial-offer h1 {
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-family: "PingFang-Medium";
    line-height: 30px;
    margin-bottom: 30px;
}

.applocation-industrial-offer-item {
    margin-bottom: 45px;
}

.applocation-industrial-offer-item h3 {
    font-size: 22px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.9);
    line-height: 22px;
    text-align: center;
    margin-bottom: 45px;
    position: relative;
    font-family: "PingFang-Light";
}

.applocation-industrial-offer-item h3::before {
    content: '';
    width: 380px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 100%);
    position: absolute;
    left: 25px;
    top: 10.5px;
}

.applocation-industrial-offer-item h3::after {
    content: '';
    width: 380px;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: 25px;
    top: 10.5px;
}

.applocation-industrial-offer-item .scene-coefficient {
    display: block;
    width: 652px;
    margin: 0 auto;
}

.applocation-industrial-offer-item .price-composition {
    display: block;
    width: 737px;
    margin: 0 auto;
}

.applocation-industrial-offer-item .industrial {
    display: block;
    width: 904px;
    margin: 0 auto;
}

.applocation-industrial-offer-item.applocation-industrial-offer-case {
    margin-bottom: 0;
}

/* 联系亿和 */
.contact-us-wrap .banner {
    overflow: hidden;
    width: 1064px;
    height: 400px;
    background: url(http://storge.yehenj.com/image/contact-us-banner.jpg) no-repeat;
    background-size: 1064px auto;
    padding: 0 0 0 65px;
}

.contact-us-wrap .banner h2 {
    margin: 135px 0 5px 660px;
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    font-family: "PingFang-Bold";
}

.contact-us-wrap .banner h4 {
    margin: 0px 0 170px 660px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Regular";
}

.contact-us-wrap .crumb, .contact-us-wrap .crumb a {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-family: "PingFang-Bold";
}

.contact-us-wrap .concact-info-content {
    overflow: hidden;
    width: 1064px;
    padding: 45px 30px 9px;
    display: grid;
    grid-template-columns: repeat(3, 330px);
    grid-gap: 8px;
}

.contact-us-wrap .concact-info-content .concact-info-item {
    width: 330px;
    text-align: center;
}

.contact-us-wrap .concact-info-item img {
    width: 48px;
    margin-bottom: 14px;
}

.contact-us-wrap .concact-info-item h2 {
    margin-bottom: 18px;
    font-size: 22px;
    font-family: "PingFang-Bold";
    color: #373B43;
    line-height: 22px;
}

.contact-us-wrap .concact-info-item .info {
    width: 330px;
    height: 149px;
    background: rgb(239, 239, 239);
    padding: 18px 0;
}

.contact-us-wrap .concact-info-item .info .info-item {
    margin-bottom: 14px;
}

.contact-us-wrap .concact-info-item .info .info-item h3 {
    margin-bottom: 12px;
    font-size: 18px;
    font-family: "PingFang-Bold";
    color: #333;
    line-height: 18px;
}

.contact-us-wrap .concact-info-item .info .info-item p {
    font-size: 15px;
    font-family: "PingFang-Regular";
    color: #333;
    line-height: 15px;
}

.contact-us-wrap .concact-us-case {
    width: 1064px;
    height: 286px;
    padding: 0 30px;
}

.contact-us-wrap .concact-us-case img {
    width: 1004px;
    height: 100%;
}

.contact-us-wrap .concact-us-bottom {
    width: 1064px;
    height: 468px;
    padding: 9px 30px;
}

.contact-us-wrap .concact-us-bottom img {
    width: 1004px;
    height: 100%;
}