body{
font-size:16px;
}
@media screen and (max-width: 1024px){
body{
font-size:14px;
}
}
@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;}
}
.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color:#f6f4f3;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #5A4643; }
.w1180{ width: 1180px; margin:0 auto;}
.dfColor,a:hover{
color: #F7B334;
}
.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 */
.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: 24px;
width: 24px;
height: 24px;
}
/* .deHeader .topMenu .topitem.pcMenuBtn:hover{
background: #CD0011;
} */
.deHeader .topMenu .topitem.searchBtn{ cursor: pointer;}
.deHeader .topMenu .topitem.searchBtn:hover i{ color: #F7B334!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: #F7B334;
visibility: hidden; opacity: 0; width: 0; transition: all ease-in-out 0.4s;
}
/*增加的样式*/
.deHeader .deMenu .ejMenuBox a.activeOn:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.deHeader .deMenu .ejMenuBox a.active,.deHeader .deMenu .ejMenuBox a.active1{
color: #F7B334;
}
.deHeader .deMenu .ejMenuBox a.activeOn{
color: #F7B334;
}
.deHeader .deMenu .ejMenuBox a.active:after,.deHeader .deMenu .ejMenuBox a.active1:after{
visibility: visible;
opacity: 1;
width: 100%;
}
.deHeader .deLogo {
margin-bottom: 12px;
height: 68px;
}
.deHeader .deLogo img.wLogo{
width: 190px;
height: 60px;
margin-top: 8px;
}
.deHeader .deLogo img.bLogo{
width: 190px;
height: auto;
margin-top: 0px;
}
.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.hideitem{
display: none;
}
@media screen and (max-width: 1024px) {
.deHeader .topMenu .topitem.pcMenuBtn {
display: none;
visibility: hidden;
height: 0;
}
.deHeader .topMenu .topitem.searchBtn{
display: none;
cursor: pointer;
height: 0;
}
}
.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;
background: transparent;
}
.body_home .topHeader {
background: #FFFFFF;
}
.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{
width: 100%;
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 #f2f2f2;
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;
}
@media screen and (max-width:1024px) {
.ejSearchBox.active {
visibility: visible!important;;
opacity: 1!important;;
transform: none;
z-index: 100;
}
}
.ejSearchBox .search_in {
width: 780px;
height: 56px;
background: #FEF7EF;
border-radius: 8px 0px 0px 8px;
}
.ejSearchBox .search_in .search_w { padding-right: 100px;}
.ejSearchBox .search_in a{
display: block;
right: -4px;
top: -1px;
bottom:0;
width: 100px;
height: 56px;
line-height: 56px;
background: #F7B334;
border-radius: 0px 8px 8px 0px;
}
.ejSearchBox .search_in i{ left: 16px; top:12px; font-size:16px; line-height: 1;}
.ejSearchBox .search_in a:hover{
color: #fff;
background: #F7B334;
}
.ejSearchBox .search_in input {
width: 100%;
height: 56px;
padding:5px;
border:none;
background: none;
}
.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: #F7B334!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;}
.indexMore a span{ padding-right: 16px; vertical-align: middle;}
.indexMore a i{ font-size:40px; vertical-align: middle; color:#F7B334;}
.ejBg{ background-repeat: no-repeat; background-size: cover; background-position:center center;}
.vBox{ background-color: #000; width: 100%; height: 100%;}
.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: #F7B334; }
.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;}
.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: #F7B334;}
.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: #F7B334; }
.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: #F7B334; 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: #F7B334!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: #F7B334; }
.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: #F7B334;
}
.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;}
.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:#F7B334;}
.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;}
.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:#F7B334; 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}
.imgs_bg{ background-color: #C6A268;}
.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 */
.jp-video .jp-close {
width: 50px;
height: 50px;
/* background-position: -102px -140px;
top: -6px; */
}
.videoTitle h2{ font-size:24px; font-weight: bold; padding-bottom: 20px;}
.mej_time{ display: none; color: #666; padding-bottom: 10px; font-size:14px; }
.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:10px;
}
.ejShare .txt{ line-height: 42px; }
.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; }
.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:#F7B334; 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;}
.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: #F7B334;}
.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:#F7B334;}
/* 网站地图 */
.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 #F7B334;
}
.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: #F7B334;}
.jy .list_in .listBg{ bottom: 0;left: 0; width: 30%; overflow: hidden; opacity: 0; }
.jy .list_in .listBg img{ width: 100%;}
.jy.active .list_in .listBg{ opacity: 1;}
.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;
}
.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;}
.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;}
.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;}
.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 #F7B334;
}
.h_listBox_in .item .h_bg:after{
content: ""; position: absolute; width: 18px; height: 18px; background: #F7B334;
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: #F7B334;}
.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%;}
.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: rgba(247,179,52,0.08);
}
.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,.flinkListBox a:hover,.ejFooterMian .fNav .item ul li a:hover{
color: #F7B334;
}
/* 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;
}
/* 新版网站首页 的样式 */
.xd-tops {
height: 48px;
text-align: right;
line-height: 48px;
position: relative;
z-index: 10;
}
.xd-in {
width: 1180px;
height: 100%;
position: relative;
margin: 0 auto;
}
.xd-tops-href {
margin-left: 18px;
/* color: #666666; */
color: #fff;
font-size: 14px;
}
.xd-jft {
padding: 5px 0px 5px 28px;
background: url(/image/crcs-toolbar-language-icon-ball.png) no-repeat left center;
background-size: 20px 20px;
}
.xd-tops-search {
width: 20px;
height: 20px;
background: url(/image/crcs-toolbar-search-icon-query.png) no-repeat;
background-size: cover;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
.xd-tops-showMap {
width: 20px;
height: 20px;
background: url(/image/map-static.png) no-repeat;
background-size: cover;
display: inline-block;
vertical-align: middle;
margin-left: 20px;
}
/* mav样式 优化*/
.mNavFooter .mnavBtn{
width: auto;
display: flex;
align-items: center;
}
.mNavFooter .mnavBtn a{
display: inline-block;
width: 70px;
height: 32px;
background: #FFFFFF;
border-radius: 4px;
margin-left: 0;
line-height: 32px;
text-align: center;
}
.mNavFooter .mnavBtn a:nth-child(2){
margin-left: 10px;
}
.mNavFooter_in{
padding: 0 16px;
}