.banner { height: auto; } .banner>.swiper-container{ width:100%; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:0px; } .gonggaolist{ height: 40px; background-color: #F5F5F5; margin-bottom:40px; overflow:hidden; } .gonggaolist a{ font-size: 14px; color: #4d4d4d; line-height: 37px; margin-right:60px; } a{ text-decoration:none !important; cursor:pointer; /*float: right;*/ } a:hover{ color:#0055aa; } .list a { position: relative; /*width: 360px; display: inline-block;*/ } li.hot a:after { content: ''; background-image: url("/hrf6850com/asset/image/home/hot.png"); width: 29px; height: 13px; right: -29px; top: 4px; position: absolute; } .year{ margin-right: 10px; } .newCenter,.businessDynamic { border-top: 1px solid #d6d6d6; padding-bottom:40px; } .businessDynamicList { position:relative; } .newCenter .swiper-container{ width: 700px; height: 410px; float: left; margin-right:30px; } .marquee{ height: 40px; overflow: hidden; width: 90%; } .marquee li{ display:inline; float:left; margin-right:12px; } .marquee li a{ display:block; } .gonggaolist span{ float: left; } .gonggaolist span:first-child{ line-height: 37px; margin-right:5px; } .newTitle{ position: absolute; bottom: 0px; left: 0px; height: 80px; width:100%; background-image:url("/hrf6850com/asset/image/home/bg.png"); font-size: 16px; color: white; padding-top: 16px; line-height: 25px; padding-left: 40px; padding-right: 40px; } .title{ height: 48px; overflow: hidden; } .listArea{ width: 37%; height:410px; float: left; } .newCenter .header { margin-top: -6px; } .header{ font-size: 16px; line-height: 30px; margin-top: 2px; height:170px; } .header a{ color:#333333; } .body{ text-align: justify; font-size: 14px; color: #999999; margin-top: 32px; line-height: 24px; } .body a{color:#a7a7a7;} .types{ margin-top: 44px; } .types button{ width:33.3333333333%; height:40px; border:none; border-bottom:1px solid #dfdfdf; background-color:white; font-size:20px; color:#777777; outline:none; margin-left: -5px; } .types .select{ border: 1px solid #dfdfdf; border-bottom: none; border-top-left-radius: 8px; border-top-right-radius: 8px; } .datetime{ float: right; font-size: 14px; color: #777777; } .list{ padding-left: 19px; line-height: 18px; /*padding-top: 38px;*/ } .list li{ padding-top:8px; font-size:14px; color:#a7a7a7; text-align: justify; } .list a{ color:#a7a7a7; } a:hover{ color:#0055aa; } .list li:first-child{ padding-top:0; } .list span{ float:right; } .specialShow{ background-color:#F5F5F5; margin-bottom:40px; position: relative; } .specialShow .specialShowRow{ padding-top: 40px; } .container { position: relative; } .specialShow .container::before, .investorEnterpries .container::before{ width: 99%; content: ''; border-top: 1px solid #ddd; position: absolute; top: 0; } .specialShow .container::before { top: 37px; } .specialShow .modaulTitle, .investorEnterpries .modaulTitle { background: #f5f5f5; margin-top: -10px; } .investorEnterpries{ background-color:#F5F5F5; padding-bottom: 40px; padding-top: 40px; } .spencialPanel{ margin-bottom:40px; float:left; width: 391px; position: relative; overflow:hidden; cursor: pointer; } .PanelText{ position: absolute; bottom: -46px; font-size: 14px; color:#fff; z-index: 5; line-height: 25px; padding-left: 25px; padding-right: 25px; display:none; height: 50px; overflow: hidden; } .panelBg{ position: absolute; bottom: 0; height: 60px; width: 100%; background-color: black; opacity: 0.3; display:none; } .foucss .PanelText{ display:block; } .foucss .panelBg{ display:block; } .spencialPanel:nth-child(3n+2){ margin-left: 19px; margin-right: 19px; } .investorEnterpries img{ margin-right:41px; margin-bottom:40px; } /*.investorEnterpries .swiper-container { overflow: hidden; }*/ .investorEnterpries img:nth-child(5n){ margin-right:0px; } .showDetail{ height:400px; padding-left:30px; padding-right:30px; background-image:url("/hrf6850com/asset/image/home/headerBG.png"); background-repeat:no-repeat; border-bottom: 1px solid #0055aa; display:none; } .touziyewu .showDetail{ background-image:url("/hrf6850com/asset/image/home/headerBG01.png"); border-left:1px solid #0055aa; } .jinrongfuwu .showDetail{ background-image:url("/hrf6850com/asset/image/home/headerBG02.png"); } .shujufuwu .showDetail{ background-image:url("/hrf6850com/asset/image/home/headerBG05.png"); border-right:1px solid #0055aa; background-size: 100%; } .zichanjiaoyi .showDetail{ background-image:url("/hrf6850com/asset/image/home/headerBG04.png"); background-size: 100%; } .zichanjiaoyi .panelBody { margin-right: 15px; } .zichanjiaoyi .panelBodyTitle { width: 112px; } .touziyewu .panelBody { width: 100%; height: 200px; } .touziyewu .panelBody li{ text-align: left; padding-left: 24px; background-color: #fff; width: 115px; padding-left: 34px; text-overflow: ellipsis; } .touziyewuMobile ul li{ text-align: left; padding-left: 24px; background-color: #fff; background-image:url("/hrf6850com/asset/image/home/dotMobile.png"); background-size:100% 100%; width: 100%; padding-left: 34px; } .touziyewu .panel:nth-child(2n) { border-left: 1px dotted #333; } .touziyewu .panelBody ul { padding-top: 26px; margin-left:0px; } .touziyewu .panel { padding-right: 0; padding-left: 15px; } .touziyewu .panel li { list-style: none; /*background:url("/hrf6850com/asset/image/home/dot.png") 0 0 no-repeat;*/ /*line-height: 14px;*/ } .detailsHeder{ padding-top: 12px; padding-bottom: 20px; } .headerText{ font-size:20px; color:#0055aa; font-weight:bold; margin-left:20px; } .panelHeader{ font-size: 15px; margin-bottom:0px; position:relative; color:#333; } .footerDetail .panelHeader{ margin-bottom:4px; } .panelHeader span{ position: absolute; height: 23px; bottom: 0px; } .huiminzhengxin{ margin-right: 0px !important; } .Shujufuwu{ margin-right: 30px !important; } .panelHeader a{ float: right; margin-right: 20px; text-decoration:none; color:#333; cursor:pointer; } .panelHeader img{ margin-right:10px; /*width: 23px;*/ height: 17px; } .detailsBody{ display:inline-block; width:828px; } .touziyewu .bodyPanel:nth-child(2n){ border-left: 1px dotted #333; padding-left: 30px; } .bodyPanel{ width:50%; float:left; /*padding-left: 20px;*/ } .halfBodyPanel{ width:25%; float:left; } .gonggongfuwu .detailsBody { width: 860px; } .gonggongfuwu .panelBody { margin-right: 15px; } .gonggongfuwu .bodyPanel:nth-child(1) .panelBodyTitle { width: 112px; } .gonggongfuwu .bodyPanel:nth-child(2n){ float:right; border-left: 1px dotted #333; } .zichanjiaoyi .bodyPanel:nth-child(2n){ padding-left: 20px; border-left: 1px dotted #333; } .zichanjiaoyi .bodyPanel:nth-child(2n) .panelBodyTitle{ width: 104px; } .zichanjiaoyi .detailsBody { width: 860px; } .jinrongfuwu .bodyPanel{ padding-left: 20px; } .jinrongfuwu .panelBody{ margin-right: 15px; } /*.jinrongfuwu .panelBodyTitle{ width: 90px; }*/ .jinrongfuwu .bodyPanel:nth-child(2n){ border-left: 1px dotted #333; } .jinrongfuwu .lastBodyPanel{ border-left: 1px dotted #333; padding-left: 20px; } .jinrongfuwu .detailsBody { width: 860px; } .jinrongfuwu .lastBodyPanel .panelBodyTitle { width: 85px; } /*.jinrongfuwu .halfBodyPanel .panelBodyTitle{ width: 80px; }*/ .panelBody{ display:inline-block; margin-top:14px; float: left; } .panelBody img{ float:left; } .panelBody ul{ float:left; margin-left:20px; padding-top:14px; } .panelBody >ul >li{ float:none; list-style-type: none; width:150px; height:30px; margin-bottom:22px; text-align:center; border-radius:19px; padding-top:4px; background-color:#F5F5F5; position:relative; } .panelBody >ul >li>img{ position: absolute; left: 10px; /*top: 9px;*/ } .panelFooter{ float:left; width:50%; color:#777777; line-height:20px; margin-bottom:10px; } .jinrongfuwu .panelFooter{ width:100%; } .panelFooter img{ margin-right:10px; } .detailsHeder .arrow{ float: right; margin-right: 20px; color: #777777; } .panelBodyTitle{ float: left; width: 102px; margin-left: 12px; font-size:12px; color:#777777; text-align:justify; } .gonggongfuwu .panelBody:nth-child(2n),.jinrongfuwu .panelBody:nth-child(2n),.zichanjiaoyi .panelBody:nth-child(2n) { /*margin-right:20px;*/ } .gonggongfuwu .bodyPanel:nth-child(2n) { padding-left: 20px; } .footerDetail{ width:25%; float:left; color:#777777; } .detailsFooter{ display: inline-block; width: 100%; position: absolute; bottom: 20px; left:30px; width:860px; } .zichanjiaoyi .footerDetail{ width:50%; } .zichanjiaoyi .footerDetail:nth-child(2n){ padding-left: 20px; } ul{ padding-left:0px; padding-right:0px; } .businessDynamic >ul>li{ list-style-type:none; float:left; position:relative; overflow:hidden; } .specialLogo img{ margin-top: 160px; margin-left: 7px; cursor:pointer; } .specialLogo{ background-image:url("/hrf6850com/asset/image/home/lineBG.png"); background-size: 100%; height: 40px; float: left; width: 83px; height: 400px; } .specialText{ font-size: 20px; color: white; width: 20px; margin-left: 26px; margin-top: 42px; } .sp { position: relative; height: 450px; overflow: hidden; } .touziyewu{ border-top: 5px solid #ec5d45; } .jinrongfuwu{ border-top: 5px solid #24a6f5; } .gonggongfuwu{ border-top: 5px solid #33b5c1; } .zichanjiaoyi{ border-top: 5px solid #bfc92f; } .shujufuwu{ border-top: 5px solid #ecb345; } .shujufuwu .corpation{ margin-top: 33px; } .shujufuwu .panelBody img{ width: 100%; } .touziyewu>.specialLogo{ background-image:url("/hrf6850com/asset/image/home/lineBG01.png"); } .jinrongfuwu>.specialLogo{ background-image:url("/hrf6850com/asset/image/home/lineBG02.png"); } .gonggongfuwu>.specialLogo{ background-image:url("/hrf6850com/asset/image/home/lineBG03.png"); } .zichanjiaoyi>.specialLogo{ background-image:url("/hrf6850com/asset/image/home/lineBG04.png"); } .shujufuwu>.specialLogo{ background-image:url("/hrf6850com/asset/image/home/lineBG05.png"); } .shujufuwuFixed { position: absolute !important; right: 0px; } .zichanjiaoyiFixed{ position: absolute !important; right: 83px; } .gonggongfuwuFixed{ position: absolute !important; right: 166px; } .jinrongfuwuFixed{ position: absolute !important; right: 249px; } .newCenter .swiper-slide img{/**width: 100%;*/height: 100%;} .newCenter { /*margin-bottom: 30px;*/ } .specialLogo { cursor: pointer; } .modaulTitle { width: auto; } .footerContent a, .panelFooter a, .footerDetail a, .mobilePanel a{ color: #777777; } .footerContent a:hover, .panelFooter a:hover, .footerDetail a:hover, .mobilePanel a:hover{ color: #0055aa; } .businessPCDynamic { margin-bottom: 40px; } .businessPCDynamic>.row { border-top: 1px solid #ddd; } .listEnterpries img { width: 17%; } @media screen and (max-width: 1200px){ .listEnterpries img { width: 15.5%; } } @media screen and (max-width: 992px) { .body{margin-top:20px;} .types{margin-top:25px;} } @media screen and (max-width: 767px){ .newCenter .swiper-slide img{width: 100%;height: auto;} .list { padding-top: 0; margin-top: -10px; } .list li:nth-child(1) { border-top: none; width: 100%; } .list li:nth-child(1) a{ color: #0055aa; } .list li:nth-child(1):before { display: none; } .list li { padding-left: 15px; list-style-type: none; line-height: 2.2; padding-bottom: 10px; border-top: 1px solid #ddd; position: relative; } .list li:before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #00aff0; position: absolute; left: 0; top: 20px; } .list li a { color: #777777; /*float: left;*/ margin-right: 0; white-space: initial; } .list li span { color: #b2b2b2; font-size: 12px; margin-top: 2px; } .panelMobile { cursor: pointer; } .modaulTitle { margin-bottom: 0; } .modaulTitle img { width: 5px; height: 24px; } .groupTop { height: auto; margin-bottom: 0; font-weight: 100; line-height: 2.2; white-space: normal; letter-spacing: 0; text-align: justify; overflow: auto; } .showsMobile { overflow: auto; box-shadow: 0 0 4px #ddd; } .showsMobile .panelContent, .showsMobile .panelPic { width: 50%; display: inline-block; background: #fff; float: left; height: 172.5px; box-shadow: 0 0 4px #ddd; } .showsMobile .panelContent { padding: 25px 15px; position: relative; } .showsMobile .panelContent.leftArrow:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-left: 10px solid #f5f5f5; border-bottom: 10px solid transparent; position: absolute; top: 50%; right: -9px; z-index: 20; } .showsMobile .panelContent.rightArrow:after { content: ''; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #f5f5f5; border-bottom: 10px solid transparent; position: absolute; top: 50%; left: -9px; z-index: 20; } .showsMobile .panelContent h4 { margin-top: 0; color: #333; margin-bottom: 15px; } .showsMobile .panelContent p { line-height: 1.7; color: #777777; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; height: 94px; } .showsMobile .panelPic img { width: 100%; height: 100%; } .businessBanner { height: 63px; position: relative; margin-bottom: 25px; } .businessBanner .bannerLogo{ width: 44px; position: absolute; top: 50%; left: 15px; margin-top: -22px; } .businessBanner .title { position: absolute; top: 50%; left: 71px; margin-top: -11px; width: 96px; height: auto; } .fullImage { width: 100% !important; margin-bottom: 6px; margin-top: 6px; } .middleImage { width: 48% !important; } .rowMobile { margin-left: -30px; margin-right: -30px; margin-bottom: 10px; } .rowMobile img.smallLogo { margin-right: 5px; width: 20px; } .rowMobile .withImg { height:159px; } .rowMobile h5 { color: #333; font-size: 16px; margin-top: 0; display: inline-block; } .rowMobile p { color: #777777; margin-top: 5px; line-height: 1.8; margin-bottom: 20px; } .businessMobileDynamic { padding: 25px 0; padding-bottom: 0; } .businessMobileDynamic .modaulTitle { margin-left: 15px; } .dot { margin-right: 4px; } .mobileItem { padding: 20px 15px; padding-bottom: 0; } .jinrongfuwuMobile.mobileItem, .zichanjiaoyiMobile.mobileItem { background-color: #f5f5f5; } .touziyewuMobile .businessBanner{ background: url("/hrf6850com/asset/image/home/touziyewuBanner.png"); background-size: cover; } .jinrongfuwuMobile .businessBanner{ background: url("/hrf6850com/asset/image/home/jinrongfuwuBanner.png"); background-size: cover; } .gonggongfuwuMobile .businessBanner{ background: url("/hrf6850com/asset/image/home/gonggongfuwuBanner.png"); background-size: cover; } .zichanjiaoyiMobile .businessBanner{ background: url("/hrf6850com/asset/image/home/zichanjiaoyiBanner.png"); background-size: cover; } .shujufuwuMobile .businessBanner{ background: url("/hrf6850com/asset/image/home/shujufuwuBanner.png"); background-size: cover; } .touziyewuMobile .panelImg{ width:100%; } .touziyewuMobile .smallLogo{ margin:0px 20px 16px 0px; height:18px; } .touziyewuMobile ul { padding-left: 0; margin-top: 20px; } .touziyewuMobile ul li{ list-style-type: none; padding: 4px 0px 4px 35px; width: 100%; display: inline-block; margin: 20px 0px; color: #777777; float: left; border-radius: 20px; height: 2em; } .touziyewuMobile ul.full li { width: 100%; } .touziyewuMobile .borderLeft { border-left: 1px solid #ddd; } .mobilePanel.middle { margin-bottom: 25px; } .mobilePanel.middle p { display: inline-block; width: 50%; margin: 0; float: left; padding-left: 10px; height: 75px; overflow: hidden; } .mobilePanel img { float: left; } .mobilePanel img.fullImage { height: 77px; } .mobilePanel img.middleImage { height: 75px; } } @media screen and (max-width: 320px) { .rowMobile h5 { font-size: 12px; } .rowMobile img { width: 14px; } body, .list li { font-size: 12px; } .showsMobile .panelContent p { height: 75px; line-height: 1.5; } .showsMobile .panelContent, .showsMobile .panelPic { height: 145px; } h4 { font-size: 16px; } .mobilePanel { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 1182px) { .new_top .list span { display: none; } .specialText { font-size: 16px !important; } } @media screen and (max-width: 1440px) { .swiper-button-prev { left: 4px !important; } .swiper-button-next { right: 4px !important; } .investorEnterpries .swiper-button-prev { left: -54px !important; } .investorEnterpries .swiper-button-next { right: -48px !important; } } @media screen and (min-width: 768px) { .banner .swiper-slide img { width: auto; height: 100%; position: absolute; left: 50%; margin-left: -960px; } .banner .swiper-slide { height: 100% !important; text-align: center; overflow: hidden; position: relative; } } @media screen and (max-width: 767px) { .banner .swiper-slide img { width: 100%; position: relative; height: auto; } .specialShow .specialShowRow{ padding-top: 0px; } } @media screen and (min-width: 1401px) and (max-width: 1920px) { .banner .swiper-container { height: 600px !important; } .banner .swiper-wrapper { height: 600px !important; } .large { display: inline-block; } .middle { display: none; } } @media screen and (min-width: 768px) and (max-width: 1400px) { .banner .swiper-container { height: 450px !important; } .banner .swiper-wrapper { height: 450px !important; } .banner .swiper-slide img { margin-left: -720px; } .large { display: none; } .middle { display: inline-block; } }