.onlineMall{ background: #018E64; color: #fff; padding:4px 18px; border-radius:28px; } .onlineMall a,.onlineMall a i{ color: #fff; } .jzTopBg{ background: url(../image/crjz-about-honor-bg.jpg) no-repeat center top / 100% auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: none; } .desc{ font-size:16px; line-height: 2; } .indexBusiness_in{ margin-top: 40px; } .indexBusiness_in .item{ width: calc(33.33% - 20px); background-color: rgba(255,255,255,0.9); padding:64px 60px 64px 40px; height: auto; } .indexBusiness_in .item .iconPic i{ font-size:40px; line-height: 1; } .indexBusiness_in .item .iconPic{ width: 40px; height: 40px; margin:0 auto;} .indexBusiness_in .item .bType{ margin-top: 24px; line-height: 1; font-weight: bold; text-align: center; } .indexBusiness_in .item ul{ flex-wrap: wrap; } .indexBusiness_in .item ul li{ width: 50%; margin-top: 14px;} .indexBusiness_in .item ul li a{ font-size:16px; color: #666; } .indexBusiness_in .item .outMore{ text-align: right;} .indexBusiness_in .item:hover{ background: linear-gradient(270deg, #0D7E7B 0%, #138B88 50%, #21A7A3 100%); } .indexBusiness_in .item:hover a,.indexBusiness_in .item:hover .bType,.indexBusiness_in .item:hover .iconPic i{ color: #fff; } .indexBusiness_in .item:hover a .more{ color:#018E64; background-color: #fff; } .indexBusiness_in .item:hover a .more span{color:#018E64;} .indexMenuList .list:first-child{ width: 32.204%; } .indexMenuList .list:nth-child(2){flex: 1; padding-left: 20px; flex-wrap: wrap; flex-direction: column;} .indexMenuList .list .item{ width: 100%; } .indexMenuList .list:first-child .imgsFix{ padding-bottom: 157.89%; } .indexMenuList .list .item .imgsFix{ padding-bottom: 38.4615%; } .indexMenuList .list .item .item_list .imgsFix{ padding-bottom: 73.6842%; } .indexMenuList .list .item .item_list{ width: calc(50% - 10px); } .indexMenuList .list .imgsFix_in{ background-color: rgba(0,0,0,0.2); } .indexMenuList .list a{ display: block; width: 100%; height: 100%; padding:70px 40px 10px; } .indexMenuList .list .imgsFix_in:hover{ background-color: rgba(0,0,0,0.6); } .indexMenuList .list a .desc{ margin-top: 20px; } .indexMenuList .list a .title{ line-height: 1; } .sharePrice i{ font-size:32px; background-color: red; color: #fff; padding:0px; margin-right: 20px; vertical-align: text-bottom; } .sharePrice i.green{ background-color: green; display: none; } .sharePrice .price{ font-size: 64px; font-weight: lighter; } .variation{ padding-left: 20px; margin-top: 10px; } .variation span{ padding-left: 36px; } .indexMenuList .list .time{ margin-top: 40px; text-align: right; } .indexMenuList .list .time i{ margin-right: 5px; } .teamTab_in{ border: 1px solid #E8E8E8; } .teamTab_in a{ padding:14px 10px; display: inline-block; min-width: 240px; text-align: center; border-right: 1px solid #e8e8e8; } .teamTab_in a.active{ background: #018E64; color: #fff; } .teamTab_in a:last-child{ border-right: none; } .TeamLisst{ padding-top: 40px; } .TeamLisst .team{ border: 1px solid #E8E8E8; padding:40px; margin-top: 20px; } .TeamLisst .team .position{ color: #9E9E9E; padding-left: 16px; } .TeamLisst .team .txt{ padding-top: 20px; } .TeamLisst .team .nameBox:after{ content: ""; width: 4px; height: 18px; position: absolute; left: -40px; top: 10px; background: #F99C34; } .jzHistory{ padding:80px 0 120px; } .jzHistory::before{ content: ""; position: absolute; top: 108px; left: 0; border-top: 1px dashed #E8E8E8; height: 1px; width: 100%; } .rrBtn {z-index: 10; width: 56px; height: 56px; overflow: hidden; text-align: center; background: #F99C34; border-radius: 100%; } .rrBtn.swiper-button-disabled{ background-color: #fff; opacity: 0.8; } .rrBtn i{ font-size:54px; line-height: 1; display: block; } .rrBtn.swiper-button-disabled i{ color:#F99C34 } .rrleftBtn { left: 0; } .rrrightBtn { right: 0;} .jzHistory_in .rrBtn{ top: 23px; } .jzHistory_in .gallery-thumbs{ width: calc(100% - 100px); margin:0 auto; } .jzHistory_in .gallery-thumbs .swiper-slide{ padding:50px 30px 0; } .jzHistory_in .gallery-thumbs .swiper-slide::before{ content: ""; position: absolute; border-radius: 100%; left: calc(50% - 6px); width: 12px; top: 22px; height: 12px; background: #99D0C2; } .jzHistory_in .gallery-thumbs .swiper-slide .time{ color: #99D0C2; line-height: 28px; } .jzHistory_in .gallery-thumbs .swiper-slide .title{ color: #99D0C2; line-height: 1.6; padding-top: 16px; } .jzHistory_in .gallery-thumbs .swiper-slide-thumb-active .time{ font-size:32px; color: #fff; } .jzHistory_in .gallery-thumbs .swiper-slide-thumb-active .title{ color: #fff; } .jzHistory_in .gallery-thumbs .swiper-slide-thumb-active::before{ width: 16px; height: 16px; background-color: #fff; left: calc(50% - 8px); top: 20px; } /* .jzHistory_in .gallery-thumbs .swiper-wrapper{ overflow: hidden; } */ .jzHistory_in .gallery-top{ margin-top: 80px; padding-bottom: 20px; } .jzHistory .gallery-top .imgs{ width: 35.5932%; display: none; } .jzHistory .gallery-top .imgs .imgsFix{ padding-bottom: 73.9655%; } .yb24813 .jzHistory .gallery-top .imgs .imgsFix{ padding-bottom: 65.9523%; } /* .jzHistory .gallery-top .imgs .fullImg{ background-color: #f2f2f2; } .jzHistory .gallery-top .imgs .imgsFix::after{ content: ''; position: absolute; width: 100%; height: 100%; background: #4EA498; top: 10px; left: 10px; z-index: -1; } */ .yb24813 .jzHistory .gallery-top .imgs .fullImg{ background-color: #f2f2f2; } .yb24813 .jzHistory .gallery-top .imgs .imgsFix::after{ content: ''; position: absolute; width: 100%; height: 100%; background: #4EA498; top: 10px; left: 10px; z-index: -1; } .historyRBox{ flex: 1; padding:0 50px;} .historyRBox .topBox{ padding-bottom: 20px; box-shadow: inset 0px -1px 0px 0px #A5C8BE; } .historyRBox .topBox .htxt{ padding-top: 16px; } .historyRBox .topBox .title{ line-height: 1; } .historyRBox .historyRBox_in .txt{ padding-top: 20px; } .jzHonorBox{ padding-top: 100px; } .jzHonor{ width: 1020px; margin:0 auto; padding-top: 20px; } .jzHonor::before{ content: ""; height: 100%; width: 1px; z-index: 0; background: #D8D8D8; position: absolute; left: 42px; top: 0; } .jzHonor .list{ padding-bottom: 80px; z-index: 1; position: relative; } .jzHonor .list .year{ font-size:40px; line-height: 1; } .jzHonor .list .item{ margin-top: 40px; padding-left: 80px; } /* .jzHonor .list .item .desc{ padding-top: 20px; } */ .jzHonor .list .item .title{ line-height: 1; } .jzHonor .list .item .title::before{ content: ""; position: absolute; width: 12px; height: 12px; background-color: #ccc; border-radius: 100%; left: -43px; top: 2px; } .jzContactUs{ padding:80px 0; } .jzContactUs .imgs{ width: 49.1525%; } .jzContactUs .imgs .imgsFix{ padding-bottom: 68.9655%; } .jzContactUs .txt{ flex: 1; display: block; padding-left: 9%; display: flex; flex-direction: column; justify-content: center; } .jzContactUs .txt .descBox{ font-size:16px; padding:20px 0 20px; text-align: left; } .jzContactUs .txt ul li{ padding-top: 20px; } .jzContactUs .txt ul li span{ font-weight: bold; } /* 涓氬姟棰嗗煙 */ .jzBusinessBox_in .topTxt .desc{ margin: 40px 0 0; padding-bottom: 40px; } .jzBusinessBox_in .list{ margin-top: 40px; } .jzBusinessBox_in .list:nth-child(2n){ flex-direction: row-reverse; } .jzBusinessBox_in .list .imgs{ width: 50%; } .jzBusinessBox_in .list .imgs .imgsFix{ padding-bottom: 67.7966%; } .jzBusinessBox_in .list .rightBox{ flex: 1; padding:5.423752% 3.3898% 1%; } .jzBusinessBox_in .rightBox .desc{ padding-top: 20px; } .jzBusinessBox_in .rightBox ul{ padding-top: 6%; overflow: hidden; } .jzBusinessBox_in .rightBox li{ float: left; margin-top: 10px; margin-right: 6%;} .jzBusinessBox_in .rightBox li a{ color: #fff; } .jzBusinessBox_in .rightBox .outMore{ margin-top: 8%; } .jzBusinessBox_in .rightBox .indexItem .more{ background-color: #fff; margin: 0; } /* 浜у搧涓庢湇鍔 */ .jzTopNav{ width: 100%; height: 60px; background: #FBFBFB; } .jzTopNav a{ line-height: 60px; margin:0 32px; position: relative; font-weight: bold; } .jzTopNav a:after{ content: ""; position: absolute; width: 100%; height: 4px; background: #018E64; left: 0; bottom: 0; opacity: 0; } .jzTopNav a.active:after,.jzTopNav a.active{ color: #018E64; opacity: 1; } .jzProductTap{ box-shadow: inset 0px -1px 0px 0px #E8E8E8; margin-top: 46px; } .jzProductTap a{ padding:10px 40px 46px; display: block; } .jzProductTap .swiper-slide{ width: auto; } .jzProductTap a::before{ content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: 100%; opacity: 0; background: #018E64; border-radius: 2px 2px 0px 0px; } .jzProductTap a .imgs{width: 64px; height: 64px; overflow: hidden; margin:0 auto 16px;} .jzProductTap a .imgs img{ width: 100%; } .jzProductTap a .sel,.jzProductTap a:hover .nor,.jzProductTap a.active .nor{ display: none; } .jzProductTap a:hover .sel,.jzProductTap a.active .sel{ display: block; } .jzProductTap a.active::before,.jzProductTap a:hover::before{ opacity: 1; } .jzProductTap a.active .sType,.jzProductTap a:hover .sType{ color: #018E64; } .jzProducts{ padding-top: 40px; padding-bottom: 120px; } .jzProducts .jzProducts_in{ flex-wrap: wrap; } .jzProducts .item{ width: 33.3333%; padding:20px 10px;} .jzProducts .item a{ display: block; } .jzProducts .item a .imgs{width: 100%; } .jzProducts .item a .imgs .imgsFix{ padding-bottom: 66.5789%; background: linear-gradient(360deg, #F8F8F8 0%, #E5E5E5 100%); } .jzProducts .item a .imgs img,.jzProductDt .ybaBg img{ max-width: 80%; max-height: 80%; } .jzProducts .item .pBox{ padding:10%; } .jzProducts .item a .title{ line-height: 1.4; height: 56px; } .jzProducts .item a:hover .pBox{ background: #018E64; } .jzProducts .item a:hover .title{ color: #fff; } .jsMore{ color: #fff; overflow: hidden; width: 32px; height: 24px; background: #018E64; border-radius: 16px; line-height: 24px; } .jsMore span{ display: none; } .jsMore:hover{ width: 120px; } .jsMore:hover span,.jsMore:hover i{ display: inline-block; } .jzProducts .item a:hover .jsMore{ background-color: #fff; color: #018E64; } .jzProductDt{ padding-bottom: 80px; margin-bottom: 40px; box-shadow: inset 0px -1px 0px 0px #F2F2F2; } .jzProductDt .imgsFix{ padding-bottom: 66.551724%; } .jzProductDt .jzProductTxt .imgsFix{ padding-bottom: 60%; } .jzProductDt .imgsFix .swiper-slide{ background: linear-gradient(360deg, #F8F8F8 0%, #E5E5E5 100%); } .jzProductDt .imgs{ width: 49.1525423%; } .jzProductDt .imgs .swiper-container{ width: 100%; height: 100%; } .jzProductDt .jzProductTxt{ padding: 3.389% 0 0 6.77966%; flex: 1; overflow: hidden; } .jzProductTxt .title{ line-height: 1.4; } .jzProductTxt .desc{ margin-top: 40px; height: 86%; } .jzProductTxt .jzPdf{ padding-top: 13%; } .jzProductTxt .jzPdf a{ color: #0062B1; display: inline-block; } .jzProductTxt .jzPdf a .icon{ padding-right: 12px; font-size:20px; } .jzProductDtCon .tTitle{ padding-bottom: 40px; } .jzProductDt .swiper-pagination-bullet{ width: 12px; height: 12px; color: #ccc; } .jzProductDt .swiper-pagination-bullet-active{ background: #018E64; } /* 鍒涙柊涓庢湇鍔 */ .innovate .title{ line-height: 1;} .innovateIte1{ padding-bottom: 80px; } .innovate .desc{ padding-top: 40px; } .innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide{ padding:0 10px; } .innovateIte2 .jzHistory{ padding:88px 0 80px; } .innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide .time{ color: #666; } .innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide .title{ color: #333; } .innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide::before{ top: 40px; background: #999; } .innovateIte2 .jzHistory::before{ top: 133px; } .jzHistory_in .gallery-thumbs .swiper-slide .title{ padding-top: 20px; } .cxgyfBox .gallery-thumbs .swiper-slide .title{ padding-top: 44px; } .innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide-thumb-active::before{ background: #018E64; } .innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide-thumb-active .time,.innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide-thumb-active .title{ color: #018E64; } .innovateIte2 .jzHistory_in .gallery-thumbs .swiper-slide-thumb-active .time { transform: translateY(-2px); } .innovateIte2 .jzHistory .gallery-top .imgs .imgsFix::after{ display: none; } .innovateIte2 .jzHistory .gallery-top .imgs{ width: 49.1525%; display: block; } .innovateIte2 .historyRBox{ padding: 0 0 0 40px; } .innovateIte2 .historyRBox .title{ color: #018E64; line-height: 1.5; padding:34px 0 0px; } .innovateIte2 .historyRBox_in{ display: flex; flex-direction: column; height: 100%; } .innovateIte2 .historyRBox .txt{ color: #666; flex: 1; overflow: hidden; } .innovateIte2 .historyRBox .txt .imgsFix{ padding-bottom: 60%; } .innovateIte2 .historyRBox .txt .ybSingle{ height: 100%; overflow: hidden; padding-top: 20px; height: 100%; width: 100%; } .innovateIte2 .jzHistory_in .rrBtn{ top: 39px; } .innovateIte2 .rrBtn i{ color: #fff; } .innovateIte2 .rrBtn.swiper-button-disabled i{ color: #F99C34; } .innovate .ybSingle{ padding-top: 40px; } .innovateIte4 .imgs,.innovateIte4 .rightBox{ width: 50%; } .innovateIte4 .imgs .imgsFix{ padding-bottom: 58.33%; } .innovateIte4 .imgs .swiper-container{ width: 100%; height: 100%; } .innovateIte4 .rightBox .rightBox_in{ width: 590px; padding-left:80px; } .innovateIte4 .swiper-pagination-bullet{ background: none; width: 12px; height: 12px; border:2px solid #fff; } .innovateIte4 .swiper-pagination-bullet-active{ background: #018E64; } .innovateIte4 .swiper-pagination{ text-align: right; padding-right: 50px; } .innovateIte5,.yf_rdResult{ background: url(../image/crjz-business-development-achievement-bg.jpg) no-repeat center top / 100% auto; } .yf_yfImportant{ background: #F2F8F8;} /* 寮€鏀捐棰 */ .OpenSubject{ margin-top: 78px; border-radius: 8px; } .OpenSubject::before{ content: ""; position: absolute;top: 10px; left: -10px; border:1px solid #E8E8E8; border-radius: 8px; width: 100%; height: 100%; z-index: 0; } .OpenSubject_in{ padding:80px 50px 80px 30px; z-index: 1; border-radius: 8px;border:1px solid #E8E8E8; background-color: #fff; height: 100%; width: 100%; } .OpenSubject_in .openSubjectBg{ right: -32px; top: -78px; width: 400px; } .OpenSubject_in .openSubjectBg img{ width: 100%;} .OpenSubject_in .topText{ width: calc(100% - 300px); } .OpenSubject_in .topText i{ font-size:40px; color: #FEE3AE; } .OpenSubject_in .ybSingle{ padding-top: 40px; } /* 浜烘墠鐞嗗康 */ .talentsTop{ padding-bottom: 120px; } .talentsTop .desc{ flex: 1; padding-right: 10%; } .talentsTop .imgs{ width: 22.88%; } .talentsTop .imgs img{ width: 100%; } .talentsList{background: #F2F8F8; } .talentsList_in .item,.talentsList_in .pyItem{ width: calc(33.33% - 13px); margin-right: 20px; } .talentsList_in .item:nth-child(3n),.talentsList_in .pyItem:nth-child(3n){ margin:0; } .talentsList_in .item_in{ background: rgba(0,0,0,0.4); padding:40px; height: 100%; flex-direction: column; width: 100%; } .talentsList_in .item_in .title{ position: relative; padding-bottom: 20px; } .talentsList_in .item_in .title:after{content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 20px; height: 4px; background: #FFFFFF; } .talentsList_in .item_in .txt{ padding-top: 40px; opacity: 1; height: 0; overflow: hidden; } .talentsList_in .item_in:hover{ background: rgba(1,142,100,0.9); } .talentsList_in .item_in:hover .txt{ opacity: 1; height: calc(100% - 80px); } .talentsList_in .pyItem{ padding:19px;border: 1px solid #E8E8E8; } .talentsList_in .pyItem_in{ width: 100%; } .talentsList_in .pyItem_in .imgsFix{ padding-bottom: 52.94117% ; } .talentsList_in .pyItem_in .pyTitle{ padding-top: 40px; line-height: 1.4;} .talentsList_in .pyItem_in ul{ padding:20px 0; flex-wrap: wrap; } .talentsList_in .pyItem_in ul li{ width: 50%; line-height: 1.4; margin-top: 10px; color: #ccc; } .talentsList_in .pyItem_in ul li:nth-child(2n){ text-align: right; } .fourEchelons .fourEchelonsTitle{ top: 100px; z-index: 10; left: 50%; transform: translateX(-50%); } .talentDevelopment { flex-wrap: wrap; margin-top: -20px; } .talentDevelopment .tdItem{ width: calc(33.333% - 14px); margin-right: 20px; margin-top: 20px; border: 1px solid #E8E8E8; padding:60px 40px; } .talentDevelopment .tdItem:nth-child(3n){ margin-right: 0; } .talentDevelopment .tdItem .imgs{ width: 120px; height: 120px; margin:0 auto; } .talentDevelopment .tdItem .tdTitle{ margin:20px 0 16px; } .talentsList .ybToptitle { padding-bottom: 40px; line-height: 1; font-weight: bold; } .talentsList .desc{ padding-bottom: 60px; } /* 鑲$エ淇℃伅 */ .jzStockName span{ color: #333; padding-right: 10px; } .stockTime{ padding-top: 20px; align-items: center; } .stockDt{margin-top: 80px; } .stockDt .stockDtLeft{ width: 270px; flex-direction: column; } .stockDt .stockRight{ flex: 1;} .stockDt .list{ color: #666; margin-top: -34px; } .stockDt .list span{ color: #333; font-weight: bold; } .stockDt .list .item{ margin-top: 34px; text-align: left; } .stockDt .list .item b{ width: 160px; font-weight: inherit; float: left; text-align: left; } .stockDt .list .item b i{ font-style: initial; } .timeinfo i{ color: #F99C34; font-size:18px; padding-right: 5px; } .stockpercentum{ padding-top: 40px; } .stockPrice span{ padding-right: 5px; line-height: 1; } .stockpercentum i{ color: #fff; font-size:28px; margin-right: 10px; } .stockpercentum .red{ background-color: red; } .stockpercentum .green{ background-color: green; } .stockpercentum span{ padding-left: 10px; vertical-align: text-bottom; } .stockpercentum span.r { color: red; } .stockpercentum span.g { color: green; } .jzPubNews .newsConterner .item .imgs{ width: 40%; height: auto; } .jzPubNews .newsConterner .item .imgs .imgs_in { padding-bottom: 66.6666%; } .jzPubNews .newsConterner .item .imgs .imgs_in a{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; } .jzPubNews .newsConterner .item .imgs .imgs_in a img{ display: none; } .jzPubNews .newsConterner .item .imgs .fullImg{ width: 100%; height: 100%; } .jzPubNews .newsConterner .item .txtBox .title{ font-size:24px; } .jzPubNews .newsConterner .item .txtBox{ background: #FFFFFF; border-radius: 0px 8px 8px 0px; border: 1px solid #E8E8E8; flex: 1; } .jzPubNews .newsConterner .item .txtBox a{ display: block; width: 100%; height: 100%; padding: 40px; transition: all ease-in-out 0.4s; } .jzPubNews .newsConterner .item .txtBox .time{ color: #138B88; font-weight: bold; } .njz-tzz{ padding-top: 64px; } .esgNoticeBox .list{ flex-wrap: wrap; margin-top: -60px; } .esgNoticeBox .list .item{ width: 25%; padding: 20px 16px; margin-top: 60px; } .esgNoticeBox .list .item a{ display: block; } .esgNoticeBox .list .item a:hover{ transform: translateY(-10px); } .esgNoticeBox .list .item a .imgsFix{ padding-bottom: 133.0769%; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2); } .esgNoticeBox .list .item a .title{ padding-top: 32px; } .njz-xf-form .njz-xf-formm-main input.yzm-ipt{ display: inline-block; vertical-align:top; } .yzm-img{ height: 56px; display: inline-block; } .companyGovern{ overflow: hidden; margin-top: -20px; flex-wrap: wrap; } .companyGovern .item{ width: calc((100% - 20px) / 2); margin-top: 20px; } .companyGovern .item .imgs{ width: 120px; height: 160px; overflow: hidden;box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2); } .companyGovern .item .imgs img{ width: 100%; height: 100%; } .companyGovern .item a{ padding:40px 20px 40px 60px; border: 1px solid #E8E8E8; } .companyGovern .item a:hover{ background: #018E64; } .companyGovern .item a .rBox{ flex: 1; padding-left: 40px; flex-direction: column; overflow: hidden; } .companyGovern .item a .rBox i{ line-height: 1; border: 1px solid #018E64; width: 48px; border-radius: 100%; } .companyGovern .item a:hover .rBox *{ color: #fff; border-color: #fff; } .companyGovern .item a .title{ padding-top: 20px; line-height: 1.4; } /* 鍏徃绠€浠 */ .hrjzjj .jjVideo{ width: 100%; overflow: hidden; } .hrjzjj .jjVideo .jjList{ width: 50%; } .hrjzjj .jjVideo .rightBox{ padding-left: 10px; } .hrjzjj .jjVideo .leftBox{ padding-right: 60px; } .hrjzjj .jjVideo .rightBox .imgs{ width: 100%; } .hrjzjj .jjVideo .rightBox .imgsFix{ padding-bottom: 56.21%; } .hrjzjj .jjVideo .rightBox .imgsFix .coverImg{ width: 100%; } .hrjzjj .jjVideo .rightBox .imgs .ybaBg{ width: 100%; height: 100%; } .hrjzjj .jjVideo .rightBox .imgs .btn{ position: absolute; left: 50%; top: 50%; width: 64px; margin-left: -32px; margin-top: -32px; } .hrjzjj .jjVideo .leftBox .txtBox{ width: 490px;} .hrjzjj .jjVideo .leftBox .txtBox .imgsFix{ padding-bottom: 108.979%; } .hrjzjj .jjVideo .leftBox .txtBox .txt{ width: 100%; height: 100%; } .jjBrand .descBox{ padding-bottom: 40px; } .jjBrandSw{ border-bottom: 1px solid #f2f2f2; } .jjBrandSw .item{ border-right: 1px solid #f2f2f2; padding:64px 32px; height: auto; } .jjBrandSw .item .title{ padding-bottom: 20px; } .jzygBox{padding:170px 0;} .jzygBox_in{ width: 100%; } .jzygBox_in .title{ padding-bottom: 20px; } .jzygBox_in .more{ margin-top: 40px; background: #fff; } .jzygBox_in .more i,.jzygBox_in .more span{ color: #018E64; } .jzygBox_in .more i{ font-weight: bold; } .jzygBox_in .txtBox{ max-width: 680px; } /*姹熶腑浼佷笟鏂囧寲*/ .cultureContainer{ padding-top: 40px; background: url(../image/crjz-about-culture-bg.jpg) no-repeat top center / 100% auto; } .cultureContainer .cTitle{ padding-top: 80px; padding-bottom: 20px; line-height: 1; } .cultureContainer .list{ margin-top: 20px; background: #FFFFFF; border: 1px solid #E8E8E8; padding:40px; } .cultureContainer .clist1 .imgs{ width: 28%; margin-right: 8%; } .cultureContainer .imgs img{ width: 100%; } .cultureContainer .clist1 ul{ flex-wrap: wrap; flex: 1;} .cultureContainer .clist1 ul li{ width: 50%; margin-bottom: 20px; } .cultureContainer .clist1 .item{ box-shadow: inset 0px 1px 0px 0px #F2F2F2; padding-top: 40px; margin-bottom: 40px; } .cultureContainer .clist1 .item:last-child{ margin:0 } .cultureContainer .clist1 .item:first-child{ padding: 0; } .cultureContainer .clist1 .item:first-child{ box-shadow: none; } .cultureContainer .c6t{ font-weight: bold; color: #666; } .cultureContainer .tt{ color: #666; } .cultureContainer .c6t{ padding-bottom: 20px; } .cultureContainer .c3t{ padding-bottom: 16px;display: flex; align-items: center; } .cultureContainer .c3t img{ width: 16px; margin-right:10px; } .cultureContainer .tt p{ padding-bottom: 16px;} .cultureContainer .tt p:last-child{ padding:0; } .cultureContainer .dft{ color:#018E64; padding-bottom: 16px; font-weight: bold;} .cultureContainer .dft span{ padding-right: 12px; } .cultureContainer .ys6 .imgs{ width: 192px; } .cultureContainer .ys6 .rBox{ flex: 1; padding-left: 40px; } .cultureContainer .dfReverse.ys6 .rBox{ padding:0 40px 0 0; } .cultureContainer .ys6 .rBox span{ font-weight: bold; } .cultureContainer .ys6List{ flex-wrap: wrap; margin-top: -40px; } .cultureContainer .ys6List .ys6item{ width: 50%; padding-right: 70px; border-right: 1px solid #f2f2f2; margin-top: 40px;; } .cultureContainer .ys6List .ys6item:nth-child(2n){ padding:0 0 0 70px; border:none; } .cultureContainer .clist7 .imgs_in{ display: none; } .cultureContainer .clist7 .ys6List{ padding-top: 20px; } .cultureContainer .clist7 .p40{ padding-top: 40px; } .cultureContainer .clist8 .imgs{width: 140px; } .cultureContainer .clist8 .ys6 .rBox{ padding-left: 80px; } .indexStock .cName{ margin-top: 64px; } .indexBannerTxt,.indexBannerTxt .ybContainer .ybContainer_in{ width: 100%; height: 100%; overflow: hidden; position: relative; } .indexBannerTxt .ybContainer{ height: 100%; overflow: hidden; } .indexBannerTxt .indexBannerTxt_in{ position: absolute; top: 38%; left: 0; line-height: 1.4; } .ybCopyRight #crc-pub-beian{ padding:0 10px; } .crv-tips{ color: #ff0000; position: absolute; left: 0; bottom: -20px; font-size:14px;} .yzmBox .crv-tips{ bottom: auto; top: 54px; } .yfcgBox .swiper-container{ margin-top: 60px; } .yfcgBox .swiper-slide{ border: 1px solid #E8E8E8; padding:10px; background:#fff; } .yfcgBox .swiper-slide .imgsFix{ padding-bottom: 141.6666%; } .yf_yfImportant .yfcgBox .swiper-slide{ border:none; padding:0; } .yf_yfImportant .yfcgBox .swiper-slide .imgsFix{ padding-bottom: 66.6666%; } .jzVideoBtn{ margin-top: 40px; } .jzVideoBtn_in{ cursor: pointer; width: 169px; height: 56px; background: rgba(255,255,255,0.2); border-radius: 28px; border: 1px solid #018E64; } .jzVideoBtn_in i{ font-size:20px; } .jzVideoBtn_in span{ padding-left: 10px; font-size:16px; font-weight: bold;} .syItem{ margin-top: 30px; width: 100%; } .syItem:first-child{ margin-top: 0px; } .syItem .imgs{ width: 49.2%; } .syItem .imgs .imgsFix{ padding-bottom: 68.9655%; } .syItem .rBox{ width: 50.8%; border: 1px solid #E8E8E8; border-left: none; } .syItem .rBox .title{ margin-bottom: 60px; } .syItem .rBox_in{ padding:0 40px 0 80px; } .syItem .rBox_in i{ width: 48px; height: 48px; font-size:48px; line-height: 1; border: 1px solid #018E64; color: #018E64; border-radius: 100%; } .syItem .rBox_in i:hover{ background-color: #018E64; color: #fff; } .syItem .rBox_in .iconBtn{ text-align: left; } /*姹熶腑浼佷笟鏂囧寲 end*/ .yb24828 .ejNewsBox{ padding:0; } .yb25503 .ejNews,.yb25501 .ejNews{ padding-top: 40px; } .yb24939 .listBox .list:first-child{ margin-top: 0; } .companyTopBox{ padding-bottom: 120px; } .companyTopBox{ width: 100%; flex-wrap: wrap;} .companyTopBox .ctxt{ flex: 1; padding-right: 6%; color: #666; text-align: justify; } .companyTopBox .cImgs{ width: 520px; position: relative; } /* .companyTopBox .cImgs:after{ content: "";position: absolute; top: 10px; left: 10px; background: #F2F2F2; width: 100%; height: 100%; } */ .companyTopBox .cImgs img{ width: 100%; position: relative; z-index: 1; } .yfznNew { margin-top: 60px; } .yfznNew .imgs{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; padding-right: 100px; } .yfznNew .imgs .imgs_in{ width: 100%; height: 100%; } .yfznNew .textBox{ padding:60px 0; position: relative; z-index: 2; } .yfznNew .textBox .txt{ width: 580px; padding:60px; background: rgba(255,255,255,0.9); } @media screen and (max-width:1100px){ .cultureContainer .clist1 .imgs{ width: 24%; } .cultureContainer .list{ padding:30px; } .cultureContainer .ys6 .imgs{ width: 180px; } .cultureContainer .ys6 .rBox{ flex: 1; padding-left: 30px; } .cultureContainer .dfReverse.ys6 .rBox{padding: 0 30px 0 0; } } @media screen and (max-width:1000px){ .cultureContainer .clist1 .imgs{ width: 22%; margin-right: 6%; } .cultureContainer .clist1 ul li:nth-child(2n){ padding-left: 40px; } } @media screen and (max-width:900px){ .cultureContainer .clist1 ul li:nth-child(2n){ padding-left: 20px; } } @media screen and (max-width:750px){ .cultureContainer .list{ padding:20px; } .cultureContainer .clist1 .item{ flex-wrap: wrap; } .cultureContainer .clist1 .imgs{ margin:0 auto 40px; width: 100%; } .cultureContainer .clist1 ul{ width: 100%; flex: auto; } .cultureContainer .clist1 ul li:nth-child(2n){ padding-left: 12px; } .cultureContainer .clist1 .item{ padding-top: 32px; margin-bottom: 32px; } .cultureContainer .clist1 .item:first-child{ margin-bottom: 0; } .cultureContainer .c6t{ padding-bottom: 12px; } .cultureContainer .dft span{ display: block; } .cultureContainer .ys6{ position: relative; display: block; } .cultureContainer .ys6 .rBox{ padding:0; width: 100%; } .cultureContainer .ys6 .imgs{ position: absolute; right: 0; top: 0; width: 100px; } .cultureContainer .ys6 .dft{ height: 84px; padding-right: 110px; } .cultureContainer .dfReverse.ys6 .rBox{ padding:0; } .cultureContainer .clist5{ background-size: 100px auto!important; } .cultureContainer .ys6List { flex-wrap: wrap; } .cultureContainer .ys6List .ys6item{ width: 100%; padding:0; box-shadow: inset 0px -1px 0px 0px #F2F2F2; margin-top: 32px; padding-bottom: 32px; border-right: none; } .cultureContainer .ys6List .ys6item:nth-child(2n){ padding:0 0 32px 0; } .cultureContainer .clist5 .dft{ height: 82px; } .cultureContainer .clist6{ background: none!important; } .cultureContainer .clist6 .ys6 .dft{ height: auto; padding-bottom: 0; } .cultureContainer .clist6 .ys6 .rBox{ padding-bottom: 32px; } .cultureContainer .clist6 .ys6List .ys6item{ border-right: none; } .cultureContainer .clist6 .ys6List .ys6item:last-child{ box-shadow:none; padding:0; } .cultureContainer .tt p{ padding-bottom: 12px; } .cultureContainer .clist7{ background-size: 100px auto!important; } .cultureContainer .clist7 .dft{ height: 84px; } .cultureContainer .clist7 .p40{ padding-top: 32px; } .cultureContainer .clist7 .ys6List:last-child .ys6item:last-child{ box-shadow:none; padding:0; } .cultureContainer .clist8 .ys6 .rBox{ padding:0;} .cultureContainer .clist8 .ys6{ display: block; position: inherit; } .cultureContainer .clist8 .ys6 .imgs{ position: inherit; margin-bottom: 40px;} .cultureContainer .cTitle{ padding-top: 60px; } } @media screen and (max-width:640px){ .cultureContainer{ padding-top: 0; padding-bottom: 0; } .cultureContainer .clist5 .c6t,.cultureContainer .clist6 .c6t,.cultureContainer .clist7 .c6t{ color: #333; } }