.notice-date ,
.news-date,
.feny a,
.btn-groups a ,
.tips,
.leclist ul li dl .news-tittle {font-size: .16rem; }

.font_18,
.hots .notice-tittle ,
.given-enter ul a { font-size: .18rem; }

.font_20,
.lishi h3 ,
.juanzeng-info strong { font-size: .2rem; }

.font_22,
.news-tittle,
.notice-tittle,
.project-enter ul li a h3 { font-size: .22rem; }

.font_24 { font-size: .24rem; }

.font_28 { font-size: .28rem; }

.font_30,
.step ul li big { font-size: .3rem; }

.font_32 { font-size: .32rem; }
.font_36 { font-size: .36rem; }
.font_38 { font-size: .38rem; }
.font_48 { font-size: .48rem; }

.img-center { position: relative; z-index: 1;  }
.img-center img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}

hr { 
    border-color: #dadada;
	margin: 50px 0;
}

.tips { color: #999; }
.tips a { color: #2BB7B3; text-decoration: underline; }

.desc {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}
.desc p { font-size: .16rem; }

.icon { background-repeat: no-repeat; background-position: left center; background-size: auto 85%; }
.leclist ul li .time { background-image: url(../img/icon/icon-time-hover.png); }
.add { background-image: url(../img/icon/icon-add-hover.png); }

/* about */
.about-biaoti { 
	color: #024145;	
	font-size: .36rem; 
	font-weight: normal; 
	line-height: 1.5; 
	padding-bottom: 25px;
	border-bottom: 2px #024145 solid;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
}
.about-biaoti span { display: block; font-size: .16rem; }

.about-biaoti a {
	display: inline-block;
    background-color: #2BB7B3;
    color: #fff;
    border-radius: 5px;
    padding: 13px 26px;
    line-height: 1;
    font-size: .16rem;
    position: absolute;
    top: 50%;
	right: 0;
    transform: translatey(-50%);    
}


.aboutlist { width: 100%; }

.aboutlist ul li {
	width: calc((100% - 30px) / 3);
	float: left;
	height: 2.7rem;
	margin-right: 15px;
	margin-bottom: 15px;
	color: #fff;	
	padding: 25px;
}

.aboutlist ul li:first-child {
	width: 100%;
	height: 5rem;
	position: relative;
	margin-right: 0;
	padding: 0;
}

.aboutlist ul li:first-child .nkd-linear-black { padding: 25px; position: relative; }

.aboutlist ul li:last-child { margin-right: 0; }

.aboutlist ul li:first-child p {
	position: absolute;
	top: auto;
	right: 25px;
	left: 25px;
	bottom: 25px;
}

.aboutlist ul li big {
	font-size: .36rem;
	display: inline-block;
	position: relative;
	z-index: 1;
	margin-bottom:.7rem;
}

.aboutlist ul li big::after {
	content: "";
	width: 15px;
	border-top: 2px #fff solid;
	position: absolute;
	top: 115%;
	left: 0;
}

.leader { width: 100%; }
.leader dl {
	background-color: #024145;
	color: #fff;
	height: 3rem;
	margin-bottom: 15px;
}

.leader dl dt ,
.leader dl dd { float: left; height: 100%; }

.leader dl dt {	width: 2.5rem; }
.leader dl dt a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.leader dl dd {	display: block;	width: calc(100% - 2.5rem); padding: .35rem; }

.leader dl dd hr {
	margin: .2rem 0;
	border-color: rgba(255,255,255,.5);
	outline: none;
}

.leader dl dd .desc  { -webkit-line-clamp: 5 ; }
.leader dl dd .desc p { text-indent: 2em; }

.lishi { width: 100%; margin-bottom: 15px; }
.lishi h3 {  background-color: #2bb7b3; color: #fff; font-weight: normal; padding: 15px; line-height: 1; margin-bottom: 15px; }
.lishi ul { width: 100%; list-style: none; }
.lishi ul li {
	width: calc((100% - 40px) / 5);
	float: left;
	background-color: #f4fbfb;
	margin-right: 10px;
	margin-bottom: 10px;
}

.lishi ul li:nth-child(5n) { margin-right: 0; }

.lishi ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	color: #333;
	text-decoration: none;
}

.lishi ul li a h6 {	position: absolute;	bottom: 15px;	left: 15px; z-index: 15; }

.lishi ul li .img-169 { width: 55%; width: 62%;  left: 43%; }
.lishi ul li .img-169 img { /* top: 0; */}


.dean { width: 100%; }
.dean-img { width: 25%; margin-right: 5%; float: left; border-bottom: 2px #2BB7B3 solid; }
.dean-img img { width: 100%; }
.dean-img h3 { text-align: center; color: #333; line-height: 1; padding: 15px; }
.dean-deac { width: 70%; float: left; border-top: 2px #2BB7B3 solid; padding-top: 15px; }
.dean-deac p { margin-bottom: 15px; text-indent: 2em; }

.zhidu { width: 100%; }
.zhidu ul {}
.zhidu ul li { 
	background-color: #f7f7f7; 
	border-bottom: 5px transparent solid;
	width: calc((100% - 15px) / 2);
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;	
	transition: all .35s; 
}
.zhidu ul li:nth-child(2n) { margin-right: 0; }
.zhidu ul li a {display: block;	padding: .35rem;	width: 100%;height: 100%;overflow: hidden; text-decoration: none; transition: all .35s;  }

.notice-date,
.news-date { display: block; line-height: 1; color: #2BB7B3; margin-bottom: 8px; }

.notice-tittle {
	color: #333;
	min-height: .5rem;
	line-height: 1.35;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical ;	
}

.zhidu ul li:hover { background-color: #2bb7b3; border-color:#024145 ; transition: all .35s; }
.zhidu ul li:hover .notice-date,
.zhidu ul li:hover .notice-tittle { color: #fff; text-decoration: none; transition: all .35s; }

.map { width: 100% ; height: 5rem; position: relative; margin-bottom: 25px; }
.map iframe { border: none ;width: 100%; height: 100%; outline: none; }
.map .mailbox { padding: 10px ; border-radius: 5px; background-color: #2bb7b3; color: #fff;  position: absolute; bottom: 15px; right: 15px;z-index: 5;  }
.lianluo { width: 100% ;}
.lianluo dt {width: 50%; float: left; border-left: 3px #2BB7B3 solid; padding : 0 15px; margin-bottom: 15px; }
.lianluo dt p { margin-bottom: 5px; font-weight: normal; color: #666; line-height: 1.35; }
.lianluo dt p strong { color: #333; }
/* about-end */


/* news */
.newslist { width: 100%; }
.newslist ul {}
.newslist ul li { width: 100%; padding-bottom: 25px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 25px; }
.newslist ul li:last-child { margin-bottom: 0; }
.newslist ul li a,
.newslist ul li dl { color: #333; display: block; width: 100%; height: 100%; }
 
.newslist ul li dt { width: 35%; float: left; }
.newslist ul li dd { width: 65%; float: left; padding: 0 15px; } 

.news-tittle {
	color: #333;
	line-height: 1.35;
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
	transition: all .35s; 
}


.newslist ul li:hover .news-tittle { color: #2BB7B3; transition: all .35s; }
.newslist ul li:hover .img-169 img,
.leclist ul li:hover .img-169 img { transform: translate(-50%,-50%) scale(1.15); }


.leclist ul li { width: 50%; float: left; padding: 20px 0;	border-bottom: 1px #E5E5E5 solid;}
.leclist ul li a {	display: block;	border-right: 1px #E5E5E5 solid;}
.leclist ul li:nth-child(2n) a { border: none; padding-left: 15px;transition: all .35s;  }
.leclist ul li dl { width: 100%; height: 1.3rem; overflow: hidden; }

.leclist ul li dt { width: 45%; float: left; }
.leclist ul li dd { width: 55%; float: left; padding: 0 15px; } 

.leclist ul li dl .news-tittle { -webkit-line-clamp: 3;  }
.leclist ul li span.news-date { padding-left: 20px; background-size: 12px; }

.leclist ul li:hover { background-color: #024145; transition: all .35s; }
.leclist ul li:hover dl { border-left: 5px #2BB7B3 solid; transition: all .35s; }
.leclist ul li:hover a .news-date,
.leclist ul li:hover a .news-tittle { color: #fff; }

.leclist ul li:hover:nth-child(2n) a { border: none; padding-left: 0; transition: all .35s; }

/* news-end */


/* project */
.project-enter { width: 100%; }
.btn-groups{ margin-top: 20px; margin-bottom: 20px; }
.btn-groups a {
	display: inline-block;
	padding: 12px 25px;
	line-height: 1;
	border-radius: 5px;
	background-color: #eaeaea;
	color: #333;
	margin-right: 15px;
	margin-bottom: 15px;
}

.btn-groups a:hover { background-color: #2BB7B3;  color: #fff;  transition: all .35s; }

.project-enter ul { padding: 0; }
.project-enter ul li {
	width: calc((100% - 15px) / 2);
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	position: relative; 
}

.group_for_three ul li,
.group_for_three ul li:nth-child(2n) {width: calc((100% - 30px) / 3) !important; margin-right: 15px !important;}

.project-enter ul li:nth-child(2n)  { margin-right: 0  ; }
.group_for_three ul li:nth-child(3n)  { margin-right: 0 !important; }

.project-enter ul li .img-169 { position: relative; z-index: -1; }

.project-enter ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;	
}

.project-enter ul li a h3 {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	color: #fff;
	padding: 15px;
	text-align: center;
	font-weight: normal;
}

.project-enter ul li:hover .img-169 img {
	transform: translate(-50%,-50%) scale(1.1);
	transition: all .35s;
}

.qs_padding {position: relative; z-index: 1; padding-right: 45%; }
.qs_padding .kr { position: absolute; top: 0; right: 0;	width: 45%; }


.function_search { width: 100%; margin-bottom: 25px; position: relative;  }

.form_for_search {
	display: block;
	width: 72%;
	background-color: #024145;
	color: #fff; 	
}

.form_for_search p { font-size: .16rem; width: 50%; padding: 15px;	float: left; line-height: 1; }

.form_for_search p input  {
	background-color: transparent;
	border: none;
	outline: none;
	border-bottom: 1px #fff solid;
	margin: 0 5px;
	line-height: 1;
	padding: 0 8px;
	color: #fff;
}

.form_for_search p input[type="number"] { width: .8rem; }

.function_search button {
	width: 25%;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #2BB7B3;
	color: #fff;
	border: none;
	outline: none;
	font-size: .16rem;
}

.result { width: 100%; position: relative; z-index: 1; }
.result table { width: 100%; }
.result table tr td {
	text-align: center;
	vertical-align: middle;
	color: #666;
	font-size: .16rem;
	padding: 10px;
	line-height: 1.35;
	border-bottom: 1px #dadada solid;
	border-right: 1px #dadada solid;
}

.result table tr td:last-child { width: 40%; border-right: none; }


.result table thead tr td {
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	color: #024145;
	font-size: .22rem;
	border-bottom: 2px #024145 solid;
	border-right: none;
}

#zhengshu { margin-top: 35px; }
#zhengshu .swiper-slide { display: block; text-align: center;}

#zhengshu .swiper-slide img { height: 168px; object-fit: contain; margin-bottom: 10px; }

#zhengshu .swiper-slide p {text-align: center; color: #666; }

/* project-end */


/* guid */
.step { width: 100%; }
.step ul { width: 100%; padding: 0; }
.step ul li {
	width: calc((100% - 80px) / 2);
	float: left;
	margin-bottom: 80px;
	background-color: #f8f8f8;
	padding: .5rem;
	position: relative;
	z-index: 1;
	margin-right: 80px;
}

.step ul li:nth-child(2) { margin-right: 0; }


.step ul li:nth-child(3n) { float: right; margin-right: 0; }

.step ul li:nth-child(1)::before,
.step ul li:nth-child(5)::before {
	content: "";
	width: 80px;
	height: 80px;
	background-image: url(../img/icon/nextstep.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px auto;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.step ul li:nth-child(2)::before,
.step ul li:nth-child(4)::before {
	content: "";
	width: 80px;
	height: 80px;
	background-image: url(../img/icon/next-down.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto  50px;
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}

.step ul li:nth-child(3)::before {
	content: "";
	width: 80px;
	height: 80px;
	background-image: url(../img/icon/nextstep.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px auto;
	
	position: absolute;
	left: -80px;
	top: 50%;
	transform: translateY(-50%) rotate(-180deg);
}

.step ul li:nth-child(5),
.step ul li:nth-child(6) { margin-bottom: 15px; }

.step ul li big {
	display: block;
	line-height: 1;
	color: #003f43; 
	position: relative;
	z-index: 1;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 35px;
}

.step ul li big::before {
	content: "";
	width: 12px;
	height: 2px;
	background-color:#2bb7b3;
	position: absolute;
	left: 0;
	top: 100%;
}


.step ul li img {
	display: block;
	height: auto;
	width: 35px;
	object-fit: cover;
	position: absolute;
	right: .5rem;
	top: .35rem;
}

.step ul li .desc {	height: .8rem; margin-bottom: 0;}

.given-enter { width: 100%; }
.given-enter ul {
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;
}

.given-enter ul a {
	width: calc((100% - 60px) / 5);
	display: block;
	padding: 20px;
	background-color: #dadada;
	border-radius: 0px;
	margin-right: 15px;
	float: left;
	margin-bottom: 10px;
	color: #333;
	text-align: center;
	transition: all .35s; 
}

.given-enter ul a:last-child { margin-right: 0; }

.given-enter ul a:hover { background-color: #2BB7B3; color: #fff; transition: all .35s; }

#contact_map { margin-top: 25px; width: 100%; position: relative; z-index: 1; }

#contact_map .nkd-bg-green {
	margin-left: 62%;
	color: #fff;
	width: 38%;
}

#contact_map iframe {
	width: 62% ;
	border: none;
	height: 100%;
	position: absolute;
	bottom: 0;
}

#contact_map .nkd-bg-green a {color: #2BB7B3; }

.juanzeng-info { margin-bottom: 50px; } 

/* guid-end */



/* download */
.download { width: 100%; }
.download ul { padding: 0; list-style: none;}
.download ul li {
	width: calc((100% - 25px) / 2);
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	background-color: #f7f7f7;
	border-bottom: 5px transparent solid;
	padding: .35rem .4rem;
	transition: all .35s;
}

.download ul li:nth-child(2n) { margin-right: 0; }

.download ul li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	padding-right: 1.3rem;
	transition: all .35s;
}

.download ul li a::after {
	content: "";
	height: 100%;
	border-right: 2px #dadada solid;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all .35s;
}

.download ul li .news-tittle { margin-bottom: 0; height: .58rem; font-weight: normal; }

.icon-download {
	width: 25px;
	height: 54%;
	border-bottom: 2px #6c6c6c solid;
	position: absolute;
	right: .15rem;
	top: 50%;
	transform: translateY(-50%);
	transition: all .35s;
}

.icon-download::before {
	content: "";
	height: 85%;
	border-left: 2px #6c6c6c solid;
	position: absolute;
	left: 50%;
	bottom:0;
	transform: translateX(-50%);
	transition: all .35s;
}

.icon-download::after {
	content: "";
	width: 13px;
	height: 13px;
	border-top: 2px #6c6c6c solid;
	border-right: 2px #6c6c6c solid;
	position: absolute;
	left: 50%;
	bottom: 2px;
	transform: translateX(-50%) rotate(135deg);
	transition: all .35s;
}

.download ul li:hover { background-color: #2cb7b2; border-color:#024145 ; transition: all .35s; }

.download ul li:hover a *  { color:#fff ; transition: all .35s; }
.download ul li:hover a::after ,
.download ul li:hover .icon-download::after ,
.download ul li:hover .icon-download::before ,
.download ul li:hover .icon-download {	 border-color:#fff ; transition: all .35s; }


.resurlt_list dt { width: 3.51rem !important; }
.resurlt_list dd { width: calc(100% - 3.51rem) !important; }

/* download-end */




/* searchbox */
.about-biaoti i { font-style: normal; }
.color_green { color: #2cb7b2; }

.searchbox {
	width: 50%;
	height: 60px;
	margin: 0  auto;
}

.searchbox form {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 11;
}

.searchbox input {
	width: 80%;
	height: 100%;
	display: block;
	font-size: 18px;
	border: none;
	outline: none;
	line-height: 35px;
	padding: 10px 15px ;
	border:#DDD 1px solid;
}

.searchbox button {
	width: 20%;
	border: none;
	outline: none;
	font-size: 18px;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding:0 15px;
	line-height: 35px;
	background-color: #2cb7b2; 
	color: #fff;
}

.search-biaoti{
	color: #024145;	
	font-size: .18rem; 
	font-weight: normal; 
	line-height: 1.5; 
	padding-bottom: 15px;
	border-bottom: 2px #024145 solid;
	margin-top: 50px;
	margin-bottom: 25px;
	position: relative;
	z-index: 1;
}

.searchlist .noimg dt{ display:none;}
.searchlist .noimg dd{ width:100% !important;}
/* searchbox-end */




footer{ margin-top:80px;}
.news-detial p,
.news-detial div{ text-indent:2em;}
.news-detial p b,
.news-detial div b,
.news-detial p strong,
.news-detial div strong{color:#000;}
.news-detial p img,
.news-detial div img{margin: 6px auto;display: block; width:auto;}
.kr {width: 45%; float:right; margin-left:10px; margin-bottom:10px;}
.given-enter ul a.active { background-color: #2BB7B3; color: #fff; transition: all .35s; }
.result td a{color:#2bb7b3}

/*公益时刻 瀑布流*/
.public{width:100%;}
.public li{width:32%;margin-left:2%; float:left;}
.public li:first-child{margin-left:0;}
.public li .box{width:100%;box-shadow: 0px 0px 10px #AAA;margin-bottom:30px; cursor:pointer;}
.public li .box .image{width:100%;}
.public li .box .image img{width:100%;height:auto;}
.public li .box .text{width:100%;padding:15px; line-height:1.8;}

.loading{width:100%; text-align:center;}
.loading img{width:16px;}

.bigbox{ position:fixed; width:100%; height:100%; background:rgb(0,0,0,.6);left:0;top:0; z-index:999; display:none;}
.bigbox .box{ background:#FFF; padding:20px;border-radius:5px; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%);}
.bigbox .box .text{padding-top:10px;}
.bigbox .box .close{ position:absolute; top:-15px; right:-15px; width:30px; height:30px; line-height:30px; text-align:center; color:#FFF; background:#000;border-radius:50%;opacity:1; font-size:15px;}

/*常用系统*/
.links{ margin-top:30px;}
.links li{border:#2bb7b3 2px solid; width:32%; margin-right:2%; margin-bottom:20px; float:left;}
.links li:nth-child(3n){margin-right:0;}
.links li a{ float:left; width:100%;padding:10px; line-height:50px; text-align:center; color:#2bb7b3; background:#FFF;transition: all 0.2s ease-in-out;}
.links li a:hover{color:#FFF; background:#2bb7b3;transition: all 0.2s ease-in-out;}

/*下拉菜单*/
.menu ul li { position:relative;}
.menu ul li:hover ul{ display:block;}
.menu ul li ul{ position:absolute;left:50%;top:40px;transform: translateX(-50%);background:rgb(0,0,0,.8); width:200%;border-radius:5px;display:block; padding:15px 0; display:none;}
.menu ul li ul dd{width:100%; float:left;}
.menu ul li ul dd a{float:left;width:100%; border:none; text-align:center; line-height:35px; font-weight:normal !important; color:#FFF !important;font-size: .16rem; padding:0;}
.menu ul li ul dd a:hover,.menu ul li ul dd.active a{color:#2bb7b3 !important;}


@media screen and (max-width:768px) {
	#banner{ margin-top:70px; height:28vh;}
	.left-news-tittle ul li{ min-height:7rem;}
	.left-news-tittle ul li a{padding:15px 10px !important; line-height:1.5;}
	
	footer{ margin-top:0px;}
	.public li{width:48%;margin-left:4%;}
	.public li:last-child{ display:none;}
	.public li .box{margin-bottom:20px;}
	
	.links li{width:100%; margin-right:0%;}
}
