@charset "utf-8"; .single-item-pc .img{height: 800px;overflow: hidden;} .single-item-pc .img a{display: block;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} @media screen and (max-width:1024px){ .single-item-pc .img{height: 600px;background-repeat: no-repeat;background-position: center;background-size: cover;} } @media screen and (max-width:768px){ .single-item-pc .img{height: 400px;background-repeat: no-repeat;background-position: center;background-size: cover;} } @media screen and (max-width:480px){ .single-item-pc .img{height:300px;background-repeat: no-repeat;background-position: center;background-size: cover;} } @media screen and (max-width:320px){ .single-item-pc .img{height:200px;background-repeat: no-repeat;background-position: center;background-size: cover;} } .single-item-pc .slick-active .img a{animation: scale 7s; -moz-animation:infinite scale 7s; -webkit-animation:infinite scale 7s; -o-animation: infinite scale 7s; } @keyframes scale { 0% {transform: scale(1);} 100% {transform: scale(1.1);} } @-moz-keyframes scale { 0% {transform: scale(1);} 100% {transform: scale(1.1);} } @-webkit-keyframes scale { 0% {transform: scale(1);} 100% {transform: scale(1.1);} } @-o-keyframes scale { 0% {transform: scale(1);} 100% {transform: scale(1.1);} } .content_tit{color:#444;font-size:18px} .content_des{margin:25px auto 40px;width:90%;max-width:840px;color:#888} .content_d{padding:100px 0 50px;text-align:center} .content_d .content_d_con .item{float:left;padding:0 5%;width:33.33%} .content_d .content_d_con .item .item_ico{margin:0 auto;margin-bottom:20px;width:90%;height:165px;background:#eaeaea} .content_d .content_d_con .item .item_ico .iconfont{font-size:80px;line-height:1.2em} .content_d .content_d_con .item .item_ico p{font-size:15px} .content_d .content_d_con .item h4{margin-bottom:5px;color:#444;font-size:16px} .content_d .content_d_con .item:hover .item_ico .iconfont{color:#1f2a66;transition:all .3s} .content_d .content_d_con .item:hover .item_ico p{color:#1f2a66;transition:all .3s} @media (max-width:480px){.content_d{padding:50px 0 50px;text-align:center} .content_d .content_d_con .item{float:inherit;margin-bottom:20px;padding:0 5%;width:100%} } .content_c{margin:0 auto;width:94%;max-width:1580px;color:#fff;text-align:center} .content_c a{color:#fff} .content_c .content_c_con .content_c_con_a .item{position:relative;float:left;overflow:hidden;width:50%} .content_c .content_c_con .content_c_con_b .item{position:relative;float:left;overflow:hidden;width:25%} .content_c .content_c_con .item::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;visibility:hidden;background:rgba(0,0,0,.58);content:"";opacity:0} .content_c .content_c_con .item p{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.58);font-size:15px;line-height:45px} .content_c .content_c_con .item .hide_con{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;visibility:hidden;opacity:0} .content_c .content_c_con .item .hide_con .iconfont{font-size:34px;line-height:1.2em} .content_c .content_c_con .item .hide_con span{position:relative;margin-top:13%;margin-bottom:13%;font-weight:700;font-size:18px} .content_c .content_c_con .item .hide_con span::before{position:absolute;right:0;bottom:-10px;left:50%;margin-left:-30px;width:60px;height:2px;background:#fff;content:""} .content_c .content_c_con .item:hover::before{visibility:inherit;opacity:1;transition:all .3s} .content_c .content_c_con .item:hover .hide_con{visibility:inherit;opacity:1;transition:all .6s} .content_c .content_c_con .item:hover p{bottom:-45px;transition:all .3s} @media (max-width:900px){.content_c .content_c_con .content_c_con_b .item{width:50%} } @media (max-width:800px){.content_c .content_c_con .content_c_con_a .item{width:100%} } @media (max-width:480px){.content_c .content_c_con .item p{font-size:14px;line-height:35px} .content_c .content_c_con .item .hide_con .iconfont{font-size:24px} .content_c .content_c_con .item .hide_con span{font-size:16px} } .content_b{margin:0 auto;margin-top:100px;margin-bottom:80px;width:94%;max-width:1280px;color:#fff;text-align:center} .content_b .content_c_con .item{position:relative;float:left;overflow:hidden;margin:0 1%;width:48%} @media (max-width:800px){.content_b .content_c_con .item{margin-bottom:20px;width:98%} .content_b{margin-top:50px;margin-bottom:30px} } .content_a{position:relative;background:#f5f5f5;padding-top: 30px} .content_a_a .content_tit{display:none} .content_a .content_a_a{position:relative;padding:25px;width:59%;min-height:349px;border-bottom:4px solid #e0e0e0;background:#fff} .content_a .content_a_a::before{position:absolute;bottom:-4px;left:0;width:40%;height:10px;background:#163c88;content:""} .content_a .content_a_a ul li{position:relative;margin-bottom:35px;padding-left:75px} .content_a .content_a_a ul li:last-child{margin-bottom:0} .content_a .content_a_a ul li p.time{display:none;color:#999} .content_a .content_a_a ul li .date{position:absolute;top:0;left:0;padding:0 5px;width:56px;height:125px;border:2px solid #ddd} .content_a .content_a_a ul li .date span{display:block;font-size:18px} .content_a .content_a_a ul li .date .day{position:relative;margin-bottom:15px;text-align:center;font-size:30px} .content_a .content_a_a ul li .date .day::before{position:absolute;right:5px;bottom:-8px;width:20px;height:2px;background:#555;content:""} .content_a .content_a_a ul li .date .month{color:#999;text-align:right} .content_a .content_a_a ul li .date .year{color:#999;text-align:center} .content_a .content_a_a ul li h4{margin-bottom:5px;font-size:16px} .content_a .content_a_a ul li p.des{margin-bottom:10px;max-height:3em;color:#999;overflow: hidden;line-height: 1.5em;font-size: 14px} .content_a .content_a_a ul li a.more{display:inline-block;padding:1px 10px;border:1px solid #bbb;color:#bbb} .content_a_b a{display:block;height:100%} .content_a_b{position:relative;overflow:hidden;width:39.75%;height:349px;background-position:center;background-size:cover;background-repeat:no-repeat} .content_a_b p.tit{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.58);color:#fff;text-align:center;font-size:15px;line-height:45px} .content_a_b .hide_con{position:absolute;right:0;bottom:-100%;left:0;z-index:99;padding:0 5%;height:100%;background:rgba(0,0,0,.58);color:#fff;text-align:center} .content_a_b .hide_con p.des{margin-top:22px;margin-bottom:20px;text-align:left;line-height:1.8em} .content_a_b .hide_con .iconfont{font-size:35px} .content_a_b .hide_con h4{position:relative;font-size:18px} .content_a_b .hide_con h4::before{position:absolute;right:0;bottom:-10px;left:50%;margin-left:-30px;width:60px;height:2px;background:#fff;content:""} .content_a_b:hover .hide_con{bottom:0;transition:bottom .3s} .content_a_b:hover p.tit{bottom:-100%;transition:bottom .3s} @media (max-width:900px){.content_a{position:relative;padding-top:30px;padding-bottom:30px;height:auto} .content_a .wp1200{position:inherit;bottom:0;left:inherit;transform:translatex(0)} .content_a .content_a_a{margin-bottom:20px;width:100%} .content_a .content_a_b{width:100%} } @media (max-width:640px){.content_a_a .content_tit{display:block;margin-bottom:20px;text-align:center} .content_a .content_a_a ul li{margin-bottom:25px;padding-left:0} .content_a .content_a_a ul li p.time{display:block} .content_a .content_a_a ul li .date{display:none} .content_a .content_a_a ul li a.more{display:none} .content_a .content_a_a ul li h4{margin-bottom:5px;font-size:15px} }