@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;font-weight:400}
html,body{font-family:microsoft yahei;font-size:14px}
ul{list-style:none}
a{text-decoration:none;color:inherit;}
a:hover{text-decoration:none;}
.cui-btn{display:inline-block;height:40px;padding:0 30px;border:solid 1px transparent;border-radius:2px;background:0 0;font-weight:400;font-size:14px;line-height:38px;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;transition:.2s}
.cui-btn-small{height:32px;padding-left:20px;padding-right:20px;font-size:12px;line-height:30px}
.cui-icon{font-family:cui-icon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;vertical-align:middle;font-size:16px}
.cui-icon-play:before{content:"\EA1A"}
.section-title{text-align:center;padding-top:60px;padding-bottom:52px}
.section-title h1{position:relative;font-size:36px;line-height:50px;letter-spacing:4px;color:#a7a7a7}
.section-title h2{margin-top:10px;font-size:18px;line-height:22px;letter-spacing:2px;color:#666a75}
.section-wrapper{max-width:1280px;padding-left:0px;padding-right:0px;margin-left:auto;margin-right:auto}
.news-body{height:540px;margin-left:10px;margin-right:10px;}
.news-body:before,.news-body:after{content:" ";display:table;box-sizing:inherit}
.news-main{float:left;height:100%;width:32.5%;border: 3px solid #ffffff;}
.news-main-card{display:block;position:relative;height:100%;overflow:hidden}
.news-main-card:hover .news-main-card-bg{transform:scale(1.1)}
.news-main-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:.2s}
.news-main-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:.2s}
.news-main-card-bg-mb{display:none}
.news-main-card-top{position:relative;height:310px}
.news-play-btn{display:none;position:absolute;top:70px;right:0;bottom:0;left:0;width:40px;height:30px;background-color:rgba(255,255,255,.3);border-radius:2px;margin:auto;font-size:0;line-height:30px;text-align:center;cursor:pointer;transition:.2s}
.news-play-btn .cui-icon-play{font-size:16px;color:#fff}
.news-main-card-bottom{position:relative;height:230px;padding:100px 30px}
.news-main-card-bottom .h2{margin-bottom:2px;font-size:20px;line-height:28px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-main-card-bottom .p{max-height:40px;font-size:14px;line-height:20px;color:rgba(255,255,255,.7);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.news-main-card-bottom .sub-p{position:relative;padding-left:10px;font-size:14px;line-height:20px;color:#fff}
.news-main-card-bottom .sub-p-date{margin-top:10px}
.news-main-card-bottom .sub-p:before{content:"";display:block;position:absolute;left:0;top:10px;border:solid 2px;border-radius:50%;margin-top:-2px}.news-main-card-bottom .sub-p-author{margin-top:5px}
.news-main-card-bottom .btn-group{position:absolute;bottom:30px}
.cui-btn-outline-light{border:solid 1px #fff;color:#fff}
.cui-btn-outline-light:hover{color:#fff}
.news-main-card-bottom .btn-group .cui-icon{margin-top:-2px;margin-right:8px;font-size:inherit}
.news-sub{float:left;position:relative;height:100%;width:67.5%}
.news-list-v{position:absolute;height:100%;width:100%;visibility:hidden;opacity:0;transition:0s .2s}
.news-list-v.show{z-index:1;visibility:visible;opacity:1;transition:.2s}
.news-list-v:before,.news-list-v:after{content:" ";display:table;box-sizing:inherit}
.news-list-v:after{clear:both}.news-list-v>li{float:left;width:33.33333333%;height:50%;border: 3px solid #ffffff;}.news-list-card{display:block;position:relative;height:100%;padding:140px 30px 0;}.news-list-card:hover .h3,.news-list-card:hover .p{transform:translate(0,-26px)}.news-list-card:hover .more{opacity:1;color:#6f7479}.news-list-v>li:nth-child(1) .news-list-card,.news-list-v>li:nth-child(5) .news-list-card{}.news-list-v>li:nth-child(2) .news-list-card{background-size:cover}.news-list-v>li:nth-child(4){width:66.6%}.news-list-card .h3{max-height:56px;margin-bottom:1px;font-size:20px;line-height:28px;color:#ffffff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:transform .2s}.news-list-card .p{max-height:60px;font-size:14px;line-height:20px;color:#ffffff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:transform .2s}.news-list-v>li:nth-child(1) .news-list-card .h3,.news-list-v>li:nth-child(2) .news-list-card .h3,.news-list-v>li:nth-child(5) .news-list-card .h3{color:#fff}.news-list-v>li:nth-child(1) .news-list-card .p,.news-list-v>li:nth-child(2) .news-list-card .p,.news-list-v>li:nth-child(5) .news-list-card .p,.news-list-v>li:nth-child(1) .news-list-card .more,.news-list-v>li:nth-child(2) .news-list-card .more,.news-list-v>li:nth-child(5) .news-list-card .more{color:#ffffff;)}.news-list-card .more{position:absolute;bottom:30px;opacity:0;transition:opacity .2s;color:rgba(255,255,255,.7)}.news-list-card .more i{margin-left:5px;transition:transform .2s}.news-list-card .more:hover i{transform:translate(5px,0)}.cui-icon-more:before{content:"\EA19"}.section-bottom{padding-top:40px;padding-bottom:50px}.section-more-wrap{text-align:center}
.section-more-wrap a{display:inline-block;font-size:16px;line-height:24px;color:#666a75;cursor:pointer;user-select:none;transition:.2s}
.section-more-wrap a:hover{color:#f66f6a;text-decoration:none;}
.section-more-wrap .news-more{display:none}
.section-more-wrap a .cui-icon{margin-top:-2px;margin-left:10px;transition:transform .2s}
.section-more-wrap .news-change{padding-right:20px;background-image:url(../images/chanpin001.jpg);background-repeat:no-repeat;background-position:right center}
.section-more-wrap .news-change:before,.section-more-wrap .news-change:hover{content:"";background-image:url(../images/homepage-news-icon-change-active.png)}