/* --------- more --------- */
.more { display: block; }
.more { margin: 10px 0 30px; text-align: center; font-size: 14px; color: #666; }
.more-link:hover { color: #004eb3; }
/* ========= more å†²çª ========= */
.more::before { content: none !important; }
.pc {
display: none;
}
.mobile {
display: block;
}
.dpn {
display: none;
}
.sp_container {
width: 100vw;
height: auto;
margin: 0 auto;
display: block;
}
.sp_container .video .tcplayer {
width: 100%;
height: 180px;
}
.sp_container .video .tcplayer video {
/* width: 750px; */
/* height: 420px; */
}
.sp_container .video-select {
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sp_container .video-select .video-box {
width: 100%;
padding: 0 10px 0;
/* margin-bottom: 50px; */
border-bottom: 5px solid #ededed;
}
.sp_container .video-select .video-box .video-item {
width: 100%;
margin-bottom: 20px;
position: relative;
transition: all 0.3s;
cursor: pointer;
}
.sp_container .video-select .video-box .video-item:hover {
background: #f9f9f9;
}
.sp_container .video-select .video-box .video-item .img {
margin-right: 10px;
float: left;
width: 110px;
height: 70px;
position: relative;
border-radius: 6px;
overflow: hidden;
}
.sp_container .video-select .video-box .video-item .img img {
width: 100%;
height: 100%;
}
.sp_container .video-select .video-box .video-item .img .mask {
display: none;
width: 100%;
height: 100%;
line-height: 100px;
color: #fff;
position: absolute;
top: 0;
left: 0;
background: rgba(7, 7, 7, 0.5);
border-radius: 6px;
}
.sp_container .video-select .video-box .video-item .right {
width: 180px;
float: left;
min-height: 32px;
max-height: 150px;
font-size: 14px;
color: #666666;
line-height: 33px;
padding: 0;
}
.sp_container .video-select .video-box .video-item .right .line1 {
/* height: 64px; */
/* min-height: 115px; */
font-size: 14px;
overflow: hidden;
text-align: justify;
color: #666666;
line-height: 1.2;
padding: 0;
transition: all 0.3s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sp_container .video-select .video-box .video-item .right .line1 a:hover {
color: #004eb3;
}
.sp_container .video-select .video-box .video-item .right .line2 {
height: 26px;
text-align: right;
font-size: 22px;
line-height: 26px;
}
.sp_container .video-select .video-box .video-item .right .line2 span {
font-size: 12px;
color: #bbbbbb;
float: left;
}
.sp_container .video-select .video-box .video-item .right .line2 .time {
margin-left: 6px;
}
.sp_container .video-select .video-box .video-item .right .line2 .sharebox {
position: absolute;
right: 60px;
bottom: 30px;
float: right;
}
.sp_container .video-select .video-box .video-item .right .line2 .sharebox .social-share .social-share-icon {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
padding: 0 0;
margin: 0 4px;
color: #bbb;
border: 1px solid #bbb;
}
.sp_container .video-select .video-box .active .mask {
display: block!important;
}
.sp_container .video-select .video-box .active .line1 {
color: #004eb3 !important;
}
.sp_container .title-con {
/* width: 700px; */
padding: 20px 10px 0;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
color: #999;
font-size: 16px;
border-bottom: 1px solid #fff;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sp_container .title-con .title-item {
/* height: 36px; */
line-height: 1;
padding: 0 0 0 10px;
margin: 0 20px 0 0;
transition: all 0.3s;
cursor: pointer;
font-size: 16px;
color: #004eb3;
font-weight: bold;
border-bottom: 0;
border-left: 3px solid #004eb3;
}
.sp_container .title-con .title-item img {
width: 90px;
}
.sp_container .title-con .title-more {
font-size: 14px;
color: #666;
}
.sp_container .list-con .list-item {
/* width: 750px; */
padding: 0 10px 20px;
/* margin-bottom: 50px; */
}
.sp_container .list-con .list-item .pdnewslist2 {
width: 100%;
margin-bottom: 0;
position: relative;
transition: all 0.3s;
cursor: pointer;
border-bottom: 1px solid rgba(216, 216, 216, 1);
padding: 10px 0px 15px 0px;
}
.sp_container .list-con .list-item .pdnewslist2:hover {
background: #f9f9f9;
}
.sp_container .list-con .list-item .pdnewslist2 .img {
margin-right: 10px;
float: left;
width: 120px;
height: 74px;
position: relative;
/* border-radius: 6px; */
overflow: hidden;
}
.sp_container .list-con .list-item .pdnewslist2 .img img {
margin-right: 10px;
width: 100%;
/* height: 100%; */
}
.sp_container .list-con .list-item .pdnewslist2 .img .mask {
display: none;
width: 100%;
height: 100%;
line-height: 100px;
color: #fff;
position: absolute;
top: 0;
left: 0;
background: rgba(7, 7, 7, 0.5);
border-radius: 6px;
}
.sp_container .list-con .list-item .pdnewslist2 .right {
width: 160px!important;
float: left;
min-height: 32px;
max-height: 150px;
font-size: 16px;
color: #666666;
line-height: 33px;
padding: 0;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line1 {
/* height: 64px;
min-height: 115px; */
font-size: 16px;
overflow: hidden;
text-align: justify;
color: #666666;
line-height: 1.5;
padding: 0;
transition: all 0.3s;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line1 a {
font-size: 16px;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 {
height: 26px;
text-align: right;
font-size: 22px;
line-height: 26px;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 span {
font-size: 12px;
color: #bbbbbb;
float: left;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 .time {
/* padding: 0 10px; */
margin-left: 6px;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 .sharebox {
display: none;
position: absolute;
right: 60px;
bottom: 30px;
float: right;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 .sharebox .social-share .social-share-icon {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
padding: 0 0;
margin: 0 4px;
color: #bbb;
border: 1px solid #bbb;
}
.sp_container .list-con .list-item .active .mask {
display: block!important;
}
.sp_container .list-con .list-item .active .line1 {
color: #004eb3 !important;
}
.sp_container .list-con .mores {
text-align: center;
margin: 20px auto;
}
.sp_container .list-con .mores a {
font-size: 14px;
color: #666;
}
.sp_container .list-con .mores a:hover {
color: #004eb3;
}
.v-center {
/* margin-bottom: 20px; */
border-bottom: 5px solid #ededed;
}
.v-center .title-item .iconfont {
font-size: 36px;
line-height: 1;
}
.v-center .v-center-con {
width: 94%;
margin: 20px auto;
display: block;
}
.v-center .v-center-con .tcplayer {
width: 100%;
height: 168px;
}
.v-center .v-center-con .tcplayer video {
width: 100%;
height: 168px;
}
.v-center .v-text {
line-height: 2;
font-weight: bold;
font-size: 22px;
text-align: center;
color: #333;
}
.v-center .video-boxs {
margin-top: 20px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.v-center .video-boxs .video-item {
display: block;
width: 144px;
height: auto;
margin-bottom: 0;
position: relative;
transition: all 0.3s;
cursor: pointer;
}
.v-center .video-boxs .video-item .img {
width: 100%;
height: 90px;
position: relative;
border-radius: 6px;
overflow: hidden;
}
.v-center .video-boxs .video-item .img img {
width: 100%;
height: 100%;
}
.v-center .video-boxs .video-item .img .mask {
display: none;
width: 100%;
height: 100%;
line-height: 100px;
color: #fff;
position: absolute;
top: 0;
left: 0;
background: rgba(7, 7, 7, 0.5);
border-radius: 6px;
}
.v-center .video-boxs .video-item .right {
width: 100%;
min-height: 32px;
max-height: 150px;
font-size: 16px;
color: #666666;
line-height: 33px;
padding: 0 10px;
}
.v-center .video-boxs .video-item .right .line1 {
width: 100%;
height: auto;
/* min-height: 120px; */
font-size: 14px;
overflow: hidden;
text-align: justify;
color: #666666;
line-height: 1.5;
padding: 0;
transition: all 0.3s;
}
.v-center .video-boxs .video-item .right .line1 a:hover {
color: #004eb3;
}
.v-center .video-boxs .video-item .right .line2 {
display: none;
height: 26px;
text-align: right;
font-size: 12px;
line-height: 26px;
}
.v-center .video-boxs .video-item .right .line2 span {
font-size: 12px;
color: #bbbbbb;
float: left;
}
.v-center .video-boxs .video-item .right .line2 .time {
padding: 0 10px;
}
.v-center .video-boxs .video-item .right .line2 .sharebox {
position: absolute;
right: 60px;
bottom: 30px;
float: right;
}
.v-center .video-boxs .video-item .right .line2 .sharebox .social-share .social-share-icon {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
padding: 0 0;
margin: 0 4px;
color: #bbb;
border: 1px solid #bbb;
}
.v-center .video-boxs .active .mask {
display: block!important;
}
.v-center .video-boxs .active .line1 {
color: #004eb3 !important;
}
.footer {
/* width: 100vw;
height: 100px;
text-align: center;
line-height: 100px;
font-size: 26px;
color: #fff;
background: #004eb3; */
}
.active {
display: none;
}
@media (min-width: 1190px) {
.pc {
display: block;
}
.mobile {
display: none;
}
.nav-bread {
width: 1200px;
height: auto;
margin: 0 auto 20px;
color: #333;
font-size: 14px;
line-height: 1;
text-align: left;
}
.nav-bread a {
font-size: 14px;
color: #333;
line-height: 1;
}
.sp_container {
width: 1200px;
height: auto;
margin: 0 auto;
}
.sp_container .video .tcplayer {
width: 100%;
height: 640px;
}
.sp_container .video-select {
margin-top: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sp_container .video-select .video-box {
width: 575px;
padding: 0;
margin: 0;
border: 0;
}
.sp_container .video-select .video-box .video-item {
width: 100%;
margin-bottom: 20px;
position: relative;
transition: all 0.3s;
cursor: pointer;
}
.sp_container .video-select .video-box .video-item:hover {
background: #f9f9f9;
}
.sp_container .video-select .video-box .video-item .img {
margin-right: 20px;
float: left;
width: 180px;
height: 100px;
position: relative;
border-radius: 6px;
overflow: hidden;
}
.sp_container .video-select .video-box .video-item .img img {
width: 100%;
height: 100%;
}
.sp_container .video-select .video-box .video-item .img .mask {
display: none;
width: 100%;
height: 100%;
line-height: 100px;
color: #fff;
position: absolute;
top: 0;
left: 0;
background: rgba(7, 7, 7, 0.5);
border-radius: 6px;
}
.sp_container .video-select .video-box .video-item .right {
width: 370px;
float: left;
min-height: 32px;
max-height: 150px;
font-size: 16px;
color: #666666;
line-height: 33px;
padding: 0 10px;
}
.sp_container .video-select .video-box .video-item .right .line1 {
height: 64px;
min-height: 32px;
font-size: 16px;
overflow: hidden;
text-align: justify;
color: #666666;
line-height: 32px;
padding: 0;
transition: all 0.3s;
}
.sp_container .video-select .video-box .video-item .right .line1 a:hover {
color: #004eb3;
}
.sp_container .video-select .video-box .video-item .right .line2 {
height: 26px;
text-align: right;
font-size: 12px;
line-height: 26px;
}
.sp_container .video-select .video-box .video-item .right .line2 span {
font-size: 12px;
color: #bbbbbb;
float: left;
}
.sp_container .video-select .video-box .video-item .right .line2 .time {
padding: 0 10px;
}
.sp_container .video-select .video-box .video-item .right .line2 .sharebox {
position: absolute;
right: 60px;
bottom: 30px;
float: right;
}
.sp_container .video-select .video-box .video-item .right .line2 .sharebox .social-share .social-share-icon {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
padding: 0 0;
margin: 0 4px;
color: #bbb;
border: 1px solid #bbb;
}
.sp_container .video-select .video-box .active .mask {
display: block!important;
}
.sp_container .video-select .video-box .active .line1 {
color: #004eb3 !important;
}
.sp_container .list-con {
padding-top: 28px;
}
.sp_container .list-con .list-item {
color: #333;
}
.sp_container .list-con .list-item .pdnewslist2 {
width: 100%;
padding: 20px 0;
border-bottom: 1px solid #e5e5e5;
position: relative;
transition: all 0.3s;
}
.sp_container .list-con .list-item .pdnewslist2:hover {
background: #f9f9f9;
}
.sp_container .list-con .list-item .pdnewslist2 .img {
float: left;
margin-right: 0;
/* padding-right: 20px; */
width: 150px;
height: 100px;
margin-right: 20px;
}
.sp_container .list-con .list-item .pdnewslist2 .img img {
margin-right: 0;
/* width: 100%; */
height: 100%;
}
.sp_container .list-con .list-item .pdnewslist2 .right {
width: 460px;
float: left;
min-height: 32px;
max-height: 150px;
font-size: 16px;
color: #666666;
line-height: 33px;
padding: 0 10px;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line1 {
height: 64px;
min-height: 32px;
font-size: 18px;
overflow: hidden;
line-height: 28px;
padding: 0px;
text-align: justify;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line1 a {
font-size: 18px;
color: #666666;
line-height: 32px;
padding: 0;
transition: all 0.3s;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line1 a:hover {
color: #004eb3;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 {
height: 26px;
text-align: right;
font-size: 12px;
line-height: 26px;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 span {
font-size: 12px;
color: #bbbbbb;
float: left;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 .time {
padding: 0 10px;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 .sharebox {
display: block;
position: absolute;
right: 60px;
bottom: 30px;
float: right;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line2 .sharebox .social-share .social-share-icon {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
padding: 0 0;
margin: 0 4px;
color: #bbb;
border: 1px solid #bbb;
}
.sp_container .list-con .list-item .pdnewslist2.noborder {
border-bottom: none;
}
.sp_container .list-con .list-item .focus {
margin: 10px 0;
}
.sp_container .list-con .list-item .pic {
margin: 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sp_container .list-con .list-item .pic > div {
width: 200px;
height: 80px;
background: #666;
}
.sp_container .list-con .mores {
text-align: center;
margin: 50px auto;
}
.sp_container .list-con .mores a {
font-size: 14px;
color: #666;
}
.sp_container .list-con .mores a:hover {
color: #004eb3;
}
.sp_container .list-con .active {
display: block;
}
.sp_container .title-con {
width: 100%;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
color: #999;
font-size: 22px;
border-bottom: 1px solid #cdcdcd;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.sp_container .title-con .title-item {
/* height: 35px; */
/* line-height: 22px; */
padding: 0 0 10px;
margin: 0 20px 0 0;
transition: all 0.3s;
cursor: pointer;
font-size: 22px;
color: #004eb3;
border-bottom: 4px solid #004eb3;
border-left: 0;
}
.sp_container .title-con .title-item img {
width: 126px;
}
.sp_container .title-con .title-more {
font-size: 14px;
color: #666;
}
.v-bg {
margin: 0px auto 0px;
width: 100vw;
}
.v-bg img {
width: 100%;
}
.v-center {
border: 0;
}
.v-center .title-item .iconfont {
font-size: 26px;
}
.v-center .v-center-con {
width: 100%;
margin: 50px auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* .v-center .v-center-con .video-cont {
width: 850px;
} */
.v-center .v-center-con .tcplayer {
width: 880px;
height:480px;
}
.v-center .v-center-con .tcplayer video {
width: 880px;
height:480px;
}
.v-center .v-text {
line-height: 2;
font-weight: normal;
font-size: 22px;
text-align: center;
color: #666;
}
.v-center .video-boxs {
display: block;
width: 280px;
margin: 0;
}
.v-center .video-boxs .video-item {
display: block;
width: 100%;
margin-bottom: 20px;
position: relative;
transition: all 0.3s;
cursor: pointer;
}
.v-center .video-boxs .video-item .img {
width: 100%;
height: 160px;
position: relative;
border-radius: 6px;
overflow: hidden;
}
.v-center .video-boxs .video-item .img img {
width: 100%;
height: 100%;
}
.v-center .video-boxs .video-item .img .mask {
display: none;
width: 100%;
height: 100%;
line-height: 100px;
color: #fff;
position: absolute;
top: 0;
left: 0;
background: rgba(7, 7, 7, 0.5);
border-radius: 6px;
}
.v-center .video-boxs .video-item .right {
width: 100%;
min-height: 32px;
max-height: 150px;
font-size: 16px;
color: #666666;
line-height: 33px;
padding: 0 10px;
}
.v-center .video-boxs .video-item .right .line1 {
margin-top: 10px;
margin-bottom: 6px;
font-size: 14px;
overflow: hidden;
text-align: justify;
color: #666666;
line-height: 1.5;
padding: 0;
transition: all 0.3s;
}
.v-center .video-boxs .video-item .right .line1 a:hover {
color: #004eb3;
}
.v-center .video-boxs .video-item .right .line2 {
display: block;
height: 26px;
text-align: right;
font-size: 12px;
line-height: 26px;
}
.v-center .video-boxs .video-item .right .line2 span {
/* font-size: 14px; */
color: #bbbbbb;
float: left;
}
.v-center .video-boxs .video-item .right .line2 .time {
padding: 0 10px;
}
.v-center .video-boxs .video-item .right .line2 .sharebox {
position: absolute;
right: 60px;
bottom: 30px;
float: right;
}
.v-center .video-boxs .video-item .right .line2 .sharebox .social-share .social-share-icon {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
padding: 0 0;
margin: 0 4px;
color: #bbb;
border: 1px solid #bbb;
}
.v-center .video-boxs .active .mask {
display: block!important;
}
.v-center .video-boxs .active .line1 {
color: #004eb3 !important;
}
.sp_container .list-con .list-item {
/* width: 750px; */
padding: 0;
/* margin-bottom: 50px; */
}
.sp_container .list-con .list-item .pdnewslist2 .right .line1 {
height: 72px;
/* min-height: 115px; */
font-size: 30px;
overflow: hidden;
text-align: justify;
color: #666666;
line-height: 32px;
padding: 0;
transition: all 0.3s;
}
.sp_container .list-con .list-item .pdnewslist2 .right .line1 a {
font-size: 18px;
}
.sp_container .list-con .list-item .pdnewslist2 .right {
width: 590px!important;
float: left;
min-height: 32px;
max-height: 150px;
font-size: 16px;
color: #666666;
line-height: 33px;
padding: 0;
}
}