/* 鍒楄〃鏂伴椈鏍峰紡*/ .news-ul .miaoshu p img{ display:none;} .news-list-content p img{ display:none;} /*鏂伴椈banner閮ㄥ垎鏍峰紡*/ .middle_pic { height: 146px; width: 100%; background-image: url(../../../front/common/images/pic15.png); background-repeat: no-repeat; background-position: right; background-color:#d4203d; } .news-tab{ float: left; width: 400px; height:60px; margin-top:86px; } .news-tab a{ display:block; float:left; background-color:#c21834; width:136px; height:50px;line-height:50px; margin-top:10px; text-align:center; color:#efd0d0; font-size:18px; } .news-tab .cur{ width:160px; height:60px;margin-top:0px;background-color:#fff; line-height:60px; color:#c21834; font-size:24px;} .news-style{ float:right; margin-top:55px;} .news-style a{ float: right; display: block; width: 39px; height: 30px; } .news-style a span{ display: block; width: 39px; height: 30px; background-color: rgba(255,255,255,0.4); background-repeat: no-repeat; background-position: center center; } .news-style a:hover span{ background-color: rgba(255,255,255,0.7); } .news-style a.btn-block span{background-image: url(../../../front/common/images/table-li-bg-cur.png);} .news-style a.btn-list span{background-image: url(../../../front/common/images/list-li-bg-cur.png);} .news-style a.btn-block .cur{ background-color:rgba(255,255,255,1.0); background-image: url(../../../front/common/images/table-li-red.png); } .news-style a.btn-list .cur{ background-color:rgba(255,255,255,1.0); background-image: url(../../../front/common/images/list-li-red.png); } .list_list { cursor: pointer; height: 122px; width: 1000px; margin-top: 10px; margin-left: 81px; } .list_list1 { background: url(../../../front/common/images/pic18-1.jpg) no-repeat; } .list_list2 { background: url(../../../front/common/images/pic18-2.jpg) no-repeat; } .list_list3 { background: url(../../../front/common/images/pic18-3.jpg) no-repeat; } .list_list4 { background: url(../../../front/common/images/pic18-4.jpg) no-repeat; } .list_list5 { background: url(../../../front/common/images/pic18-5.jpg) no-repeat; } .list_list6 { background: url(../../../front/common/images/pic18-6.jpg) no-repeat; } .list_list7 { background: url(../../../front/common/images/pic18-7.jpg) no-repeat; } .list_list8 { background: url(../../../front/common/images/pic18-8.jpg) no-repeat; } .list_list9 { background: url(../../../front/common/images/pic18-9.jpg) no-repeat; } .news-ul{ overflow:hidden; margin:0 auto; width:1140px;margin-top:50px;} .news-ul li { background:#f6f7fb; width:360px; height:410px; float:left; position: relative; margin-bottom:22px; cursor:pointer;border-bottom:1px solid #fff;} .news-ul li .news-title { color: #333; font-size: 18px; position: absolute; top: 248px; font-weight: bold; width: 300px; text-align: center; left: 30px; } .news-ul li .news-button { position: absolute; bottom:38px; left:110px; width: 160px; height:40px; color:#d1270a; border:1px solid #d1270a; line-height:40px; text-align:center; font-size:16px; } .home-more{position: absolute; bottom:26px; right:42px; width: 160px; height:40px; color:#d1270a; border:1px solid #d1270a; font-size:16px; line-height:40px; text-align:center;} .news-ul li:hover .news-button, .news-one:hover .home-more {color:#fff; background-color:#d4203d; cursor:pointer;} .news-ul li:hover{ box-shadow: 0 3px 5px 3px rgba(0,0,0,.13); border-bottom:1px solid #d4203d;} .news-ul li:hover .news-button span{ display:block; -webkit-animation: moveFromBottom 0.3s ease; -moz-animation: moveFromBottom 0.3s ease; -o-animation: moveFromBottom 0.3s ease; -ms-animation: moveFromBottom 0.3s ease; animation: moveFromBottom 0.3s ease; } .news-ul li .news-date { position: absolute; left: 0px; right: 0px; top: 135px; height: 75px; line-height: 75px; z-index: 99; color: #fff; text-indent: 30px; background-color: rgba(0, 0, 0, 0.2); } /*绾㈣壊绠ご鏃犲浘鐗囩殑鏍峰紡*/ .news-ul li .red-date { position: absolute; left: 0px; right: 0px; top: 0; height: 95px; line-height: 75px; z-index: 99; color: #fff; text-indent: 30px; background-image: url(../../../front/common/images/news-jiantou.png); background-repeat: no-repeat; background-position: 53px 78px; } .news-ul li .red-date .redbg{ background-color:#d4203d;} .news-ul li h3{ color:#333; font-size:18px; position:absolute; top:110px; left:22px; right:22px;font-weight:bold; } .news-ul li .miaoshu{ color: #777; font-size: 16px; position: absolute; top: 176px; left: 25px; line-height: 28px; width: 310px; overflow: hidden; max-height: 135px; } .newslist-more{ display: block; width: 162px; height: 40px; color: #fff; background-color: #d93739; margin: 0 auto; line-height: 40px; margin-top: 32px; font-size: 16px; background-image: url(../../../front/common/images/ico-news-more.png); background-repeat: no-repeat; background-position: 110px center; text-indent: 35; } a.newslist-more:hover{background-color:#be1618;} /*浠ヤ笅鏂板*/ .news-lists { margin: 50px 0 -20px 0; overflow:hidden; } .flap { visibility: hidden; animation-duration: 1s !important; -moz-animation-duration: 1s !important; -webkit-animation-duration: 1s !important; animation-fill-mode: backwards !important; -moz-animation-fill-mode: backwards !important; -webkit-animation-fill-mode: backwards !important; display: inline-flex; width:100%; } .news-one { margin-bottom: 20px; display: block; border: 1px solid transparent; background-color: #f6f7fb; } .news-one, .news-img-box, .news-list-content, .news-list-tit, .news-list-text, .news-time-box { transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; } .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after { content: " "; display: table; } a { color: #85888e; text-decoration: none; outline: 0; transition: all .2s cubic-bezier(0.215,.61,.355,1); -moz-transition: all .2s cubic-bezier(0.215,.61,.355,1); -webkit-transition: all .2s cubic-bezier(0.215,.61,.355,1); width:100%; } .news-img-box { float: left; padding: 8px; margin:7px; } .news-img { width: 310px; height: 130px; } .news-list-content { float: left; padding: 30px 0 21px 34px; width: 596px; } .news-time, .news-time-box, .news-list-tit, .news-list-text { overflow: hidden; } .news-list-tit { display: block; height: 24px; font-size: 20px; font-weight: 400; color: #111; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-list-type { margin: 6px 0 10px; font-size: 12px; color: #d2d2d2; } .news-list-text { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-time, .news-time-box, .news-list-tit, .news-list-text { overflow: hidden; } .news-list-text { display: block; height: 52px; line-height: 24px; font-size: 13px; color: #777; } .news-time { float: right; color: #999; } .news-time-box { padding: 36px 66px 0 0; } .news-time-month { display: block; height: 26px; font-size: 24px; } .news-time-year { display: block; font-size: 13px; } .news-more-btn { margin-top: 22px; } .more-btn { position: relative; display: inline-block; width: 65px; height: 22px; color: #dbdbdb; border-radius: 22px; border: 1px solid #dbdbdb; transition: all .6s cubic-bezier(0.215,.61,.355,1); -moz-transition: all .6s cubic-bezier(0.215,.61,.355,1); -webkit-transition: all .6s cubic-bezier(0.215,.61,.355,1); } .more-btn::after { background-position: -33px 0px; } .more-btn::after { content: ''; position: absolute; top: 9px; right: 11px; display: block; width: 24px; height: 7px; font-size: 0; background-repeat: no-repeat; } .more-btn::after, .news-item:hover .more-btn::after, .news-one:hover .more-btn::after, .more-btn:hover::after, .case-item-pop-btn::after, .contactus-icon-address, .contactus-icon-phone, .contactus-icon-email, .icon-qq, .icon-qq:hover, .icon-wx, .icon-wx:hover, .icon-wb, .icon-wb:hover, .icon-hotline, .icon-user, .popbox-inputbox-f .icon-email, .popbox-inputbox-f .icon-password, .icon-email, .icon-password { background-image: url(../../../front/common/images/common_z.png); } .news-item:hover .more-btn,.news-one:hover .more-btn,.more-btn:hover,.detail-label:hover { color:#fff; border-color:#d4203d; background-color:#d4203d; } .news-item:hover .more-btn:after,.news-one:hover .more-btn:after,.more-btn:hover:after { background-repeat: no-repeat; background-position: -33px -10px; } .news-one:hover { border:1px solid #efefef; box-shadow:0 3px 5px 5px rgba(0,0,0,.08) } .news-one:hover .news-list-tit { color:#333 } .news-one:hover .news-list-text { color:#999 } @media (min-width:1200px) { .news-list-text { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical } .news-one:hover .news-list-content { padding:30px 0 23px 54px; width:616px } .news-one:hover .news-img-box { background:#d4203d; } .news-one:hover .news-more-btn { margin:22px 0 0 58px } .news-one:hover .news-time-box { padding:36px 86px 0 0 } } @media (max-width:1199px) { .news-lists { margin:30px 0 -20px 0 } .news-one { padding:15px } .news-img-box { display:none } .news-list-content { float:none; padding:0; width:100% } .news-list-tit { margin-bottom:10px } .news-list-text { height:auto; line-height:20px } .news-time { float:none; padding:20px 0 0 } .news-time-box { float:left; padding:0 } .news-time-year { float:right; margin-right:10px } .news-time-month,.news-time-year { line-height:22px; font-size:16px; color:#717171; vertical-align:top } .news-time-month { float:right } .news-one:hover .news-time-month,.news-one:hover .news-time-year { color:#333 } .news-more-btn { float:right; margin:0 } } *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, div, main, section, article, header, footer, nav, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, button, input, textarea, th, td { margin: 0; padding: 0; } dl { margin-top: 0; } dt { font-weight: 700; } dt, dd { line-height: 1.42857143; } dd { margin-left: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .anim{ } @-webkit-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @-moz-keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } @keyframes fadeInUp { from { opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0) } 100% { opacity:1; -webkit-transform:none; transform:none } } .page-box { overflow: hidden; padding-top: 50px; } .page-number { overflow: hidden; float: left; margin-left: -5px; margin-right: -5px; height: 50px } .page-number a, .page-number b, .page-number i { display: block; float: left; margin: 5px; width: 40px; height: 40px; line-height: 40px; color: #b2b2b2; text-align: center; border-radius: 40px; border: 1px solid #b2b2b2 } .page-number b { color: #fff; font-weight: 700; background-color: #b0b0b0 } .page-number i { width: 30px; border: 0 } .page-number a:hover { margin-top: 0; width: 50px; height: 50px; line-height: 50px; color: #fff; border: 1px solid #208bd3; background-color: #208bd3 } .page-turn { overflow: hidden; float: right; margin-top: 10px; } .page-turn .more-btn { display: block; width: 93px; height: 40px; border: 1px solid #208bd3; background-color: #208bd3 } .page-turn .more-btn.cur { cursor: default; border-color: #dbdbdb; background-color: transparent } .page-turn .page-turn-left { float: left; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-color: #dbdbdb } .page-turn .page-turn-right { float: right; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0 } .page-turn-left:after { top: 17px; right: 51px; background-repeat: no-repeat; } .page-turn-right:after { top: 17px; right: 22px; background-repeat: no-repeat; } .page-turn-left.cur:after, .page-turn-left.cur:hover:after { background-repeat: no-repeat; } .page-turn-left:hover:after { background-repeat: no-repeat; } .page-turn-right.cur:after, .page-turn-right.cur:hover:after { background-repeat: no-repeat; } .page-turn-right:hover:after { background-repeat: no-repeat; } @media (max-width:767px) { .page-number { display: none } } @media (max-width:1199px) { .page-box { padding-top: 30px } }