.thumbnail{border:none;border-radius:0px; padding:0px;} .news .thumbnail img{border-radius: 4px;} .news .thumbnail img:hover{animation:bounce 0.5s; } .news-more .date, .news-more .more{ background: #f5f5f5;} .container .col-lg-4{margin-bottom: 30px;} /*--------------------鏈€鏂版椿鍔ㄧ粨鏉?------------------------*/ .pro-content .pro-content-item{border-radius: 0px;} .pro-content .pro-content-item p::before,.zjlist .zj_move p:before{border:1px solid #fff;border-radius: 50%; position: absolute; width:50px; height:50px; content:"+"; display: inline-block; font-size:40px;color:#fff; font-weight: normal; z-index: 100; top:50%; left:50%;text-align: center; margin-top: -35px; margin-left: -25px; line-height: 46px; font-family: "瀹嬩綋";transition:all 0.2s ease-out;} .pro-content .pro-content-item p{ opacity: 0;transition:all 0.4s ease-out;} .pro-content .pro-content-item:hover p{opacity: 1;} .pro-content .pro-content-item:hover p:before{margin-top: -25px; } .pro-content .pro-content-item img{transform-origin: center center; -moz-transform:scale(1); transition:all 0.6s ease-out; -webkit-transform:scale(1); -o-transform:scale(1);} .pro-content .pro-content-item:hover img{-moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); } .pro-content .col-lg-3 h4{text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /*--------------------鐗硅壊椤圭洰缁撴潫-------------------------*/ .zjlist{margin-top: 100px; margin-bottom: 50px;} .zjlist img{width:100%;border:1px solid #f5f5f5;} .zjlist .descript{text-indent: 2em; font-size:16px; text-align:left;color:#6D6C6C; height: 66px; overflow: hidden;} .zjlist .caption .mo-re{margin:0 auto;font-size:16px;} .zjlist .caption .mo-re p{ height: 30px; padding:3px 15px;} .zjlist .caption .mo-re a:hover { transform: translateY(-23px); } .zjlist .zj_move p{ position: absolute;width:100%; height:100%;top:0px;left:0px; line-height:30em; font-size:16px;color:#fff; } .zjlist .zj_move p:hover::before{width:55px; height: 55px; line-height: 55px; transition: all 0.3s ease-out; transform-origin: center center;} .zjlist .col-xs-6{ margin-bottom: 30px; padding: 0px 40px; } .zj_move a{ display: block; } /*--------------------涓撳缁撴潫-------------------------*/ /*棣栭〉鏂伴椈*/ .new100{ width:100%; background:#fbfbfb; padding-top:50px; padding-bottom:50px; margin-bottom:40px;} .newsdown{ width:85%; margin:0 auto;} .newsdown_l{ width:48%;position: relative; float:left;} .newsdown_l h3{ font-size:22px; font-weight:400; margin-top:10px; margin-bottom:10px;} .newsdown_l_text{position: absolute; top:0;left:0; width: 100px; height: 80px; background:#00a0e9; color:#fff; text-align:center;} .newsdown_l_text h1{ font-size:32px;} .newsdown_l h1{ font-size:32px; font-weight:400; margin-top:10px;} .newsdown_l h2{ font-size:14px; line-height:22px; font-weight:300;} .newsdown_r{ float:right; width:50%; text-align:center; padding-bottom:20px;} .newsdown_r .mo-res{font-size:20px; text-align: center; float:right; line-height:30px;} .newsdown_r .mo-res p{border:1px solid #4598E3; display: inline-block; height: 39px; overflow: hidden;padding: 5px 15px;} .newsdown_r .mo-res a{transform: translateY(0px); display: inline-block; transition:all 0.2s ease-out;} .newsdown_r .mo-res a:hover{transform: translateY(-30px);} .newsdown_r li{color: #666; padding-bottom:10px;width:100%; float:left; height:135px;} .newsdown_r li .time{ width:100px; height:100px; text-align:center; float:left;} .newsdown_r li .time h1{ font-size:32px; margin-bottom:10px; margin:0; padding:0;} .newsdown_r li p{ font-size: 14px; height:56px; overflow: hidden; line-height:26px; text-align:left} .newsdown_r li a{padding-bottom:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:20px; color: #333; display: block; text-align:left;} .newsdown_r li a:hover{ color: #00a0e9;} .clear{ clear:both;} @media screen and (max-width:750px) { .new100{ width:100%; background:#fbfbfb; padding-top:10px; padding-bottom:10px; margin-bottom:20px;} .newsdown{ width:95%; margin:0 auto;} .newsdown_l{ width:100%;position: relative; float:left;} .newsdown_l h3{ font-size:22px; font-weight:400; margin-top:10px; margin-bottom:10px;} .newsdown_l_text{position: absolute; top:0;left:0; width: 100px; height: 80px; background:#00a0e9; color:#fff; text-align:center;} .newsdown_l_text h1{ font-size:32px;} .newsdown_l h1{ font-size:32px; font-weight:400; margin-top:10px;} .newsdown_l h2{ font-size:14px; line-height:22px; font-weight:300;} .newsdown_r{ float:left; width:100%; text-align:left; padding-bottom:20px; clear:both;} .newsdown_r .mo-res{font-size:20px; text-align: center; float:right; line-height:30px;} .newsdown_r .mo-res p{border:1px solid #4598E3; display: inline-block; height: 39px; overflow: hidden;padding: 5px 15px;} .newsdown_r .mo-res a{transform: translateY(0px); display: inline-block; transition:all 0.2s ease-out;} .newsdown_r .mo-res a:hover{transform: translateY(-30px);} .newsdown_r ul{ padding:0; margin:0;} .newsdown_r li{color: #666; padding-bottom:10px;width:100%; float:left; height:135px;} .newsdown_r li .time{ width:80px; height:80px; text-align:center; float:left;} .newsdown_r li .time h1{ font-size:22px; margin-bottom:10px; margin:0; padding:0;} .newsdown_r li p{ font-size: 12px; height:50px; overflow: hidden; line-height:24px; text-align:left} .newsdown_r li a{padding-bottom:10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color: #333; display: block; text-align:left;} .newsdown_r li a:hover{ color: #00a0e9;} }