.special { float:left; height:405px; width:84px; position:relative; z-index:20; } .showDetail { left:0px; height:400px; width: 100%; display:block; position:absolute; z-index:-1; padding-left:30px; padding-right:30px; background-image:url("/asset/image/home/headerBG.png"); background-repeat:no-repeat; border-bottom: 1px solid #0055aa; overflow: hidden; } .special0{ border-top: 5px solid #ec5d45; } .special1{ border-top: 5px solid #24a6f5; } .special2{ border-top: 5px solid #33b5c1; } .special3{ border-top: 5px solid #bfc92f; } .special4{ border-top: 5px solid #ecb345; } .special { width: 6.8%; } .special0 .showDetail{ background-image:url("/asset/image/home/headerBG01.png"); border-left:1px solid #0055aa; } .special1 .showDetail{ background-image:url("/asset/image/home/headerBG02.png"); } .special4 .showDetail{ background-image:url("/asset/image/home/headerBG05.png"); border-right:1px solid #0055aa; background-size: 100%; } .special3 .showDetail{ background-image:url("/asset/image/home/headerBG04.png"); background-size: 100%; } .special3 .panelBody { margin-right: 15px; } .special3 .panelBodyTitle { width: 112px; } .special0 .panelBody { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .special0 .panelBody li{ text-align: left; background-color: #fff; width: 100%; padding-left: 40px; line-height:33px; } .special0Mobile ul li{ text-align: left; padding-left: 24px; background-color: #fff; width: 200px; padding-left: 34px; } .special0 .panel:nth-child(2n) { border-left: 1px dotted #333; } .special0 .panelBody ul { padding-top: 20px; } .special0 .col-md-7 .panelBody ul { width: 56%; } .special0 .col-md-7 .panelBody ul li { display: inline-block; margin-right: 12px; } .special0 .panel { padding-right: 0; padding-left: 15px; } .special0 .panel li { list-style: none; z-index: 1000; } .special { position: absolute; background: #fff; } .special { width: 72.5%; } .special1 { left: 72.5%; } .special2 { left: 79.3%; } .special3 { left: 86.1%; } .special4 { left: 92.9%; } .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; z-index:10; } .footerDetail .panelHeader{ margin-bottom:10px; } .panelBody .panelHeader{ margin-bottom:10px; } .panelHeader span{ position: absolute; height: 23px; bottom: -4px; } .SJFW{ margin-right: 28px !important; } .panelHeader a{ float: right; margin-right: 20px; text-decoration:none; color:#333; cursor:pointer; } .panelHeader a:hover{ float: right; margin-right: 20px; text-decoration:none; color:#0055aa; cursor:pointer; } .special0 .panelHeader a{ margin-right: 0px; } .special0 .panelHeader a:hover{ margin-right: 0px; } .special1 .fourth a{ margin-right: 45px; } .special1 .fourth a:hover{ margin-right: 45px; } .huiminzhengxin a{ float: right; text-decoration:none; color:#333; cursor:pointer; } .huiminzhengxin a:hover{ float: right; text-decoration:none; color:#0055aa; cursor:pointer; } .panelHeaderMobile a{ float: right; margin-right: 0px; text-decoration:none; color:#333; cursor:pointer; } .panelHeader img{ margin-right:10px; /*width: 23px;*/ height: 17px; } .huiminzhengxin img{ margin-right:10px; /*width: 23px;*/ height: 17px; } .detailsBody{ display:inline-block; background: #fff; width: 100%; } .special0 .bodyPanel:nth-child(2n){ border-left: 1px dotted #333; padding-left: 30px; } .special.show .specialLogo{ visibility: hidden; } .special.show .showDetail { visibility: visible; } .special .specialLogo { visibility: visible; } .special .showDetail { visibility: hidden; } .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; } .special3 .bodyPanel:nth-child(2n){ padding-left: 20px; border-left: 1px dotted #333; } .special3 .bodyPanel:nth-child(2n) .panelBodyTitle{ width: 103px; } .special3 .detailsBody { width: 105%; } .special2 .bodyPanel:nth-child(2n) .panelBodyTitle{ width: 100px; } .special1 .bodyPanel{ padding-left: 20px; } .special1 .panelBody{ margin-right: 15px; } .special1 .bodyPanel:nth-child(2n) .panelBody{ margin-right: 15px; } /*.special1 .panelBodyTitle width: 90px; }*/ .special1 .bodyPanel:nth-child(2n){ border-left: 1px dotted #333; height: 205px; overflow: hidden; } .special2 .bodyPanel{ height: 205px; overflow: hidden; } .special3 .bodyPanel{ height: 205px; overflow: hidden; } .special1 .lastBodyPanel{ border-left: 1px dotted #333; padding-left: 20px; } .special1 .detailsBody { width: 105%; } .special1 .lastBodyPanel .panelBodyTitle { width: 45%; height: 70px; overflow: hidden; } /*.special1 .halfBodyPanel .panelBodyTitle{ width: 80px; }*/ .panelBody{ display:inline-block; margin-top:20px; float: left; height: 73px; overflow: hidden; } .special0 .panelBody{ height: auto; overflow: hidden; } .special4 .panelBody{ height: auto; overflow: hidden; } .panelBody img{ float:left; } .panelBody ul{ float:left; margin-left:0px; padding-top:20px; } .panelBody >ul >li{ float:none; list-style-type: none; width:150px; height:30px; margin-bottom:22px; text-align:center; border-radius:19px; padding-top:0px; background-color:#F5F5F5; position:relative; } .panelBody >ul >li>img{ position: absolute; left: 0px; /*top: 9px;*/ } .panelFooter{ float:left; width:48%; color:#777777; line-height:16px; } .special0 .panelFooter{ width:100%; } .hzalHeader{ margin-bottom:10px; text-overflow: ellipsis; display: inline-block; width: 100%; height: 24px; } .special1 .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; } .special2 .bodyPanel:nth-child(2n) { padding-left: 20px; border-left: 1px dotted #333; } .special2 .panelBody:nth-child(2n) { margin-right:15px } .footerDetail{ width:24%; float:left; color:#777777; } .special1 .footerDetail:nth-child(2){ margin-left:3%; } .special1 .footerDetail:nth-child(4){ margin-left:1%; } .special1 .footerDetail:nth-child(3){ margin-left:-5px; } .detailsFooter{ display: inline-flex; width: 100%; position: absolute; bottom: 20px; left:30px; /*width:860px;*/ } .special3 .footerDetail{ width:49%; } .special3 .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; width: 76%; } .specialLogo{ background-image:url("/asset/image/home/lineBG.png"); background-size: 100% 100%; height: 40px; float: left; width: 10%; height: 400px; } .specialText{ font-size: 20px; color: white; width: 20px; /*margin-left: 26px;*/ margin: 0 auto; margin-top: 42px; } .special0{ border-top: 5px solid #ec5d45; } .special1{ border-top: 5px solid #24a6f5; } .special2{ border-top: 5px solid #33b5c1; } .special3{ border-top: 5px solid #bfc92f; } .special4{ border-top: 5px solid #ecb345; } .special4 .corpation{ margin-top: 33px; } .special4 .panelBody img{ width: 100%; } .special0>.specialLogo{ background-image:url("/asset/image/home/lineBG01.png"); } .special1>.specialLogo{ background-image:url("/asset/image/home/lineBG02.png"); } .special2>.specialLogo{ background-image:url("/asset/image/home/lineBG03.png"); } .special3>.specialLogo{ background-image:url("/asset/image/home/lineBG04.png"); } .special4>.specialLogo{ background-image:url("/asset/image/home/lineBG05.png"); } .special2 .panelFooter { width: 100%; } .panelFooter a{ color: #777777; } .panelFooter div{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 20px; } @media screen and (min-width: 768px) and (max-width: 1240px) { .special0 .col-md-7 .panelImg, .special0 .col-md-5 .panelImg { display: none; } .special0 .col-md-7 .panelBody ul, .special0 .col-md-5 .panelBody ul { width: 100%; margin-left: 0; } }