.cBg{ background-position: center top; background-size: 100% auto; background-repeat: no-repeat; } .jp-close:hover { background-position: -12px -135px!important; } .honorBox .cBg{ background-image: url(../image/crpc-about-honor-bg.jpg); } .cultureBox .cBg{background-image: url(../image/crpc-about-culture-bg.jpg);} .w100{ width: 100%; } .hr_w680{ width: 680px; } .hr_p10{ padding:0 10px; } .hr_more i.i8{ margin-left: 8px; } .hr_more i.i20{ margin-left: 20px; border: 1px solid #E8E8E8; border-radius: 100%; width: 40px; height: 40px; line-height: 40px; text-align: center; } .hr_more i{ margin-left: 8px; font-size:12px; line-height: 1; transform: scale(.8); } .hr_Toptitle { line-height: 1; } /*头尾*/ .home{ position: absolute;left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;} .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .body_b { position: fixed; left: 0%; top: 100%; bottom: 0; right: 0; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; transform: translateZ(0); z-index: 1; overflow: auto; outline: none; } .body_b.showdiv{ top: 0; } .body_home .topHeader{ transform: translateY(-48px); background-color: #fff; } .body_home.showdiv .topHeader { transform: none; background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); box-shadow: none; } .body_home .topHeader.whiteBg{ background:#fff; } .body_home .topHeader.whiteBg *{ color:#666!important; } .body_home.showdiv .topHeader .ejMenuBox a{ color: #fff; } .body_home.showdiv .topHeader .ejMenuBox a.active1{ color: #EE7800; } .body_home.showdiv .topitem,.body_home.showdiv .topitem a { color: #fff;} .ybLogo{ padding-bottom: 10px; } .ybLogo img{ height: 60px; } .indexBody{ height: 100%; overflow: hidden; } .body_home,.ejIndexBanner {height: 100%;} .pageBody .topHeader{ background-color: #fff; } .topMenu{ height: 48px; } .topMenu .topitem{ margin-left: 20px; cursor: pointer; } .ejMenuBox { flex: 1; margin-left: 10%; } .ejMenuBox a{ line-height: 80px; height: 80px; font-weight:bold; position: relative; } .ejMenuBox a:after{ content: ""; height: 2px; width: 0; opacity: 0; position: absolute; left: 0; bottom: 0; background-color: #EE7800; transition: all ease-in-out .4s; } .ejMenuBox a.active1{ color: #EE7800; } .ejMenuBox a.active1:after,.ejMenuBox a.active:after, .ejMenuBox a:hover:after{ width: 100%; opacity: 1; } /* .ejnav_child { top: 100%; z-index: 9; width: 100%; height: 0; left: 0; position:fixed; background-color: #fff; box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2); overflow: hidden; } */ .ejnav_child { position: absolute; top: 100%; z-index: 9; width: 100%; left: 50%; transform: translate(-50%,0); } .ejnav_child .hr_outBox .hr_box_in{ padding:0; } /* .body_home .ejnav_child{ top: 128px; } */ .ejnav_child .hr_outBox,.ejnav_child .hr_box_in ,.ejnav_child .hr_box_in>div{ width: 100%; } .ejnav_child .item { position: absolute; visibility: hidden; opacity: 0; width: 640px; height: 320px; z-index: 9; padding: 46px 20px 10px 46px; overflow: hidden; background: #fff; display: flex; transform: translateY(50px); box-shadow: 0px 2px 0px 0px #EE7800; } .ejnav_child .item.active { visibility: visible; opacity: 1; transform: translateY(0); } .ejnav_child .item .imgs{ width: 240px; height: 160px; overflow: hidden; } .ejnav_child .item .title{ padding:20px 0 10px; font-weight: bold; display: none; } .ejnav_child .item .txt{ color: #9e9e9e; font-size:14px; padding-top: 20px; } .ejnav_child .item .imgCon{ padding-right: 26px; width: 280px; position: relative;} .ejnav_child .item .imgCon:after{ content: ""; position: absolute; right: 0; top: 0; height: calc(100% - 20px);border-right: 1px solid #f4f4f4; width: 0px; } .ejnav_child .item .nav_link{ padding-left: 26px; flex: 1; display:flex; flex-wrap: wrap; margin-top: -28px; height: 100%; flex-direction: column; } .ejnav_child .item .nav_link a{ margin-top: 28px; line-height: 1; width: 50%} .topHeader { height: 128px; position: fixed; top: 0; left: 0; right: 0; z-index: 20; box-shadow: inset 0px -1px 0px 0px #e8e8e8; transform: translateY(-48px); } .body_page.showdiv .topHeader{ transform: translateY(0); } .body_b{ padding-top: 128px; background-color: #fff; } .body_home .wLogo,.pageBody .topHeader .wLogo{ display: none; } .body_home.showdiv .wLogo{ display: block; } .body_home .bLogo{ display: block; } .body_home.showdiv .bLogo{ display: none; } /* ybFooter */ .ybFooter{ background: #333333; padding-top:40px;} .ybFooter .footer .fMenu{ width:calc(100% - 200px); } .ybFooter .footer .fCode { width: 200px; } .ybFooter .footer .fMenu .ftxt{ width: 180px; } .ybFooter .footer .fMenu .fmenuList{ width: calc(100% - 220px); padding:0 40px; } .ybFooter .footerTop .fLogo img{ height: 60px; } .ybFooter .ftxt { color:#666; } .fcomtactType{ width: 200px; } .fcomtactType .icon{ display: inline-block; } .fcomtactType .item{ padding-bottom: 20px; } .fcomtactType .item span{ padding-left: 8px; flex: 1; } .ybFooter .fmenuList h3{ padding-bottom: 20px; color: #fff; font-weight: bold; } .ybFooter .fmenuList .item_a a{ color: #999; font-size:14px; margin-bottom: 10px; display:block} .ybFooter .fmenuList .item_a a:hover{ color: #EE7800; } .ybFooter .fmenuList .item{ padding:0; } .ybFooter .fmenuList .item .itemOut{ height: 207px; overflow: hidden; } .ybFooter .fmenuList .item .fBtn{ line-height: 1; padding-left: 18px; padding-top: 6px; bottom: -2px; } .ybFooter .fmenuList .item .fBtn i{ line-height: 1; font-size:12px; cursor: pointer; } .ybFooter .fmenuList .item .fBtn i.up{ display: none; } .ybFooter .fmenuList .item .fBtn i:hover{ color: #EE7800; } .ybFooter .fCode .codeTitle{padding-bottom: 20px; color: #fff; font-weight: bold; } .ybFooter .fCode .codeList{ padding-top: 40px; } .ybFooter .fCode .codeList .cItem { margin:0 12px; } .ybFooter .fCode .codeList i{ line-height: 1; font-size:30px; padding:8px; border-radius: 100%; color: #848484; cursor: pointer; border:1px solid #848484; } .ybFooter .fCode .cItem:hover i{ color: #fff; background: #EE7800; border:1px solid #EE7800; } .ybFooter .fCode .codeBox {width: 160px; padding:10px 10px 20px; background-image: url(../image/fweixinBg.png); background-repeat: no-repeat; background-size: 100% 100%; bottom:50px; left: 50%; margin-left: -82px; transform: translateY(-50px); opacity: 0; visibility: hidden; z-index: -1; } .ybFooter .fCode .cItem:last-child .codeBox{ background-image: url(../image/rbgPop.png); left: auto; right: 0; } .ybFooter .fCode .codeBox .imgs{ width: 140px; height: 140px; margin:0 auto; } .ybFooter .fCode .codeBox img{ width: 100%; } .ybFooter .fCode .codeBox .cTxt{ font-size:12px; line-height: 20px; padding: 4px 10px 0; } .ybFooter .fCode .cItem:hover .codeBox{ transform: none; opacity: 1; visibility: visible; z-index: 2; } .ybCopyRight{ padding:20px 0; margin-top: 80px; font-size:14px; } .ybCopyRight a{ font-size:14px; color: #666; } .ybCopyRight a:hover{ color: #EE7800; } .ybCopyRight .copyLink{ display: inline-block; margin-left: 40px; } .footerTop{ padding:18px 0; box-shadow: inset 0px -1px 0px 0px #666666; } .footerTop .inputBox { font-size:14px; display: none; } .footerTop .inputBox span{ padding-right: 8px; } .footerTop .inputBox .list{ width: 240px; cursor: pointer; height: 32px; background: #FFFFFF; border-radius: 4px; } .footerTop .inputBox .list span{ display: block; height: 100%; line-height: 32px; padding-left: 10px; } .footerTop .inputBox .list i{ font-size:12px; right:10px; top: 6px; color: #EE7800; transform: scale(0.8); } .footerTop .listBox{ left: 0; top: 30px; background: #fff; right: 0; opacity: 0; transform: translateY(10px); visibility: none; z-index: -1; } .footerTop .listBox .item a{ padding:5px 10px; color: #999; display: block; } .footerTop .inputBox .list:hover .listBox{ opacity: 1; transform: none; display: block; z-index: 1; } .footerTop .listBox .item a:hover{ color: #EE7800; } /*头尾 END*/ /* pubMap */ .pubMap{opacity: 0; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: -1; transform: translateX(90%); top: 0; } .pubMap.active{ transform:none; opacity: 1; z-index: 300; } .pubMap_in{ width: 100%; height: 100%; } .pubMap .imgs{ width: 50%; height: 100%; } .pubMap .ybMap_in{ width: 50%; height: 100%; background-color: #fff; padding:40px 60px;} .pubMap .ybClose { text-align: right; padding-bottom: 20px;} .pubMap .ybClose i{ cursor: pointer; font-size:32px; line-height: 1; } .pubMap .ybMap_in .listBox { overflow: hidden; height: calc(100% - 80px);} /* 网站地图 */ .ybMap_in .list{ margin-bottom: 36px; } .ybMap_in .list h3{ font-size:20px; line-height: 1; font-weight: bold;} .ybMap_in .list:last-child{ margin:0;} .ybMap_in .list a{ color: #666; margin-top: 16px; display: inline-block; margin-right: 50px; } .ybMap_in .list a:hover{ color: #CD2A2F; } /* ybSearchBox */ .ybSearchBox{ position: fixed; z-index: -1; width: 100%; height: 120px; background: #fff; top: 48px; transform: translateY(50px); opacity: 0; } .ybSearchBox.active{ z-index: 299; opacity: 1; transform: none; box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2), inset 0px 1px 0px 0px #F2F2F2; } .ybSearchBox .search_in{ width: 780px; height: 56px; } .ybSearchBox .search_in .search_w{ width: 100%; height: 100%; } .ybSearchBox .search_in .search_w input{ width: 100%; height: 100%; background: #FEF7EF; border:none; padding:20px 120px 20px 40px; border-radius: 4px; } .ybSearchBox i{ line-height: 1; } .ybSearchBox .ybSearchBg{ z-index: 2; font-size:18px; left: 14px; top: 18px; } .ybSearchBox .ybSearchClose { right: -40px; top: 16px; font-size:20px; cursor: pointer; color: #e8e8e8; } .ybSearchBox .search_w a{ display: block; width: 100px; height: 100%; top: 0; right: 0; background: #EE7800; color: #fff; line-height: 56px; border-radius: 0 4px 4px 0; } /* ybSearchBox end */ .mNavBox{ position: fixed; top: 0; left: 0; right: 0; bottom:0; width: 100%; height: 100%; background-color: #fff; z-index: 303; transform: translateX(90%); opacity: 0.5; visibility: hidden; } .mNavBox.active{ opacity: 1; transform: none; visibility: visible; } .mNavBox_in { height: 100%;} .mNavBox .mtop{ height: 60px; box-shadow: inset 0px -1px 0px 0px #E8E8E8; } .mNavBox .mtop .mlogo{ height: 40px; margin-left: 16px; } .mNavBox .mtop .mlogo a{ display: block; height: 100%; } .mNavBox .mtop img{ height: 100%; } .mNavBox .mtop .mCloseNavBtn{ margin-right: 16px; width: 24px; height: 24px; } .mNavBox .mtop .mCloseNavBtn i{ font-size:24px; color: #666; line-height: 1; } .mNavList{ padding:20px 16px 40px; height: calc(100% - 140px); overflow: auto; } .mNavList a{ height: 40px; line-height: 40px; } .mNavList .m_a1{ font-size:18px; border-bottom: 1px solid #e8e8e8; } .mNavList .m_a2{ padding-left: 16px; color: #666; font-size:16px; border-bottom: 1px solid #e8e8e8; } .mNavList .m_a3{ padding-left: 32px; color: #9e9e9e; font-size:14px; } .mNavFooter{ width: 100%; bottom: 0; left: 0; right: 0; height: 72px; background: #FEF9F3; } .mNavList a i{ font-size:12px; } .mNavList a.active i{ transform: rotateZ(180deg);} .mNavList .mItem,.mNavList .mItem ul{ display: none; } .mNavList .m_a1.active~.mItem{ display: block;} .mNavList .mItem .m_a2.active~ul{ display: block;} .mNavFooter a{ margin-left: 6px; display: inline-block; line-height: 32px; margin-top: 20px; padding:0 10px; background: #fff; } .mNavFooter a:first-child{ margin-left: 16px; } .mNavList a.active,.mNavList i,.ejcompany_profile .item3 .pMore a i,.flinkListBox a:hover,.ejFooterMian .fNav .item ul li a:hover,.ejcompany_profile .item3 .pMore a:hover{ color: #EE7800; } .mNavFooter .zhitiTab { padding-right: 16px; } .mNavFooter .zhitiTab a{ background-color: #EE7800; color: #fff; border-radius: 4px; } .indexAboutUs .indexNumBox .item .stitle{ color: #fff; } /* 新闻动态 */ .newsConterner{ padding-bottom: 40px; } .newsConterner .leftImg .item:first-child{ width: 100%; margin:0; height: 100%; } .newsConterner .item .txtBox .txt{ height: 88px; line-height: 24px; font-size:14px; color: #666; margin-top: 16px; } .newsConterner .item .txtBox{ width: 100%; overflow: hidden;} .newsConterner .item .txtBox .time{ color: #9e9e9e; line-height: 1; font-size:16px; } .newsConterner .item .txtBox .title{ font-weight: bold;margin-top: 20px; font-size:16px; } .newsCenter .leftImg { width: 500px; padding-right: 20px; } .newsCenter .leftImg a{ display: block; width: 100%; height: 100%;} .newsCenter .leftImg .imgs{ width: 100%; height: 100%; display: block; } .newsCenter .leftImg .imgs .title{ padding:0 20px; bottom: 0; width: 100%; height: 64px; line-height: 64px; overflow: hidden; background: rgba(0,0,0,0.6); color: #fff; } .newsCenter .leftImg .txtBox,.newsCenter .leftImg .imgs img{ display: none; } .ejNewsTop .topImgs{ width: 460px; height: 306px; overflow: hidden;} .ejNewsTop .topTxt{ width: calc(100% - 460px); box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .ejNewsTop .topTxt a{ width: 100%; padding:20px 40px;} .ejNewsTop .topTxt a .topTxt_in{ width: 100%;} .ejNewsTop .time{ font-size:24px; line-height: 1;} .ejNewsTop .title { padding:20px 0 16px; font-size:20px; line-height: 1;} .ejNewsTop a:hover img{ transform: scale(1.1);} .ejNewsBox .item a{ position: relative; padding:32px 20px;box-shadow: inset 0px -1px 0px 0px #F6F6F6; transition: all ease-in-out 0.1s; border-radius: 8px; } .ejNewsBox .item .timeBox{ width: 100px;height: 100px; margin-left: 40px;background: #EE7800;} .ejNewsBox .item a:hover{ background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%); } .ejNewsBox .item a:hover .title,.ejNewsBox .item a:hover .txt{ color: #fff; } .ejNewsBox .item .d{ font-size:32px; line-height: 1; padding:20px 0 12px; color: #fff; } .ejNewsBox .item .y{ line-height: 1; color: #fff;} .ejNewsBox .item a:hover .timeBox{ background: #fff; } .ejNewsBox .item a:hover .timeBox .d,.ejNewsBox .item a:hover .timeBox .y{ color: #EE7800; } .ejNewsBox .item .imgs{ width: 240px; height: 160px; overflow: hidden; margin-right: 40px; } .ejNewsBox .item .imgs img{ display: none; } .ejNewsBox .item .dfReverse .imgs{ margin-left: 40px; margin-right: auto; } .ejNewsBox .item .txtBox{ flex: 1; overflow: hidden; display: block; } .ejNewsBox .item .title{ padding-bottom: 20px; line-height: 1.4; } .mej_time{ display: none; color: #666; padding-bottom: 10px; font-size:14px; } .ejNewsBox .item .txtBox .mTime{ color: #EE7800; } .newsConterner .item .imgs{ width: 40%; height: auto; } .newsConterner .item .imgs .imgs_in { padding-bottom: 66.6666%; } .newsConterner .item .imgs .imgs_in a{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; border-radius: 8px 0 0 8px; overflow: hidden; } .newsConterner .item .imgs .imgs_in a img{ display: none; } .newsConterner .item .imgs .fullImg{ width: 100%; height: 100%; } .newsConterner .item .txtBox .title{ font-size:24px; } .newsConterner .item .txtBox{ border-radius: 0px 8px 8px 0px; border: 1px solid #E8E8E8; flex: 1; } .newsConterner .item .txtBox a{ display: block; width: 100%; height: 100%; padding: 40px; transition: all ease-in-out 0.4s; } .newsConterner .item .txtBox .time{ color: #EE7800; font-weight: bold; } .newsConterner .item .txtBox a:hover .title,.newsConterner .item .txtBox a:hover .hr_more span,.indexnewsList .item a:hover .title,.indexnewsList .item a:hover .hr_more span{ color: #333; -webkit-transform: translateZ(0); transform: translateZ(0); } .newsConterner .item .txtBox a:hover{ background: #F7F8FA; } .indexnewsList .item .txtBox a .title:hover,.indexnewsList .item .txtBox a .hr_more span:hover,.newsConterner .item .txtBox a .title:hover,.newsConterner .item .txtBox a .hr_more span:hover{ color: #EE7800; -webkit-transform: translateZ(0); transform: translateZ(0); } .newsConterner .item .txtBox a:hover .title{ color: #EE7800; } /* 新闻动态 end */ .ejIndexBanner .swiper-container { width: 100%; height: 100%; } .ejIndexBanner .swiper-slide { text-align: center; font-size: 18px; background: #999; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .ejIndexBanner .swiper-pagination-bullet { width: 48px; height: 4px; background-color: rgba(255, 255, 255, 0.6); color: #fff; opacity: 1; position: relative; display: inline-block; line-height: 40px; border-radius: 0; } .ejIndexBanner .swiper-pagination-bullet:after { content: ''; height: 1px; background: #fff; width: 0; transition: all ease 0.4s; vertical-align: middle; } .ejIndexBanner .swiper-pagination-bullet-active.swiper-pagination-bullet:after { width: 48px; display: inline-block; margin: 0 10px 0 8px; display: none; } .ejIndexBanner .swiper-pagination-bullet-active { font-size: 24px; background-color: rgba(255, 255, 255, 1); } .ejIndexBanner .swiper-container-horizontal>.swiper-pagination-bullets, .ejIndexBanner .swiper-pagination-custom, .ejIndexBanner .swiper-pagination-fraction { right: 0; width: 1180px; margin: 0 auto; text-align: center; bottom: 100px; } .ejIndexBanner .indexBg{width: 100%; height: 100%;overflow: hidden;} .ybmNav{ height: 60px; width: 100%; box-shadow: inset 0px -1px 0px 0px #F2F2F2; } .ybmNav .item{ padding:0 20px; } .ybmNav .item:first-child{ padding-left:0; } .ybmNav .item:last-child{ padding-right:0; } .ybmNav .item a{ position: relative; display: block; line-height: 60px; color: #666; font-size:16px; } .ybmNav .item a:after{ content: ""; bottom: 0; position: absolute; height: 2px; background-color: #EE7800; left: 0; width: 0; transition: all ease-in-out 0.4s; opacity: 0; } .ybmNav .item a:hover:after,.ybmNav .item.active a:after{width: 100%; opacity: 1;} .ybmNav .item.active a,.ybmNav .item a:hover{ color: #EE7800; } /* indexbanner end */ .w100{ width: 100%; } .ybBanner{ width: 100%; overflow: hidden; margin-top: 128px; } .ybBanner img{ width: 100%; height: auto; } /* 分页 */ .scrollbot-scrollbar-holder{background-color:#F3F8F6!important;} .scrollbot-scrollbar{ background-color:#EE7800!important; } .scrollbot-outer-parent{ z-index:20!important; } .mCSB_scrollTools .mCSB_draggerRail{background-color: #F3F8F6!important; width: 5px!important;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #EE7800!important;width: 5px!important; } .z-page{ margin-top:20px; } .z-page .crc-pub-page-num, .z-page .crc-pub-page-enter, .z-page .crc-pub-page-next{ background: #fff; border-color:#E8E8E8; border-radius: 4px; height: 40px; width: 40px; overflow: hidden; line-height: 40px; text-align: center; padding:0; } .z-page .crc-pub-page { padding:40px 0 0; } .z-page .crc-pub-page-text{ height:40px; width: 80px; border-radius: 4px; } .z-page .crc-pub-page-span{ color: #666; } .z-page .crc-pub-page-sel { border:1px solid #005FB4; background:#005FB4; color:#fff!important; border-radius: 4px; } .z-page .crc-pub-page-enter,.z-page .crc-pub-page-enter:hover,.z-page .crc-pub-page-next:hover { color:#fff!important; background:#005FB4; } .z-page .crc-pub-page-num:hover { border-color:#005FB4!important; background: #005FB4; color:#fff!important; } .z-page .crc-pub-page-prev,.z-page .crc-pub-page-next,.z-page .crc-pub-page-enter{ width: 80px; border-radius: 4px; color: #666; } /* 分页 end */ .indexNotice{ position: fixed; bottom: 0; left: 0; right: 0; height: 64px; z-index: 1; background: #F7F8FA; overflow: hidden; font-size:14px;line-height: 64px; } .indexNotice .l{ height: 100%; width: 92px; overflow: hidden; } .indexNotice .l .icon{ width: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; height: 1em; line-height: 1em; font-size:16px; margin-right: 5px; } .indexNotice .r{ padding-left: 8px; flex: 1; display: block; } .indexNotice .r span{ padding-left: 16px; } .indexTitleBox .l h2{ line-height: 1.2; } .indexNewsTab{ bottom: 50%; transform: translateY(50%); left: 160px; } .indexNewsTab .li{ margin-left: 40px; cursor: pointer;} .indexNewsTab .li:after{ content: ""; bottom: -10px; height: 3px; background: #EE7800; width: 100%; left: 0; display: block; opacity: 0; } .indexNewsTab .li.active{ color: #EE7800; } .indexNewsTab .li.active:after{ opacity: 1; } .indexnewsList{ flex-wrap: wrap; } .indexnewsList .item{ background: #FFFFFF; border-radius: 8px; border: 1px solid #E8E8E8; width: calc(33.33% - 14px); } .indexnewsList .item .item_in{ display: block; padding:40px; } .indexnewsList .item .time{ line-height: 1; } .indexnewsList .item .title{ margin-top: 20px; line-height: 1.4; height: 88px; } .indexnewsList .item .title:hover{ color: #EE7800!important; -webkit-transform: translateZ(0); transform: translateZ(0); } .indexnewsList .item:first-child{ width: 100%; margin:40px auto; padding:0; border: none; } .indexnewsList .item:first-child .txtBox a:hover,.indexnewsList .item .item_in:hover{ background: #F7F8FA; } .indexnewsList .item:first-child .txtBox a:hover .title,.indexnewsList .item .item_in a:hover .title{ color: #ee7800; } .indexnewsList .item .hr_more{ padding-top: 14px; border-top: 1px solid #e8e8e8; } .indexnewsList .item .hr_more span:hover{ color: #EE7800!important; -webkit-transform: translateZ(0); transform: translateZ(0); } .indexnewsList .item .imgs{ width: 480px; overflow: hidden; border-radius: 8px 0 0 8px; height: 320px; } .indexnewsList .item .imgs img{ width: 100%; } .indexnewsList .item:first-child .title{ height: auto; } .indexnewsList .item:first-child .txtBox{ flex: 1; overflow: hidden;} .indexnewsList .item:first-child .txtBox a{padding:50px 40px;border: 1px solid #E8E8E8; display: block; border-radius: 0 8px 8px 0; overflow: hidden;} .indexnewsList .item:first-child .hr_more{ padding-top: 0; border:none; } .indexnewsList .item .hr_desc{ margin-top: 16px; height: 108px; } .indexAboutTop .l{ flex: 1; padding-right: 8%; } .indexAboutTop .indexVideo{width: 470px; height: 260px; box-shadow: 10px 10px 0px rgba(255,255,255,0.4); border-radius: 8px; } .indexAboutTop .indexVideo .imgs{ width: 100%; height: 100%; overflow: hidden; border-radius: 8px; cursor: pointer; } .indexAboutTop .indexVideo .imgs img{ width: 100%; } .indexAboutTop .indexVideo .imgs .item_in ,.indexAboutTop .indexVideo .imgs .item_in .video_in { width: 100%; height: 100%; } .indexAboutTop .indexVideo .imgs .item_in .imgFix{ padding: 0; height: 100%; width: 100%; } .indexAboutTop .indexVideo .imgs .item_in .video_in i{ font-size:48px; border-radius: 100%; background: rgba(0,0,0,0.4); width: 48px; height: 48px; line-height: 48px; } .indexAboutTop .indexVideo .imgs .item_in .video_in{ -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .indexAboutTop .indexVideo .imgs .item_in .video_in:hover{ transform: scale(1.1); } .indexAboutTop .indexVideo .imgs .item_in .video_in:hover i{ background: #ee7800; } .indexAboutTop .l .title{ line-height: 1.2; } .indexAboutTop .l .txt{ margin-top: 20px; height: 132px; } .indexAboutTop .l .hr_more{ margin-top: 20px; } .indexNumBox .item{ width: 18.644%; box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.4); padding-top: 20px; } .indexNumBox .item .num{ line-height: 1; font-weight: bold; } .indexNumBox .item .dw{ color: #EEDFD0; font-size:14px; padding-left: 8px;} .indexNumBox .item .stitle{ padding-top: 20px; color: #666; } .indexBusinessTab{ margin-top: 62px; border-top: 1px solid #e8e8e8; } .indexBusinessTab .li{ width: 240px; padding:20px 0; border-right: 1px solid #e8e8e8; cursor: pointer;} .indexBusinessTab .li:after{ content: ""; width: 0%; height: 4px; box-shadow: inset 0px 4px 0px 0px #018E64, inset -1px 0px 0px 0px #E8E8E8, inset 1px 0px 0px 0px #E8E8E8; position: absolute; top: -1px; left: 0px; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .indexBusinessTab .li:hover:after,.indexBusinessTab .li.active:after{ width: 100%; opacity: 1;} .indexAboutUs .aboutBottomTxt{ color: rgba(255,255,255,0.6); } .indexBusinessTab .li.active,.indexBusinessTab .li:hover{ color: #018E64; } .indexBusinessTab .li:first-child{ border-left: 1px solid #e8e8e8; } .indexBusinessTab .li .imgs{ height: 40px; margin-right: 20px; } .indexBusinessTab .li .imgs img{ height: 100%; } .indexBusinessComtainer .list{ height: 560px;} /* .indexBusinessComtainer .list:first-child{ display: flex; } */ .indexBusinessComtainer .list .title{ line-height: 1; } .indexBusinessComtainer .list .hr_desc{ margin-top: 20px; width: 680px; } .mborder{ border:1px solid #fff; border-radius: 4px; padding:12px 0; text-align: center; width: 200px; } .indexBusinessComtainer .list .hr_more{ margin-top: 40px; } /* index end */ /* companyProfileBox */ .companyProfileBox .txtAndImgs{ margin-top: 50px; } .txtAndImgs .l{ flex: 1; padding-right: 80px; } .txtAndImgs .r .imgs{ width: 470px; box-shadow: 10px 10px 0 #F7F8FA;border-radius: 8px; overflow: hidden; } .txtAndImgs .r .imgs img{ width: 100%;} .companyProfileBox .indexNumBox .item .dw{ color: #333; } .companyCulture .cultureBox{ padding:84px 0; } .companyCulture .cultureBox_in{ width: 480px; background: rgba(255,255,255,0.8); padding:100px 64px; border-radius: 8px; } .companyCulture .cultureBox_in .item{ margin-bottom: 40px; } .companyCulture .cultureBox_in .item:last-child{ margin:0; } .companyCulture .cultureBox_in h3{ color: #EE7800; font-weight: bold; font-size:20px; } .companyCulture .cultureBox_in .p{ padding-top: 5px; } .comMainBusiness .topTxt{ text-align: center; padding:40px 100px 0; } .mainBusinessBox{ margin-top: 64px; } .mainBusinessBox .item{ width: 100px; border-radius: 8px; overflow: hidden; margin-right: 8px; height: 450px; cursor: pointer; } .mainBusinessBox .item:last-child{ margin:0; } .mainBusinessBox .item>div{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); border-radius: 8px; } .mainBusinessBox .item>div.dfBox { left: 0; right: 0; bottom: 0; top: 0; flex-direction: column; padding:80px 0; text-align: center; } .mainBusinessBox .item>div.dfBox i{ border:1px solid #fff; border-radius: 100%; font-size:20px; } .mainBusinessBox .item>div.dfBox .otitle{ width: 20px; font-size:20px; font-weight: bold; margin:0 auto; line-height: 1.4; } .mainBusinessBox .item.active .dfBox{ display: none; } .mainBusinessBox .item .txt{ padding-top: 20px; padding-right: 100px; } .mainBusinessBox .item .hr_more{ margin-top: 40px; } .mainBusinessBox .viewBox{ opacity: 0; transform: translateY(20px); } .mainBusinessBox .item.active{ width: calc(100% - 220px); cursor: inherit; } /* .mainBusinessBox .item.active .title{ display: block; } */ .mainBusinessBox .item.active .viewBox{ opacity: 1; transform:none; transition-delay: 0.4s; } .mainBusinessBox .item.active .item_in{ padding:0 80px; } .companyProfileBox .indexNumBox .item{ box-shadow: inset 0px 1px 0px 0px #E8E8E8; } .mainBusinessBox .pcshow .viewBox .hr_more a:hover{ background: #ee7800; color: #fff; border-color: #ee7800; } .newHonor .materialFlowList .imgs .imgFix_in{background: #F7F8FA; border-radius: 8px 8px 0px 0px; border: 8px solid #FFFFFF; } .newHonor .materialFlowList .imgs img{ max-width: 100%; max-height: 100%; } .newHonor .materialFlowList .swiper-container{ padding:8px; } .newHonor .materialFlowList .swiper-container .swiper-slide{ box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); } .newHonor .materialFlowList .txtBox{ box-shadow: none; } /* companyProfileBox end */ /* 物流建设 */ .materialFlowTop{ padding:40px 0; border-radius: 8px; overflow: hidden; } .materialFlowTopTxtBox{ width: 580px; height: 400px; background: rgba(238, 120, 0, 0.90); padding:48px 40px; } .materialFlowBox .materialFlowList .txtBox{ box-shadow: 0 0 8px 0 rgba(0,0,0,0.1) inset; } /* .materialFlowList{ background: #F7F8FA; } */ .materialFlowList .imgs { overflow: hidden;} .materialFlowList .imgs .imgFix_in{ border-radius: 8px 8px 0 0; text-align: center; } .materialFlowList .txtBox{ height: 100px; background: #fff; padding:0 16px 10px; border-radius: 0 0 8px 8px; } .materialFlowList .txtBox_in{ line-height: 1.4; } .flistPage{ width: 100%; bottom: -46px;} .flistPage .swiper-pagination-bullet{ width: 24px; margin:0 4px; opacity: 1; height: 4px; background: #999999; border-radius: 2px; } .flistPage .swiper-pagination-bullet-active{ background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%), #F7F8FA; } .materialFlowList .swBtn{ background: none; left: 0;width: 48px; height: 48px; } .materialFlowList .swBtn.swiper-button-next{left: auto; right:0;} .materialFlowList .swBtn i{ width: 48px; height: 48px; background-color: #fff; border-radius: 100%; display: block; line-height: 48px; text-align: center; font-size:40px; } .materialFlowList .swBtn i:hover{ background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%); color: #fff; } /* 物流建设 end */ .apparatusBox .materialFlowList .txtBox{ background: #F7F8FA; border-radius: 0 0 8px 8px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1) inset; } .materialFlowBox .materialFlowList { width: 100%; overflow: hidden; } .materialFlowList .flistPage{ position: initial; padding-top: 10px; } /* 联络我们 */ .wjContactUsMap{ background: #F7F8FA; border-radius: 8px; overflow: hidden;} .wjContactUsMap .imgs{ width: 49.15%; } .wjContactUsMap .txtBox{ flex: 1; padding:58px 60px; } .wjContactUsMap .txtBox .name{ margin-bottom: 20px; } .wjContactUsMap .txtBox .txt{ padding-bottom: 20px; } .wjContactUsMap .txtBox .list .item{ padding-top: 20px; } .wjContactUsMap .txtBox .list .item{ font-weight: bold; } .wjContactUsMap .txtBox .list .item .addr{ font-weight: normal; } .wjContactForm{ background: #F7F8FA; } .wjContactForm .wjForm{ width: 768px; margin:0 auto; } .wjContactForm .wjForm_in{ padding:20px 44px 0; } .wjContactForm .wjForm_in .item{ width: 100%; position: relative; margin-top: 40px; border-radius: 8px; } .wjContactForm .wjForm_in .item input{ background: #fff; width: 100%; height: 56px; border:none; border-radius: 8px; padding-left: 28px; color:#999; } .wjContactForm .wjForm_in .item input::placeholder { color: #999; } .wjContactForm .wjForm_in .item span{ color:#ff0000; position: absolute; z-index: 1; top: 15px; left: 16px; } .wjContactForm .wjForm_in .item span.crv-tips{ bottom: -26px; top: auto; } .wjContactForm .wjForm_in .item i{ position: absolute; right: 16px; top: 15px; } .wjContactForm .wjForm_in .item .txtTotal{ display: none; } .wjContactForm .wjForm_in .item b{ font-weight: inherit; padding-left: 4px; color: #999; } .wjContactForm .selectedBox{ height: 56px; background-color: #fff; border-radius: 8px; } .wjContactForm .wjForm_in .item textarea{ background: #fff; width: 100%; color: #999; height: 200px; border:none; border-radius: 8px; padding:16px 30px; font-family: "微软雅黑"; } .wjContactForm .wjForm_in .item textarea::placeholder{ color: #999; } .wjContactForm .wjForm_in .item a.yzm-font{ color: #005FB4; } .wjContactForm .wjForm_in .item img.yzm{ background: #fff; padding: 8px 20px; border-radius: 4px; margin: 0 10px; } .selectedBox select{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; border:none; padding-left: 28px; color: #999; } .wjContactForm .wjForm_in #crv-yzm input{ width: 40%; } .onlineMsgForm .crv-btn{ margin-top: 40px; } .onlineMsgForm .crv-btn button{ width: 160px; height: 56px; line-height: 56px; text-align: center; border:none; cursor: pointer; background: #EE7800; color: #fff; border-radius: 8px; overflow: hidden; margin-right: 20px; font-weight: bold; } .onlineMsgForm .crv-btn button.crv-maskForm-reset{ background: #E8E8E8; color: #666; } .wjContactUsMap{margin-bottom: 85px;} /* 管理层 */ .ystopTab a{ display: block; width: 240px; height: 56px; line-height: 56px; text-align: center; border:1px solid #E8E8E8; font-weight: bold;} .ystopTab a:first-child{ border-radius: 8px 0px 0px 8px; border-right: none; } .ystopTab a:last-child{ border-radius: 0px 8px 8px 0px; border-right: left; } .ystopTab a.active{ color: #fff; background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%), #F7F8FA; border:none; } .healthBox .listContainer .item .imgs .imgFix_in{ background: linear-gradient( 270deg, #e5e5e5 0%, #f8f8f8 100%); padding:20px; } .TeamLisst .team{ border: 1px solid #E8E8E8; padding:40px; margin-top: 20px; border-radius: 8px; } /* .TeamLisst .team:hover{ background: #E8E8E8; } */ .TeamLisst .team:first-child{ margin-top: 0; } .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: #EE7800; } .listContainer { width: 100%; overflow: hidden; } .listContainer_in{ width: calc(100% + 20px); transform: translateX(-10px);margin-top: -10px; flex-wrap: wrap; } .listContainer .item{ width: 33.33%; padding:10px;} .listContainer .item_in{ border-radius: 8px; background: #F7F8FA; overflow: hidden; } .listContainer .item_in .item_inBg{padding:8px; width: 100%; height: 100%;} .listContainer .item .imgFix{ padding-bottom:70.588%; } .listContainer .item .imgFix_in{ background-color: #fff; padding:10px; } .listContainer .item .txtBox{ height: 120px; padding-top: 30px; } .listContainer .item_in:hover{ background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%); } .listContainer .item_in:hover .title{ color: #fff; } .listContainer .item_in:hover .item_inBg{ background-image: url(../image/yyCup.png); background-repeat: no-repeat; background-position: right bottom; background-size: auto 120px; } /* 视频中心 */ .videoBox .listContainer,.videoBox .listContainer .item_in{ overflow: inherit; } .videoBox .item_in,.videoBox .item .imgFix_in{ padding:0; } .videoBox .item .imgFix{ padding-bottom: 56.315%; } .videoBox .video_in{ width: 100%; height: 100%; cursor: pointer; border-radius: 8px 8px 0 0; } .videoBox .video_in i{ width: 40px; height: 40px; background: rgba(0,0,0,0.4); font-size:40px; color: rgba(255,255,255,0.6); line-height: 40px; text-align: center; border-radius: 100%; } .videoBox .item .txtBox{ height: 100px; padding: 20px 10px 0; box-shadow: 0 0 8px 0 rgba(0,0,0,0.1); border-radius: 0 0 8px 8px; } .videoBox .item .txtBox .title{ line-height: 1.4; } .videoBox .item_in:hover .video_in i{ background: #EE7800; color: #fff; } /* 旗下品牌 */ .brand_in{ flex-wrap: wrap; } .brand_in .item{ width: 50%; padding:10px; } .brand_in .item_in{ padding:40px 32px 60px; height: 100%; border-radius: 8px; border: 1px solid #E8E8E8; box-shadow: 0 0 8px 0 rgb(0 0 0 / 10%); } .brand_in .item .hr_more{ box-shadow: inset 0px 1px 0px 0px #F2F2F2; padding-top: 20px;width: 100%; } .brand_in .item .bLogo{ height: 64px; margin-bottom: 20px; } .brand_in .bLogo img{ height: 100%; } .brand_in .item .hr_desc{ height: 136px; } /* 利润中心 */ .tabBox a{ width: 240px; display: block; text-align: center; height: 56px; line-height: 50px; border: 1px solid #E8E8E8; border-left: none; } .tabBox a:first-child{ border-radius:8px 0 0 8px; border-left: 1px solid #e8e8e8; } .tabBox a:last-child{ border-radius: 0px 8px 8px 0px; } .tabBox a.active{ background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%), #F7F8FA; color: #fff; } .headQuarterBox .item_in{ padding:40px;background: #F7F8FA; border:none; } .headQuarterBox .item_in .bLogo{ width: 80px; height: auto; margin-right: 40px; } .headQuarterBox .item_in .bLogo img{ width: 100%; height: auto; } .headQuarterBox .item_in .right{ flex: 1; display: block; overflow: hidden; } .brand_in .item_in .title{ padding-bottom: 20px; line-height: 1; } .headQuarterBox .item .hr_desc{ height: 104px; } .headQuarterBox a:hover .item_in{ background: linear-gradient( 135deg, #F7F8FA 0%, #ECF2FF 100%); } .profitCenterTab{ flex-wrap: wrap; padding-bottom: 28px; } .profitCenterTab .item{ width: 90px; height: 40px; line-height: 40px; margin-bottom: 12px; text-align: center; background: #F7F8FA; margin-right: 8px; cursor: pointer; border-radius: 5px; } .profitCenterTab .item.active,.profitCenterTab .item:hover{ color: #fff; background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%), #F7F8FA; } .allCompany{ background: #F7F8FA; } .allCompany .brand_in .item_in{ background: #fff;} .allCompany .brand_in a:hover .item_in{ background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%), #F7F8FA; } .allCompany .brand_in a:hover .item_in *{ color: #fff;} .allCompany .brand_in .item{ padding:10px; } .allCompany .addrTop{ line-height: 1.4; } .allCompany .addrTop .txt{ padding:18px 0 30px; } .allCompany .list:first-child{ padding-top: 0; } .regionalBox .allCompany .item_in .right{ width: 100%; } /* 大医疗 */ .medical .hr_Toptitle{ padding-bottom: 64px; } .medicalTop{ background-color: #EDF6FD; background-position: bottom center; background-size: 100% auto; } .medicalTopBox{ width: 100%; height: 480px; } .medicalTopBox::before{ content: ""; z-index: 1; position: absolute; width: 100%; height: 50%; background-color: #fff; top: 0; } .medicalTopBox .djkTop{ width: 100%; top: 0; z-index: 2; } .medicalTop .materialFlowTopTxtBox{ background: rgba(0,95,180,0.9); } .exportMedical{ height: 560px; background-color: #007EB5; } .exportMedical .hr_outBox, .exportMedical .hr_box_in{ height: 100%; } .exportMedical_in .title{ padding-bottom: 20px; line-height: 1.2; } .outsideMarket .list .item{ width: calc(25% - 75px);box-shadow: inset 0px 1px 0px 0px #E8E8E8; padding-top: 20px; } .outsideMarket .list .numBox{ line-height: 1; padding-bottom: 20px; } .outsideMarket .numBox .dw{ padding-left: 10px; } .outsideMarketTop .imgs{ width: 400px; } .outsideMarketTop .imgs img{ width: 100%; } .outsideMarketTop .topTxt { padding-right: 60px; flex: 1; } /* 合作伙伴 */ .partnerBox { width:100%; overflow:hidden; } .ponyLine{ padding-top: 20px; mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); } .ponyLine .list{ margin-top: 40px; background: none!important; } .ponyLine .list .item{width: 200px; border-radius: 8px; background-color: #fff; height: 90px; padding:15px 20px; text-align: center; align-items: center; margin-left: 66px; } .ponyLine .list .item img{ max-width: 100%!important; max-height: 100%!important; } .ponyLine .list .str_move{ display: flex; } /* 合作伙伴 END */ /* 医疗器械 */ .picTitleTxt{ height: 560px; } .picTitleTxt .mItem1_in,.picTitleTxt .hr_outBox,.picTitleTxt .hr_box_in{ height: 100%; } .picTitleTxt .mItem1Com .title{ line-height: 1.4; padding-bottom: 20px; } .picTitleTxt .mItem1Out{ background: rgba(0,0,0,0.2); height: 100%; } .medicalApparatus .mItem2{ background-color: #E7F5FF; background-size: 100% auto; background-position: center bottom; } .talentConceptBox .tItem3 .mItem1Out .mItem1Com .hr_desc{ color: #666; } .talentConceptBox .tItem3 .picTitleTxt .mItem1Out .title{ color: #333; } .apparatusBox .mItem3 .materialFlowList .swiper-pagination{ display: none; } /* 大健康 */ .hProductList .listContainer .item_in{ padding:0; } .hProductList .listContainer .item .imgFix_in{ padding:0; border-radius: 8px 8px 0 0; } .hProductList .txtBox{ border-bottom: 1px solid #D8D8D8; padding:40px; } .hProductList .listContainer .item_in{ background: none; } .hProductList .txtBox .title{ height: 96px; text-align: left; line-height: 1.4; } .hProductList .listContainer .item .txtBox{ height: auto; } .hProductList .hr_more{ font-size: 16px; color: #666; } .hProductList a:hover .txtBox{background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%); } .hProductList a:hover .txtBox *{ color: #fff; } .healthBox2_in{ width: 100%; overflow: hidden; flex-wrap: wrap; } .healthBox2_in .item{ width: 50%; padding:16px 10px; } .healthBox2_in .item a{ background: #F7F8FA; width: 100%; height: 100%; overflow: hidden; display: block; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); padding:40px 40px 124px; border-radius: 8px; } .healthBox2_in .item a .hr_more{ padding: 0px 40px 0; left: 0; bottom: 40px; width: 100%; } .healthBox2_in .item a .hr_more>div{line-height: 1; box-shadow: inset 0px 1px 0px 0px #E8E8E8; padding-top: 20px; } .healthBox2_in .item a .title{ font-size:20px; font-weight: bold; color: #333; } .healthBox2_in .item a .txtBox{ padding-top: 24px; color: #666; } .healthBox2_in .item a .num{ color: #EEF0F2; line-height: 1; font-size:120px; right: 0px; bottom: -44px; } .healthBox2_in .item a:hover{background: #F0F5FF; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1); } /* 港澳药械通 */ .innovativeBox .materialFlowTopTxtBox{ background: rgba(1,142,100,0.9); } .innovativeDevBox .materialFlowList{ background: #fff; } .innovativeDevBox .materialFlowList .txtBox{ box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%) inset; background: #F7F8FA; border-radius: 0px 0px 8px 8px; } .innovativeDevBox .picTitleTxt .imgs{ width: 280px;} .innovativeDevBox .picTitleTxt .imgs img{ width: 100%; border-radius: 8px; box-shadow: 10px 10px 0 rgba(255,255,255,.6); } .innovativeDevBox .hr_topTxt{ width: 780px; margin:0 auto; } .internetHospitalList .ltitle img{ width: 48px; } .internetHospitalList .ltitle span{ padding-left: 12px; } .internetHospitalList .list{ flex-wrap: wrap; } .internetHospitalList .list .item{ width: calc(50% - 10px); margin-right: 20px; margin-top: 20px; padding:60px 40px; border-radius: 8px; color: #fff; background: #005FB4;min-height: 280px; } .internetHospitalList .list .item:nth-child(2n){ margin-right: 0; } .internetHospitalList .num{ font-size:120px; opacity: 0.2;line-height: 1; right: -5px; bottom: -30px; } .internetHospitalList .list .item:nth-child(2),.internetHospitalList .list .item:nth-child(3){ background: #26ADA3; } /* 人才理念 */ .talentBoxList .tItem3 .imgs{ width: 298px; } .mItem1Out .imgs img{ width: 100%; } .talentBoxList .tItem3 .picTitleTxt{ height: auto; } .talentBoxList .materialFlowList{ background: none; } .talentBoxList .tItem2 .swiper-slide{ background: #F7F8FA; padding:48px 32px; position: relative; } .talentBoxList .materialFlowList .txtBox{ background: none; } /* .talentBoxList .tItem2 .title { margin:20px 0 } */ .talentBoxList .tItem2 .imgs{ width: 64px; margin:0 auto; } .talentBoxList .tItem2 .imgs img{ width: 100%; } /* .talentBoxList .tItem2 .title{ padding:20px 0; } */ .talentConceptBox .talentBoxList .tItem2 .materialFlowList .swiper-container .title{ padding:24px 0 20px; line-height: 1; } .talentBoxList .tItem2 .txtBox{ height: auto; position: relative; z-index: 1; } .talentBoxList .tItem2 .txtBox .hr_desc{ height: 300px; } .talentBoxList .tItem2 .swiper-slide .num{ bottom: -50px; left: 50%; z-index: 0; transform: translateX(-50%); font-size:120px; color: #F0F2F5; line-height: 1; } .talentBoxList .materialFlowList .txtBox{ padding:0; } .talentConceptBox .tItem3 .picTitleTxt .mItem1Out{ background: none; } /* 人才培养 */ .tabTxtPic{ height: 480px; } .tabTxtPic_in{ height: 100%; background: rgba(0,0,0,0.2); } .cultivate_in .hr_topTxt{ padding:40px 100px 0; } .tabTxtPic{ border-radius: 8px; overflow: hidden;} .tabTxtPic .item{ width: 380px; border-right: 1px solid rgba(255,255,255,.6); padding:10px 60px; height: 100%; } .tabTxtPic .item .dfTitle{ bottom: 40px; opacity: 1; } .tabTxtPic .item.active .dfTitle{ opacity: 0; } .tabTxtPic .item:last-child{ border:none; } .tabTxtPic .item.active{ flex: 1; } .tabTxtPic .item.active .item_in{ padding-right: 40px; } .tabTxtPic .item .hr_desc{ padding-top: 20px; } .tabTxtPic .item .item_in{ transform: translateY(100%); opacity: 0; } .tabTxtPic .item.active .item_in{ transform: none; opacity: 1; } .cultivateList .list{ margin-top: 40px; height: 320px; background: #F7F8FA; border-radius: 8px; overflow: hidden; } .cultivateList .list .imgs{ width: 480px; height: 100%; } .cultivateList .list .txtBox{ flex: 1; } .cultivateList .list .txtBox_in{ padding:56px 60px; } .cultivateList .list .txtBox .title{ padding-bottom: 20px; } .cultivateList .list .txtBox .hr_desc{ height: 160px; color: #666; } .cultivateList .list:nth-child(2n){ flex-direction: row-reverse; } /* 责任理念 */ .responsibilityBox .rList2 .list{ flex-wrap: wrap; } .responsibilityBox .rList2 .item{ width: calc(50% - 10px); border-radius: 8px; margin-right: 20px; margin-top: 20px; background: #F7F8FA; padding:40px; } .responsibilityBox .rList2 .item:nth-child(1),.responsibilityBox .rList2 .item:nth-child(2){ margin-top: 0; } .responsibilityBox .rList2 .item:nth-child(2n){ margin-right: 0; } .responsibilityBox .rList2 .imgs{ width: 80px; margin-right: 20px; } .responsibilityBox .rList2 .imgs img{ width: 100%; } .responsibilityBox .rList2 .rBox{ flex: 1; } .responsibilityBox .rList2 .title{ line-height: 1; } .responsibilityBox .rList2 .txt{ margin-top: 20px; } /* 环境管理 */ .environmentBox .materialFlowList{ background: none; } .environmentBox .materialFlowList .swiper-slide{ background: #26ADA3; overflow: hidden; border-radius: 8px; padding:40px 40px 20px; } .environmentBox .materialFlowList .swiper-slide:nth-child(2n){ background: #26AD70; } .environmentBox .materialFlowList .swiper-slide:nth-child(3n){ background: #7DAD26; } .environmentBox .materialFlowList .swiper-slide .imgs{ height: 32px; text-align: center; } .environmentBox .materialFlowList .swiper-slide .imgs img{ height: 100%; } .environmentBox .materialFlowList .swiper-slide .title{ padding:12px 0 20px; } .environmentBox .materialFlowList .swiper-slide .txtBox{ background: none; height: 200px; padding:0; } .environmentBox .materialFlowList .swiper-slide .txtBox .hr_desc{ height: 100%; } .greenOffice .titleBox { padding-bottom: 20px; } .greenOffice .titleBox span{ display: block; } .greenOffice .titleBox img{ height: 24px; margin-right: 12px; } .greenOffice .internetHospitalList .item{ background: url(../image/crpc-responsibility-green-work-list-bg01.jpg) no-repeat center / cover; } .greenOffice .internetHospitalList .item:nth-child(2), .greenOffice .internetHospitalList .item:nth-child(3){ background-image: url(../image/crpc-responsibility-green-work-list-bg02.jpg); } /* 公益慈善 */ .PublicCharityList{ background: #F7F8FA;} .PublicCharityList_in{ flex-wrap: wrap; margin-top: -50px; } .PublicCharityList_in .item{ width: calc(33.333% - 34px); margin-right:50px; margin-top: 50px; border-radius: 8px; background: #fff; overflow: hidden; } .PublicCharityList_in .item:nth-child(3n){ margin-right: 0; } .PublicCharityList_in .item .txtBox{ width: 100%;box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%); } .PublicCharityList_in .item .txtBox .title{ margin:20px auto 0; height: 88px; line-height: 1.2; } .PublicCharityList_in .item .txtBox .hr_more{padding-top: 14px; border-top: 1px solid #f2f2f2; } .PublicCharityList_in .item a:hover .txtBox{ border-radius: 0 0 8px 8px; background: linear-gradient( 270deg, #EE9B47 0%, #EE7800 100%), #F7F8FA; } .PublicCharityList_in .item a .txtBoxBg{ width: 100%; height: 100%;padding:40px; } .PublicCharityList_in .item a:hover .txtBoxBg{ background: url(../image/crpc-responsibility-charitable-list-bg.png) no-repeat right bottom / 50% auto; } .PublicCharityList_in .item a:hover *{ color: #fff; } .PublicCharityList_in .item a:hover .time{ color: #F8CEA3; } /* 社会责任报告 */ .crcReportBox .listContainer .item .txtBox{ height: 68px; padding-top: 20px; line-height: 1.2; } .crcReportBox .listContainer .item{ padding:23px 20px; width: 25%; } .crcReportBox .listContainer .item_in{ padding:0; background: none; overflow: inherit; } .crcReportBox .listContainer .item .imgFix{ padding-bottom: 133%; } .crcReportBox .listContainer .item .imgFix_in{ padding:0; } .crcReportBox .listContainer_in{ width: calc(100% + 20px); transform:translateX(-10px); margin-top: -23px; } .crcReportBox .listContainer_in img{ border-radius: 8px; box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2); } .crcReportBox .listContainer_in .hr_fullImg,.crcReportBox .imgFix .imgFix_in{overflow: inherit;} .crcReportBox .listContainer .item_in:hover .title{ color: #EE7800; } .crcReportBox .listContainer a:hover .item_in{ transform: translateY(-10px); } .crcReportBox .topTxt{ padding:40px 100px 0; display: none; } .crcReportBox .listContainer{ overflow: inherit; } .subordinateReportBox_in .reportLeftList{ padding-top: 20px; position: relative; } .subordinateReportBox_in .reportLeftList:after{ content: ""; position: absolute; height: 100%; width: 1px; left: 0; top: 0; background: #e8e8e8; } .subordinateReportBox_in .reportLeft .reportLeftList{ display: block; width: 105px; } .subordinateReportBox_in .reportLeft .reportLeftList{padding-right:25px;} .subordinateReportBox_in .reportLeft .reportLeftList a{ display: block; padding:8px 16px; position: relative; font-weight: bold; font-size: 20px; } .subordinateReportBox_in .reportLeft .reportLeftList a::after{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background: #EE7800; opacity: 0; } .subordinateReportBox_in .reportLeft .reportLeftList a.active{ color:#ee7800; } .subordinateReportBox_in .reportLeft .reportLeftList a.active::after{opacity: 1;} .reportTab .reportTab_in{ width: 480px; height: 56px; overflow: hidden; } .reportTab .reportTab_in a{ width: 50%; text-align: center; line-height: 56px; font-size:20px; border: 1px solid #E8E8E8; display: block; overflow: hidden; } .reportTab .reportTab_in a:first-child{ border-radius: 8px 0 0 8px; } .reportTab .reportTab_in a:last-child{ border-radius: 0 8px 8px 0; } .reportTab .reportTab_in a.active{ color: #fff; border: 1px solid #ee7800; background: linear-gradient( 270deg, #EEA75F 0%, #EE7800 100%), #F7F8FA; } /* 商业行为规范 */ .businessBox a{ border-radius: 8px; margin-top: 20px; } .businessBox a:first-child{ margin-top: 0; } .businessBox a .imgFix{ padding-bottom: 68.9655%; } .businessBox a .item{width: 50%; background: #F7F8FA;} .businessBox a .txtBox{padding:0 80px; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.1);} .businessBox a .icontBtn i{ line-height: 48px; font-size:48px; border:1px solid #EE7800; border-radius: 100%; } /* 产品详情 */ .productDt .topBox{ box-shadow: inset 0px -1px 0px 0px #F2F2F2; margin-bottom: 40px; } .productDt .topBox .imgs{ width: calc(50% - 20px); background: linear-gradient(#F8F8F8 0%, #E5E5E5 100%); border-radius: 8px; } .productDt .topBox .imgs img{ border-radius: 8px; } .productDt .topBox .rBox{ flex: 1; padding-top: 40px; padding-left: 80px; } .productDt .topBox .rBox .title{ padding-bottom: 36px; line-height: 1.2; } .productDt .flistPage .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 100%; background: #ccc; } .productDt .flistPage .swiper-pagination-bullet-active{ background: #EE7800; } .productDt .topBox .swiper-container{ width: 100%; height: 100%; } /* 利润中心详情 */ .profitCenter .dtInfo,.profitCenter .fjShare { display: none; } .profitCenter .hr_single{ margin-top: 64px; } .profitCenter .rqpreNext{ padding-top: 40px; border-top: 1px solid #F2F2F2; margin-top: 40px; } .gobackList a{ padding:12px 38px;border-radius: 4px; border: 1px solid #EE7800; } .gobackList a i{ padding-left: 5px; font-size:12px; } /* 网站地图 */ .wjMap .list{ margin-top: 64px; padding-bottom:64px; box-shadow: inset 0px -1px 0px 0px #F2F2F2; } .wjMap .itemBox{ width: 100%; flex-wrap: wrap; } .wjMap .itemBox .item{ width: 14%; margin-top: 16px; } .wjMap .itemBox .item .ia{ font-weight: bold; font-size:16px; } .wjMap .list .name{ font-weight: bold; font-size:20px; } .wjMap .itemBox .itemChild a{ font-size:14px; color:#666; display: table; margin-left: 16px; margin-top: 20px; line-height: 1; } .wjMap .itemBox .item i{ font-size:12px; line-height: 1; display: inline-block; transform: scale(0.8); margin-left: 5px; color: #005FB4; } .wjMap .itemBox .item .itemChild.ryzz{ display: none; } /* 详情页 */ .ybDetail .ybDetail_in{ width: 100%; margin:0 auto; padding-top: 40px; } .wjsingle{ overflow: hidden; width: 100%; text-align: justify; } .wjsingle img{ max-width: 100%;} .ybDetail_in .dtName{ font-size: 30px; color: #333333; line-height: 48px; } .ybDetail_in .dtInfo{margin-bottom: 40px; padding: 40px 0 38px; border-bottom:1px solid #e8e8e8; } .ybDetail_in .dtInfo span.li{ padding:0 20px; color: #666;} .dtImgsBox .dtSwiperBtn{ width: 40px; height: 40px; border-radius: 100%; overflow: hidden; background: #FFFFFF; text-align: center; margin-top: -90px; border: 1px solid #d8d8d8; } .dtImgsBox .dtSwiperBtn_next{ right: -56px; } .dtImgsBox .dtSwiperBtn_prev{ left: -56px;} .dtImgsBox .dtSwiperBtn i{ font-size:32px; line-height: 40px; } .fjShare { margin-top: 80px; height: 100px; box-shadow: inset 0px -1px 0px 0px #E8E8E8, inset 0px 1px 0px 0px #E8E8E8; } .fjShare .fx{ line-height: 100px; color: #999; } .fjShare .item { border-radius: 100%; margin-left: 20px; width: 40px; height: 40px; text-align: center; cursor: pointer; } .fjShare i{ font-size: 40px; line-height: 40px; color: #64AA44; display: block; margin:0 auto;} .fjShare .item:nth-child(2){ border-color: #EE7800; } .fjShare .item:nth-child(2) i{color: #EE7800;} .fjShare .item:nth-child(3){ border-color: #61A9EA;; } .fjShare .item:nth-child(3) i{color: #61A9EA;} .fjShare .list{ padding:30px 0; } .fjShare .list .item{ position: relative; } .fjShare .list .item .codeBox{ position: absolute; width: 140px; height: 140px; padding:20px; background-repeat: no-repeat; bottom: 40px; left: 50%; margin-left: -70px; background-size: 100% 100%; background-position: center; background-image: url(../image/fweixinBg.png); transition: all ease-in-out 0.4s; transform: translateY(50px); opacity: 0; z-index: 0; } .fjShare .list .item #qrcode{ width: 100%; height: 100%; } .fjShare .list .item:hover .codeBox{ opacity: 1; z-index: 1; transform: none; } .rqpreNext{ width: 100%; padding-top: 20px; overflow: hidden;} .rqpreNext h4{ color: #666;padding-bottom: 20px; } .rqpreNext .txt,.rqpreNext .txt a{ color: #666; } .rqpreNext .txt span { padding-left: 40px; } .rqpreNext .txt .power-prevNext-no{ padding:0; } .rqpreNext .item{ width: calc(50% - 16px); margin-top: 20px; } .ybCharityDt_in .txt{ padding: 0 100px 80px; } .ybCharityDt_imgBox{ padding-top: 80px; background-size: auto 400px;background-position: top center; } .dtImgsBox .ybCharityDt_imgBox{ padding-top: 0; } .ybCharityDt_imgBox .imgBox_in{ width: 760px; margin:0 auto; padding:16px 20px; border-radius: 8px; background-color: #fff; } .imgBox_in_swiper{ width: 100%; } .ybCharityDt_imgBox .CharityimgBox_top { width: 100%; height: 544px; padding-bottom: 64px; } .CharityimgBox_thumbs_out{ padding:40px 68px 0; border-top: 1px solid #F4F4F4; } .CharityimgBox_thumbs .swiper-slide>div{ width: 100%; padding-bottom: 66.66%; } .imgBox_in_swiper .swiper-slide{ background-repeat: no-repeat; background-size: cover; border-radius: 8px; } .CharityimgBox_top .swiper-pagination{ width: auto; bottom: 20px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; } .CharityimgBox_top .swiper-pagination .swiper-pagination-current{ color:#EE7800; } .CharityimgBox_top .topSwiperTxt { bottom: 0; height: 64px; left: 48px; width: calc(100% - 48px); } .topSwiperTxt .sTxt_in{ width: 100%; height: 100%; } .topSwiperTxt .sTxt_in .t{ line-height: 1.4; } .CharityimgBox_thumbs_out .btn_icon{ width: 48px; height: 48px; text-align: center; bottom:20px; cursor: pointer; overflow: hidden; } .CharityimgBox_thumbs_out .btn_icon i{ font-size:24px; line-height: 48px; } .CharityimgBox_thumbs_out .Charity-button-next{ right: 0; } .CharityimgBox_thumbs_out .Charity-button-prev{ left: 0; } .CharityimgBox_thumbs .swiper-slide{ opacity: 0.4; } .CharityimgBox_thumbs .swiper-slide.swiper-slide-thumb-active{ opacity: 1; } .CharityimgBox_top .swiper-button-prev, .CharityimgBox_top .swiper-button-next{ width: 48px; height: 48px;background-color: rgba(51,51,51,0.8); overflow: hidden; border-radius: 100%; background-size: 20%; } /*企业文化*/ .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:#EE7800; 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: 40px; } .indexStock .cName{ margin-top: 64px; } .indexBannerTxt,.indexBannerTxt .hr_outBox .hr_box_in{ width: 100%; height: 100%; overflow: hidden; position: relative; } .indexBannerTxt .hr_outBox{ 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; } @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; border-radius: 8px; } .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 .ys6List .ys6item:last-child{ box-shadow:none; padding-bottom: 10px; } .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; } } /*企业文化 end*/ /* bbBox */ .bbBox { width: 100%; left: 0; top: 58%; z-index: 1; } .body_home .bb { text-align: center; color: #fff; font-size: 16px; font-family: icon; } .body_home .bb .bbBtn{ cursor: pointer; animation: bb 2s linear 0s infinite; } .body_home .bb .bbBtn i{ width: 18px; height: 30px; margin-right: 20px; border:2px solid #fff; border-radius: 10px; position: relative;} .body_home .bb .bbBtn i:after{ content: ""; width: 2px; height: 10px; background: #EE7800; position: absolute; top: 5px; left: 50%; margin-left: -1px; } .topDesc { padding:0 100px; } /*返回顶部*/ .goTopBtn_in{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size:14px; font-weight: bold; background: #2F2F2F; color: #fff; } /*nav*/ .ybmNav .mshow .swiper-slide { display: flex; justify-content: center; align-items: center; width: auto; padding:0 10px; } .ybmNav .mshow, .ybmNav .swiper-container { height: 100%; } .ybmNav .mshow a { position: relative; display: inline-block; height: 100%; line-height: 60px; font-weight: bold; } .ybmNav .mshow .swiper-slide.active a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #EE7800; } .ybmNav .mshow .swiper-slide.active a{ color: #EE7800; } .yyBannerBox{ width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; } .yyBannerBox .hr_outBox,.yyBannerBox .hr_box_in,.yyBannerBox .ybBannerTxt { height: 100%; } .yyBannerBox .ybBannerTxt_in { left: 0; bottom: 16%; } .indexAboutTop .l .hr_more a:hover,.indexBusinessComtainer .hr_more a:hover{ background: #EE7800; border-color: #ee7800; color: #fff; } a:hover{ color: #EE7800; }