@charset "utf-8";
/* CSS Document */
body {
    scroll-behavior: smooth;
   /* padding-top: 64px;*/
}
body {
   /* margin: 0;*/
    /*font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;*/
    /*color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;*/
}


.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    /*width: 100%;
   /* padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto;*/
}
/**, ::after, ::before {
    box-sizing: border-box;
}*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.prod-safe {
    background-image: url(../web/bg-safe.png);
	background-size: cover;
	background-size: 100% 100%;
    background-position: center center;
    overflow: auto;
}
/*.x--prod .prod-safe {
    background-image: url(../web/bg-safe.png);
	background-size: cover;
	background-size: 100% 100%;
    background-position: center center;
    overflow: auto;
}*/
.x--block {
    padding-bottom: 60px;
}


.x--block.block-reverse .block-title {
    color: #fff;
}
.x--block .block-title {
    font-size: 28px;
    font-weight: bold;
    padding-top: 50px;
    margin: 0 0 60px;
    text-align: center;
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
.x--prod .prod-safe .safe-item {
    text-align: center;
    color: #fff;
}
.x--prod .prod-safe .safe-item h5 {
    font-size: 36px;
}
.mt-0 {
    margin-top: 0!important;
}
.x--prod .prod-safe .safe-item p {
    font-size: 14px;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.x--prod .prod-safe .safe-ctr {
    text-align: center;
}
.container_kdun {
    width: 1180px !important;
    min-width: 1180px !important;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
    text-align: center;
}
.x--prod .prod-safe .safe-ctr img {
    width: 80%;
    margin-top: 20px;
}
/*img, svg {
    vertical-align: middle;
}*/
@media (min-width:576px) {
	.col-sm {
		flex: 1 0 0%
	}

	.row-cols-sm-auto>* {
		flex: 0 0 auto;
		width: auto
	}

	.row-cols-sm-1>* {
		flex: 0 0 auto;
		width: 100%
	}

	.row-cols-sm-2>* {
		flex: 0 0 auto;
		width: 50%
	}

	.row-cols-sm-3>* {
		flex: 0 0 auto;
		width: 33.3333333333%
	}

	.row-cols-sm-4>* {
		flex: 0 0 auto;
		width: 25%
	}

	.row-cols-sm-5>* {
		flex: 0 0 auto;
		width: 20%
	}

	.row-cols-sm-6>* {
		flex: 0 0 auto;
		width: 16.6666666667%
	}
}
.KdunScdn_title {
    font-size: 14px;
    color: #999;
}
.KdunScdn_title strong {
    font-size: 18px;
    color: #ededed;
    font-weight: 700;
}
.KdunScdn_safe_core {
    display: inline-block;
    position: relative;
    margin-top: -10px;
}
.KdunScdn_safe_value {
    font-size: 36px;
    color: #ededed;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 4px;
}
.KdunScdn_safe_unit {
    position: absolute;
    font-size: 14px;
    color: #888;
    right: -40px;
    top: 10px;
}


/*新闻一 老版*/
* {
	margin: 0;
	padding: 0;
	/*font-family: "microsoft yahei";*/
	/*box-sizing: border-box;*/
}

img {
	border: none;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}




.new-container {
	background: #f3f3f3;
	padding: 80px 0 100px 0;
	overflow: hidden;
}

.main {
	max-width: 1340px;
	margin: 0 auto;
}

.main .title {
	margin-bottom: 40px;
	text-align: center;
}

.main .title h4 {
	font-size: 28px;
	position: relative;
	font-weight: 700;
	padding-bottom: 5px;
}

.main .title h4:before {
	left: 38%;
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
}

.main .title h4:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #797979;
	width: 68px;
	position: absolute;
	margin-left: -.8rem;
	top: 50%;
	margin-top: -1px;
	right: 38%;
}

.main .title p {
	font-size: 16px;
	color: #999;
	margin-top: 8px;
}

.main ul li {
	float: left;
}

.main ul li.one {
	width: 440px;
	margin-right: 10px;
}

@media screen and (max-width: 980px) {
    .one {
        display:none
    }
}



.main ul li.one a {
	width: 440px;
	height: 530px;
	overflow: hidden;
	display: block;
	position: relative;
}

.main ul li.one a img {
	transform: scale(1);
	transition: all .4s;
	width: 100%;
	display: block;
}

.main ul li.one .news-title {
	bottom: 50px;
	left: 35px;
	width: 100%;
	border-left: 1px solid #fff;
	padding-left: 20px;
	color: #fff;
	position: absolute;
}

.main ul li.one .news-title h5 {
	font-size: 28px;
	font-weight: 700;
}

.main ul li.one .news-title p {
	font-size: 16px;
	letter-spacing: 2px;
}

.icon-news {
	background: url(../../upload/css/img/icon.png) no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	position: absolute;
	right: 100px;
	bottom: 2px;
}

.main ul li.one a:hover img {
	transform: scale(1.05);
}

.main ul li.one a:hover .icon-news {
	background-position: 0 -17px;
}

.main ul li.two {
	float: left;
	width: 440px;
	margin-right: 10px;
}

.main ul li.two a {
	width: 440px;
	height: 260px;
	padding: 38px 44px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
	position: relative;
	background: #fff;
}

.main ul li.two .top {
	width: 100%;
	float: initial;
	padding-left: 0;
}

.main ul li.two .top h5 {
	font-size: 18px;
	color: #000;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: 400;
}

.main ul li.two .top div.p {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 24px;
}

.main ul li.two .top div.p p {
	height: 53px;
	padding-top: 10px;
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 20px;
}

.main ul li.two .top img {
	position: absolute;
	top: 50%;
	right: 67px;
	margin-top: 62px;
}

.main ul li.two .bottom {
	width: 100%;
	float: initial;
	border-right: none;
}

.main ul li.two .bottom h3 {
	padding-top: 20px;
	font-size: 32px;
	font-weight: 700;
	color: #999;
}

.main ul li.two .bottom h3:after {
	content: " ";
	display: block;
	border-bottom: none;
	width: 0;
	margin: 0;
}

.main ul li.two .bottom span {
	font-size: 14px;
	display: block;
	color: #999;
}

.main ul li.three {
	float: left;
}

.main ul li.three a {
	width: 440px;
	height: 170px;
	padding: 38px 44px;
	margin-bottom: 10px;
	display: block;
	background: #fff;
	overflow: hidden;
}

.main ul li.three a .left {
	width: 26%;
	border-right: 1px solid #eeeeee;
	float: left;
}

.main ul li.three a .left h3 {
	font-size: 32px;
	color: #999;
	font-weight: 700;
}

.main ul li.three a .left h3:after {
	content: " ";
	display: block;
	border-bottom: 1px solid #ccc;
	width: 20px;
	margin: 10px 0;
}

.main ul li.three a .left span {
	font-size: 14px;
	display: block;
	color: #999;
}

.main ul li.three a .right {
	width: 73%;
	padding-left: 25px;
	float: left;
}

.main ul li.three a .right h5 {
	font-size: 18px;
	color: #000;
	font-weight: 400;
}

.main ul li.three a .right img {
	padding-top: 20px
}

.main ul li.two a:hover,
.main ul li.three a:hover {
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
}

/*新闻二*/

*{margin: 0;padding: 0;box-sizing: border-box;font-weight: normal;}
html,
body{font-family: "Microsoft YaHei";font-size: 14px;}
ul{list-style: none;}
a{text-decoration: none;color: inherit;}
.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{background: #F1F5FF;}
.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: 1280px;padding-left: 30px;padding-right: 30px;margin-left: auto;margin-right: auto;}
.news-body{height: 540px;margin-left: 10px;margin-right: 10px;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-main{float: left;height: 100%;width: 32.5%;}
.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: left;position: relative;height: 100%;width: 67.5%;}
.news-list-v{position: absolute;height: 100%;width: 100%;visibility: hidden;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: 33.33333333%;height: 50%;}
.news-list-card{display: block;position: relative;height: 100%;padding: 70px 40px 0;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: #6F7479;}
.news-list-v>li:nth-child(1) .news-list-card,
.news-list-v>li:nth-child(5) .news-list-card{background-color: #f66f6a;}
.news-list-v>li:nth-child(2) .news-list-card{background-image: url(../../upload/css/img/homepage-news-card-bg.jpg);background-size: cover;}
.news-list-v>li:nth-child(4){width: 66.66666667%;}
.news-list-card .h3{max-height: 56px;margin-bottom: 20px;font-size: 20px;line-height: 28px;color: #252b3a;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: rgba(255, 255, 255, 0.7);}
.news-list-card .more{position: absolute;bottom: 30px;opacity: 0;transition: opacity 0.2s;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(../../upload/css/img/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(../../upload/css/img/homepage-news-icon-change-active.png);}










@font-face {
	font-family: 'cui-icon';
	src:url(../../upload/css/font/cui-icon.woff2);
	font-weight: normal;
	font-style: normal;
}

.cui-icon {
	font-family: 'cui-icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
}

.cui-icon-add:before {
	content: "\ea01"
}

.cui-icon-cancel:before {
	content: "\ea02"
}

.cui-icon-confirm:before {
	content: "\ea03"
}

.cui-icon-date:before {
	content: "\ea04"
}

.cui-icon-download:before {
	content: "\ea05"
}

.cui-icon-edit:before {
	content: "\ea06"
}

.cui-icon-heart:before {
	content: "\ea07"
}

.cui-icon-help:before {
	content: "\ea08"
}

.cui-icon-home:before {
	content: "\ea09"
}

.cui-icon-infomation:before {
	content: "\ea0a"
}

.cui-icon-menu:before {
	content: "\ea0b"
}

.cui-icon-minus:before {
	content: "\ea0c"
}

.cui-icon-purchase:before {
	content: "\ea0d"
}

.cui-icon-refresh:before {
	content: "\ea0e"
}

.cui-icon-search:before {
	content: "\ea0f"
}

.cui-icon-star-outline:before {
	content: "\ea10"
}

.cui-icon-star:before {
	content: "\ea11"
}

.cui-icon-visible:before {
	content: "\ea12"
}

.cui-icon-double-down:before {
	content: "\ea13"
}

.cui-icon-double-left:before {
	content: "\ea14"
}

.cui-icon-double-right:before {
	content: "\ea15"
}

.cui-icon-double-up:before {
	content: "\ea16"
}

.cui-icon-down:before {
	content: "\ea17"
}

.cui-icon-left:before {
	content: "\ea18"
}

.cui-icon-more:before {
	content: "\ea19"
}

.cui-icon-play:before {
	content: "\ea1a"
}

.cui-icon-right:before {
	content: "\ea1b"
}

.cui-icon-triangle-down:before {
	content: "\ea1c"
}

.cui-icon-up:before {
	content: "\ea1d"
}