@charset "utf-8";
.cui-btn{display: inline-block;height: 40px;padding: 0 30px;border: solid 1px transparent;border-radius: 2px;background: transparent;font-weight: 400;font-size: 14px;line-height: 38px;text-align: center;white-space: nowrap;vertical-align: middle;user-select: none;transition: 0.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: normal;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-news{    width: 100%;
    height: 650px;
}}
.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: #252b3a;}
.section-title h2{margin-top: 10px;font-size: 18px;line-height: 22px;letter-spacing: 2px;color: #666a75;}
.section-wrapper{max-width: 100%;margin-left: auto;margin-right: auto;}
.news-body{box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);}
.news-body:before,
.news-body:after{content: " ";display: table;box-sizing: inherit;}
.news-left{float: left;height:627px;width:20%;}
.news-list-v2 li{ margin-left: 0.3%;height:310px; margin-bottom:2%;}

.news-main{float: left;height:627px;width:19%; margin-right:0.3%; margin-left:0.5%;}
.news-main a:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1;}
.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: 0.2s;}
.news-main-card-bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;background-position: center;transition: 0.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, 0.3);border-radius: 2px;margin: auto;font-size: 0;line-height: 30px;text-align: center;cursor: pointer;transition: 0.2s;}
.news-play-btn .cui-icon-play{font-size: 16px;color: #fff;}
.news-main-card-bottom{position: relative;height: 230px;padding: 5px 40px;}
.news-main-card-bottom .h2{margin-bottom: 10px;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, 0.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{border-color: #f66f6a;background-color: #f66f6a;color: #fff;}
.news-main-card-bottom .btn-group .cui-icon{margin-top: -2px;margin-right: 8px;font-size: inherit;}
.news-sub{float:right;height: 627px;width:60%;}
.news-list-v{opacity: 0;transition: 0s 0.2s;}
.news-list-v.show{z-index: 1;visibility: visible;opacity: 1;transition: 0.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:32.2%;height: 310px;    margin-bottom: 0.8%;
    margin-right:0.8%;}

.news-list-card{display: block;position: relative;height: 100%;background-color: white;}
.news-list-card:hover .h3,
.news-list-card:hover .p{transform: translate(0, -26px);}
.news-list-card:hover .more{opacity: 1;color: #deb76f;}
.linemore{    height: 1px;
    background: #deb76f;
    width: 40px;
    position: absolute;
    display: block;
    margin-left: 80px;
    margin-top: 8px;}
.linemore1{    height: 1px;
    background: #deb76f;
    width: 40px;
    position: absolute;
    display: block;
    margin-left: 140px;
    margin-top: 8px;}
.zhong.news-list-card .h3 {
    max-height: 56px;
    margin-bottom: 20px;
    margin-top: 190px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: transform 0.2s;
}
.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-image: url(../images/homepage-news-card-bg.jpg);background-size: cover;}
.news-list-v>li:nth-child(4){width: 65.3%; float:left;}
.news-list-card .h3{    max-height: 56px;
    margin-bottom: 20px;
    margin-top: 120px;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: transform 0.2s;}
.news-list-card .p{max-height: 60px;font-size: 14px;line-height: 20px;color: #666a75;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: transform 0.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: #deb76f;}
.news-list-card .more{
	position: absolute;
  
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.2s;
    background: rgba(0, 0, 0, .55);
    color: rgba(255, 255, 255, 0.7);}
.news-list-card .more i{margin-left: 5px;transition: transform 0.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: 0.2s;}
.section-more-wrap a:hover{color: #f66f6a;}
.section-more-wrap .news-more{display: none;}
.section-more-wrap a .cui-icon{margin-top: -2px;margin-left: 10px;transition: transform 0.2s;}
.section-more-wrap .news-change{padding-right: 20px;background-image: url(../images/homepage-news-icon-change.png);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);}

@media screen and (max-width:640px) {
	.news-left {
    float: left;
    height: 627px;
    width: 100%;
}
.news-main {
    float: left;
    height: 627px;
    width: 100%;
    margin-right: 8px;
	margin-top: 8px;
    margin-left: 8px;
}
.news-sub {
    float: right;
    height: 627px;
    width: 100%;
    display: none;
}
.indexnesqiehuan .newsxxk {
    width: 422px;
    float: left;
    height: 450px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);
    -moz-box-shadow: 0px 0px 0px #909090;
    -webkit-box-shadow: 0px 0px 0px #909090;
    box-shadow: 0px 0px 0px #909090;
}
.indexnesqiehuan .newsxxk a .newsxxk_img {
    width: 100%;
}
.indexnesqiehuan .newsxxk a .newsxxk_text {
    float: left;
    padding: 30px 00px 0 00px;
    width: 410px;
    height: 170px;
}
.newsxxkright {
    float: left;
    width: 100%;
}
.newsxxk_title {
    width: 80%;
    float: right;
    font-size: 16px;
    color: #303030;
    line-height: 36px;
    font-weight: bold;
}


	}