/* #banner */
#banner { width: 100%; height:100vh; position: relative; z-index: 2; }

.swiper-button-next , 
.swiper-button-prev { margin: 50px; }

.swiper-button-next:after, 
.swiper-button-prev:after {
    color: #024145;
	font-size: 48px;	
}

#banner .swiper-slide {	
	color: #fff; 
	display: block; 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#banner .swiper-slide .wrapper { height: 100%; }

#banner .swiper-slide video { 
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	object-fit: cover;
	z-index: 2;
	transform: translate(-50%,-50%);
}

.banner-slide-tittle {width: 100%;	position: absolute;	bottom: 10vh; }

.banner-slide-tittle small { display: block; font-size: .18rem; }
.banner-slide-tittle h1 a {
	font-size: .36rem;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical ;
}

.targ_logo {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 5;
	text-align: right;
}

.targ_logo img { 
	position: absolute; 
	right: 0; 
	bottom: 10vh; 
	width: auto; 
	height: auto; 
}

/* #banner-end */


/* home-news */
#nkd-news { width: 100%; height: 5.5rem; }

#nkd-news .w_70, 
#nkd-news .w_30  { height: 100%; overflow: hidden; }

.left-news-tittle {
	background-color: #f7f7f7;
	position: relative;
	z-index: 1;
	padding-top: .1rem;
	padding-left: .35rem;
	padding-bottom: .35rem;
}

.left-news-tittle .swiper-button-next,
.left-news-tittle .swiper-button-prev { top: auto; bottom: 0.25rem; left: 0.35rem;    margin: 0;}

.left-news-tittle .swiper-button-next { left: .85rem; }

.left-news-tittle .swiper-button-next::after,
.left-news-tittle .swiper-button-prev::after { color: #2bb7b3;	font-size: .24rem; }

.left-news-tittle ul { list-style: none; padding: 0; }
.left-news-tittle ul li {padding-right:.35rem;border-right:5px transparent solid;min-height:0.9rem;border-bottom: 1px #dadada solid; position:relative;}
.left-news-tittle ul li a {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #666;
	font-size: .18rem;
	font-weight: bold;
	padding: .15rem 0;
	position:absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
}

.news-active { border-color: #2bb7b3 !important; }
.news-active a { color: #2bb7b3 !important; }

/* home-news-end */



/* home-notice */
.position-rel { position: relative; z-index: 1; }
.swiper-out-next { margin: 0; margin-right: -1.35rem; }
.swiper-out-prev { margin: 0; margin-left: -1.35rem; }

.swiper-out-next::after,
.swiper-out-prev::after { color:#2bb7b3; font-size: .4rem; }

.swiper-bai::after { color:#fff !important;}

#nkd-notice .swiper-slide {
	display: block;
	background-color: transparent;
	color: #fff;	
	transition: all .35s;
}

.nkd-notice-item { padding: .25rem; }

.nkd-notice-tittle { margin-bottom: 15px; font-weight: normal; }
.nkd-notice-tittle a {
	height: 1rem;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.8;
	font-size: .18rem; 
}

#nkd-notice .swiper-slide:hover,
.nkd-notice-item:hover {
	background-color: #024145;
	transition: all .35s;
}

/* home-notice-end */



/* home-media */
div#nkd-media {  height: 5.5rem; }

#nkd-media .swiper-slide {	
	flex-flow: column;
	transform-origin: center center;
	transform: scale(1);
	transition: 300ms;
	background: transparent;
}

#nkd-media .swiper-slide .wamp_black { z-index: 1; }

#nkd-media .swiper-slide p {
    font-size: .16rem;
    font-weight: bold;
    margin: auto;
    line-height: 1.35;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 10px;
	 transform: scale(.8);
}

.btn_more_line {
    display: block;
    border: 2px #2bb7b3 solid;
    border-radius: 25px;
    color: #2bb7b3 !important;
    width: 180px;
    font-size: .16rem;
    line-height: 2;
    margin: -5px auto 15px auto;
    padding: 0px 10px;	
	transform: scale(.58);
}

#nkd-media .swiper-slide p,
.btn_more_line { transform-origin: center top; }

#nkd-media .swiper-slide label.tag_type {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
	font-size: .16rem;
	padding: 10px;
	color: #fff;	
	font-weight: normal;
	transform-origin: left top;
}

#nkd-media .swiper-slide .img-169 { padding-top: 72%;  }

#nkd-media .swiper-slide-active .img-169 { margin-top: 10%;  padding-top: 57%; }

#nkd-media  .swiper-slide p,
#nkd-media  .swiper-slide .btn_more_line { opacity: 0; }

#nkd-media .swiper-slide-active {  transform: scale(1.7); z-index: 5; }
#nkd-media .swiper-slide-active p,
#nkd-media .swiper-slide-active .btn_more_line { opacity: 1 !important; }
#nkd-media .swiper-slide-active label.tag_type  {transform: scale(.65);}

#nkd-media .swiper-slide-active .wamp_black { z-index: -1 ; }



/* home-media-end */


/* nkd-ck-project */
.choukuan {
	padding-top: 0 !important;
	background: -webkit-linear-gradient(top,#f7f7f7 44%, #fff 43%);
}


.nkd-ck-project { width: calc(100% - 3.5rem - 15px); height: 6.5rem; float: left; margin-right: 15px; overflow: hidden; }

.nkd-ck-project .tab_head {	
	width: 3.5rem; 
	height: 100%; 
	float: left; 
	padding: .5rem .3rem; 
	position: relative;
	z-index: 8;
}

	.nkd-ck-project .tab_head ul { list-style: none;   }

	.nkd-ck-project .tab_head ul li {
		padding: .17rem 0;
		font-size: .2rem;
		border-bottom: 1px rgba(255,255,255,.35) solid;
		position: relative;
		z-index: 1;
		transition: all .35s;
	}

	.nkd-ck-project .tab_head ul li::before {
		content: "";
		width: calc(100% + 1.2rem);
		height: calc(100% + 2px);
		position: absolute;
		top: 0;
		left: -160%;
		z-index: -1;
		background-color: #fff;
		transition: all .35s;
	} 

	.nkd-ck-project .tab_head ul li:hover a {	color: #024145;	font-weight: bold;}

	.nkd-ck-project .tab_head ul li:hover::before {	left: -.35rem;	transition: all .35s;}

	.nkd-ck-project .tab_head ul li a {	display: block; color: #fff; text-decoration: none; text-align: left;}

.nkd-ck-project .tab_body { width: calc(100% - 3.5rem); float: left; height: 100%;  }
.nkd-ck-project .tab_body ul { height: 100%; }
.nkd-ck-project .tab_body ul li { 
	width: 100%; height: 100%; overflow: hidden;  
	display: none;
}

.nkd-ck-project .tab_body ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

.nkd-ck-project .tab_body ul li a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}



.nkd-zizhu-fangxiang { 
	width: 3.5rem; 
	height: 6.5rem; 
	float: left;
	padding: .5rem .3rem;
	background-color: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,.15);
}

.nkd-zizhu-fangxiang ul li a  {
		padding: .2rem 0;
		font-size: .24rem;
		border-bottom: 1px #666666 solid;
		position: relative;
		z-index: 1;
		color: #666666;
		transition: all .35s;
		display:block;
	}

/* nkd-ck-project-end */



/* home-juanzeng */
.home-juanzeng { width: 100%; }
.home-juanzeng .padding-100 { padding-top: 0; }

.width_30{ 
	width: calc((100% - 80px) / 3 );
	margin-right: 40px;	
}

.width_30 .box_h7  { padding-bottom: 50px; }

.width_30:nth-child(3n) { margin-right: 0; }

.box_height { height: 3.8rem; overflow: hidden; }

.scrollble {	
	width: 100%;
	position: relative;
	z-index: 1;
	padding-top: .5rem;
}

.table_fixtop {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	color: #2bb7b3;
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}

.table_fixtop tr td,
.normal_table tr td {
	text-align: center;
	vertical-align: middle;
	width: 33%;
	padding: 5px 0;
	font-size: .16rem;
	/* border-right: 1px #2bb7b3 solid; */
}

.table_fixtop tr td  { font-size: .18rem; }

.normal_table ul li { padding: 15px 0; }

.story { width: 100%;   }
.story dl { 
	width: 100%; height: calc((100% - 10px ) / 3  ); 
	border-bottom: 1px #dadada solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.story dl:last-child { margin-bottom: 0; }

.story dt {	height: 100%; width: 30%; float: left; overflow: hidden;  }

.story dt a ,
.story dd a { 
	display: block;
	width: 100%;
	height: 100%;
	color: #333;
}

.story dd {
	display: block; height: 100%; width: 70%; float: left;
	padding-left: 15px;
}

.news_riqi { display: block; margin-bottom: 5px; font-size: .16rem; line-height: 1; color: #999; }
.story_biaoti {
	font-size: .18rem;
	line-height: 1.35;
	color: #666; 
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical ;
}


.box_h7 .hastopline {margin-bottom: 10px;  }
.width_30.float-fl.nkd-bg-blue.padding-40 {  padding-right: 0; }

.message {
	width: 100%;
	min-height: 3.1rem;
	background-color: #fff;
	/* background-image: url(../img/icon/shadow.png); */
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	padding: .3rem .35rem;
	position: relative;
	z-index: 1;
}

/* .shadow { 
	width: 100%;
	height: 100%;
	background-image: url(../img/icon/shadow.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	position: absolute;
	left: -15px;
	z-index: 0;
} */

.message p { margin-bottom: 8px; }

.message p input {
	display: block;
	outline: none;
	background-color: #fff;
	width: 100%;
	border: 1px #dadada solid;
	padding: 5px;
	color: #333;
	font-size: .16rem;
}

input::-webkit-input-placeholder { color: #333; font-size: .16rem; }
textarea::-webkit-input-placeholder { color: #333; font-size: .16rem; }

textarea.liuyan {
	display: block;
	width: 100%;
	height: .9rem;
	outline: none;
	border: 1px #dadada solid;
	padding: 5px;
	color: #333;
	font-size: .16rem;
	margin-bottom: 12px;
}

textarea.liuyan p { margin: 0; }

button.btn-msg {
	border: none;
	border-radius: 35px;
	color: #fff;
	font-size: .16rem;
	line-height: 1;
	padding: 8px 15px;
	float: right;
	margin-left: 15px;
}

.hasline {padding-top: 10px; }

.nkd-entres ul { width: 100%; }
.nkd-entres ul li {
	height: 1.15rem;
	margin-bottom: 8px;
	background-size:cover;background-position:center;
}
.nkd-entres ul li.big {
	height: 2.38rem;
	margin-bottom: 8px;
}

.nkd-entres ul li a {
	display:flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 10px 25px;
	
}

.nkd-entres ul li a p.icons {
	background-size: auto 78%;
	padding-right: 40px;
	font-size: .2rem;
	background-position: right center;
	text-align:right;
}

.nkd-entres ul li:last-child { margin-bottom: 0; }

.paddingleft-40 .box_h7 { padding-bottom: 0; }

.nkd-entres ul li a.txt_center { justify-content: center; text-align: center; }

/* home-juanzeng-end */



/* 底部媒体 */
.biaoti {
	padding: 30px 0;
	font-size: .3rem;
	font-weight: normal;
}

.xc-videos ,
.xc-galley { height: 5rem; }



.poster ,.all-pictures {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.poster img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

em.btn_video {
	display: block;
	width: 1rem;
	height: 1rem;
	border: 2px #fff solid;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	cursor: pointer;
}

em.btn_video::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 15px transparent solid;
	border-left: 20px #fff solid;
	border-right: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.all-pictures ul { height: 100%; }
.all-pictures ul li { height: 50%; overflow: hidden; position: relative; z-index: 1; transition: all .35s; }
.all-pictures ul li:nth-child(1) { height: 100%; }

.all-pictures ul li img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: -1;
}

.all-pictures ul li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px;
	position: relative;
	z-index: 1;
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%);
	transition: all .35s;
}

.all-pictures ul li a p {
	position: absolute;
	bottom: 15px;
	background-image: url(../img/icon/jt.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto;
	padding-right: 35px;
	font-size: .18rem;
	opacity: 0;
	transform: translateY(100%);
	transition: all .35s;
}

.all-pictures ul li:hover a {
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 15%,rgba(0,0,0,.85) 85%);
	transition: all .35s;
}

.all-pictures ul li:hover a p {
	opacity: 1;
	transform: translateY(0);
	transition: all .35s;
}

#xc-galley .swiper-button-next {
	top: 25px;
	left: calc( calc(100% - 14rem) / 2 + 9.8rem );
	margin: 0;
}

#xc-galley .swiper-button-prev {
	top: 25px;
	left: calc( calc(100% - 14rem) / 2 + 9.2rem );
	margin: 0; 
}

#xc-videos .swiper-pagination-bullet-active { background-color: #fff; }

#xc-galley .swiper-button-next::after,
#xc-galley .swiper-button-prev::after { color: #fff; font-size: .24rem; }

#xc-galley .swiper-button-next:hover::after,
#xc-galley .swiper-button-prev:hover::after { color: #024145; font-size: .24rem; }


.footerlinks { width: 100%; padding: 25px 0; }

.footerlinks::before {
	content: "";
	width: 40%;
	height: 100%;
	background-color: #e46901;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.nkd-all {  position: relative; z-index: 15; }

#xc-videos .swiper-pagination { bottom: -27px; }

.ftlink { display: inline-block; }
a.ftlink.icons3.jt { margin-top: 25px; }

.nkd-visit .hastopline {
	position: absolute;
	top: 0;
	left: 0;
	color: #024145 !important;
	border-color: #024145 !important;
	padding-right: 50px;
}

#xy_visiting { width: 78%;  padding: 0; }
#xy_visiting ol { list-style: none; padding: 0; display: flex; justify-content: space-between; flex-flow: row nowrap; }
#xy_visiting ol a { 
	display: block; 
	width: 25%; 
	float: left; 
	text-align: center; 
	text-decoration: none; 
	font-size: .18rem; 
	color: #003f43; 
	/* transform: translateY(100%); 
	opacity: 0; */
	transition: all .35s;
}

#xy_visiting ol a i.icon-svg3 { display: block; width: .8rem; height: .8rem; margin: auto;  }


@-webkit-keyframes lineMove3 {
    0%{  fill: transparent; stroke-dasharray: 0, 205;	 }
    100%{  fill: #2bb7b3; stroke-dasharray:500, 500;  }
}

@-moz-keyframes lineMove3 {
    0%{  fill: transparent; stroke-dasharray: 0, 205;	 }
    100%{  fill: #2bb7b3; stroke-dasharray:500, 500;  }
}

@-ms-keyframes lineMove3 {
   0%{  fill: transparent; stroke-dasharray: 0, 205;	 }
   100%{  fill: #2bb7b3; stroke-dasharray:500, 500;  }
}


@keyframes lineMove3 {
   0%{  fill: transparent; stroke-dasharray: 0, 205;	 }
   100%{  fill: #2bb7b3; stroke-dasharray:500, 500;  }
}


.line-w5 {
	fill:  #2bb7b3;
	stroke: #2bb7b3;
	stroke-width: 1px;
	stroke-miterlimit: 10;	
	/* stroke-dasharray: 0, 205; */	
	stroke-linecap: round;
	stroke-linejoin: round;
	/* animation: lineMove3 7s ease-out forwards; */
}

.svg-show .line-w5 ,
#xy_visiting ol a:hover .line-w5 {
	animation: lineMove3 3s ease-out forwards;
}
/* 底部媒体-end */


/* function_honner */
#function_honner {
	width: 139%;
	height: 2.35rem;
	transform: scale(.7);
	transform-origin: left center;
	margin-top:-40px;
	margin-left:40px;
}

#function_honner .swiper-slide {
	background-color: transparent;
	display: block;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: center center;
	transition: 300ms;
	width: 260px;
	height: 100%;
	background: transparent;
	/* box-shadow: 0 8px 30px #ddd; */
}

#function_honner .swiper-slide a {
	display: block;
	height: 100%;
	padding: 0;
}

#function_honner .swiper-slide a img {	width: auto; height: 90%; }



#function_honner .swiper-slide-active,
#function_honner .swiper-slide-duplicate-active{
	transform: scale(1);
	z-index: 8;
}

/* function_honner-end */


/* 爱心寄语 新增样式 */

.hasline { 
	/* border-top: 1px #dadada solid; */
	padding-top: 10px; 
	background-image: url(../img/icon/heart.png);
	background-repeat: no-repeat;
	background-size: auto 100%; 
	background-position: center center;
	height: calc( 1.15rem * 3 + 16px);
	overflow: hidden;
	padding: .50rem .5rem .7rem;
	text-align: center;
	color: #ec6c01;
	position:relative;
}

.hasline2 {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:100px;
	z-index:9999;
	background: -webkit-linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.3));
    background: -o-linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.3));
    background: -moz-linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.3));
    background: linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.3));
}

.hasline ul {
	padding: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform-origin: top;
    transform: scale(.88);
	z-index: 5;
}


.hasline::after {
	    content: "";
	    display: block;
	    width: 98%;
	    height: 50%;
	    position: absolute;
	    bottom: -16px;
	    border-bottom-left-radius: 50%;
	    border-bottom-right-radius: 50%;
	    overflow: hidden;
	    left: 0;
	    z-index: 6;
	    background: -webkit-linear-gradient(top, rgba(255,255,255,0) -27%, rgba(255,255,255,.5) 65%);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) -27%, rgba(255,255,255,.5) 65%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) -27%, rgba(255,255,255,.5) 65%);
		background: linear-gradient(top, rgba(255,255,255,0) -27%, rgba(255,255,255,.5) 65%);
}


.hasline  ul li p { text-align: center; }


@media screen and (max-width:768px) {
	#myscroll2{ margin-top:40px;}
}
/* 新增样式-end */