/*research*/
#overview {
	overflow-y: visible;
	height: auto;
}

.overview {
	width: 100%;
	height: auto;
	margin-bottom: 60px;
}

.overview p {
	color: #333;
	font-size: 18px;
	word-break: break-word;
	line-height: 1.8;
}

.o-degit {
	width: 107%;
	margin-right: -7%;
	height: 163px;
	overflow: visible;
}

.o-degit ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
}

.o-degit ul li {
	text-align: center;
}

.o-degit ul li big {
	display: block;
	font-weight: bold;
	color: #18BFC5;
	font-weight: bold;
	font-size: 3vw;
	height: 85px;
	font-family: myFirstFont;
}

.o-degit ul li small {
	display: block;
	height: 18px;
	color: #333;
	line-height: 1.5;
}

.o-degit ul li p {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3;
	margin-top: 8px;
	text-transform: capitalize;
}

.o-degit ul li:nth-child(2) {
	/*border-right:1px #E5E5E5 solid ;
	border-left:1px #E5E5E5 solid ;*/
	min-width: 48%;
	width: 87%;
	margin: 0 9%;
	position: relative;
	z-index: 1
}

.o-degit ul li:nth-child(2):before {
	content: "";
	width: 1px;
	height: 84%;
	position: absolute;
	top: 21px;
	left: 25px;
	background-color: rgba(218, 218, 218, 1);
	z-index: -1;
}

.o-degit ul li:nth-child(2):after {
	content: "";
	width: 1px;
	height: 84%;
	position: absolute;
	top: 21px;
	right: 25px;
	background-color: rgba(218, 218, 218, 1);
	z-index: -1;
}

/*.o-degit ul li:nth-child(2) p { line-height: 2.5;}*/
.o-circle {
	width: 420px;
	height: 420px;
	background-image: url(/cj/images/news3.png);
	background-repeat: no-repeat;
	border-radius: 50%;
	box-shadow: 10px 0px #18bfc5;
	float: right;
	position: relative;
	z-index: 1;
}

.o-circle:before {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #ffd904;
	position: absolute;
	top: -7px;
	left: -16%;
}

.r-area {
	margin-top: 60px;
	width: 100%;
}

.r-area ul {
	list-style: none;
	border-top: 1px #18BFC5 solid;
}

.r-area ul li {
	width: 100%;
	padding: 25px 0;
	border-bottom: 1px #18BFC5 solid;
	cursor: pointer;
}

.r-area ul li h3 {
	font-weight: bold;
	color: #28b7bc;
	text-transform: capitalize;
	height: 60px;
	line-height: 51px;
	/*padding-right: 0;*/
}

.r-area ul li h3 span.plus2 {
	display: none;
}

.r-area ul li h3 em {
	display: inline-block;
	max-width: 70px;
	height: 100%;
	margin-right: 6%;
	float: left;
}

.r-area ul li h3 em img {
	height: 100%;
}

.r-area ul li h3 b {
	font-size: 1.388vw;
	font-weight: bold;
	display: inline-block;
	word-break: keep-all;
	line-height: 54px;
	float: left;
}

.r-info {
	width: 100%;
	color: #333;
	padding-top: 21px;
	display: none;
	margin-bottom: 30px;
}

.r-info p {
	line-height: 26px;
	font-size: 17px;
}

.r-info h4 {
	font-weight: bold;
	font-size: 30px;
	color: #333;
	margin-top: 40px;
	margin-bottom: 20px;
}

.r-facutl {
	width: 100%;
	list-style: none;
}

.r-facutl dl {
	width: 15%;
	float: left;
	margin-right: 1%;
	background: transparent;
	transition: all .3s;
}

.r-facutl dl:last-child {
	margin-right: 0;
}

.r-facutl dt {
	background-color: transparent;
	width: 100%;
	height: 167px;
	overflow: hidden;
	transition: all .3s;
}

.r-facutl dt a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
}

.r-facutl dt a img {
	min-width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.r-facutl p {
	display: table;
	height: 45px;
	width: 100%;
	text-align: center;
}

.r-facutl p a {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	width: 100%;
	height: 30px;
	line-height: 1.3;
	text-decoration: none;
}

.r-facutl dl:hover dt {
	box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
	transition: all .3s;
}

.r-facutl dl:hover p a {
	text-decoration: none;
	color: #18BFC5;
	font-weight: bold;
}

span.plus {
	margin-top: 15px;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: 2px #18BFC5 solid;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

span.plus:before {
	content: "";
	width: 14px;
	height: 2px;
	background: #18BFC5;
	position: absolute;
	z-index: 2;
	top: 14px;
	left: 7px;
}

span.plus:after {
	content: "";
	width: 2px;
	height: 14px;
	background: #18BFC5;
	position: absolute;
	z-index: 2;
	left: 13px;
	top: 8px;
	opacity: 1;
}


/* 4-10 ¿ÆѧÑо¿-Faculty*/
.rr-facutl-82 {
	display: block !important;
}

.rr-facutl-82 dl {
	width: 13.4%;
}

.rr-facutl-82 dl:nth-child(7n) {
	margin-right: 0;
}


.plus2 {
	float: right;
	display: none;
}

.re-show span.plus {
	background: #18BFC5 !important;
}

.re-show span.plus:before {
	background: #fff !important;
}

.re-show span.plus:after {
	background: #fff !important;
	opacity: 0 !important;
}

#scientific {
	position: relative;
	min-height: 200px;
	overflow-x: hidden;
}

.r-scien {
	width: 100%;
	float: right;
}

.r-right-pic {
	width: 70%;
	float: right;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	overflow: hidden;
}

.r-right-pic img {
	width: 100%;
	object-fit: cover;
}

.r-left-info {
	clear: both;
	width: 100%;
	/*padding: 40px 7% 40px 5%;*/
	padding: 40px 0;
	text-align: justify;
	color: #fff;
	word-break: break-word;
	line-height: 26px;
	font-size: 17px;
	float: left;
	margin-top: -100px;

	position: relative;
}

.r-left-info:before {
	content: "";
	height: 100%;
	width: 69%;
	position: absolute;
	top: 0;
	left: 0;
	border-top-right-radius: 270px;
	border-bottom-right-radius: 270px;
	background-color: #18BFC5;
	overflow: hidden;

}

.r-papers {
	margin-top: 70px;
}

.r-papers h3 {
	font-weight: bold;
	color: #333;
	font-size: 36px;
	margin-bottom: 30px;
}

.img-hide {
	display: none;
}

.r-view {
	margin-bottom: 44px;
	/*border-top:1px #d2d2d2 solid ;*/
	border-bottom: 1px #d2d2d2 solid;
	width: 100%;
	/*overflow: hidden;*/
	position: relative;
	z-index: 2;
}

ul.r-view:before {
	content: "";
	width: 100%;
	border-top: 1px #d2d2d2 solid;
	position: absolute;
	top: -1px;
	left: 0;
	z-index: 0;
}


.r-view dl {
	border-top: 5px #fafafa solid;
	float: left;
	width: 25%;
	height: 254px;
	background: #fff;
	display: table;
	position: relative;
	z-index: 1;
	overflow: hidden;
	transform: scale(1);
	transition: all .5s;
}

.r-view dl dt {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 30px 20px;
	z-index: 0;
}

.r-view dl dt img {
	height: 100%;
	object-fit: cover;
}

.r-view dl dd {
	display: table;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 248px;
	background: #fafafa;
	transition: all .5s;
}

.r-view dl dd div {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 248px;
	padding: 0 30px;
}

.r-view dl dd h5 {
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.5;
}

.r-view dl dd h5 a {
	color: #333;
	text-decoration: none
}

.r-view dl dd div p {
	font-size: 16px;
}

.r-view dl:hover {
	transform: scale(1.01);
	border-color: #18BFC5;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
	transition: all .5s;
}

.r-view dl:hover dd {
	background: #fff;
	width: 52%;
	transition: all .5s;
}

.r-view dl:hover dd div {
	padding: 0 15px;
}

.r-show {
	transform: scale(1.01) !important;
	border-color: #18BFC5 !important;
	box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2) !important;
	z-index: 10 !important;
	transition: all .5s;
}

.r-show dd {
	background: #fff !important;
	width: 55% !important;
	transition: all .5s;
}

.r-show dd div {
	padding: 0 15px !important;
}

.r-show button.r-preview {
	opacity: 1 !important;
	transition: all .5s;
}

button.r-preview {
	background: none;
	border-style: none;
	outline: none;
	width: 58px;
	height: 50px;
	background-image: url(/cj/images/btn-preview.png);
	background-position: center center;
	background-size: auto 25px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
	transition: all .5s;
}

.r-view dl:hover button.r-preview {
	opacity: 1;
	transition: all .5s;
}

#research {
	position: relative;
	width: 100%;
	min-height: 200px;
	padding-top: 16px;
	background-position: left 1px;
}

.r-magzine {
	width: 52%;
	height: auto;
	position: absolute;
	right: 0;
	top: 0px;
	background-color: #18BFC5;
	border-top-left-radius: 84px;
	border-bottom-left-radius: 84px;
	overflow: hidden;
	padding: 22px 5% 22px 3%;
	color: #fff;
	line-height: 1.5;
}

.r-magzine h3 {
	font-weight: bold;
	font-size: 30px;
}

.r-magzine span {
	font-size: 1.25vw;
}

#research .swiper-reseach2 {
	display: none;
}

#research .swiper-container {
	width: 100%;
	margin-top: 70px;
	height: 532px;
	background: transparent;
}

#research .swiper-slide {
	background-size: cover;
	border-radius: 15px;
	overflow: hidden;
}

#research .swiper-slide dl {
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(bottom, rgba(24, 191, 197, 0.5) 90%, rgba(255, 255, 255, 0));
	background: linear-gradient(bottom, rgba(24, 191, 197, 0.5) 90%, rgba(255, 255, 255, 0));
	background: gradient(bottom, rgba(24, 191, 197, 0.5) 90%, rgba(255, 255, 255, 0));

	padding: 22px 19px;
	color: #fff;

	transform: translateY(52%);
	transition: all .5s;
}

#research .swiper-slide dl big {
	font-weight: bold;
	color: #fff;
	display: block;
	font-size: 48px;
	/*line-height: 2;*/
	font-family: myFirstFont;
	position: relative;
	z-index: 1;
}

#research .swiper-slide dl big:before {
	content: "";
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #ffd904;
	position: absolute;
	top: -22px;
	left: -36px;
	transform: scale(.1);
	z-index: -1;
	opacity: 0;
	transition: all .5s;
}

#research .swiper-slide dl h3 {
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	line-height: 1.3;

	position: relative;
	z-index: 1;
}

#research .swiper-slide dl p {
	font-size: 16px;
	margin-top: 5%;

	position: relative;
	z-index: 1;
	line-height: 1.5;
	font-weight: normal;
	margin-bottom: 40px;
	max-height: 197px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	opacity: 0;
	transition: all .5s;
}

#research .swiper-slide dl a {
	display: inline-block;
	border-radius: 28px;
	padding: 7px 21px;
	color: #18BFC5;
	font-size: 14px;
	background: #fff;
	text-transform: uppercase;
	padding-right: 34px;
	background-image: url(/cj/images/btn-left.png);
	background-position: 85% center;
	background-repeat: no-repeat;
	background-size: 7px;
	opacity: 0;
	transition: all .5s;
}

#research .swiper-slide:hover dl,
#research .swiper-slide .swiper-slide-active dl {
	background-color: #18BFC5;
	background-image: url(/cj/images/paopao.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	transform: translateY(0);
	transition: all .5s;
}

#research .swiper-slide:hover dl big:before,
#research .swiper-slide .swiper-slide-active dl big:before {
	transform: scale(1.5);
	opacity: 1;
	transition: all .5s;
}

#research .swiper-slide:hover dl p,
#research .swiper-slide .swiper-slide-active dl p {
	opacity: 1;
	transition: all .5s ease .2s;
}

#research .swiper-slide:hover dl a,
#research .swiper-slide .swiper-slide-active dl a {
	text-decoration: none;
	opacity: 1;
	transition: all .5s ease .2s;
}

#research .swiper-button-next,
#research .swiper-button-prev {
	top: 60%;
	outline: none;
	cursor: pointer;
	opacity: 0;
}

#research .swiper-button-next:after,
#research .swiper-button-prev:after {
	content: "";
}

#research .swiper-button-next {
	background-image: url(/cj/images/ban-next.png);
	background-repeat: no-repeat;
}

#research .swiper-button-prev {
	background-image: url(/cj/images/ban-pre.png);
	background-repeat: no-repeat;
}


#research .swiper-button-prev,
#research .swiper-container-rtl .swiper-button-next {
	left: 5%;
	height: 60px;
	width: 36px;
}

#research .swiper-button-next,
#research .swiper-container-rtl .swiper-button-prev {
	right: 5%;
	height: 60px;
	width: 36px;
}

#research:hover .swiper-button-next,
#research:hover .swiper-button-prev {
	opacity: 1 !important;
}


/* teacher */
/*.letter { position: relative;margin-top: -138px; z-index:8; margin-bottom: 120px;}
.s-letters {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	flex-flow: row nowrap;
}*/

.s-letters a {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
	text-decoration: none;
	font-family: myFirstFont;
}

.s-letters a:hover,
.actived {
	background: #18BFC5 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.teacherlist {
	width: 100%;
	/*margin-bottom: 80px;*/
}

.teacherlist dl {
	width: 32%;
	margin-right: 2%;
	float: left;
	height: 315px;
	position: relative;
	z-index: 1;
	margin-bottom: 60px;
	transition: all .5s;
}

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

.teacherlist dl dt {
	width: 48%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.teacherlist dl dt a {
	display: block;
	width: 100%;
	height: 100%;
}

.teacherlist dl dd {
	display: block;
	position: absolute;
	border: 1px #e5e5e5 solid;
	border-left: none;
	top: 0;
	right: 0;
	width: 52%;
	height: 100%;
	padding: 25px 5px 25px 14px;
}

.t-name {
	float: none;
	width: 100%;
	height: auto;
	padding-right: 0;
	border-right: none;
	margin-right: 0;
}

.t-name h3 {
	color: #333;
	font-weight: bold;
	margin-bottom: 18px;
}

.t-name h3 span {
	display: block;
	font-size: 1vw;
	font-weight: normal;
}

.t-name h3 a {
	color: #333;
	text-decoration: none;
	line-height: 1;
	margin-bottom: 15px;
}

a.btn-tlink {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #18BFC5;
	border-radius: 50%;
	background-image: url(/cj/images/icon-link-hover.png);
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	transition: all .5s;
	display: none;
}

.t-introl {
	width: 100% !important;
	margin: 0;
	margin-top: 15px;
	float: none;
	height: 100%;
	position: relative;
}

.t-introl p.t-desc {
	font-size: 16px;
	color: #333;
	line-height: 1.5;
	margin-bottom: 10px;
	max-height: 60px;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t-introl p.t-desc {
	display: flex;
	align-items: center;
}

.t-introl p.t-desc span {
	/*line-height: 20px;*/
	font-size: 16px;
	width: 83%;
	float: left;
	line-height: 19px;
	padding-top: 4px;
	font-family: myFirstFont;
	word-break: break-word;
}

.t-introl p:first-child {
	margin-top: 0;
}

/*.t-introl p:first-child  em.icon-sm { margin-top: 9px; }*/

.t-introl p {
	clear: both;
	margin-top: 5px;
	/* display: flex;*/
	word-break: break-all;
	position: relative;
	z-index: 1;
}

.t-introl p:nth-child(4) {
	height: 35px;
}

.t-introl p:nth-child(2) span {
	line-height: 35px;
	font-size: 16px;
}

.t-introl p:nth-child(4) span {
	line-height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-70%);
	word-break: keep-all;
}



.t-introl em.icon-sm {
	float: left;
	margin-right: 7px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px #333 solid;
}

.t-tel {
	background-image: url(/cj/images/t-tel.png);
}

.t-mail {
	background-image: url(/cj/images/t-mail.png);
}

.t-add {
	background-image: url(/cj/images/t-add.png);
	background-size: auto 21px;
}

.t-introl p span {
	line-height: 35px;
	font-size: 16px;
	width: 79%;
	float: left;
	font-family: myFirstFont;
}

a.btn-libslink {
	font-weight: bold;
	display: inline-block;
	border: 1px #18BFC5 solid;
	padding: 10px;
	padding-right: 48px;
	color: #18BFC5;
	background-image: url(/cj/images/btn-lib.png);
	background-repeat: no-repeat;
	background-position: 92% center;
	text-decoration: none;
	position: absolute;
	bottom: 77px;
	margin-top: 20px;
	transition: all .5s;
}



.teacherlist dl:hover {
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
}

.teacherlist dl:hover dd {
	border-color: transparent;
}

.teacherlist dl:hover a.btn-tlink {
	opacity: 1;
	transition: all .5s;
}

/*.teacherlist dl:hover a.btn-libslink,
a.btn-libslink:hover {
	background-color: #18BFC5;
	color: #fff;
	text-decoration: none;
	background-image: url(/cj/images/btn-lib-hover.png);
	transition: all .5s;
}*/


.teacher2 {
	width: 100%;
	margin-bottom: 86px;
}

.t-pic {
	width: 119%;
	height: auto;
	margin-bottom: 59px;
}

.t-pic img {
	width: 100%;
	margin-bottom: 25px;
}

h4.t-names {
	font-size: 28px;
	color: #18bfc5;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}

h6.t-zhiwei {
	font-size: 20px;
	color: #18bfc5;
	border-bottom: 1px #e6e6e6 solid;
	padding-bottom: 28px;
	margin-bottom: 28px;
}

.icon {
	color: #333;
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 35px;
	font-size: 17px;
}

.tel {
	background-image: url(/cj/images/t-tel2.png);
	background-size: auto 22px;
	line-height: 1.8;
}

.mail {
	background-image: url(/cj/images/t-mail2.png);
	background-size: auto 16px;
	background-position: left 9px;
	line-height: 1.8;
}

.t-detail {
	width: 100%;
	/*margin-bottom: 80px;*/
}

.t-type {
	width: 100%;
}

.t-type p {
	display: inline-block;
	padding: 17px 30px;
	background: #f3f3f3;
	border-radius: 77px;
	color: #18BFC5;
	font-size: 20px;
	line-height: 1;
	margin-bottom: 16px;
	font-weight: bold;
	margin-right: 3%;
	transition: all .3s;
}

.t-type p:hover {
	background: #18BFC5;
	color: #fff;
	transition: all .3s;
}

a.btn-superior {
	display: inline-block;
	background: #18BFC5;
	color: #fff;
	text-decoration: none;
	margin-top: 70px;
	font-size: 20px;
	line-height: 1;
	padding: 13px 24px 16px;
	border-radius: 77px;
}

a.btn-superior:hover {
	text-decoration: none;
}


.t-show {
	background: #18BFC5 !important;
	color: #fff !important;
}

.t-content {
	width: 100%;
	height: auto;
}

.t-content ul {
	list-style: none;
}

.t-content ul li {
	display: none;
}

.detail-infos {
	margin-top: 20px;
	border-top: 1px #e6e6e6 solid;
	padding-top: 56px;
	font-size: 17px;
	color: #333;
	/*margin-bottom: 200px;*/
}

.detail-infos p {
	line-height: 1.8;
}

/*news*/
#hezuo {
	position: relative;
	z-index: 1;
	background-color: transparent;
	background-image: url(/cj/images/lecture-bg.png), url(/cj/images/r-bg.png);
	background-position: left 24px, right top;
	background-repeat: no-repeat;
	background-size: 10%, auto;

}

/*#hezuo:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	background-image: url(/cj/images/r-bg.png);
	background-position:right top;
	background-repeat: no-repeat;
	background-size: auto;
	margin-bottom:0;
}
*/



.newslist {
	width: 100%;
	height: auto;
	margin-top: 60px;
	margin-bottom: 50px;
}



dl.news-2 {
	width: 30%;
	height: 390px;
	position: relative;
	z-index: 1;
	float: left;
	margin-right: 5%;
	margin-bottom: 30px;
}

dl.news-2:nth-child(3n) {
	margin-right: 0;
}

dl.news-2.notice-dl-l {
	height: 203px;
}

/*dl.news-2 dt {width: 90%;  height: 35vh; border-radius:5px ;  overflow: hidden; }

dl.news-2 dt a { text-align: center; display: block; position: relative; width: 100%; height: 35vh; overflow: hidden; }

dl.news-2 dt a img { min-width: 100%; height: 100%; object-fit: cover; transform-origin: center; transform: scale(1);transition: all .5s;}*/

/*4-7 news*/
dl.news-2 dt {
	width: 95%;
	/* display: table; */
	height: 293px;
	border-radius: 20px;
	overflow: hidden;
}

dl.news-2 dt a {
	text-align: center;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

dl.news-2 dt a img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: center;
	transform: translate(-50%, -50%) scale(1);
	transition: all .5s;
}




dl.news-2 dd {
	display: block;
	position: absolute;
	right: -29px;
	bottom: 27px;
	width: 77%;
	border-radius: 10px;
	padding: 16px 20px;
	overflow: hidden;
	/*color: #fff;*/
	background: #fff;
	box-shadow: 0 0px 17px rgba(0, 0, 0, 0.1);
	text-align: left;

	transition: all .3s;
}

dl.news-2.notice-dl-l dd {
	width: 92%;
	left: 0;
	right: auto;
}


dl.news-2 dd h4 {
	font-size: 1.21vw;
	height: 66px;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
}

dl.news-2 dd h4 a {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-decoration: none;
	color: #333;
}

dl.news-2 dd p.news-date {
	color: #666;
	margin: 20px 0;
	font-size: 18px;
}

dl.news-2:hover dd {
	background: #28b7bc;
	color: #fff;
	transition: all .3s;
}

dl.news-2:hover dd h4 a,
dl.news-2:hover dd p {
	color: #fff;
}

dl.news-2:hover dt img {
	transform: translate(-50%, -50%) scale(1.1);
	transition: all .5s;
}


dl.news-2:hover dd a.btn-news {
	display: block;
	opacity: 1;
	transition: all .3s;
}

.newslist2 {
	width: 100%;
	height: auto;
	margin-top: 100px;
	margin-bottom: 50px;
}


/*news-detail*/
.article-detail {
	padding-bottom: .2rem;
	background-color: #ffffff;
	box-shadow: 0 0 5px #e0e0e0;
	
	width: 70vw;
	margin: 0 auto;
}
.news-detail {
	width: 100%;
	margin-bottom: .2rem;
	padding: .4rem 0.3rem 0.3rem .3rem;
	
	text-align: center;
}
.article-detail p {
	font-size: .18rem;
}

.news-detail .time {
	font-size: .14rem;
}

.news-detail h3 {
	font-weight: normal;
	font-size: .24rem;
	color: #1c1c1c;
	margin-bottom: .15rem;
	line-height: 1.3;

}

.news-detail p.time {
	font-size: .14rem;
	color: #666;
	padding-bottom: .2rem;
	border-bottom: 1px #18BFC5 solid;
}

.news-info {
	width: 100%;
	padding: 0.2rem 0.3rem;
	text-align: left;
}
.news-info p {
	font-size: .16rem;
	line-height: 2;
	text-align: left;
}

.news-info a {
	display: initial !important;
}


.news-info table {
	max-width: 100% !important;
	overflow: hidden;

}

.news-info img {
	max-width: 100% !important;
}



.news-info table tr td {
	border-bottom: 1px #dcdcdc solid;
	border-right: 1px #dcdcdc solid;
}

.page-btn {
	margin-top: .3rem;
	border-top: 1px #e9e9e9 solid;

	padding: 0.3rem;
	display: flex;
	justify-content: space-between;
	flex-flow: row nowrap;

}

.page-btn a {
	display: inline-block;
	text-align: center;
	text-transform: capitalize;
	font-size: .16rem;
	border-radius: .25rem;
	background: #a6a6a6;
	color: #fff;
	padding: .1rem .15rem;
	transition: all .3s;
}

.page-btn a:nth-child(2) {
	width: 68%;
	height: .42rem;
	padding: 0;
	display: inline-block;
	background: none !important;
	border-radius: none !important;
	color: #a6a6a6;
	text-decoration: none;
	font-size: .16rem;
	line-height: .42rem;
}

.page-btn a:hover {
	background: #29a7b3;
	text-decoration: none;
	transition: all .3s;
}

.page-btn a:nth-child(2):hover {
	color: #29a7b3;
	background: none !important;
	border-radius: none !important;
	text-decoration: none;
}


.newshot {
	width: 100%;
	background: #f5f5f5;
	border-radius: .15rem;
	padding: .25rem;
	margin-bottom: .75rem;
}

.newshot h2 span {
	color: #0c5f67;
	text-transform: uppercase;
	font-size: .24rem;
	display: inline-block;
	float: left;
	font-weight: bold;
}

a.btn-history {
	display: inline-block;
	width: .33rem;
	height: .33rem;
	border-radius: 50%;
	background: #28ad99;
	background-image: url(/cj/images/history2.png);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;

}

.newshot ul {
	list-style: none;
	margin-top: .35rem;
}

.newshot ul li {
	width: 100%;
	border-bottom: 1px #D2D2D2 solid;
	padding-bottom: .15rem;
	margin-bottom: .15rem;
}

.newshot ul li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

.newshot ul li h3 a {
	display: block;
	font-size: .16rem;
	color: #1c1c1c;
	line-height: 1.5;
}

.newshot ul li h3 {
	margin-bottom: .1rem;
}

.newshot ul li p {
	display: none;
}

.newshot ul li p small {
	color: #666;
	font-size: .14rem;
}

.newshot ul li:hover h3 a {
	color: #18bfc5;
	font-weight: bold;
	text-decoration: none;
	
}

.newshot ul li:hover {
	color: #18bfc5;
	border-color: #18bfc5;
}
/*