/*PicList002094 */ .PicList002094{ padding:5% 0 4% ; background:#f8f8f8;} .PicList002094 .title{text-align:center; padding:0% 0 5%;} .PicList002094 .title h1{ margin:0; font-size:30px; color:#055db4; padding-bottom:8px;} .PicList002094 .title span{color:#055db4;position:relative;font-family:"Times New Roman", Times, serif; font-size:18px;opacity: 0.4;} .PicList002094 .title span:before, .PicList002094 .title i:after{ position:absolute; width:158px; content:''; height:5px; top:50%; margin-top:-2.5px;} .PicList002094 .title span:before{ left:-158px; margin-left:-15px;background:url(../images/Floor002156-text_l.png) no-repeat right center;} .PicList002094 .title i:after{ right:-158px;margin-right:-15px; background:url(../images/Floor002156-text_r.png) no-repeat left center;} .PicList002094 .title i{ font-style:normal;text-transform: uppercase;} .PicList002094 li{ float:left; width:31.3%; margin-right:3%; margin-bottom:3%; position:relative; padding-bottom:40%; border-radius: 50px 0; box-shadow: 0 0 5px 4px #eee;} .PicList002094 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .PicList002094 li figure, .PicList002094 li div{ position:absolute; left:0; width:100%;} .PicList002094 li figure{ height:52%; transition:top 0.3s; top:0;border-radius: 50px 0 0 0;} .PicList002094 li figure img{ display:none;} .PicList002094 li div{ background-color:#fff; border-radius: 0px 0 50px 0px;bottom:0; height:48%; padding:0 5%; transition:0.3s;} .PicList002094 li div:before{ position:absolute; content:''; width:24px; height:24px; bottom:40px; left:50%; margin-left:-12px;} .PicList002094 li aside{ position:absolute; top:52%; margin-top:-50px; z-index:10; left:50%; width:100px; height:100px; margin-left:-50px;text-align:center; border-radius:50%; background-color:#fff; overflow:hidden;transition:0.3s;} .PicList002094 li aside img{ display:block; width:100%; height:100%;} .PicList002094 li aside img.hover{ display:none;} .PicList002094 li h5{ margin:0 0 15px 0; font-size:16px; text-align:center; padding-top:20%;} .PicList002094 li p{ line-height:24px; overflow:hidden; height:72px; margin:0;} .PicList002094 li:hover div{ color:#fff;background:#055db4;} .PicList002094 li:hover figure{top:-3%;} .PicList002094 li:hover div{ bottom:-3%;height:54%;} .PicList002094 li:hover div:before{background:url(../images/PicList002094-more.png) no-repeat;} .PicList002094 li:hover aside{background:#055db4; top:50%;} .PicList002094 li:hover aside img{ display:none;} .PicList002094 li:hover aside img.hover{display:block;} @media(min-width:769px){ .PicList002094 li:nth-child(3n){ margin-right:0;} } @media(max-width:1000px) and (min-width:769px){ .PicList002094 li p{ height:48px;} .PicList002094 li aside{ margin-top:-35px; width:70px; height:70px; margin-left:-35px;} } @media(max-width:768px){ .PicList002094 li{ width:48%; margin-right:4%;} .PicList002094 li:nth-child(2n){ margin-right:0;} .PicList002094 li{ padding-bottom:61%;} } @media(max-width:640px){ .PicList002094 ul{ margin:0 auto; max-width:400px;} .PicList002094 li{ float:none; width:auto; padding-bottom:0; height:470px; margin:0 0 5% 0;} } /* .Floor000430 为demo编号 */ .Floor000430{ padding:4% 0% 6%; background: #f8f8f8; z-index:1;} .Floor000430 .title{text-align:center; padding:0% 0 3%;} .Floor000430 .title h1{ margin:0; font-size:30px; color:#055db4; padding-bottom:8px;} .Floor000430 .title span{color:#055db4;position:relative;font-family:"Times New Roman", Times, serif; font-size:18px;opacity: 0.4;} .Floor000430 .title span:before, .Floor000430 .title i:after{ position:absolute; width:158px; content:''; height:5px; top:50%; margin-top:-2.5px;} .Floor000430 .title span:before{ left:-158px; margin-left:-15px;background:url(../images/Floor002156-text_l.png) no-repeat right center;} .Floor000430 .title i:after{ right:-158px;margin-right:-15px; background:url(../images/Floor002156-text_r.png) no-repeat left center;} .Floor000430 .title i{ font-style:normal;text-transform: uppercase;} .Floor000430 .tab{ /*border-bottom:2px solid #e0e0e0; */height:40px; line-height:40px; text-align:center;} .Floor000430 .tab span{ padding:0px 36px; display:inline-block; font-size:16px; cursor:pointer; color:#666; border:1px solid #c0c0c0;} .Floor000430 .tab span:nth-child(1){ border-radius:20px 0 0 20px;} .Floor000430 .tab span:nth-child(2){ border-radius:0 20px 20px 0 ;} .Floor000430 .tab span.active{ color:#fff; background:#055db4;border:1px solid #055db4;} .Floor000430 .auto{ padding-top:36px;} .Floor000430 .auto ul{ overflow:hidden; height:384px;} .Floor000430 .auto ol{ float:left; width:52.5%;background: #fff;box-shadow: 0 0 5px 3px #eee;/*border: 1px solid #86c681;*/} .Floor000430 .auto ol div{background: #fff; padding:0 10px;/*border: 1px solid #ccc; border-top: none;*/} .Floor000430 .auto ol figure{ position:relative;} .Floor000430 .auto ol figure img{ height:272px; display:block;margin: 0 auto; width: 100%;} .Floor000430 .auto ol figure time{ width:72px; padding-bottom: 5px;background-color:#055db4; position:absolute; left:0; top:0; color:#fff; text-align:center;} .Floor000430 .auto ol figure time b{ font-size:28px; display:block; padding:5px 0 0 0; line-height:34px;} .Floor000430 .auto ol h3{font-size: 16px;padding:17px 0 7px; margin:0;} .Floor000430 .auto ol h3 a:hover{color:#055db4;} .Floor000430 .auto ol p{ margin:0; padding-bottom:27px; color:#999;} .Floor000430 .auto ol .more{ background-color:#0082c3; color:#fff; width:133px; height:35px; line-height:35px; font-size:14px; display:inline-block; text-align:center;} .Floor000430 .auto ol .more i{ font-family:'宋体';font-size:12px; font-style:normal;} .Floor000430 .auto li{ border-bottom:1px solid #ececec;/*border: 1px solid #86c681;*/width:45%; float:right; padding:16.5px 10px; background:#fff; position:relative;box-shadow: 0 0 5px 3px #eee;margin-top: 10px;} /*.Floor000430 .auto li:last-child{ border-bottom: none;}*/ .Floor000430 .auto ul li:nth-child(2){margin-top: 0px;} .Floor000430 .auto ul li:nth-child(4){margin-top: 10px;} .Floor000430 .auto li div{ padding-left:80px; color:#999;} .Floor000430 .auto li div p{ line-height:28px; margin:0} .Floor000430 .auto li time{ position:absolute; left:14px; top:20px; color:#055db4;font-size:14px;} .Floor000430 .auto li time b{ font-size:48px; font-weight:normal;color:#055db4; line-height:50px; display:block; } .Floor000430 .auto li h2{ margin:0; font-size:16px; padding-bottom: 10px;} .Floor000430 .auto li h2 a{color:#454545;} .Floor000430 .auto li h2 a:hover{color:#055db4;} /* Bottom000714 为demo编号 */ .Bottom000714{ background:#2c3032;} .Bottom000714 .list{float:left; padding:30px 0 30px;} .Bottom000714 ul{ width:25%; float:right; padding-top:60px;} .Bottom000714 ul dl{ float:right;} .Bottom000714 ul dl dt, .Bottom000714 ul dl dd{ float:left;} .Bottom000714 ul dl dt{ width:120px;} .Bottom000714 ul dl dd{ padding-right:23px; padding-top:10px;} .Bottom000714 ul dl dd h1{ font-size:16px; font-weight:normal;} .Bottom000714 .botcontact{ padding-top:16px;} .Bottom000714 .botshare{ text-align:right; padding-top:5px;} .Bottom000714 .botshare a{ display: inline-block; margin-left: 6px; background:url(../images/Bottom002264-icon_shars.png) #1a1919 no-repeat; width: 35px; height: 35px; border-radius: 50%; transition: background-image .3s ease-in-out;} .Bottom000714 .botshare a.weixin{ background-position: 5px 4px;} .Bottom000714 .botshare a.qq{ background-position: -23px 4px;} .Bottom000714 .botshare a.sina{ background-position: -49px 4px;} .Bottom000714 .botshare a:hover{ background-image: url(../images/Bottom002264-icon_shars_hover.png);} .Bottom000714 .list dl{float:left;} .Bottom000714 .list dl dt{ font-weight:normal; line-height:3;} .Bottom000714 .list dl dt span{ display:inline-block; position:relative; border-bottom: 1px solid #424646; font-size: 16px;} .Bottom000714 .list dl dt span::before{ width: 20px; height: 2px; background-color: #8B8C8E; position: absolute; left: 0; bottom: -1px; content: '';} .Bottom000714 .list dl dt a{ color:#fff;} .Bottom000714 .list dl dd{ margin-top:15px;} .Bottom000714 .list dl dd p{ line-height:20px;color:#c0c0c0;font-size:16px;width: 40%;float: left;} .Bottom000714 .list dl dd p img{ margin-right: 11px;} .Bottom000714 ul li{ width:50%; float:left; padding-left:6.538%; text-align:center;} .Bottom000714 ul li img{ width:100%; padding:5px; border:1px solid #3c4144;} .Bottom000714 ul li p{ font-size:13px; color:#878889; margin:0; line-height:2;} .Bottom000714 .bot{ background:#232729; line-height:1; font-size:12px; padding: 1% 0;} .Bottom000714 .bot dl dd{ float:right; color:#a7a8a9;} .Bottom000714 .bot dl dd.link{ float:left;} .Bottom000714 .bot dl dd.link a{ color:#a7a8a9;} .Bottom000714 .bot dl dd em{ padding:0 10px; font-style:normal;} .Bottom000714 .bot .Copyright{ padding: 38px 20px 0px 0px;} .Bottom000714 .bot dl dd img{ width:70px; margin-left:20px;} .Bottom000714 .bot dl dd a.wh{color: #606061; text-decoration: underline;} .Bottom000714 .bot dl dd a{color:#a7a8a9} @media (max-width:1000px){ .Bottom000714 .list{width: 60%;} .Bottom000714 ul{width: 40%;padding-top: 9%;padding-right: 9%;} } @media (max-width:1200px){ .Bottom000714 .list{width: 60%;} .Bottom000714 ul{width: 40%;padding-top: 9%;padding-right: 9%;} } @media (max-width:860px){ .Bottom000714 .list dl{ padding-right:0;} .Bottom000714 .list{width: 60%;} .Bottom000714 ul{width: 40%;padding-top: 10%;padding-right: 10%;} } @media (max-width:768px){ .Bottom000714 .list{ width:100%} .Bottom000714 ul{ float:left; padding:0 0 30px 0; width:40%;} .Bottom000714 .bot dl dd img{ display:none;} .Bottom000714 .bot{ height:50px; line-height:50px; padding:0;} .Bottom000714 .bot dl dd.link{ padding:0;} } @media (max-width:660px){ .Bottom000714 .bot{ height:auto; line-height:30px;} .Bottom000714 .bot dl dd{ width:100%; text-align:center; float:none;} } @media (max-width:552px){ .Bottom000714 .list dl dd{ display:none;} .Bottom000714 .list dl{ text-align:center;} .Bottom000714 ul{ width:83%;} .Bottom000714 ul li{ padding-left:20%} }