.banner {
    width: 100vw;
    background-image: url('/template/pc/ycnhz/img/about/banner.png');
    height: 31.25vw;
    background-size: 100%;
    background-repeat: no-repeat;
}

.introduction {
    display: flex;
}

.introductionLeft {
    width: 60.46vw;
    padding: 4.53vw 1.53vw 4.53vw 6vw;
    background-color: #eee;
    /* height: 50.04vw; */
    box-sizing: border-box;
}

.introTitle {
    font-size: 2.08vw;
    font-weight: bold;
    line-height: 2.19vw;
    margin-bottom: 2.92vw;
}

.introDesc {
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 1.93vw;
    color: #3E3E3E;
}

.introductionRight {
    width: 39.54vw;
    /* height: 50.04vw; */
}

.exhibitModel {
    height: 115.58vw;
    box-sizing: border-box;
    background-color: #fff;
}

.exhibit {
    padding-top: 7.4vw;
}

.video {
    padding: 3vw 0 5.1vw;
    position: relative;
}

.theoryVideo {
    padding: 4.01vw 0;
    height: 65vw;
    box-sizing: border-box;
    position: relative;
}

#player {
    position: absolute;
    width: 58.33vw;
    height: 31.77vw;
    top: 2.71vw;
    right: 2.71vw;
    object-fit: cover;
}

#player:hover {
    cursor: pointer;
}

.videobox2 {
    text-align: center;
}

#player2 {
    width: 58.33vw;
    height: 31.77vw;
    object-fit: cover;
}

#player2:hover {
    cursor: pointer;
}

.videoStyle {
    width: 58.33vw;
    height: 31.77vw;
    position: absolute;
}

.playerLine {
    border: 2px solid #ccc;
    left: 23.54vw;
    top: 18.1vw;
}

.playerBack {
    background-color: #F0F0F0;
    left: 26.25vw;
    top: 15.39vw;
}

.caseBack {
    width: 100vw;
    height: 56.25vw;
    background-image: url('/template/pc/ycnhz/img/about/about_case.png');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 5.1vw 0;
    box-sizing: border-box;
}

.caseBack .exhibitTitle {
    color: rgba(0, 0, 0, 0.1);
}

.caseBack .exhBlackTit {
    color: #0E0E0E;
}


/* 企业文化页面 company */

.companyBanner {
    width: 100vw;
    background-image: url('/template/pc/ycnhz/img/about/company.png');
    height: 31.25vw;
    background-size: 100%;
    background-repeat: no-repeat;
}

.companyCulture {
    height: 43.75vw;
    width: 100vw;
    background-image: url('/template/pc/ycnhz/img/about/companyBack.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 3.96vw 14.74vw;
    box-sizing: border-box;
}

.companyTitle {
    text-align: center;
    font-family: SourceHanSansCN-Bold;
    font-size: 2.08vw;
    line-height: 2.19vw;
    font-weight: bold;
}

.companyTitleFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.companyTitle span {
    display: inline-block;
    width: 14vw;
    height: 0.83vw;
    background-color: #C61B24;
    vertical-align: middle;
    margin-left: 1vw;
}

.cultureCtx {
    padding-top: 7.03vw;
}

.cultureCtxBox {
    width: 29.17vw;
    display: inline-grid;
    margin-bottom: 5vw;
}

.cultureCtxBox:nth-child(odd) {
    margin-right: 11.6vw;
}

.cultureCtxBox h3 {
    color: #C61B24;
    font-size: 1.88vw;
    font-weight: bold;
    margin-bottom: 1.5vw;
}

.cultureCtxBox p {
    padding: 1vw 0;
    border-top: 1px solid #000;
    font-size: 1.25vw;
    font-weight: 400;
}

.companyStyle {
    padding: 5.1vw 0 4.32vw;
}

.companyStyleCtx {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 5.16vw 12.5vw 3.65vw;
}

.styleBox {
    margin-bottom: 1.56vw;
    border: 1px solid #C0C0C0;
    position: relative;
}

.styleBox,
.styleBox img {
    width: 23.96vw;
    height: 15.63vw;
    object-fit: cover;
}

.styleBox p {
    position: absolute;
    width: 22.4vw;
    height: 3.65vw;
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 1.04vw;
    right: 0;
    color: #0E0E0E;
    font-weight: 400;
    line-height: 3.65vw;
    font-size: 1.04vw;
    padding-left: 1.61vw;
    box-sizing: border-box;
}

.styleBox:hover {
    cursor: pointer;
}

.more {
    width: 8.33vw;
    height: 2.08vw;
    line-height: 2.08vw;
    text-align: center;
    color: #C61B24;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin: auto;
    box-sizing: border-box;
}

.more:hover {
    cursor: pointer;
}


/* 制造工艺 */

.processBanner {
    width: 100vw;
    background-image: url('/template/pc/ycnhz/img/about/processBanner.png');
    height: 31.25vw;
    background-size: 100%;
    background-repeat: no-repeat;
}

.process {
    padding: 5.21vw 0;
}

.processList {
    padding: 3.5vw 8.33vw 0;
}

.processItem {
    position: relative;
    margin-bottom: 2.6vw;
    height: 29.17vw;
    width: 83.33vw;
    overflow: hidden;
}

.processVideo {
    width: 83.33vw;
    object-fit: cover;
    height: 29.17vw;
}

.processDesc {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #F2F2F2;
    width: 83.33vw;
    height: 29.17vw;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
}

.hidden {
    -webkit-transform: translateX(50vw);
    -moz-transform: translateX(50vw);
    -o-transform: translateX(50vw);
    -ms-transform: translateX(50vw);
    transform: translateX(50vw);
}

.processDesc .pdleft {
    width: 43vw;
    height: 29.17vw;
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.pdleft .div-relative {
    position: relative;
    border: 1px solid rgb(216, 197, 23), 25)0, 0, 0);
    width: 43vw;
    height: 29.17vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdleft .leftpic {
    position: absolute;
    z-index: 100;
    background: #ddd;
    width: 43vw;
    height: 29.17vw;
}

.pdleft .leftpic img {
    width: 43vw;
    height: 29.17vw;
}

.pdleft .playico {
    position: absolute;
    z-index: 101;
}

.pdleft .playico img {
    width: 6vw;
}

.processDesc .pdright {
    width: 33.3vw;
    height: 24.17vw;
    background-color: #F2F2F2;
    float: right;
    padding: 2vw 3vw;
    overflow: hidden;
}

.processDesc .pdright p {
    font-weight: bold;
    font-size: 2.06vw;
    margin: 4vw 0 2.34vw 0;
}

.processDesc .pdright span {
    font-weight: 400;
    font-size: 1.25vw;
    line-height: 2.2vw;
}

.processItem:hover {
    cursor: pointer;
}


/* 发展历程 */

.developBanner {
    width: 100vw;
    background-image: url('/template/pc/ycnhz/img/about/development.png');
    height: 31.25vw;
    background-size: 100%;
    background-repeat: no-repeat;
}

.backMain {
    background-image: url('/template/pc/ycnhz/img/about/developBack.jpg');
    background-repeat: no-repeat;
    width: 50%;
    background-size: 100%;
    margin: 0 auto;
    height: auto;
}

.backMain .list {
    min-height: 100vw;
    padding-top: 100px;
    margin: 0 50px;
}

.backMain .list .left {
    float: right;
    margin-right: 77%;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    visibility: 0;
    opacity: 0;
    width: 0;
    text-align: -webkit-right;
}

.backMain .list .right {
    margin-left: 73%;
    float: left;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    visibility: 0;
    opacity: 0;
    width: 0;
    animation-name: slideleftfast;
    -webkit-animation-name: slideleftfast;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

.backMain .list .show {
    visibility: 1;
    opacity: 1;
    width: 51%;
    height: 7.2vw;
}

.backMain .list .right .xian {
    width: 150px;
    height: 1px;
    border-bottom: 1px solid #696969;
    display: block;
    margin: 10px 0;
}

.backMain .list .left .xian {
    width: 150px;
    height: 1px;
    border-bottom: 1px solid #696969;
    display: block;
    margin: 10px 0;
}

.backMain .list .name {
    font-size: 28px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #C61B24;
}

.backMain .list .content {
    width: 20vw;
    font-size: 1.3vw;
    font-family: "微软雅黑"!important;
    font-weight: bold;
    color: #303030;
    display: block;
}

.backMain .list .attro {
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    color: #5F5F5F;
    margin: 10px 0;
    display: block;
}


/* 核心技术 */

.coreBanner {
    width: 100vw;
    background-image: url('/template/pc/ycnhz/img/about/coreBanner.png');
    height: 31.25vw;
    background-size: 100%;
    background-repeat: no-repeat;
}

.rdCenter {
    padding: 5.21vw 8.33vw;
    height: 35.83vw;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background-color: #EEEEEE;
}

.rdCenterLeft {
    flex: 2;
}

.rdCenterTitle {
    color: #3e3e3e;
    font-size: 2.08vw;
    font-weight: bold;
    line-height: 2.19vw;
    margin-bottom: 5.21vw;
    display: flex;
    align-items: flex-end;
}

.triangle {
    width: 0;
    height: 0;
    border-bottom: 3.02vw solid #C61B24;
    border-left: 2.34vw solid transparent;
    margin-bottom: 0.3vw;
    margin-left: 0.5vw;
}

.rdCenterDesc {
    display: inline-block;
    font-size: 1.04vw;
    line-height: 2.08vw;
    font-weight: 400;
}

.rdCenterDesc p {
    font-size: 1.3vw;
    line-height: 1.88vw;
    font-weight: 400;
}

.rdCenterRight {
    flex: 5;
    display: flex;
    justify-content: space-between;
    height: 25.12vw;
}

.rdMainImg {
    width: 44.17vw;
    height: 25.12vw;
    margin-left: 1.8vw;
}

.rdImgList {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 25.12vw;
}

.rdImgList li {
    height: 7.92vw;
}

.smallPic {
    width: 12.81vw;
    height: 7.92vw;
}

.smallPic:hover {
    cursor: pointer;
}

.coreNo {
    padding: 2.08vw 8.33vw 4.17vw;
    background-color: #fff;
}

.coreTitleIcon {
    width: 7.71vw;
    height: 7.71vw;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}

.no1 {
    background-image: url('/template/pc/ycnhz/img/about/no1.png');
}

.no2 {
    background-image: url('/template/pc/ycnhz/img/about/no2.png');
}

.no3 {
    background-image: url('/template/pc/ycnhz/img/about/no3.png');
}

.coreNum {
    width: 78px;
    /* height: 55px; */
    font-size: 3vw;
    font-family: Arial Hebrew;
    font-weight: 600;
    /* font-style: italic; */
    color: #3E3E3E;
    /* line-height: 30px; */
    position: absolute;
    left: 0;
    top: 2vw;
}

.coreTitle {
    position: relative;
    height: 7.71vw;
    position: relative;
    padding: 3.2vw 5vw;
    box-sizing: border-box;
}

.coreTitle h3 {
    font-size: 1.88vw;
    line-height: 2.19vw;
    z-index: 10;
    position: absolute;
    font-weight: bold;
    top: 3vw;
    /* left: 6.2vw; */
}

.coreTitle p {
    color: #C61B24;
    font-weight: bold;
    font-size: 1.46vw;
    z-index: 10;
    position: absolute;
    top: 6vw;
    left: 0;
}

.coreTitleBack {
    font-size: 9.38vw;
    line-height: 9.38vw;
    color: #F2F2F2;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 5.8vw;
    font-family: Source Han Sans CN;
}

.coreNo3 .coreTitleBack {
    color: rgba(0, 0, 0, 0.1);
}

.coreNo1Page1 {
    display: flex;
    align-items: center;
}

.coreVideo {
    object-fit: cover;
    width: 50.89vw;
    height: 33.33vw;
}

.coreVideo:hover {
    cursor: pointer;
}

.coreNo1Page1Desc {
    width: 32.45vw;
    height: 41.67vw;
    box-shadow: 0px 19px 57px 0px rgba(6, 0, 1, 0.3);
    background-color: #fff;
    padding: 3.13vw;
    box-sizing: border-box;
}

.coreNo1Page1Desc img {
    width: 26.41vw;
    height: 16.25vw;
    margin-bottom: 2.34vw;
}

.coreNo1Page1Desc p {
    font-size: 1.1vw;
    line-height: 1.88vw;
}

.coreNo1Page2 {
    height: 41.67vw;
    width: 100vw;
    padding: 8.33vw;
    box-sizing: border-box;

  background-color:#dbe2f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page2Desc,
.page2Desc p {
    font-size: 1.1vw;
    line-height: 1.88vw;
    width: 31.61vw;
}

.page2ImgList {
    width: 52.08vw;
    flex-grow: 1;
    position: relative;
    height: 100%;
}

.page2ImgList div {
    position: absolute;
    width: 25vw;
    height: 16.98vw;
    top: 50%;
    transform: translateY(-50%);
    transition: all 1s;
}

.page2ImgList div:hover {
    cursor: pointer;
}

.page2ImgList img,
.mask {
    width: 25vw;
    height: 16.98vw;
}

.mask {
    position: absolute;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.5);
}

.picActive,
.picActive img {
    transform: scale(1.2);
    z-index: 10;
    transition: all 1s;
}

.picActive .mask {
    display: none;
}

.picActive.page2Pic1 {
    left: 5vw !important;
}

.picActive.page2pic2 {
    right: 2vw !important;
}

.page2Pic1 {
    left: 3vw;
}

.page2pic2 {
    right: 0;
}

.coreNo1page3 {
    height: 41.67vw;
    background-color:#c4e6c8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no1Page3Pic {
    height: 29.74vw;
}

.coreNo1page3 p,
.coreNo1page4 p {
    color: #3E3E3E;
    font-size: 1.46vw;
    font-weight: bold;
    line-height: 3.13vw;
    text-align: center;
}

.coreNo1page4 {
    height: 56.25vw;
    box-sizing: border-box;
    background-color: #eee;
    padding: 5.21vw 8.33vw;
}

.coreNo2Desc {
    margin: 2.4vw 0;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 2.08vw;
}

.coreNo2Img {
    display: flex;
    justify-content: space-between;
}

.coreNo2Video {
    width: 40.63vw;
    height: 26.56vw;
}

.coreNo2Video:hover {
    cursor: pointer;
}

.coreNo3 {
    background-image: url('/template/pc/ycnhz/img/about/coreNo3.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    height: 56.25vw;
    box-sizing: border-box;
}

.developCtx {
    min-height: 20vw;
    padding: 5vw 0;
}

.caseCtx {
    position: relative;
    height: 36vw;
}

.caseCtx ul {
    display: flex;
    justify-content: center;
}

.caseCtx ul li {
    width: 10.94vw;
    height: 10.94vw;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 2.08vw
}

#partner2,
#partner3,
#partner4,
#partner5 {
    margin-top: -4.42vw;
}

.caseBack {}<!--0.00025701522827148-->