body{ font-size:16px; text-align: justify;} /* @font-face { font-family: 'Impact'; src:url(../font/Impact.ttf); } */ @keyframes bb{ 0%{transform:translate(-50%,0);opacity:0;} 20%{transform:translate(-50%,3px);opacity:1;} 80%{transform:translate(-50%,10px);opacity:1;} 90%{transform:translate(-50%,10px);opacity:0;} 100%{transform:translate(-50%,10px);opacity:0;} } .borderHover{ position: relative; height: 100%;} .borderHover:after{ content: ""; position: absolute; width: 0; opacity: 0; transition: all ease-in-out 0.8s; height: 4px; background-color: #E50113; left: 0; bottom:0; } .borderHover:hover:after{ width: 100%; opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color:#f6f4f3;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #5A4643; } .ejzhiti{ /* font-family: Impact!important; */ font-family: Arial, Helvetica, sans-serif; } .w1180{ width: 1180px; margin:0 auto;} .dfColor,a:hover{ color: #E50113;} .c6{ color: #666;} .c9{ color: #999;} .cf{ color: #fff;} .position_r{ position: relative;} .position_a{ position:absolute;} .pcshow{display: block; } .mshow{ display: none;} .bg_nor{ background-repeat: no-repeat!important;} .fb{ font-weight: bold; } .fs24{ font-size:24px;} .fs20{ font-size:20px;} .fs18{ font-size:18px;} .fs16{ font-size:16px;} .fullImg{ display: flex; justify-content: center; align-items: center;overflow: hidden;} .fullImg img{ max-width: 100%; max-height: 100%;} .dflex1{ display: flex; justify-content:flex-start; } .dflex2{ display: flex; justify-content:flex-end; } .dflex3{ display: flex; justify-content:center; } .dflex4{ display: flex; justify-content:space-between; } .dflex5{ display: flex; justify-content:space-around; } .dflexItem1{ align-items:flex-start; } .dflexItem2{ align-items:flex-end; } .dflexItem3{ align-items:center; } .dflexItem4{ align-items:baseline; } .dflexItem5{ align-items:stretch; } .dfReverse{ flex-direction: row-reverse; } .dh{ display: block;} .ds{ display: none;} .dfReverse .dh{ display: none; } .dfReverse .ds{ display: block;} .dfBg{ background-color: #e8e8e8; } .mshow{ display: none; } .pcshow{ display: block;} .pt120{ padding-top:120px; } .p120{ padding:120px 0;} .ejaBg{ background-position: center; background-repeat: no-repeat; background-size: cover;} .txt{ line-height: 2; text-align: justify;} /* ej reset */ .z-page .crc-pub-page-num, .z-page .crc-pub-page-enter, .z-page .crc-pub-page-next{ padding:0; border: 1px solid #D8D8D8; background-color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; } .z-page .crc-pub-page-next, .z-page .crc-pub-page-prev{ width: 80px; line-height: 40px; height: 40px; text-align: center;} .z-page .crc-pub-page-num:hover,.z-page .crc-pub-page-next:hover, .z-page .crc-pub-page-prev:hover{ border-color: #E50113; color: #E50113; } .z-page .crc-pub-page-text{ height: 39px; width: 60px;} .z-page .crc-pub-page-enter{ border-color: #E50113; background: #E50113; width: 60px; } .z-page .crc-pub-page-enter:hover{ background: #E50113; color: #fff; border-color: #E50113; } .z-page .crc-pub-page-sel,.z-page .crc-pub-page-sel:hover{ color: #fff; border-color: #fff; background: #E50113; } .z-page .crc-pub-page-span { color: #666;} .indexBody{ height: 100%; overflow: hidden;} .home{position: absolute; left: 0; right: 0; top: 0; bottom:0; overflow: hidden;} /* .deBox{ height: 100%;} */ .body_home{ height: 100%;} .topHeader{ background-color: #fff; z-index: 100; box-shadow: inset 0px -1px 0px 0px #E8E8E8; } .topHeader{ position: fixed; top: 0; left: 0;right:0; transform: translateY(-48px);} .showdiv .topHeader{ transform: none;} .deHeader .topMenu{ height: 48px;} .deHeader .topMenu .topitem{ margin-left: 20px; padding:2px 5px;} .deHeader .topMenu .topitem.pcMenuBtn{padding:0; overflow: hidden; cursor: pointer; line-height: 32px; width: 32px; height: 32px; background: #E50113;} .deHeader .topMenu .topitem.pcMenuBtn:hover{ background: #CD0011; } .deHeader .topMenu .topitem.searchBtn{ cursor: pointer;} .deHeader .topMenu .topitem.searchBtn:hover i{ color: #E50113!important;} .deHeader .topMenu .topitem.lg i,.deHeader .topMenu .topitem.toplink i{ font-size:12px; transform: scale(.5); padding-left: 5px; display: inline-block; } .deHeader .deMenu{ height: 80px; } .deHeader .deMenu .ejMenuBox{ position: relative; height: 80px; line-height: 80px; } .deHeader .deMenu .ejMenuBox a{ font-size:16px; display: inline-block; font-weight: bold; margin-left: 48px; position: relative; } .deHeader .deMenu .ejMenuBox a:after{ content: ""; position: absolute; left: 0; bottom: 0; height: 4px; background: #E50113; visibility: hidden; opacity: 0; width: 0; transition: all ease-in-out 0.4s; } .deHeader .deMenu .ejMenuBox a.active,.deHeader .deMenu .ejMenuBox a.active1{color: #E50113; } .deHeader .deMenu .ejMenuBox a.active:after,.deHeader .deMenu .ejMenuBox a.active1:after{ visibility: visible; opacity: 1; width: 100%; } .deHeader .deLogo { padding-bottom: 12px; height: 68px;} .deHeader .deLogo img{ height: 100%;} .deHeader .ejnav_child{ top: 100%; z-index: 9; width: 100%; left: 50%; transform: translate(-50%,0); } .deHeader .ejnav_child .item{ position: absolute; visibility: hidden; opacity: 0; width: 640px; min-height: 300px; box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2); border-top: 1px solid rgba(0,0,0,0.2); background-color: #fff; background-repeat: no-repeat; background-image: url(../image/ej-pub-flower01.png); z-index: 9; background-size: 324px auto; background-position: right bottom; padding:40px; transform: translateY(50px); overflow: hidden; } .deHeader .ejnav_child .item.active{ visibility: visible; opacity: 1; transform: translateY(0)} .deHeader .ejnav_child .imgCon {width: 240px;} .deHeader .ejnav_child .imgCon .imgs{ width: 100%; height: 160px;} .deHeader .ejnav_child .imgCon .title{ padding:20px 0 10px;} .deHeader .ejnav_child .imgCon .txt{ color: #9E9E9E;} .deHeader .ejnav_child .nav_link{ padding-left: 12.5%;} .deHeader .ejnav_child .nav_link a{ display: block; font-size:16px; margin-top: 20px; } .deHeader .ejnav_child .nav_link a:first-child{ margin-top: 0;} .body_home.showdiv .topHeader { background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); box-shadow: none; } .body_home.showdiv .deHeader .topMenu .topitem *{color:#fff!important;} .body_home.showdiv .topHeader.addBg{ background: #fff; } .body_home.showdiv .addBg .deHeader .topMenu .topitem *{ color:#666!important; } .body_home.showdiv .addBg .deHeader .topMenu .topitem.pcMenuBtn i{ color: #fff!important;} .body_home.showdiv .deHeader .deMenu .ejMenuBox a { color:#fff} .bLogo{display: block;} .wLogo{ display: none;} .body_home.showdiv .bLogo{ display: none;} .body_home.showdiv .wLogo{ display: block;} .ejIndexBanner{ height: 100%; background-color: #e8e8e8;} .ejIndexBanner .pc_ban{ width: 100%; height: 100%; background-color: #000; display: block; } .ejIndexBanner .pc_ban video{ width: 100%; height: 100%; object-fit: fill; } .ejSearchBox{ width: 100%; position:fixed; top: 48px; height: 80px; background: #FFFFFF; box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.2); border-top: 1px solid rgba(0,0,0,0.2); visibility: hidden; opacity: 0; transform: translateY(50px); } .body_home .ejSearchBox,.body_page .ejSearchBox{visibility: hidden!important; opacity: 0!important;} .body_home.showdiv .ejSearchBox.active,.body_page.showdiv .ejSearchBox.active{ visibility: visible!important; opacity: 1!important; } .ejSearchBox.active{visibility: visible; opacity: 1; transform:none; z-index: 100; } .ejSearchBox .search_in { width: 700px; height: 40px; padding-left: 40px; background: #FFFFFF; border-radius: 4px; border: 1px solid #D8D8D8; } .ejSearchBox .search_in .search_w { padding-right: 100px;} .ejSearchBox .search_in a{width: 80px; line-height: 40px; display: block; right: -4px; top: -1px; bottom:0; height: 40px; background: #E50113; border-radius: 0px 4px 4px 0px; } .ejSearchBox .search_in i{ left: 16px; top:12px; font-size:16px; line-height: 1;} .ejSearchBox .search_in a:hover{ color: #fff; background: #CD0011;} .ejSearchBox .search_in input{ width: 100%; height: 40px; padding:5px; border:none; background: none;} .body_home .bb{ position: fixed; animation: bb 2s linear 0s infinite; cursor: pointer; bottom: 40px; left: 50%; margin-left: -30px; color: #fff; visibility: hidden; opacity: 0; } .body_home .bb i{ font-size:32px;} .body_home.showdiv .bb{ z-index: 10; opacity: 1; visibility:visible; } .yrGroupBox{ left: -8px; top:30px; background:#fff; z-index: 100; padding: 10px 12px; width: 166px; overflow: hidden;display: none;; border-radius: 0px 0px 4px 4px; box-shadow: inset 0px -4px 0px 0px #e8e8e8; opacity: 0; } .yrGroupBox a,.body_home.showdiv .deHeader .topMenu .topitem .yrGroupBox a{ display: block; line-height: 36px; color: #666!important;} .deHeader .topMenu .toplink:hover .yrGroupBox{ opacity: 1; display: block; } .yrGroupBox a:hover,.body_home.showdiv .deHeader .topMenu .topitem .yrGroupBox a:hover{ color: #E50113!important; } .ejbody_b{ position: fixed; left: 0%; top: 100%; bottom: 0; right: 0; background: #fff; overflow: hidden; transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s; z-index: 1; overflow: auto; outline: none; } .ejbody_b.showdiv{ top: 0;} .ejbody_b .indexItem{ padding:120px 0; overflow: hidden; } .ejbody_b .indexItem1{ padding-top: 180px;} .indexTitle{ font-size: 32px; line-height: 1; font-weight: bold; color: #333333; } .indexTitle .indexMore{ right: 0; top:0;} .indexTitle .indexMore a{ font-size: 14px; font-weight: lighter; } .indexTitle .indexMore a:hover{ color: #E50113;} .indexMore a span{ padding-right: 16px; vertical-align: middle;} .indexMore a i{ font-size:40px; vertical-align: middle; color:#E50113;} .indexItem2 .indexMore a i{ color: #fff; } .indenNewsTop{ overflow: hidden; height: 320px; margin-top: 60px;} .indenNewsTop .fullImg { width: 480px; height: 100%; z-index: 1; position: relative;;} .indenNewsTop .fullImg a{ display: block; width: 100%; height: 100%;} .indenNewsTop .indexNewsTopTxt { height: 100%; background: #FFFFFF; padding:40px 40px 40px 520px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .indenNewsTop .indexNewsTopTxt .time{ font-size:24px;} .indenNewsTop .indexNewsTopTxt .title {display: block; line-height: 1; padding:16px 0 20px; } .indenNewsTop .indexNewsTopTxt .txt{ line-height: 2;} .indexNews .newsList{ padding-top: 40px;} .indexNews .newsList .item{ width: calc(33.221% - 12px); background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; opacity: 0; transform: translate(-120px,-120px); } .indexNews .newsList .item:first-child{ transform: none; opacity: 1; } .ejbody_b.showdiv .indexNews .newsList .item{ transform: none; opacity: 1; } .indexNews .newsList .item a .imgs{ width: 100%; height: 0; padding-bottom: 66.7647%; } .indexNews .newsList .item a .imgs_in { top: 0; left: 0; right:0; width: 100%; height: 100%; } .indexNews .newsList .item a .imgs_in .fullImg { width: 100%; height: 100%; } .indexNews .newsList .item a{padding:20px 20px 40px; display: block;} .indexNews .newsList .newsTxtBox { padding-top: 20px;} .indexNews .newsList .item .timeBox{ width: 64px; height: 64px; background:#E50113; } .indexNews .newsList .item .lTitle{ line-height: 1.4; padding-left: 84px; } .indexNews .newsList .item .day{font-size:24px; line-height: 1; padding:5px 0;} .indexNews .newsList .item .year{ font-size:12px;} .ejBg{ background-repeat: no-repeat; background-size: cover; background-position:center center;} .indexItem2 .indexTitle,.indexItem2 .indexTitle .indexMore a{ color: #fff;} .indexItem2 .indexTitle .indexMore a:hover{ color: #fff;} .indexItem2 .gotoEj{ width: 860px; margin:0 auto;} .indexItem2 .gotoEj .txt{ padding-top: 60px; line-height: 2;} .indexItem2 .gotoEj .list{ padding-top: 46px;} .indexItem2 .gotoEj .list .num{ font-size:40px;line-height: 1; display: inline-block; } .indexItem2 .gotoEj .list .dw{ font-size:14px; } .indexItem2 .gotoEj .list .item div{ padding-top: 20px; } .indexItem3 .indexVideoBox{ width: 790px; padding-right: 10px;} .indexItem3 .indexVideoBox_in{ width: 780px; height: 440px; } .indexItem3 .indexVideo_in{ width: 320px; height: 440px; opacity: 0; transform: translate(100px,0); } .indexItem3.showdiv .indexVideo_in{ opacity: 1; transform: none; } .indexVideo_in .title{ font-size:32px; font-weight: bold; } .indexVideo_in .txt { padding-top: 20px; } .indexVideo_in .indexMore { margin-top: 40px;} .indexVideoBox .indexVideoBox_in::before{ content: ""; position: absolute; top: 10px; left: 10px; width: 100%; height: 100%; background-color: #E50113; } .vBox{ background-color: #000; width: 100%; height: 100%;} .indexItem4{ background: #F6F4F3;} .indexItem4 .indexHealth{ padding-top: 60px; } .indexItem4 .indexHealth_in{ width: 100%;} .indexItem4 .indexHealth_in .item{ width: calc(33.306% - 33px); overflow: hidden; opacity: 0; transform: translate(-120px, 0); } .indexItem4 .indexHealth_in .item:first-child{ opacity: 1; transform: translate(0px, 0); } .indexItem4.showdiv .indexHealth_in .item{opacity: 1; transform: none; } .indexItem4 .indexHealth_in .item .imgs{ height: 0; padding-bottom: 66.66%; width: 100%; overflow: hidden;} .indexItem4 .indexHealth_in .item .imgs div{ top: 0; left: 0; width: 100%; height: 100%;} .indexItem4 .indexHealth_in .item .listBox { height: 330px; padding:40px 20px; overflow: hidden; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; } .indexHealth .ejHealthTitleBox a i{ padding-left: 5px; } .indexHealth_in .item .listBox .hli{ padding-top: 20px; overflow: hidden; } .indexHealth_in .item .listBox .hli a{ display: block;} .indexHealth_in .item .listBox .hul .hli .time{ color: #9E9E9E; padding-top: 8px; line-height: 1;} .indexItem5{ padding:80px 0} .indexfastLink .item a{ display: block; height: 100%; transform: none; } .indexItem5 .item{ width: 160px; margin: 0 46px; } .indexItem5 .item .imgs{ background:none; margin:0 auto; width: 64px; height: 64px; overflow: hidden; } .indexItem5 .item .imgs .imgs_in{ top: 0; left: 0; width: 100%; height: 100%;} .indexItem5 .item .title{ margin-top: 20px; height: 16px; line-height: 1; display: block; transform: none; } .ejFooter .ejfTop{ height: 60px; width: 100%;background: #E50113; } .ejFooter .ejfLink{ line-height: 60px; } .ejFooter .ejfLink a,.ejFooter .ejfLink span{ color: #fff; display: inline-block; font-weight: bold; } .ejfLink span{ padding:0 5px 0 6px; } .fLink{ margin-top: 14px;} .fLink span,.fLink .flinkList{ display: inline-block; vertical-align: middle;} .fLink .flinkList{ width: 235px; padding:0 44px 0 8px; cursor: pointer; height: 32px; background: #FFFFFF; border-radius: 4px 0px 0px 4px; } .flinkList span{ line-height: 30px;} .flinkList .fBtn{ width: 35px; right: -35px; top:0; height: 32px; background: #F6F4F3; border-radius: 0px 4px 4px 0px; } .flinkList .fBtn i{line-height: 32px; font-size:12px; display: block; transform: scale(0.5); } .flinkListBox{ z-index: 1; right: 0; background-color: #fff; padding:10px 12px; width: 235px; overflow: hidden; border-radius: 0px 0px 4px 4px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; height: 0; opacity: 0; } .flinkListBox.active{ height:auto; opacity: 1;} .flinkListBox a{ display: block; padding:5px; font-size:16px; color:#666;} .ejFooterMian .fList { padding:80px 0; width: 100%; } .ejFooterMian{background: #272727;} .ejFooterMian .fLogoBox{ width: 260px;} .ejFooterMian .fFollowUs{ width: 220px;} .ejFooterMian .fNav{ padding:0 40px;} .ejFooterMian .fNav .item{ padding:0 30px;} .ejFooterMian .fNav .item ul{ margin-top: 20px; } .ejFooterMian .fNav .item ul li{ padding-bottom: 20px; } .ejFooterMian .fNav .item ul li a{ color: #9E9E9E; display: block; line-height: 1; } .flogoImg img{ width: 190px;} .fLogoBox .ftxt { padding-top: 48px; color:#9E9E9E;} .fFollowUs .txt{ padding-top: 20px; color: #9E9E9E; } .fFollowUs .list{ padding-top: 40px;} .fFollowUs .list .item{ margin-right: 20px;} .fFollowUs .list .item .iBox{cursor: pointer; width: 46px; height: 46px; border-radius: 100%; background: #fff;} .fFollowUs .list .item i{ display: block; line-height: 1; font-size:48px; color:#9e9e9e;} .fFollowUs .list .item .imgs { width: 160px; height: 208px; background-size: 100% 100%; background-repeat: no-repeat; padding:10px 10px 20px; bottom: 60px; left: 50%; margin-left: -80px; transform: translateY(-50px); opacity: 0; visibility: hidden; } .fFollowUs .list .item:hover .imgs{ opacity: 1; transform: none; visibility: visible; } .fFollowUs .list .item:hover i{ color: #E50113;} .fFollowUs .list .item .imgs .txt{ padding:0 10px; color: #9e9e9e; line-height: 20px; font-size:12px; } .fFollowUs .list .item .imgs img{ width: 140px;} .ejcopyRight{ height: 64px; line-height: 64px; color: #666; background: #272727; box-shadow: inset 0px 1px 0px 0px #3F3F3F; } .ejcopyRight span,.ejcopyRight a{ color: #666; } .ejcopyRight .ejbah{ padding:0 20px;} .ejcopyRight a:hover{ color: #E50113; } .ejMap{ visibility: hidden; opacity: 0; position: fixed; z-index: 102; background-size: cover; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; bottom: 0; right:0; } .ejMap.active{ opacity: 1; visibility: visible; } .ejMap_in .top{ height: 100px; padding:24px 0; } .ejMap_in .top .mapLogo{ height: 56px;} .ejMap_in .top .mapLogo img{ height: 100%;} .closeMap{ cursor: pointer; background-color: #E50113; width: 32px; height: 32px; line-height: 32px; overflow: hidden; } .closeMap i{ font-size: 16px; color:#fff; } .ejMap_in .ejMap_nav .item .menuName{ color: #fff; font-size:20px; text-align:center; line-height: 1.2; } .ejMap_nav { text-align: center;} .ejMap_nav .list_a1{ font-size: 16px; color: #FFFFFF; line-height: 24px; } .ejMap_nav a{ display: block; margin-top: 16px;} .ejMap_nav li a{ color: #B6B7BB; line-height: 22px; } .ejMap_nav .navBox a:hover{ color: #E50113!important;} .pageBanner{ padding-top: 128px; width: 100%; overflow: hidden; } .pageBanner .pageBanner_in img{ width: 100%; height: auto; } .ejMenuList{height: 60px; width: 100%; background: #FFFFFF; box-shadow: inset 0px -1px 0px 0px #E8E8E8; } .pageBanner .bannerTBox{ bottom: 0; left: 50%; transform: translateX(-50%); padding-bottom:88px; } .pageBanner .bannerTBox .bannerTxt{ color: #fff; font-size:16px;} .pageBanner .bannerTBox .bannerTitle{ padding-bottom: 20px; font-size: 48px; font-weight: bold; color: #FFFFFF; line-height: 54px; } .ejMenuList>div,.ejMenuList .ejMenuList_in { height: 100%;} .ejMenuList_in .item{ padding:0 20px; position: relative; height: 100%; } .ejMenuList_in .item_child{ position: absolute;} .ejMenuList_in .item_a1 { line-height: 60px; display: block; font-size:16px; font-weight: bold;} .ejMenuList_in .item_a1.active{ color: #E50113; } .ejMenuList_in .item_a1 i{ font-size:12px; display: none; transform: scale(0.5); transition: all ease-in-out 0.2s;} .ejMenuList_in .item:hover i.active{ transform:scale(0.5) rotate(180deg) } .ejMenuList_in .item_child { top: 59px; left: 0; opacity: 0; visibility: hidden; transform: translateY(50px); width: 120px; padding:10px 20px; background: #FFFFFF; box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2); border-radius: 0px 0px 4px 4px; } .ejMenuList_in .item .item_child.active{display: none; opacity: 0; visibility: visible; transform: none;} .ejMenuList_in .item_child a{ display: block; font-size: 16px; font-weight: bold; color: #666666; line-height: 40px; } .ejMenuList_in .item_child a.active, .ejMenuList_in .item:hover a.item_a1, .ejMenuList_in .item_child a:hover{ color: #E50113; } .pageTitle{ text-align: center; font-size: 32px; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold; color: #333333; line-height: 40px; padding-bottom: 60px; } .ejsingle{ overflow: hidden;} .ejsingle img{ max-width: 100%!important; height: auto!important;} .ej_gsjsImgs{ margin-top: 120px; padding-top: 76px;} .ej_gsjsImgs .imgs{ width: 100%; overflow: hidden;} .ej_gsjsImgs .imgs img{ max-width: 100%;} .ej_gsjsImgs_in{ top: 0; width: 100%;} .ej_gsjsImgs_in .numberBox{ background-color: #E50113; width: 460px; height: 316px; padding:50px 40px; flex-wrap: wrap; right: 0; } .ej_gsjsImgs_in .numberBox:after{ content: ""; position: absolute; bottom: 0; left:0; width: 240px; height: 162px; background: url(../image/ej-about-introduce-about-pic.png) no-repeat center bottom; background-size: auto 100%; } .ej_gsjsImgs_in .numberBox .item { width: calc(50% - 40px); margin-left: 30px;} .ej_gsjsImgs_in .numberBox .item .n{ color: #fff; } .ej_gsjsImgs_in .numberBox .item span{ font-size:40px; padding-right:5px;} .ej_gsjsImgs_in .numberBox .item .txt{ color: #fff; } /* 管理团队 */ .ejTeam{overflow: hidden;} .ejTeam .item { margin-bottom: 20px; background: #FFFFFF; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; float: left; width: calc(33.33% - 14px); margin-right: 20px; height: 240px; } .ejTeam .item:nth-child(3n){ margin-right: 0;} .ejTeam .item .txtBox{ padding: 40px;} .ejTeam .name{ font-size: 24px; line-height: 28px; } .ejTeam .name span{ font-size:14px; color: #999; padding-left: 16px; } .ejTeam .txt{ padding-top: 20px;} .ejcompany_profile .item{ padding:120px 0;} .ejcompany_profile .title{ font-size: 24px; color: #FFFFFF; line-height: 32px; } .ejcompany_profile .item1{ padding:0;} .ejcompany_profile .item1 .inner{ padding:120px 0; } .ejcompany_profile .item1 .inner .imgs{ top:0; height: 480px; width: 100%;} .ejcompany_profile .item1 .txt{ width: 860px; margin:0 auto; padding:20px 0;} .pMore{ color: #fff; line-height: 1; } .pMore a{ color: #fff; vertical-align: middle;} .pMore i{ padding-left: 16px; font-size:32px; vertical-align:sub;} .pMore a:hover,.pMore a:hover i{ color:#E50113;} .item4 .pMore a:hover,.item4 .pMore a:hover i,.item1 .pMore a:hover,.item1 .pMore a:hover i,.item2 .pMore a:hover,.item2 .pMore a:hover i{ color: #fff;} .ejcompany_profile .item1 .conBox .btImgs{ margin-top: 60px; overflow: hidden;} .ejcompany_profile .item1 .conBox .btImgs img{ max-width: 100%;} .ejcompany_profile .item2 .pMore{ padding:20px 0 60px;} .ejcompany_profile .item3 { overflow: hidden; } .ejcompany_profile .item3 .swiper-container{ overflow: initial;} .ejcompany_profile .item3 .swiper-button-prev, .ejcompany_profile .item3 .swiper-button-next { background:none; } .ejcompany_profile .item3 ul{ padding-top: 60px; flex-wrap: wrap;} .ejcompany_profile .item3 ul li{ width: calc(33.33% - 14px)!important; background: #FFFFFF; padding:10px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; margin-bottom: 20px; min-height: 240px; } .ejcompany_profile .item3 ul li:nth-child(3n){ margin-right: 0!important; } .ejcompany_profile .item3 ul li .txtBox{ padding:20px 30px 30px; } .ejcompany_profile .item3 ul li .txtBox .name{ font-size: 20px; line-height: 28px; } .ejcompany_profile .item3 ul li .txtBox .txt{ margin-top: 16px;} .ejcompany_profile .item3 .title{ color: #333;} .ejcompany_profile .item3 .pMore{ position: absolute; top: 0; right:0;} .ejcompany_profile .item3 .pMore a{ color: #333;} /* .ejcompany_profile .item3 .pMore a i{ color:#E50113;} */ .ejcompany_profile .item4{ padding:0; background: none;} .item4Top{ z-index: 25; left: 19.27%; top: 18%; } .item4Top .title{ padding-bottom: 20px;} /*his*/ .his{ width:100%; overflow:hidden; position:relative} .his-head{width:auto;font-size:30px;font-weight:bold;position:absolute;padding-bottom:27px;z-index: 24;left:6.25%;top:10%;} .his-head a{color:#fff;} .his-head:before{ width:36px; height:6px; position:absolute;left:0%;bottom:0px; z-index:12; background:#fff; content:"";} .his-bg{ width:100%; overflow:hidden; position: absolute;left:0px;top:0px; z-index:12; height:100%} .his-pic{ width:100%; overflow:hidden; position:absolute;left:0px;top:0px; z-index:12; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; height:100%;opacity:0;transition:all 0.3s ease} .his-bg .active{opacity:1; z-index:13} .his-s{ width:100%; overflow:hidden; position:relative; z-index:15} .his-s img{ width:100%; height:auto} .his-slide{ width:100%; height: 45%; overflow:hidden; position:absolute;left:0px; bottom:20%; z-index:34; text-align:center} .his-slide .swiper-slide{ text-align:center} .his-slide .swiper-slide .his-ct .time{ font-size:20px; padding:20px 0 10px; color: #fff; display: none; } .his-slide .swiper-slide span{left: 62%; padding-top: 50px; position: absolute; display:inline-block; font-size:40px; color:#fff;transition:all 0.5s ease 0.6s;transform:translateY(-20px);opacity:0;font-family:'EuclidCircularb'; font-style:normal} .his-slide .swiper-slide samp{height: 91%; border:10px solid #fff; display:inline-block;transition:all 0.5s ease 0.6s;transform:translateY(-20px);opacity:0; left: 36.2%; position: absolute; background: #f9f9f9; max-width: 400px; } .his-slide .swiper-container,.his-slide .sp_in { height: 100%;} .his-slide .swiper-slide samp img{width:auto;height:100%;transform: scale(1); } .his-slide .swiper-slide .his-ct{ position: absolute; left: 62%;padding-top: 50px; max-width:460px; display:inline-block; overflow:hidden; text-align:left; vertical-align:top;transition:all 0.5s ease 0.6s;transform:translateY(-20px);opacity:0 } .his-slide .swiper-slide .his-ct p{ float:left; width:100%; overflow:hidden; font-size:14px; color:#fff; margin-top:68px} .his-slide .swiper-slide-active span,.his-slide .swiper-slide-active samp,.his-slide .swiper-slide-active .his-ct{opacity:1;transform:translateY(0px)} .his-slide .swiper-button-next{background: none; right:6.25%;top:auto; bottom:5%;outline: none; width: auto;height: auto; } .his-slide .swiper-button-next:before{ display: none; width:100%; height:100%; text-align:center; position:absolute;left:0px;top:0px; font-family:"iconfont"; color:#fff;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content:"\e641";font-size:29px; } .his-slide .swiper-button-next i{ font-weight: lighter; color: #fff; font-size:26px; line-height: 1; display: block;} .his-ul{ width:100%; overflow:hidden; height:100%; position:absolute;left:0px;top:0px; z-index:23} .his-li{ width:120px; overflow:hidden; position:absolute; z-index:12;transition:all 0.4s ease;right:20%;bottom:100%; } .his-li span{ float:right; width:20px; height:20px; overflow:hidden;border-radius:50%; background:#fff; position:relative} .his-li span:before{width:10px; height:10px;border-radius:50%; overflow:hidden; background:#E50113; position:absolute; content:"";left:5px;top:5px; z-index:1} .his-li p{ float:right; width:auto; line-height:20px; font-size:20px; color:#fff;margin-right:10px;} .his-ul .active{right:69.4%;bottom:7%; display:block} .his-ul .active1{right:36.9%;bottom:72%; display:block} .his-ul .active2{right:33%;bottom:80%; display:block} .his-ul .active3{right:29%;bottom:88%;display:block} .his-ul .hide{ display:none} /* 企业文化 */ .ej_culture .pageTitle{ padding-bottom: 0;} .ej_culture_top_txt{ padding: 20px 160px 60px; line-height: 2; background: url(../image/ej-about-culture-bg.png) no-repeat center bottom; background-size: 90% auto; } .ej_culture_video{ background: url(../image/weihuaBg.png) no-repeat center top; background-size: 100% 480px; padding-top: 120px; } .ej_videoBox{ width: 66.1018%; height: 0; padding-bottom: 37.204%; margin-right: 7.5982%;} .ej_videoBox_in{ top: 0; left: 0; width: 100%; height: 100%;} .ej_videoBox_in:before{ content: ""; position: absolute; background-color:#E50113; left: 10px; top: 10px; width: 100%; height: 100%;z-index:0; } .ej_videoContainer{ position: relative; width: 100%; height: 100%; overflow: hidden; background: #000;} .ej_videoContainer video{ width: 100%; height: 100%;} .ej_culture_video_in .txtBox { width: 26.3%; padding-top: 62px; } .ej_culture_video_in .txtBox .title{ font-size: 24px; line-height: 32px; padding-bottom: 20px;} .ej_culture_video_in .txtBox .txt{ line-height: 2; } .ej_culture_mission{ padding-top: 130px;} .ej_culture_mission_in{ overflow: hidden; width: 100%; background: #fbfbfb;} .ej_culture_mission_in .item{ overflow: hidden; width: 180px; overflow: hidden; border-right: 1px solid #fff; height: 480px; } .ej_culture_mission_in .item.active{ width: calc(100% - 360px); } .ej_culture_mission_in .item .imgs{overflow: hidden; width: 0; left: 0; top: 0; height: 100%;} .ej_culture_mission_in .item .imgs img{ height: 100%;} .ej_culture_mission_in .item.active .imgs { width: 298px;} .ej_culture_mission_in .item .ej_item_name{ width: 180px; height: 100%; background:url(../image/ej-pub-pattern-red-bg.png) #E50113; padding:40px 0; } .ej_culture_mission_in .item.active .ej_item_name{opacity: 0;} .ej_culture_mission_in .item .ej_item_txt{ width: 0; padding:0; background: url(../image/ej-pub-flower021.png) no-repeat right bottom / 100px auto;} .ej_culture_mission_in .item.active .ej_item_txt{ width: calc(100% - 338px); padding-right: 40px; } .ej_culture_mission_in .item.active .ej_item_txt .ej_item_txt_in{ min-width: 440px; } .ej_item_txt_in .title { font-size:24px; padding-bottom: 40px; } .ej_item_txt_in .txt { line-height: 2;} .ej_culture_mission_in .ej_item_name .ft{ color: #fff; letter-spacing: 5px; writing-mode: vertical-lr; } .ej_culture_mission_in .bTitle{ font-size:24px; margin-right:20px; line-height: 1;} .ej_culture_mission_in .mtxt{ padding-top: 40px; line-height: 1.4; } .ej_culture_mission_in .ej_item_txt_in{ min-width: 300px; } /* 荣誉资质 */ .ej_honor{ height: 612px; width: 100%; } .ej_honor_item .imgs,.ej_honor_item{ height: 100%;} .ej_honor_item .imgs .item{ width: 50%; height: 100%;} .imgs_bg{ background-color: #C6A268;} .ej_honor_item .imgs_bg{ background: url(../image/ej-pub-pattern-yellow-bg.png);} .ej_honor_txt{ width: 100%; height: 100%; overflow: hidden; top: 0;left: 0; right: 0;bottom:0;} .ej_honor_txt_in .sIms{ width: 36.3%; height: 0; padding-bottom: 25.424%; background-color: #fff; top: 120px; left: 50%; margin-left: -19%; } .ej_honor_txt_in{ height: 100%;} .ej_honor_txt_in .sIms::before{ content: ""; left: 10px; top: 10px; position: absolute; background: #AA8953; width: 100%;height: 100%; } .ej_honor_txt_in .sImgs_in{ width: 100%; height: 100%; background-color: #fff; top: 0;left: 0; } .ej_honor_txt_in .txtBox {right: 0; top: 185px; width: 24%;} .ej_honor_txt_in .year{ left: 10%; bottom: 192px; font-size: 80px; } .ej_honor_txt_in .txtBox .title{ padding-bottom: 20px; font-size:24px; } .ej_honor_txt_in .txtBox .txt{ line-height: 2;} .honorBtn{ width: 160px; left: 50%; margin-left: 84px; bottom:84px;} .honorBtn .swiper-button-prev, .honorBtn .swiper-button-next{width: 30px;height: 12px;margin-top: -30px; } .honorBtn .swiper-pagination{ color: #fff;} .honorBtn .swiper-pagination-current { font-size:20px} /* 企业文化 end */ /* 品牌形象 */ .ej_brand{ padding-top: 120px; background-size: 100% 480px; background-position: center top; } .ej_brand .ej_brank_in{ width: 100%;padding:50px 80px 12px; background-color: #fff; position: relative;} .ej_brand .ej_brank_in:after{ content: ""; width: 100%; height: 30px; overflow: hidden; position: absolute; top: -30px; left: 0; background: url(../image/brankBg2.png) no-repeat center top; background-size: 100% 100%; } .ej_brand .blogo{ width: 120px; padding-top: 40px;} .ej_brand .blogo img{ width: 100%;} .ej_brand .txt{ width: calc(100% - 120px); padding-left: 80px; line-height: 2;} /* 关于我们 */ .ej_aboutUs .item{ width: 100%;} .ej_aboutUs .item1 .imgs{ width: 100%;} .ej_aboutUs .item1 .imgs img{ width: 100%;} .ej_aboutUs .item1 .txtBox{ width: 100%; height: 100%; top: 0; right: 0; left: 0;bottom:0; } .ej_aboutUs .item1 .txtBoxInner { width: 380px; padding:66px 40px; background:#E50113; right: 0; top: 120px; } .ej_aboutUs .item1 .topTitle { font-size:24px; padding-bottom: 20px; } .ej_aboutUs .item2{ padding: 120px 0;} .ej_aboutUs .item2 .imgslist{ width: calc(33.33% - 13.28px); } .ej_aboutUs .item2 .imgslist_in{ width: 100%; padding-bottom: 126.318%; } .ej_aboutUs .item2 .imgsBox{ top: 0; left: 0; width: 100%;height: 100%;} .ej_aboutUs .item2 .imgsBox .fullImg{ width: 100%; height: 100%;} .ej_aboutUs .item2 .txtBox{ width: 100%; height: 100%; top: 0;left: 0; right: 0;bottom: 0; padding:40px; } .ej_aboutUs .item2 .txtBox .name{ padding-top: 50px; font-size:24px; padding-bottom: 80px;} .ej_aboutUs .item2 .mshow{ display: none; } .ej_aboutUs .item3 .imgs,.ej_aboutUs .item3 .txtBox{ width: 50%;} .ej_aboutUs .item3 .txtBox{ padding:0 80px; } .ej_aboutUs .item3 .txtBox .title{ padding-bottom: 20px; font-size:24px;} .ej_aboutUs .item3 .txtBox .more {margin-top: 43px; line-height: 1; vertical-align: middle;} .ej_aboutUs .item3 .txtBox .more i{ font-size:34px; padding-left: 16px;vertical-align: middle;} .ej_aboutUs .item3 .txtBox .more:hover i{ color: #a31f34;} .ej_aboutUs .item4{ padding-top: 40px;} .ej_aboutUs .item4Top{ background: url(../image/ej-about-quality-material-mission-bg.png) no-repeat center top; background-size: 100% auto; padding-top: 80px; } .ej_aboutUs .item4Top .title{ font-size:24px; line-height: 1;} .ej_aboutUs .item4Top .txt{ padding: 40px 200px 60px; line-height: 2;} .ej_aboutUs .item4Imgs { height: 690px; padding-bottom: 50px;} .ej_aboutUs .item4Imgs .smImgs { bottom: 0; left: 0; right: 0;} .ej_aboutUs_tab .imgsList .imgs img{ width: 100%;} .ej_aboutUs_tab .imgsList .txtBox { width: 100%; top: 0; left: 0; right: 0;bottom: 0;} .ej_aboutUs_tab .imgsList .name{ font-size:24px; padding-bottom: 20px;} .ej_aboutUs_tab .imgsList2 .name{ padding-top: 120px;} .ej_aboutUs_tab .ej_about_tabBox{ width: 100%; overflow: hidden; height: 900px;} .ej_aboutUs_tab .imgsList .txtBox .txt{text-align: center; } .ej_aboutUs .item4Imgs .swiper-slide a{ display: block; width: 100%; height: 100%; } .ej_aboutUs .item4Imgs .swiper-slide a>div{ height: 100%; } .ej_aboutUs .item4Imgs .swiper-slide a .name{ position: absolute; left: 0; bottom: 177px; font-size: 40px; opacity: 0; transform: translateX(50px); line-height: 48px; } .ej_aboutUs .item4Imgs .swiper-slide.swiper-slide-active a .name{ transform: none; opacity: 1; } /* 视频中心 */ .ejVideoBox_in .item{ cursor: pointer; margin-bottom:20px; width: calc(100%/3 - 13.33px); float: left; margin-right: 20px;} .ejVideoBox_in .item:nth-child(3n){ margin-right: 0;} .ejVideoBox_in .item_in{ width: 100%;} .ejVideoBox_in .item_in:hover .title{ color: #E50113;} .ejVideoBox_in .item_in .imgs{ overflow: hidden; width: 100%; height: 0; padding-bottom: 56.315%;} .ejVideoBox_in .item_in .imgs div{ top: 0; left: 0;} .ejVideoBox_in .item_in .imgs i{ font-size:40px; right: 20px; bottom:20px;} .ejVideoBox_in .txtBox{ padding-top: 10px;} .ejVideoBox_in .txtBox_in{ padding:20px 40px; box-shadow: inset 0px -4px 0px 0px #E8E8E8, inset 1px 0px 0px 0px #E8E8E8, inset -1px 0px 0px 0px #E8E8E8; } .ejVideoBox_in .txtBox_in::before,.ejVideoBox_in .txtBox_in:after{ position: absolute; content: ""; width: 5px;height: 5px; background: #EFECEA; border-radius: 100%; top: 0px; left: -2px; } .ejVideoBox_in .txtBox_in:after{ right: -2px; left: auto;} .ejVideoBox_in .time .n{ padding-left: 20px; color: #9e9e9e; } .ejVideoBox_in .title{ padding-top: 20px; font-size:20px; height: 94px; } .ejVideoBox_in .item:hover img{ transform: scale(1.1); } .jp-video .jp-close { width: 42px; height: 42px; background-position: -102px -140px; top: -6px; } .videoTitle h2{ font-size:24px; font-weight: bold; padding-bottom: 20px;} /* 新闻动态 */ .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{ padding-top: 20px;} .ejNewsBox .item{ margin-top: 40px;} .ejNewsBox .item a{ position: relative; padding-bottom: 40px;box-shadow: inset 0px -1px 0px 0px #F6F6F6; } .ejNewsBox .item a:after{ transition: all ease-in-out 0.2s; content: ""; width: 0; background-color: #E50113; height: 4px; position: absolute; left: 0; bottom: 0; } .ejNewsBox .item a:hover:after{ width: 100%;} .ejNewsBox .item .timeBox{ width: 100px;height: 100px; margin-right: 40px; box-shadow: inset 0px 4px 0px 0px #E50113; border: 1px solid #E8E8E8; } .ejNewsBox .item .imgs{ width: 240px; height: 160px; overflow: hidden; margin-right: 40px;} .ejNewsBox .item .dfReverse .imgs{ margin-left: 40px; margin-right: auto; } .ejNewsBox .item .txtBox{ flex: 1; } .ejNewsBox .item .d{ font-size:32px; line-height: 1; padding:20px 0 12px; } .ejNewsBox .item .y{ line-height: 1;} .ejNewsBox .item .title{ font-size:20px; padding-bottom: 20px; line-height: 1.4; } .mej_time{ display: none; color: #666; padding-bottom: 10px; font-size:14px; } /* 养生专栏 */ .ejHealthColumn{ overflow: hidden; } .ejHealthColumn .topItem .imgs img{width: 100%;} .ejHealthColumn .topItem{ padding-bottom: 120px;} .ejHealthColumn .topItem .txtBox{left: 540px; bottom:0; line-height: 2; width: 560px; padding:72px 40px; background: #E50113; } .ejHealthColumn .topItem .tBox { bottom: 0; left: 0; padding-left: 220px;} .ejHealthColumn .title{ font-size:24px; padding-bottom: 20px;line-height: 1.4; } .ejHealthColumn .more,.ejHealthColumn .more .t{ line-height: 1; vertical-align: middle;} .ejHealthColumn .more i{ font-size:40px; vertical-align: middle; padding-left: 16px;} .ejHealthColumn .listBox{ margin-top: 120px; background:url(../image/ej-pub-flower021.png) no-repeat right bottom #FBFBFB; padding:100px 0 120px; background-size: auto 500px; } .ejHealthColumn .listBox .item{ width: calc(50% - 10px); box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .ejHealthColumn .listBox .item a{ display:block; padding:80px 41.37% 90px 40px;} .ejHealthColumn .listBox .item a .title { color: #333;} .ejHealthColumn .listBox .item .imgs{ right: 0; top: 0; width: 33.485%;} .ejHealthColumn .listBox .item .imgs .imgs_in{ width: 100%; height: 0; padding-bottom: 130%; overflow: hidden;} .ejHealthColumn .listBox .item .txt{ padding-bottom: 40px;} /* 创新研发 */ .ejResearch .list{ overflow: hidden;} .ejResearch .list .item{ width: 50%;} .ejResearch .txtBox{ padding:100px 0; height: 560px;} .ejResearch .txtBox_in{ width: 510px; margin-left: 80px;} .ejResearch .list .bgType{ background: url(../image/ej-pub-pattern-brown-bg.png); background-color: #8C726E;} .ejResearch .list:nth-child(2n) .txtBox_in{ margin-left: auto; margin-right: 80px; float: right; } .ejResearch .list .bgType .txtBox_in,.ejResearch .list .bgType .txtBox_in *{ color:#fff!important; } .ejResearch .list:nth-child(2) .txtBox{ background: url(../image/ej-business-research-bg02-2.png); background-size: cover!important; } /* 核心产品 */ .ejProDt .proTop{border-bottom:4px solid #F6F6F6; padding-bottom: 80px; } .ejProDt .ejsingle{ padding:40px 0 80px;} .ejProDt .ejShare{border-top:4px solid #F6F6F6; padding-top: 40px; } .ejProDt .proInfo { width: 320px; margin-right: 80px; padding-top: 80px;} .ejProDt .proImgs{ flex: 1;} .ejProDt .proImgsSwiper{ width: 400px;} .proImgsSwiper>img{ max-width: 100%; max-height: 100%;} .ejProDt .proOutLink{ right: 0; top: 80px;} .ejProDt .proInfo .title{ font-size:24px;} .ejProDt .proInfo .proInfoTxt div{ margin-top: 20px;} .ejProDt .list a{ display: inline-block; margin-left: 20px; padding:14px 18px; line-height: 1; height: 60px;vertical-align: middle; border-radius: 8px; color: #666; font-size:16px; border: 1px solid #E8E8E8; } .ejProDt .list a .icon{ width: 32px; vertical-align: middle; height: 32px; fill: currentColor; overflow: hidden; } .ejProDt .list a span{vertical-align: middle; padding-left: 16px; } .ejProDt .linkName{ margin-left: 20px; margin-bottom: 20px;} .proImgsSwiper .swBtn { width: 100%; bottom:0; height: 60px; } .proImgsSwiper .swBtn .iconfont{ width: 32px; height: 32px; font-size:32px; background: none; line-height: 1; margin-top: 0; top: 14px; } .proImgsSwiper .gallery-top { height: 400px; width: 400px; } .proImgsSwiper .gallery-thumbs { height: 60px; margin:10px 52px 0; box-sizing: border-box; } .proImgsSwiper .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .proImgsSwiper .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .proImgsSwiper .swiper-button-prev{ left: 0;} .proImgsSwiper .swiper-button-next{ right: 0;} .ejShare i{ font-size:40px; line-height: 1; color: #D8D8D8;} .ejShare .item:first-child i:hover { color: #09c161;} .ejShare .item:nth-child(2) i:hover { color: #E71F19;} .ejShare .item:nth-child(3) i:hover { color: #F3C621;} .ejShare .item{ margin-left: 20px; cursor: pointer;} .ejShare .codeBox{ width: 120px; height: 120px; bottom: 40px; left: 50%; margin-left: -60px; transform: translateY(-20px); opacity: 0; visibility: hidden; background-repeat: no-repeat; background-size: 100% 100%; } .ejShare .item:hover .codeBox{ opacity: 1; transform: none; visibility: visible;} #qrcode{ padding:5px 10px; } .ejShare .txt{ line-height: 42px; } /* 核心产品 */ .ejProdcut_hx_in{ padding-top: 246px; background-position: center top; background-repeat: no-repeat; background-size: auto 480px; } .hx_p li{ float: left; margin-right: 50px; margin-top: 40px; overflow: hidden; background: url(../image/ej-business-pro-pic-border.png) no-repeat center center; background-size: 100% 100%; width: 360px; height: 380px; } .hx_p li:nth-child(3n){ margin-right: 0; } .hx_p li a{ display: block; padding:26px 30px 0; width: 100%;height: 100%; } .hx_p li a .imgs{ width: 100%; height: 0;padding-bottom: 100%;} .hx_p li a .imgs .imgs_in{ top: 0; left: 0; width: 100%; height: 100%;} .hx_p li a p{ font-size:20px; line-height: 28px;} .p_hover{ width: 100%; height: 100%; background: url(../image/ej-business-pro-pic-border-sel.png) no-repeat center center; background-size: 100% 100%; top: 0; left: 0; height: 0; opacity: 0; } .hx_p .p_hover .name{ font-size:24px; } .hx_p .p_hover .txt{ padding:20px 30px 40px; text-align: left; line-height: 2; } .hx_p .p_hover i{ font-size:20px; line-height: 1;} .hx_p li a:hover .p_hover{ transform: none; opacity: 1; height: 100%;} .ejProduct_hx .pTitleBox{text-align: center; font-size: 24px; font-weight: bold; line-height: 32px; } .ejProduct_hx .w1180{ margin-bottom: 120px;} .ejProduct_hx .w1180:last-child{ margin-bottom: 0;} .ejProduct_hx .pTitleBox{ padding-bottom: 40px;} .ejProduct_hx .pTitleBox .pmore{ right: 0; top: 10px;} .ejProduct_hx .pTitleBox .pmore a{font-weight: lighter; font-size: 14px; vertical-align: middle; } .ejProduct_hx .pTitleBox .pmore a i{ padding-left: 12px; font-size:40px;vertical-align: middle; line-height: 1; } /* 营销网络 */ .ejQuestion_in{ margin-top: -10px; } .ejQuestion_in .item{ width: calc(33.33%); float: left; padding:10px; } .ejQuestion_in .item .item_in{ border: 1px solid #E8E8E8;box-shadow: inset 0px -4px 0px 0px #E8E8E8; min-height: 240px; padding:40px; } .ejQuestion_in .item .item_in .time{ font-size:20px; padding-bottom:20px; line-height: 1;} .ejQuestion_in .item .item_in .name{ font-size:20px;} /* 人才理念 */ .ejTalent .item{ padding:120px 0;} .ejTalent .item1{ padding:94px 0; } .ejTalent .item1 .txtBox{background:url(../image/ej-pub-pattern-red-bg.png); padding:60px 40px; width: 700px; line-height: 2; } .ejTalent .item1 .txtBox i{ right: 47px; top: -28px; font-size:54px; line-height: 1; } .ejTalent .item2 ul{ align-items:stretch;} .ejTalent .item2 ul li { width: calc(33.33% - 12px); box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; padding:60px 32px; } .ejTalent .item2 .imgs{ width: 56px; margin:0 auto; overflow: hidden;} .ejTalent .item2 .imgs img{ max-width: 100%;} .ejTalent .item2 .imgs i{ font-size:56px; line-height: 1;} .ejTalent .title{ padding-bottom: 60px; font-size:24px; } .ejTalent .sTitle{ font-size:20px;} .ejTalent .item2 .sTitle{ padding:32px 0 20px;} .ejTalent .item3{ background: #F6F4F3;} .ejTalent .item3 .rclnImgBox{ width: 320px; padding-left: 80px; position: relative;} .ejTalent .item3 .rclnImgBox:after{ content: ""; position: absolute; left: 0; top: 45px; height: 145px; border-left: 1px solid #E8E8E8;} .ejTalent .item3 .rclnImgBox img{ width: 100%;} .ejTalent .item3 .rclnTxtBox {flex: 1; padding-right: 80px;} .ejTalent .item3 .rclnTxtBox i{ font-size: 44px; color: #E50113; margin-bottom: 20px; } /* 人才培养 */ .ejTalentCultivation .ej_tcTop{ padding-bottom: 100px; } .ejTalentCultivation .ej_tcTop .imgs_in{ width: 620px;} .ejTalentCultivation .ej_tcTop .imgs{ padding-bottom: 74px;} .ejTalentCultivation .ej_tcTop .imgs_in img{ width: 100%; } .ejTalentCultivation .ej_tcTop .imgs .txtBox { width: 700px; right: 10px; bottom:10px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);background-color: #fff; } .ejTalentCultivation .ej_tcTop .imgs .txtBox i{ right: 40px; top: -26px; font-size:54px; line-height: 1;} .ejTalentCultivation .ej_tcTop .imgs .txtBox::before{ content: ""; z-index: -1; width: 100%; height: 100%; bottom: -10px; right: -10px;background: #E50113; position: absolute; } .ejTalentCultivation .ej_tcTop .imgs .txtBox .txtBox_in{ overflow: hidden;padding:60px 40px; } .ejTalentCultivation .ej_tcTop .imgs .txtBox .txtBox_in .ejscroll{ height: 308px; overflow: hidden;} .ejTalentCultivation .tabListBox{height: 40px; padding: 0 60px;} .tabListBox .swiper-container{ width: 100%; height: 100%;} .tabListBox .swiper-container .y{ height: 100%; text-align: center; line-height: 40px; border-radius: 20px; cursor: pointer; border: 1px solid #E8E8E8; } .tabListBox .swiper-slide-thumb-active .y{ background-color:#E50113; color: #fff;} .tc_cSwiper{ margin-top: 40px; width: 480px; } .tc_cSwiper .gallery-top{ overflow: inherit;} .ej_tcTop .tabBox { overflow: hidden; margin-top: 80px;} .tc_cSwiper .gallery-top .txtBox{ width: 100%; padding:40px; box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .tc_cSwiper .gallery-top .txtBox .year{ font-size:20px; line-height: 1; padding-bottom: 20px; } .tc_cSwiper .gallery-top .txtBox .txt{ height: 160px; overflow: hidden;} .ej_tcTop .tabBox .tcBtn { top: 0; height: 42px; width: 100%;} .ej_tcTop .tabBox .tcBtn .iconfont { left: 0; font-size: 40px; line-height: 1; width: 40px; height: 40px;} .ej_tcTop .tabBox .tcBtn .swiper-button-next{ right: 0;left: auto;} .ejTalentCultivation .ej_tcList{ background-color: #F6F4F3; padding: 120px 0;} .ej_tcList .item{ margin-bottom: 120px; width: 100%; } .ej_tcList .item .bg div{ width: 100%; height: 100%; background-image: url(../image/ej-pub-flower0221.png); background-repeat: no-repeat; background-size: auto 376px; background-position: left center; } .ej_tcList .item:nth-child(2n) .bg div{ width: 100%; height: 100%; background-image: url(../image/ej-pub-flower021.png); background-repeat: no-repeat; background-size: auto 376px; background-position: right center; } .ej_tcList .item:last-child{ margin: 0;} .ej_tcList .item .bg{ width: calc(50% + 110px); background:url(../image/ej-pub-pattern-brown-bg.png); height: 560px; } .ej_tcList .item:nth-child(2n) .bg{ float: right;} .ej_tcList .item:nth-child(2n) .bg{ background:url(../image/ej-pub-pattern-blue-bg.png) } .ej_tcList .item .item_in { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;} .ej_tcList .item .item_in .ulBox{ padding:80px 0;} .ej_tcList .item .item_in .ulBox .imgs{ width: 560px; height: 373px; overflow: hidden; } .ej_tcList .item .item_in .ulBox .imgs .fullImg{ width: 100%;height: 100%;} .ej_tcList .item .item_in .ulBox .txtBox {height: 400px; flex:1; margin-right: 60px;} .ej_tcList .item:nth-child(2n) .item_in .ulBox .txtBox{ margin-right: 0; margin-left: 60px;} .ej_tcList .item_in i{ left: 480px; color: #fff; font-size:54px; position: absolute; top: -26px; line-height: 1; } .ej_tcList .item:nth-child(2n) .item_in i{ right: 60px; left: auto;} .ej_tcList .txtBox .title{ font-size:24px; padding-bottom: 20px;} .ej_tcList .txtBox .txt{ color: #fff; font-size:16px; text-align: justify; max-height: calc(100% - 80px); overflow: auto; } .imgs .swiper-container{ width: 100%; height: 100%; background-color: #f0f0f0;} .imgs .swiper-container .swiper-pagination-bullet{opacity: 1; background: rgba(0,0,0,0.5); border: 1px solid #FFFFFF; width: 12px; height: 12px; } .imgs .swiper-container .swiper-pagination { padding-right: 16px; bottom: 25px; text-align: right; } .imgs .swiper-container .swiper-pagination-bullet-active{background: #E50113;} /* 责任管理 */ .ejresponsibility_in{ padding-bottom: 480px; background: url(../image/ej-index-about-bg.png) no-repeat center bottom; background-size: auto 480px;} .ejresponsibility_in .rBox{ padding-right: 480px; } .ejresponsibility_in .rBox .zrln{ right: 0; top: 0; width: 400px; padding:78px 40px; background:#C6A268; } .ejresponsibility_in .zrTitle{ font-size:20px; line-height: 1.4; } .ejresponsibility_in .zrln_in .item{ margin-top: 20px;} .ejresponsibility_in .zrln_in h4{ line-height: 1; font-size:16px;} .ejresponsibility_in .zrln_in p{ color: #F6F4F3; font-size:16px; margin-top: 16px;} .ejresponsibility_in .ejsingle{ padding-bottom: 113px;} /* 可持续发展报告 */ .ejKcxReport_in .topTxt{ line-height: 2; margin-bottom: 40px; } .ejKcxReport_in .list { box-shadow: inset 0px 4px 0px 0px #F6F6F6; margin-bottom: 40px; } .ejKcxReport_in .list:last-child{ margin-bottom: 0;} .ejKcxReport_in .list .year{ width: 160px; font-size:40px; padding-top: 40px; line-height: 1;} .ejKcxReport_in .list .list_r{ flex: 1; flex-wrap: wrap; padding-top: 20px;} .ejKcxReport_in .list .list_r .item{ width: calc(50% - 10px); margin-top: 20px; } .ejKcxReport_in .list .list_r .item a{ display: block; width: 100%; box-shadow: inset 0px -4px 0px 0px #E8E8E8; padding:40px; border: 1px solid #E8E8E8; } .ejKcxReport_in .list .list_r .item_in{ width: 100%;} .ejKcxReport_in .list .list_r .imgs{ width: 35.886%; padding-bottom:47.847%; height: 0; } .ejKcxReport_in .list .list_r .imgs_in{box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2); border-radius: 6px; opacity: 0.8; } .ejKcxReport_in .list .list_r .txt{ flex:1; margin-left: 40px; line-height: 1.4; } .ejKcxReport_in .list .list_r .txt i{ bottom:24px; font-size:48px; line-height: 1;} .ejKcxReport_in .list .list_r .txt .title{font-size:20px; padding-top: 20px;} /* 投资者关系 */ .ejInvestor_in{ overflow: hidden;} .ejInvestor_in .item{ width: 33.33%; padding:10px; float: left;} .ejInvestor_in .item a{ display: block; width: 100%; padding:40px 30px;box-shadow: inset 0px -4px 0px 0px #E8E8E8; border: 1px solid #E8E8E8; } .ejInvestor_in .time{ font-size:20px; line-height: 1;} .ejInvestor_in .title{ font-size:20px; line-height: 28px; margin-top: 20px; height: 88px;} .ejInvestor_in i{ line-height: 1; font-size:48px;} /* 联系方式 */ .ejcontactType_in{ padding-top: 40px; } .ejcontactType_in .imgs{ width: 620px; height: 385px; overflow: hidden;} .ejcontactType_in .imgs img{ width: 100%;} .ejcontactType_in .txtBox{ top: 0; left:560px; width: 563px; background-color: #fff;} .ejcontactType_in .txtBox::before{ width: 100%; height: 100%; content: ""; position: absolute; top: 10px; left: 10px; background: #E50113; } .ejcontactType_in .txtBox_in{ background: url(../image/ej-pub-flower021.png) no-repeat right bottom / 115px auto #fff; padding:60px 40px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); min-height: 375px; } .ejcontactType_in .txtBox_in .title{ font-size:20px; line-height: 32px; padding-bottom: 20px; } .ejcontactType_in .txtBox_in .ejsingle{ height: 200px; } /* 联系我们 */ .ejContactUsTop{ padding: 120px 0; background-image: url(../image/ej-info-contact-bg.png); } .ejContactUsTop .top_l{ flex: 1; padding-right: 80px;} .ejContactUsTop .top_l .title{ font-size:24px;} .ejContactUsTop .top_l .ejsingle{ padding-top: 20px;} .ejContactUsTop .imgs{ width: 700px; overflow: hidden; } .ejContactUsTop .imgs img{ width: 100%;} .ejForm{ margin-top: 120px; padding:0 80px; } .ejForm .ftitle{ font-size:24px;} .ejForm .txt{ color: #9E9E9E; padding-top: 20px; text-align: center; font-size:16px;} .ejOlineMsg{ padding-top: 40px;} .ejOlineMsg .list{ width: 50%;} .ejOlineMsg .list_l{ padding-right: 30px;} .ejOlineMsg .list_r{ padding-left: 30px;} .ejOlineMsg .item{ height: 56px; line-height: 56px; padding-left: 16px; margin-bottom: 40px; background: #FFFFFF; border: 1px solid #D8D8D8; } .ejOlineMsg .item{ display: flex; position: relative; } .ejOlineMsg .item span,.ejOlineMsg .list_r span{ color: #E50113; padding-right: 5px;} .ejOlineMsg .item label,.ejOlineMsg .list_r label{ color: #666; font-size:16px;} .ejOlineMsg .item input{ flex:1; padding:5px 20px; border:none; font-size:16px;} .ejOlineMsg .msgBox{ margin-top: 16px; height: 100%;} .ejOlineMsg .msgBox textarea{ height: calc(100% - 80px); width: 100%; border: 1px solid #D8D8D8; padding:20px; } .ejOlineMsg #cement-yzm{ position: relative;} .ejOlineMsg .item .yzm{ right: 8px; top: 8px; height: 40px; cursor: pointer;} .cement-btn { text-align: center;} .cement-btn button{border:none; width: 200px; height: 64px; line-height: 64px; color:#fff; cursor: pointer; text-align: center; font-size:16px; font-weight: bold; margin:0 10px; background-color:#E8E8E8; } .cement-btn .cement-submit-info { background-color:#E50113;} .ejOlineMsg .item .crv-tips{ position: absolute; left: 0; bottom: -24px; line-height: 1.2;} /* 网站地图 */ .ejMap_in .list{ flex-direction: column; } .ejMap_in .item{ min-height: 450px; padding-bottom: 46px;} .ejMap_in .h3{ font-size: 20px; } .ejMap_in ul li{ margin-top: 20px;} .ejMap_in ul li .a1:after{ content: ""; display: inline-block; margin-left: 8px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #E50113; } .ejMap_in ul li .ul2{ padding-bottom: 20px;} .ejMap_in ul li .ul2 .li2{padding-left: 16px; padding-top: 20px;line-height: 22px;} .ejMap_in ul li .ul2 .li2 a{ color: #666; line-height: 22px; } .ejMap_in ul li .ul2 .li2 a:hover{ color: #E50113;} /* 金牌质量 */ .ejgoldPro .list1 .imgs img{ width: 100%;} .ejgoldPro .list1 .w1180{ top: -120px; padding:0 80px;} .ejgoldPro .list1 .txtBox{ width: 540px; background: #E50113; padding:60px 40px 64px;} .ejgoldPro .title{ font-size:24px; padding-bottom: 20px; line-height: 1.4;} .ejgoldPro .list1 .inner_l{ padding-left: 160px;} .ejgoldPro .more i{ padding-left: 16px; line-height: 1; font-size:40px; vertical-align: middle;} .ejgoldPro .list2{background-image: url(../image/); background: #F6F4F3; padding:120px 0; } .ejgoldPro .list2 .item{ width: calc(50% - 10px); height: 536px;} .ejgoldPro .list2 .item a{ height: 100%; display: block; width: 100%; position: absolute; top: 0; left: 0; padding:120px 40px 40px; } .ejgoldPro .list2 .item a:hover .more { color: #fff;} .ejgoldPro .list2 .txt{ padding-top: 80px;} .ejgoldPro .list1 .more i{ color: #E50113; } /* 金牌质量 tab */ .ej_about_tabBox{ background-color: #E8E3D1; overflow: hidden; height: 46.875vw;} .ej_about_tabBox .list{ width: 21%; background-color: #E8E3D1; border-right:1px solid #BEB8A3;} .ej_about_tabBox .list:last-child{border:none;} .ej_about_tabBox .list_in{ width: 100%; height: 100%;} .ej_about_tabBox .list.active{ width: 58%; background-color: #333;} .ej_about_tabBox .title{ letter-spacing: 5px; bottom: 80px; left: 80px; font-size:24px; writing-mode: vertical-lr; z-index: 10; } .ej_about_tabBox .imgs{ left: 166px;} .ej_about_tabBox .imgs_in{ width: 280px; height: 280px; overflow: hidden;} .ej_about_tabBox .imgs_in:after{ content: ""; position: absolute; width: 100%;height: 100%; left: 0; top: 0;background: rgba(0,0,0,0.5); transition: all ease 0.4s; } .ej_about_tabBox .active .imgs_in:after{ background: rgba(0,0,0,0); } .jy .list_in .listBg{ bottom: 0;left: 0; width: 30%; overflow: hidden; opacity: 0; } .jy .list_in .listBg img{ width: 100%;} .ej_about_tabBox .active .title{ color: #fff; } .jy.active .list_in .listBg{ opacity: 1;} .ej_about_tabBox .jx.active .title{ bottom:auto; top: 80px;} .jy .imgs{ bottom: 40%;} .jx .imgs{ bottom: 26.4%;} .wn .imgs{ bottom: 80px; left: auto; right: -46px;} .jy .imgs .imgTxt{ padding-bottom: 20px; transform: scale(0); opacity: 0; } .jy.active .imgs .imgTxt{ transform: none; opacity: 1; width: 336px; height: 160px;} .jy .txtBox{ width: calc(100% - 580px); min-width: 600px; height: 100%; right: 0; top: 0; padding: 80px 80px 40px 0; transform: scale(0,1); opacity: 0; } .jy.active .txtBox{ transform: none; opacity: 1;} .jy .txtBox .inner{ color: #fff; height: 100%;} .jy .txtBox .txt_title{ color: #C6A268; font-size:24px; padding-bottom: 32px;} .jy .txtBox .txtBox_in { height: calc(100% - 80px);} .jy .txtBox .txt_title i{ line-height: 1; vertical-align: middle; font-size:64px; right: -40px; top: -15px; } .ej_about_tabBox .txtIcon{ opacity: 0;} .ej_about_tabBox .txtIcon i{ font-size:0;} .ej_about_tabBox .active .txtIcon{ opacity: 1; right: 0; bottom: 0; } .ej_about_tabBox .active .txtIcon i{ line-height: 1; font-size:200px; color: #7A7369; } .jx.active .imgs{ opacity: 0; } .jx .txt2Box{ width: 100%; height: 100%; transform: scale(0,1); padding: 80px 80px 0 186px; top: 0; left: 0;bottom:0;right: 0;} .jx.active .txt2Box{ transform: none;} .jx .txt2Box-in{ width: 100%; } .jx .txt2Box_l { width: 350px; padding-right: 60px;} .jx .txt2Box_r{ flex:1;} .jx .imgs_in2{ width: 280px; height: 280px; overflow: hidden;} .jx .imgTxt2{ height: 280px; margin-bottom: 20px;} .jx .txt2Box_r video{ width: 100%;} .jx .videoBox{ margin-bottom: 70px;} .jx .txtBox2{ padding-top: 20px; color: #9E9E9E; width: 630px; text-align: justify; } .wn.active .imgs{ left: auto; right: 0; z-index: 2;} .wn.active .txtIcon{ right:auto; left: 0;} .wn .txt3Box{ left: 0;top: 0;right: 0;bottom:0; opacity: 0; width: 100%; height: 100%; padding:80px 80px 0 240px; } .wn.active .txt3Box{ opacity: 1; } .wn .imgs_in3 { overflow: hidden;} .wn .imgs_in3 img{ width: 100%;} .wn .imgTxt3_in{ padding-top: 20px;} /* 营销网络 */ .ejSalesNetwork .item{ width: 50%;} .ejSalesNetwork .item_tl{ width: 100%; padding: 80px 80px 80px 0; } .ejSalesNetwork .l_info{ width: 510px;} .ejSalesNetwork .l_info .title{ font-size:24px; } .ejSalesNetwork .l_info .txt{ padding:20px 0 40px;} .ejSalesNetwork .l_item span{ font-size:40px; line-height: 1; padding-right: 8px;} .ejSalesNetwork .l_item .name{ padding-top: 8px; line-height: 22px;} .ejSalesNetwork .list2 .item_r_in{ width: 100%; padding-left: 80px;} .ejSalesNetwork .list2 .item_l{ background: #FBFBFB;} .item_r_in .salesAddr .topTitle .icon{ width: 22px; display: inline-block; height: 22px; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } .item_r_in .salesAddr .topTitle h4{ display: inline-block; font-weight: bold; font-size:20px; padding-left: 16px; } .item_r_in .selectBox{ margin-top: 40px; width: 240px;} .item_r_in .selectInput{ width: 100%; height: 40px; border: 1px solid #E8E8E8; cursor: pointer;} .item_r_in .selectInput i{ right: 12px; line-height: 1; font-size:12px; color: #666; top: 14px; } .item_r_in .selectInputTxt{ line-height: 38px; color: #666; font-size:16px; padding-left: 12px;} .ejSalesNetwork .list2 .item{ padding:80px 0;} .selectBox ul {z-index: 1; top: 39px; padding:10px 0; background-color: #fff; width: 100%; left: 0; border: 1px solid #E8E8E8; transform: translateY(50px); opacity: 0; visibility: hidden; overflow: auto; height: 160px; } /* .selectBox:hover ul{ transform: none; opacity: 1; visibility: visible; } */ .selectBox ul.active{ transform: none; opacity: 1; visibility: visible; } .selectBox ul li{ padding:6px 12px; cursor: pointer;} .selectBox ul li:hover{ background: #E8E8E8;} .list2 .item_r_in { padding-right: 80px;} .item_r_in .topTxt{ overflow: hidden; padding-bottom: 40px; margin-bottom: 40px; box-shadow: inset 0px -1px 0px 0px #F6F6F6;} .item_r_in .topTxt .txt{ width: 310px; margin-right: 40px;} .item_r_in .topTxt .txt span{ color: #C6A268; } .item_r_in .topTxt .code{ width: 120px; } .item_r_in .topTxt .code img{ width: 100%;} .item_r_in .marketing_b_co{ padding-top: 40px; height: 300px;} .marketing_b_co li{ list-style: none;} .mCSB_container li dl{ padding-bottom: 40px;} .mCSB_container li dl dd{ position: relative; line-height: 2; padding-left: 32px; color:#666;} .mCSB_container li dl dd span{ color: #333;} .mCSB_container li dl dd label{ position: absolute; left: 0; font-size:16px; color: #C6A268;} .mCSB_container li dt{ padding-bottom: 20px; font-size:20px;} /* 详情页 */ .fj_dtContainer .dtTxt video{ max-width: 100%!important; height: auto!important; } .fj_dtContainer { padding-top: 208px; } .fj_ContainerMap { padding-top: 90px; } .fj_dtContainer .title { font-size: 32px; text-align: center; font-weight: bold; color: #333333; line-height: 48px; } .fj_dtContainer .dtInfo { margin-top: 40px; border-bottom: 1px solid #F6F6F6; padding-bottom: 40px; text-align: center; } .fj_dtContainer .dtInfo .item { display: inline-block; padding: 0 20px; font-size: 14px; color: #666666; line-height: 22px; } .fj_dtContainer .dtInfo .item span { font-weight: bold; } .fj_dtContainer .dtTxt { font-size: 16px; padding-top: 40px; color: #666666; line-height: 32px; } .fjShare{ margin-top:80px; border-top:1px solid #f6f6f6;border-bottom:1px solid #f6f6f6; } .fjShare .list .item{ display:inline-block; margin-left:20px; position:relative; } .fjShare .list .item .fjCode { position:absolute; width:250px; height:250px; left:50%; top:0; z-index: 10; margin-left: -125px; margin-top: -230px; background: #fff; padding:10px; padding:16px 20px; background-size: 100% 100%; transition: all ease 0.4s; opacity: 0; visibility: hidden; } .fjShare .list .item .fjCode.active{ opacity: 1;visibility: visible; } .fjShare .list .item .fjCode img{ width:100%; } .fjShare .list .item i{ font-size:40px; line-height:80px; cursor:pointer; } .fjShare .list .item i.active.icon-weixin02{ color: #09c161;} .fjShare .list .item i.active.icon-weibo02{ color: #E71F19;} .fjShare .list .item i.active.icon-lianjie02{ color: #F3C621;} .fjShare .fx{ line-height:80px; font-size: 16px; font-weight: bold; color: #666666; } .fj_dtContainer .ejShare{ margin-top: 60px; padding:20px 0; box-shadow: inset 0px -1px 0px 0px #E8E8E8, inset 0px 1px 0px 0px #E8E8E8;} .rqpreNext{ overflow: hidden; padding-top: 80px; } .rqpreNext .item{ width: calc(50% - 40px); } .rqpreNext .item .txt{position: relative; padding-right: 100px; } .rqpreNext .item .txt a{ display: block; font-size:16px;} .rqpreNext .item .txt span{ position: absolute; right: 0; top: 0; color: #9E9E9E; font-size:16px; } .rqpreNext .item h4{ font-size:16px; font-weight: bold; color: #666; padding-bottom: 20px;} .rqpreNext .item .power-prevNext-no{ position: inherit!important;} /* 发展历程 */ .ejHistory .htop_imgs{ width: 100%; padding-bottom: 120px; display: none;} .ejHistory .htop_imgs img{ width: 100%;} .ejHistory .rightComtainer{ width: calc(100% - 220px); padding-left: 30%; } .ejHistory .topLogo{ width: 94px; margin-left: -47px;} .ejHistory .topLogo img{ width: 100%;} .ejHistory .h_listBox{ width: 100%; padding:70px 0 170px; } .ejHistory .h_listBox:after{ content: ""; width: 1px; background: #E8E8E8; position: absolute; left: 0; height: 100%; top: 0; } .h_listBox_in .ht_box{ width: 100%;} .h_listBox_in .item{ width: 100%; padding-bottom: 80px; padding-left: 50px; margin-bottom: 60px;} .h_listBox_in .item .h_bg{ left: -67px; top:0px; z-index: 10; background-color: #fff; width: 32px; height: 32px; border-radius: 100%; border: 1px solid #E50113; } .h_listBox_in .item .h_bg:after{ content: ""; position: absolute; width: 18px; height: 18px; background: #E50113; top: 6px;left: 6px; border-radius: 100%; } .h_listBox_in .year{ font-size: 56px; line-height: 1.2; position: absolute; top: -18px; left: -200px; color: #333; background: url(../image/ej-pub-pattern-brown-bg.png); background-clip: text; -webkit-background-clip: text; } .h_listBox_in .active .year{ color: #E50113;} .h_listBox_in .txtBox{ padding:0 0 20px;} .h_listBox_in .txtBox img{ max-width: 100%!important; height: auto!important;} .h_listBox_in .imgs{border: 1px solid #E8E8E8; width: 100%; padding:20px; } .h_listBox_in .imgs img{ width: 100%;} .ejHistory .ejfzlcBox{ width: 960px; margin:0 auto;} .ejHistory .leftMenu{ width: 120px;} /* .ejHistory .leftMenu .left .swiper-slide{ } */ .ejHistory .leftMenu .left{ position: absolute; height: 500px; width: 120px; top: 160px; padding-bottom: 40px; transition: all ease .5s; } .ejHistory .leftMenu .left .age{ padding-right: 20px; text-align: right; position: relative; } .ejHistory .leftMenu .left .age a{ font-size:24px; display: block; width: 100%;} .ejHistory .leftMenu .left .age-sel a{ color: #E50113; font-size:40px; } .ejHistory .leftMenu .left .age .ico { position: absolute; width: 7px; right: -4px; top: 19px; border-radius: 100%; height: 7px; background: #9E9E9E; } .ejHistory .leftMenu .left .age-sel .ico{ width: 12px; right: -6px; top: 30px; height: 12px; background: #E50113; } .leftMenu .his-swiper{ height: 100%; width: 100%; padding-right: 20px; position: relative; } .leftMenu .his-swiper:after{ content: "";border-right: 1px solid #E8E8E8; position: absolute; height: 100%; right: 19px; width: 1px;top: 0; } .fzlcBtn{ bottom: -50px; right: 0; display: none;} .fzlcBtn>div{ width: 24px;height: 24px;overflow: hidden; background: none;} .fzlcBtn>div i{ font-size:24px; line-height: 1;display: block;} /* mNavBox */ .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;box-shadow: inset 0px -1px 0px 0px #E8E8E8; } .mNavList .m_a2{ padding-left: 16px; color: #666; font-size:16px; box-shadow: inset 0px -1px 0px 0px #E8E8E8; } .mNavList .m_a3{ padding-left: 32px; color: #9e9e9e; font-size:14px; } .mNavFooter{ width: 100%; bottom: 0; left: 0; right: 0; height: 72px; background: #F6F4F3; } .mYYGroup { margin: 20px 0 0 16px; width: 120px; padding-left: 10px; height: 32px; font-size:12px; color:#999; background: #FFFFFF; border-radius: 8px; } .mYYGroup i{ position: absolute; font-size:14px; color: #666; right: 10px; top: 10px; line-height:1; } .mYYGroup .groupInput{ line-height: 32px; } .mYYGroup .groupList{ left: 0; bottom:32px; border:1px solid #e8e8e8; border-radius: 4px; border-bottom: none; width: 100%; padding:10px 5px; background: #fff; height: 0; opacity: 0; visibility: hidden; } .mYYGroup .groupList.active{ height:auto; opacity: 1; visibility: visible; } .mYYGroup .groupList a{ display: block; line-height: 32px; font-size:12px; color: #999; } .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;} .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: #E50113; } /* m金牌栏目 */ .goldDt{ display: block; width: 100%; background-color: #333; padding-top: 60px; } .goldDt_in{ padding-bottom: 300px; } .goldDt .name{ font-size:40px; color: #fff; font-weight: bold; padding-top: 120px; } .goldDt_wn_txt{ padding-top: 60px; } .goldDt_wn_txt .imgs{ width: 50%; padding-right: 40px; } .goldDt_wn_txt .imgs img{ width: 100%;} .goldDt .txt{ flex: 1; } .goldDt_wn .fImgs { width: 100%; padding-top: 80px; } .goldDt_wn .fImgs img{ width: 280px; } .txtIcondt{ bottom: 0; left: 0; } .txtIcondt i{ font-size:220px; color: #7A7369; line-height: 1; } .goldDt_jzBox .imgs{ padding-right: 0; padding-left: 40px; } .goldDt_jx .videoBox { width: 60%; padding-left: 10%;} .goldDt_jx .videoBox_in{ width: 100%; height: 0; padding-bottom: 56.271%; background-color: #000; } .goldDt_jx .videoBox_in video{ width: 100%; display: block; top: 0; left: 0; } .goldDt_jx_txt{ padding-top: 40px; } .goldDt_jx .fImgs{ padding-top: 80px; } .imgsItem .item_in{ width: 50%;padding-right: 6% } .imgsItem .item_in:nth-child(2n){ padding-top:40px; padding-right: 0; padding-left: 6%; } .imgsItem .item_in div,.imgsItem .item_in div img{ width: 100%; } .goldDt_jx .ftxt{ padding-top: 40px; } .goldDt_jx .ftxt .txt{ color: #9E9E9E; } .goldDt_jxBox .txtIcondt,.goldDt_jzBox .txtIcondt{ right: 0; left: auto; } .goldDt_jzBox{ background: url(../image/ej-about-quality-skill-value-bg-build.png) no-repeat left bottom / 240px auto #333; } .goldDt_jzTxtBox{ padding-top: 90px; } .goldDt_jzTxtBox .txt{ color: #9E9E9E;} /* backTop */ #goTopBtn{ width: 100%; height: 40px; background: #fff; display: none; box-shadow: inset 0px 1px 0px 0px #E8E8E8; } #goTopBtn .goTopBtn_in{ line-height: 40px; text-align: center; font-size:14px; font-weight: bold; color: #666; } .m_ejMenuList{ display: none; } .ejpupBpx{ position: fixed; opacity: 0; z-index: -10; width: 100%; height: 100%; visibility: hidden; background-color: rgba(0,0,0,0); } .ejpupBpx.active{ opacity: 1;background-color: rgba(0,0,0,0.6); z-index: 300; visibility: visible; } /* 首页动效 */ .index_animation{ transition: all 1s ease-out 0s; } .index_animation:nth-child(2){ transition: all 1s ease-out 0.3s; } .index_animation:nth-child(3){ transition: all 1s ease-out 0.6s; }