/*#subNav {height: 80px;border-bottom: 2px solid #f2f2f2;background-color: #fff;font-family: "Microsoft YaHei","微软雅黑",微软雅黑,arial,sans-serif,宋体;} .auto {width: 1200px;margin: 0 auto;position: relative;} #subNav .auto {height: 80px;border-bottom: 2px solid #e4dfda;position: relative;} #subNav .le {float: left;height: 100%;} #subNav .le a {display: inline-block;vertical-align: middle;color: #7a7a7a;font-weight: 700;line-height: 80px;height: 100%;} #subNav .le a:nth-child(2) {padding-left: 27px;margin-left: 6px;background: url(../img/icon_nav02.jpg) no-repeat 0;} #subNav .list {float: right;height: 100%;position: relative;} #subNav .list .nav {height: 100%;} #subNav .list .inner_bor {height: 2px;background: #e40000;position: absolute;bottom: -2px;left: 0;display: block;transition: width 0s,left 0s ease;} #subNav .list .inner_bor.AnimEnd {transition: width .3s,left .5s ease;}*/ .news_topping {padding: 70px 0 60px;min-height: 470px;background: url(../img/dx-bg.jpg) no-repeat top;} .animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .fadeInUp50 {-webkit-animation-name: fadeInUp50;animation-name: fadeInUp50;} .fadeInUp100, .fadeInRight50, .fadeInRight, .fadeIn, .fadeInUp, .fadeInUp50 {opacity: 0;} .news_topping .time {float: left;width: 70px;height: 68px;padding: 15px;border-radius: 10px;background: #fff;overflow: hidden;margin-right: 20px;} .news_topping .time em {display: block;color: #f7b52c;font-size: 56px;line-height: 40px;font-family: Rajdhani;letter-spacing: -2px;margin-bottom: 8px;} .news_topping .time span {display: block;color: #db6729;font-size: 18px;line-height: 15px;font-family: Rajdhani;} .news_topping .img {float: left;width: 460px;height: 315px;margin-right: 20px;overflow: hidden;background: url(../img/news-preview-bg.jpg) no-repeat 50%;background-size: auto;background-size: cover;transition: all .25s cubic-bezier(.17,.67,.69,.85);z-index: 1;} .news_topping .img a, .news_topping .img img {height: 100%;} .news_topping .cont {float: right;width: 590px;} .news_topping .cont h1 {color: #59504c;font-size: 36px;line-height: 42px;max-height: 84px;margin-bottom: 15px;margin-top: -3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news_topping .cont .txt {height: 196px;} .news_topping .cont .txt p {color: rgba(60,60,72,.7);line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;} .cMore1 a {display: inline-block;font-size: 0;} .cMore1 a span {display: inline-block;line-height: 1;color: rgba(56, 56, 56, 0.8);font-size: 16px;cursor: pointer;vertical-align: middle;transition: all .3s;} .cMore1 a ul {display: inline-block;vertical-align: middle;margin-left: 10px;position: relative;top: 3px;transition: all .3s;} .cMore1 a ul li {display: inline-block;width: 7px;height: 7px;background-color: #f7b52c;margin-right: 4px;border-radius: 50px;transition: all .3s;} .cMore1 a:hover span {color: #db6729;} .cMore1 a:hover ul {margin-left: 12px;} .cMore1 a:hover ul li {margin-right: 10px;} .clearfix::after, .auto::after {content: "";display: block;height: 0;clear: both;} .cCont1 { position: relative; } .cCont1 .auto { padding: 40px 0 70px; min-height: 1490px; } .cCont1 .Le { float: left; width: 800px; } .news_list .dl { overflow: hidden; padding: 24px 0; padding-top: 24px; /* border-bottom: 3px solid #f9f4ed;*/ background-color: #fff; position: relative; transition: all .25s cubic-bezier(.17,.67,.69,.85); z-index: 1; } .news_list .dl:first-child { margin-top: -40px; padding-top: 40px; } .news_list .dl.state1 .time { float: left; width: 117px; height: 113px; padding: 15px; background: #f6f4f1 url(../img/time_bg.png) no-repeat 50%; border-radius: 10px; overflow: hidden; transition: all .3s; margin-top: 3px; } .news_list .time { transition: all .4s; } .news_list .dl.state1 .time em { display: block; color: #b4a48a; font-size: 56px; line-height: 40px; font-family: Rajdhani; margin-bottom: 8px; letter-spacing: -2px; } .news_list .time { transition: all .4s; } .news_list .dl.state1 .time span { display: block; color: #e40000; font-size: 18px; line-height: 15px; font-family: Rajdhani; } .news_list .dl .dd { float: right; /*width: calc(100% - 150px);*/ /*padding-right: 45px;*/ } /*.news_list .dl .dd::before { width: 8px; background: url(../img/news-list-ic1.png) no-repeat 0 0; right: 0; opacity: 1; transition: all .4s; }*/ .news_list .dl .dd:after, .news_list .dl .dd:before { content: ""; height: 14px; position: absolute; top: 0; bottom: 0; margin: auto; } .news_list .dl.state1 h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news_list .dl .dd h3 { color: #59504c; font-size: 20px; line-height: 27px; margin-bottom: 4px; } .news_list .dl .dd p { color: rgba(60,60,72,.7); height: 44px; line-height: 24px; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .news_list .dl .dd .tips span { display: inline-block; color: #ceced1; font-size: 13px; margin-right: 14px; line-height: 1; } .news_list .dl .dd:after, .news_list .dl .dd:before { content: ""; height: 14px; position: absolute; top: 0; bottom: 0; margin: auto; } .news_list .dl .dd:after { width: 21px; background: url(../img/news-list-ic2.png) no-repeat 0 0; right: 20px; opacity: 0; transform: translateX(-40px); transition: all .3s; } .news_list .dl:hover { background-color: #f6f4f1; box-shadow: 0 5px 20px 0 rgba(0,0,0,.2); transform: translateY(-5px); z-index: 4; }