@charset "utf-8";

/* CSS Document */
.warp {
	width: 6.4rem;
	margin: 0 auto;
	padding-top: .94rem;
}
.warp img{
	width: 100%;
   height:auto;
}

a {
	color: #565555;
	text-decoration: none;
}

body {
	position: relative;
}

.head {
	width: 6.4rem;
	margin: 0 auto;
}

.header {
	height: .96rem;
	overflow: hidden;
	background: #fff;
	padding: 0 0.2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	width: 100%;
	z-index: 999;
}


.top {
	width: 5.83rem;
	height: .49rem;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.topdate {
	width: .7rem;
	height: auto;
	overflow: hidden;

}

.topdate p {
	font-size: .3rem;
	color: #fff;
}




.logo img {
	width: 2.71rem;
	padding: .1rem;
}

.content {
	background: url(../images/greeenbg.jpg) repeat left top;
	padding-top: .3rem;
}







.nav {
	position: fixed;
	width: auto;
	display: inline-block;
	border: none;
	top: 0;
	right: .2rem;
	z-index: 50000;
	width: 0.8rem;
}

.btn-nav {

	top: 0px;
	background: transparent;
	border: none;
	padding: .2rem;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	z-index: 99999;
}

.btn-nav:focus {
	outline: 0;
}

.icon-bar {
	display: block;
	margin: 6px 0;
	width: .4rem;
	height: .04rem;
	background-color: #a0a0a0;
}

.btn-nav:hover .icon-bar {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	background-color: #a0a0a0;
}

.nav-content {
	position: fixed;
	width: 6.4rem;
	margin: 0 auto;
	margin-top: .94rem;
	top: -100%;
	bottom: 0;
	left: 0;
	right: 0;
	background: #00472f;
	opacity: 0.8;
	display: block;
	height: 100%;
	z-index: 9;
}

.nav-list {
	list-style: none;
	padding: 0;
	position: relative;
}


.nav-item {
	margin-top: .4rem;
	text-align: center;
}

.animated {
	display: block;
	margin: 0 auto;
}

.animated:hover .icon-bar,
.animated:focus .icon-bar {
	background-color: #a0a0a0;
}

.animated:focus {
	cursor: pointer;
	z-index: 9999;
}

.middle {
	margin: 0 auto;
}

.icon-bar {
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-ms-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease;
	z-index: 999999;
}

.animated .icon-bar {
	z-index: 999999;
	background-color: #a0a0a0;
}

.animated .top {
	-webkit-transform: translateY(10px) rotateZ(45deg);
	-moz-transform: translateY(10px) rotateZ(45deg);
	-ms-transform: translateY(10px) rotateZ(45deg);
	-o-transform: translateY(10px) rotateZ(45deg);
	transform: translateY(10px) rotateZ(45deg);
}

.animated .bottom {
	-webkit-transform: translateY(-11px) rotateZ(-45deg);
	-moz-transform: translateY(-11px) rotateZ(-45deg);
	-ms-transform: translateY(-11px) rotateZ(-45deg);
	-o-transform: translateY(-11px) rotateZ(-45deg);
	transform: translateY(-11px) rotateZ(-45deg);
}

.animated .middle {
	width: 0;
}

@keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

@-webkit-keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

@-moz-keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

@-o-keyframes showNav {
	from {
		top: -100%;
	}

	to {
		top: 0;
	}
}

.showNav {
	-webkit-animation: showNav 1s ease forwards;
	-moz-animation: showNav 1s ease forwards;
	-o-animation: showNav 1s ease forwards;
	animation: showNav 1s ease forwards;
}

@keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

@-webkit-keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

@-moz-keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

@-o-keyframes hideNav {
	from {
		top: 0;
	}

	to {
		top: -100%;
	}
}

.hideNav {
	-webkit-animation: hideNav 1s ease forwards;
	-moz-animation: hideNav 1s ease forwards;
	-o-animation: hideNav 1s ease forwards;
	animation: hideNav 1s ease forwards;
	margin-top: 0rem;
}

.sycontent {
	width: 6.4rem;
	background: url(../images/bja.jpg);
	background-size: 100% auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	background-repeat: no-repeat;
}

.sycontent_tit {
	width: 100%;
	padding-top: 0.57rem;
	margin-bottom: 0.42rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sycontent_tit img {
	width: 0.63rem;
	height: 0.63rem;
	color: #0e4ea1;
}

.sycontent_tit_wz {
	margin-left: 0.18rem;
	color: #313132;
	font-size: 0.23rem;
}

.sycontent_tit_wz h3 {
	color: #0e4ea1;
	font-family: Impact;
	margin-bottom: 0.1rem;
}

.sycontent_tab {
	width: 6.09rem;
	height: 4.24rem;
	background: #fff;
	border-radius: 10px;
}


.tab {
	width: 100%;
	height: 3.15rem;
	margin-bottom: .2rem;
}

.tab_menu {
	height: 0.92rem;

	clear: both;
	width: 100%;
}

.tab_menu li {
	float: left;
	text-align: center;
	cursor: pointer;
	list-style: none;
	width: 1.1rem;
	padding-left: 0.4rem;
	height: 0.92rem;
	border-bottom: none;
	
	
	font-size: .15rem;
	color: #47391f;
	border-right: 0.01rem #e8e8e8 solid;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.tab_menu li h5 {
	font-size: 0.1rem;
}

.tab_menu li h6 {
	font-size: 0.18rem;
}

.tab_menu li:nth-last-child(1) {
	border-right: none;
}

.tab_menu li.hover {
	width: 1.1rem;
	padding-left: 0.4rem;
	
	
}

.tab_menu li.selected {
	color: #ff8533;

	width: 1.1rem;
	padding-left: 0.4rem;
}

.tab_menu li:first-child {
	background: url(../images/io1a.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:first-child.hover {
	background: url(../images/io1b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:first-child.selected {
	background: url(../images/io1b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(2) {
	background: url(../images/io2a.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(2).hover {
	background: url(../images/io2b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(2).selected {
	background: url(../images/io2b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(3) {
	background: url(../images/io3a.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(3).hover {
	background: url(../images/io3b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(3).selected {
	background: url(../images/io3b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(2).selected {
	background: url(../images/io2b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(4) {
	background: url(../images/io4a.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(4).hover {
	background: url(../images/io4b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}

.tab_menu li:nth-child(4).selected {
	background: url(../images/io4b.png) no-repeat;
	background-size: 0.35rem 0.35rem;
	background-position: 0.11rem 0.26rem;
}


.tab_box {
	clear: both;
}

.tab_box div {
	position: relative;
}

.hide {
	display: none
}

.divimg1 {
	width: 4.09rem;
	height: 1.66rem;
	position: absolute;
	left: 0;
	top: 0;

}

.divimg1 img {
	width: 4.09rem;
	height: 1.66rem;
	object-fit: cover;
}

.divimg2 {
	width: 4.09rem;
	height: 1.66rem;
	position: absolute;
	left: 0;
	top: 1.66rem;

}

.divimg2 img {
	width: 4.09rem;
	height: 1.66rem;
	object-fit: cover;
	border-radius: 0 0 0 10px;
}


.divimg3 {
	width: 1.99rem;
	height: 3.32rem;
	position: absolute;
	right: 0;
	top: 0;

}

.divimg3 img {
	width: 1.99rem;
	height: 3.32rem;
	object-fit: cover;
	border-radius: 0 0 10px 0;
}

.divchar1 {
	width: 1.58rem;
	height: 1.66rem;
	border-radius: 0 0 0 10px;
	position: absolute;
	left: 2.52rem;
	top: 0;
	display: block;
	background: #ff8533;
	line-height: 0.28rem;
	font-size: 0.12rem;
	color: #fff;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.divchar2 {
	width: 1.58rem;
	height: 1.66rem;
	border-radius: 0 10px 0 10px;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: #f4f086;
	color: #444443;
	line-height: 0.28rem;
	font-size: 0.12rem;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.divchar3 {
	width: 1.99rem;
	height: 1.66rem;
	border-radius: 10px 0 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background: #0e4ea1;
	line-height: 0.28rem;
	color: #f4f086;
	font-size: 0.12rem;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}



.tabnew {
	width: 6.09rem;
	margin-bottom: .2rem;
}

.tabnew_menu {
	height: .6rem;
	clear: both;
}

.tabnew_menu li {
	float: left;
	text-align: center;
	cursor: pointer;
	list-style: none;
	width: 1.2rem;
	height: .4rem;
	border-bottom: none;
	line-height: .4rem;
	font-size: .15rem;
	color: #47391f;
	position: relative;
}

.tabnew_menu li:after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #4e4e4e;
	position: absolute;
	right: 0;
	top: 0.1rem;
}

.tabnew_menu li.hover {
	background: url(../images/l.gif);
	background-size: 1rem 0.01rem;
	background-position: bottom;
	background-repeat: no-repeat;
	width: 1.24rem;
	height: .4rem;
}

.tabnew_menu li.selected {
	color: #483924;
	background: url(../images/l.gif);
	background-size: 1rem 0.01rem;
	background-repeat: no-repeat;
	width: 1.2rem;
	height: .4rem;
	background-position: bottom;

}

.tabnew_menu li:last-child:after {
	display: none;
}


.tabnew_box {
	clear: both;
}

.tabnew_box dl {
	width: 5.84rem;
	margin: 0 auto;
}

.tabnew_box dl dd {
	width: 5.84rem;
	height: 2.06rem;
	background: #f3f3f3;
	border-radius: 20px 0 20px 0;
	margin-bottom: 0.2rem;
}

.tabnew_box dl dd a {
	width: 5.84rem;
	height: 2.06rem;
	display: block;
	display: flex;
	justify-content: space-between;
}

.tabnew_box dl dd a:hover {
	width: 5.84rem;
	height: 2.06rem;
	display: block;
	display: flex;
	justify-content: space-between;
}

.tabnew_box dl dd img {
	width: 2.87rem;
	height: 2.06rem;
	float: left;
	object-fit: cover;
	border-radius: 20px 0 20px 0;
}

.tabnew_box dl dd .charright {
	width: 2.4rem;
	margin-right: 0.3rem;
	margin-top: 0.3rem;
}

.tabnew_box dl dd .charright h4 {
	color: #4e4e4e;
	font-size: 0.17rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.tabnew_box dl dd .charright h5 {
	color: #4e4e4e;
	font-size: 0.17rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.2rem;
	line-height: 0.28rem;
}

.tabnew_box dl dd .charright h6 {
	height: 0.36rem;
	line-height: 0.36rem;
	background: #ff8533;
	text-align: center;
	color: #fff;
	font-size: 0.12rem;
	border-radius: 10px 0 10px 0;
	margin-top: 0.21rem;
}

.jiaoshi {
	width: 100%;
	height: 7.37rem;
	background: url(../images/bj.gif) no-repeat;
	background-size: 100% 100%;
	position: relative
}

.jiaoshib_bt {
	width: 1.8rem;
	height: 0.6rem;
	text-align: center;
	color: #fff;
	position: absolute;
	background: #0e4ea1;
	line-height: 0.6rem;
	text-align: center;
	left: 50%;
	margin-left: -0.9rem;
	bottom: -0.2rem;
	border-radius: 6px;
	text-transform: uppercase;
	font-size: 0.12rem;
}
.jiaoshib_bt a{ color: #fff;}

.lizhi {
	width: 100%;
	height: 6.89rem;
}

.lizhi_bt ul {
	width: 5.9rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.lizhi_bt li {
	width: 2.86rem;
		
	margin-bottom: 0.28rem;
	display: flex;
}

.lizhi_bt li img {
	width: 2.86rem;
	height:1.81rem;
	object-fit: cover;
}

.lizhi_bt li h4 {
	width: 2.86rem;
line-height:0.6rem;
text-align: center;

}


.abc {
	width: 100%;
	overflow: hidden;
}

.abc .swiper {
	width: 100%;
	height: 100%;
}

.abc .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: none !important;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}



.imgjiao {
	width: 2.92rem;
	position: relative;
	height: 4.3rem;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 20px 0 20px 0;
}

.abc .swiper-slide .imgjiao img {
	width: 2.92rem;
	height: 3.07rem;
	object-fit: cover;
	border-radius: 20px 0 0 0;
}

.bachar {
	width: 2.92rem;
	height: 1.81rem;
	position: absolute;
	bottom: 0;
	background: #fff;
	border-radius: 20px 0 20px 0;
}

.bachar_mid {
	width: 2.3rem;
	margin: 0 auto;
	margin-top: 0.35rem;
}

.bachar_mid_top {
	width: 100%;
	line-height: 0.28rem;
	clear: both;
	height: 0.28rem;
}

.bachar_mid_left {
	width: 30%;
	color: #4e4e4e;
	font-size: 0.2rem;
	text-align: left;
	float: left;
}

.bachar_mid_right {
	float: right;
	width: 70%;
	font-size: 0.16rem;
}

.bachar_mid_bot {
	width: 100%;
	line-height: 0.28rem;
	font-size: 0.12rem;
	color: #4e4e4e;
	text-align: left;
	margin-top: 0.1rem;
	word-break: break-all;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
}

.mySwiper .swiper-pagination-bullet {

	background: #0e4ea1;
	opacity: 1;
}

.mySwiper .swiper-pagination-bullet-active {
	opacity: 1;
	width: 0.56rem;
	background: #ff8533;
	border-radius: 5px;
}

.mySwiper .swiper-pagination-bullets {
	bottom: 0.8rem !important;
}

.about {
	width: 100%;
	height: 13.74rem;
	background: url(../images/og.jpg) no-repeat;
	background-size: 100% 13.74rem;
	position: relative;
}


.about_mid {
	width: 5.75rem;
	margin: 0 auto;
	margin-top: 0.84rem;
}

.about_mid_img {
	width: 3.89rem;
	display: block;
}

.about_mid_char {
	font-size: 0.66rem;
	color: #00439c;
	margin-left: 0.3rem;
	margin-top: 0.4rem;
}

.about_mid_bt {
	width: 5.52rem;
	margin: 0 auto;
	font-size: 0.17rem;
	color: #3f3d3e;
	margin-top: 0.3rem;
	line-height: 0.4rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
}


.aaa {
	background-color: #004D40;
	height: 1.14rem;
	width: 1.14rem;
	background: url(../images/v8.png);
	background-size: 1.14rem 1.14rem;
	position: absolute;
	top: 8.75rem;
	left: 3.1rem;
}

.lanssezi {
	width: 5.8rem;
	margin: 0 auto;
	margin-top: 0.43rem;
}

.lanssezi li {
	width: 25%;
	background: url(../images/hui.jpg) no-repeat right;
	float: left;
	text-align: center;
}

.lanssezi li:last-child {
	background: no-repeat;
}

.lanssezi li h5 {
	font-size: 0.12rem;
	color: #154e9d;
}

.lanssezi li h6 {
	font-size: 0.33rem;
	color: #154e9d;
	font-family: impact;
}

.lanssezi li span {
	font-size: 0.1rem;
}

.foot {
	width: 100%;
	background: #134399;
	position: relative;
}

.foot_top {
	padding-top: 0.91rem;
	padding-bottom: 0.61rem;
	padding-left: 0.17rem;
	padding-right: 0.17rem;
	border-bottom: 1px #2f59a5 solid;
}

.foot_top_left {
	float: left;
	color: #88b3ff;
}

.foot_top_left h5 {
	font-size: 0.16rem;
	color: #fff;
	padding-top: 0.14rem;
	margin-bottom: 0.22rem;
}

.foot_top_right {
	width: 2.01rem;
	height: 1.2rem;
	position: absolute;
	right: 0;
	top: 0.2rem;
	right: 0.2rem;
}

.foot_top_right img {
	width: 2.01rem;
	height: 1.2rem;
	display: block;
}

.foot_bot {
	width: 100%;
	line-height: 0.55rem;
	text-align: center;
	color: #fff;
}

.foot_bb {
	width: 100%;
	height: 0.69rem;
	background: #feee0b;
	display: flex;
}

.foot_bb div {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.foot_bb div img {
	width: 0.34rem;
	height: 0.34rem;
}

.videobj {
	width: 5.8rem;
	padding: 0.1rem;
	left: 50%;
	margin-left: -3rem;
	top: 4rem;
	z-index: 5000;
	position: absolute;
	background: #000;
	z-index: 2147483646;
	display: none;
}

.video_guanbi {
	width: 0.5rem;
	height: 0.5rem;
	position: absolute;
	top: 4.1rem;
	z-index: 2147483647;
	background: url(../images/guan.png) no-repeat;
	background-size: 0.5rem 0.5rem;
	right: 0.3rem;
	display: none;
}


.rightjt {
	height: 0.8rem;
	width: 20%;
	background: #000000;
	float: right;
	background: url(../images/jt.png) no-repeat;
	background-position: center;
	border-bottom: 1px #e1e1e1 solid;
}

.leftwz {
	height: 0.8rem;
	width: 80%;
	float: left;
	line-height: 0.8rem;
	font-size: 16px;
	text-indent: 0.2rem;
	border-bottom: 1px #e1e1e1 solid;
}

.aboutimg {
	width: 100%;
	position: relative;
}

.aboutimg img {
	width: 100%;
	display: block;
}

.aboutimg h4 {
	width: 100%;
	position: absolute;
	font-size: 0.5rem;
	color: #feee0b;
	top: 1.4rem;
	left: 0.56rem;
}

.aboutimg h5 {
	left: 0.56rem;
	font-size: 0.38rem;
	color: #fff;
	top: 2.2rem;
	position: absolute;
}

.aboutbt {
	width: 5.68rem;
	margin: 0 auto;
	padding-top: 0.5rem;
	margin-bottom: 0.5rem;
	color: #3f3d3e;
	font-size: 0.19rem;
	line-height: 0.4rem;
}

.newsimg {
	width: 100%;
	position: relative;
}

.newsimg img {
	width: 100%;
	display: block;
}

.newsimg_char {
	width: 3.34rem;
	height: 1.1rem;
	position: absolute;
	background: url(../images/h1.jpg) no-repeat;
	left: 0.35rem;
	top: 1.3rem;
	padding-left: 0.23rem;
}

.newsimg_char h4 {
	color: #feee0b;
	font-size: 0.5rem;
	position: absolute;
	top: -0.1rem;
}

.newsimg_char p {
	color: #ffffff;
	font-size: 0.38rem;
	position: absolute;
	top: 0.74rem;
}

.newsbt {
	width: 6.07rem;
	margin: 0 auto;
	margin-bottom: 0.32rem;
}

.newsbt li {
	width: 6.05rem;
	padding-top: 0.2rem;
	margin-bottom: 0.2rem;
	border: 1px #d6d6d6 solid;
	margin-top: 0.32rem;
	border-radius: 10px;
	padding-bottom: 0.2rem;
}

.newsbt li img {
	width: 2.6rem;
	height: 1.87rem;
	float: left;
	border-radius: 10px;
	margin-left: 0.2rem;
	object-fit: cover;

}

.newsbt li .charrigh {
	width: 2.8rem;
	float: right;
	margin-right: 0.2rem;
}

.newsbt li .charrigh_top {
	width: 100%;
	margin-bottom: 0.5rem;
}

.newsbt li .charrigh_top_left {
	width: 50%;
	color: #1d60b9;
	float: left;
	font-size: 0.23rem;
	line-height: 0.3rem;
}

.newsbt li .charrigh_top_right {
	width: 45%;
	height: 0.3rem;
	line-height: 0.3rem;
	background: url(../images/hta.jpg) #ff8534 95% center no-repeat;
	float: right;
	border-radius: 50px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.12rem;
}

.newsbt li .charrigh_bot {
	width: 100%;
	color: #221e1f;
	font-size: 0.2rem;
	line-height: 0.3rem;
	color: #221e1f;
	font-size: 0.17rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-top: 0.3rem;
	margin-bottom: 0.1rem;
	line-height: 0.28rem;
	font-weight: bold;
}

.newsbt li .charrigh_bot1 {
	width: 100%;
	color: #221e1f;
	font-size: 0.2rem;
	line-height: 0.3rem;
	color: #221e1f;
	font-size: 0.17rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
margin-top: 0.2rem;
	line-height: 0.28rem;
}

/* CSS 代码 */
DIV.digg {
	PADDING-RIGHT: 0.1rem;
	PADDING-LEFT: 0.1rem;
	margin-bottom: 0.3rem;
	margin: 0.3rem;
	padding-top: 0.3rem;
	TEXT-ALIGN: center;
	margin-top: 0.4rem;
}

DIV.digg A {
	BORDER-RIGHT: #eeeff4 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #eeeff4 1px solid;
	PADDING-LEFT: 10px;
	margin-bottom: 2px;
	margin: 2px;
	BORDER-LEFT: #eeeff4 1px solid;
	COLOR: #252525;
	padding-top: 2px;
	BORDER-BOTTOM: #eeeff4 1px solid;
	TEXT-DECORATION: none;
	background: #eeeff4;
	padding-bottom: 5px;
}


DIV.digg A:hover {
	BORDER-RIGHT: #eeeff4 1px solid;
	BORDER-TOP: #eeeff4 1px solid;
	BORDER-LEFT: #eeeff4 1px solid;
	COLOR: #000;
	BORDER-BOTTOM: #eeeff4 1px solid
}

DIV.digg A:active {
	BORDER-RIGHT: #252525 1px solid;
	BORDER-TOP: #252525 1px solid;
	BORDER-LEFT: #252525 1px solid;
	COLOR: #fff;
	background: #252525;
	BORDER-BOTTOM: #252525 1px solid;


}

DIV.digg SPAN.current {
	BORDER-RIGHT: #eeeff4 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #eeeff4 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	margin-bottom: 2px;
	margin: 2px;
	BORDER-LEFT: #eeeff4 1px solid;
	COLOR: #fff;
	padding-top: 2px;
	padding-bottom: 5px;
	BORDER-BOTTOM: #eeeff4 1px solid;
	BACKGROUND-COLOR: #252525
}

DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #eee 1px solid;
	PADDING-LEFT: 10px;
	padding-bottom: 5px;
	margin-bottom: 2px;
	margin: 2px;
	BORDER-LEFT: #eee 1px solid;
	COLOR: #ddd;
	padding-top: 2px;
	BORDER-BOTTOM: #eee 1px solid
}


.classroombt ul {
	width: 6.01rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0.39rem;
}

.classroombt li {
	width: 2.85rem;
	height: 3.44rem;
	border: 1px #d2d2d2 solid;
	border-radius: 0 0 10px 10px;
	margin-top: 0.39rem;
	position: relative;
}

.classroombt li img {
	width: 100%;
	height: 2.01rem;
	object-fit: cover;
}

.classroombt li .charbt {
	width: 2.4rem;
	margin: 0 auto;
	padding-top: 0.24rem;
	padding-bottom: 0.24rem;
}

.classroombt li .charbt h4 {
	font-size: 0.24rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.classroombt li .charbt p {
	font-size: 0.14rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	margin-top: 0.15rem;
}


.classroombt li .morebt {
	bottom: -0.2rem;
	text-transform: uppercase;
	width: 1.62rem;
	line-height: 0.4rem;
	text-align: center;
	font-size: 0.16rem;
	color: #fff;
	height: 0.4rem;
	left: 50%;
	margin-left: -0.81rem;
	position: absolute;
	background: #ff8534;
	border-radius: 50px;
}


.teacher ul {
	width: 6.01rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 0.39rem;
}

.teacher li {
	width: 2.85rem;
	height: 4.45rem;

	border-radius: 20px 0 20px 0;
	margin-top: 0.39rem;
	position: relative;
}

.teacher li img {
	width: 100%;
	height: 2.9rem;
	object-fit: cover;
	border-radius: 20px 0 0 0;
}

.teacher li .charbt {
	width: 100%;
	height: 2.16rem;
	background: #00439C;
	border-radius: 20px 0 20px 0;
	position: absolute;
	bottom: 0;
}

.teacher li .charbt h4 {
	font-size: 0.28rem;
	text-align: center;
	color: #fff;
	padding-top: 0.2rem;
	padding-bottom: 0.15rem;
}

.teacher li .charbt p {
	color: #fff;
	font-size: 0.17rem;
	text-align: center;
	padding-bottom: 0.15rem;
}

.teacher li .charbt h6 {
	font-size: 0.15rem;
	line-height: 0.28rem;
	text-align: center;
	color: #fff;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.teacher li .dot {
	width: 0.16rem;
	height: 0.16rem;
	background: url(../images/rg.png) no-repeat;
	background-size: 0.15rem 0.15rem;
	position: absolute;
	right: 0.18rem;
	top: 0.18rem;
}

.newslist {
	width: 6.07rem;
	margin: 0 auto;
	margin-bottom: 0.3rem;
}

.newslist li {
	width: 100%;
	border: 1px #cdcdcd solid;
	border-radius: 10px;
	margin-top: 0.3rem;
}

.newslist li .lefta {
	width: 1.65rem;
	height: 2.67rem;
	background: #1d60b9;
	float: left;
	border-radius: 10px;
}

.newslist li .lefta_n1 {
	width: 1.09rem;
	margin: 0 auto;
	line-height: 0.94rem;
	background: url(../images/ba.jpg) no-repeat 0.09rem bottom;
	height: 0.94rem;
	font-size: 0.65rem;
	text-align: left;
	color: #fff;
	margin-top: 0.25rem;
}

.newslist li .lefta_n2 {
	width: 1.09rem;
	margin: 0 auto;
	line-height: 0.6rem;
	color: #fff;
}

.newslist li .lefta_n3 {
	width: 1.21rem;
	line-height: 0.34rem;
	background: #ff8534;
	border-radius: 10px;
	margin: 0 auto;
	color: #fff;
	font-size: 0.1rem;
	text-align: center;
	text-transform: uppercase;
}

.newslist li .rightwz {
	width: 3.84rem;
	float: left;
	margin-left: 0.28rem;
}

.newslist li .rightwz h5 {
	color: #221e1f;
	font-size: 0.24rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-top: 0.4rem;
	margin-bottom: 0.2rem;
	font-weight: bold;
}

.newslist li .rightwz p {
	color: #3f3d3e;
	font-size: 0.14rem;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	line-height: 0.3rem;
}

.bookimg {
	width: 100%;
	position: relative;
}

.bookimg img {
	width: 100%;
	display: block;
}

.book_tit{ text-align: center; font-size: 0.32rem; padding-top: 0.6rem; padding-bottom: 0.6rem;}
.book_tit span{ color:#1d60b9;}

.book_mid{ width: 5.6rem; margin: 0 auto; margin-bottom: 0.5rem;}
.book_mid li{ width: 5.6rem; margin-bottom: 0.27rem; height: 0.64rem;  overflow: hidden; border: 1px #3b75c2 solid; border-radius:5px;}
.book_mid li .lefta{ width: 1.71rem; line-height: 0.64rem; height: 0.64rem;color: #fff; text-align: center; float: left; background: #1d60b9;}
.book_mid li .righting{ width: 3.5rem; height: 0.64rem;line-height: 0.64rem;  border: none; float: right;} 
.book_mid li:nth-last-child(2){height: 1.15rem;}
.book_mid li:nth-last-child(2) .lefta{ width: 1.71rem; line-height:1.15rem; height: 1.15rem;color: #fff; text-align: center; float: left; background: #1d60b9;}

.book_mid li:nth-last-child(2) .righting{ width: 3.5rem; height: 1.15rem;line-height: 0.64rem;  border: none; float: right;} 

.book_an{width: 5.6rem; height: 0.65rem; line-height: 0.65rem; color: #fff; background: #ff8534; border-radius:5px;}

.news_title{border-bottom: #d3d3d3 1px solid;
    padding-top:0.2rem;
    padding-bottom:0.2rem;}
	
.news_title h3 {
    font-size:0.28rem;
    line-height: 0.4rem;
    color: #2d2d2d;
    font-weight: bold;
	text-align:center;
}	
.news_title h6 {
    margin:0.15rem 0;
	text-align: center;
}
.ar_article {
    color: #787878;
    font-size: 0.2rem; line-height: 0.45rem;
	text-indent:50px;
  padding-top:0.2rem;
  padding-bottom:0.2rem;}
  
.fanhlist ul{ width:6rem; margin: 0 auto; display: flex; justify-content: center;align-items: center; margin-bottom: 0.2rem;}
.fanhlist li{ width:1.8rem; background: #00439C; border-radius: 10px; color: #fff; margin-left: 0.05rem; margin-right: 0.05rem;  text-align: center;padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.2rem;}
.fanhlist li a{ color: #fff;}

.img_view{ width: 5rem; height: 5rem; margin:0.2rem auto;}
.img_view img{ width: 5rem; height: 5rem;    object-fit: cover; }


.img_view1{ width: 5rem; height:3.59rem; margin:0.2rem auto;}
.img_view1 img{ width: 5rem; height:3.59rem; object-fit: cover; }



.img_view2{ width: 5rem; height:5.25rem; margin:0.2rem auto;}
.img_view2 img{ width: 5rem; height:5.25rem; object-fit: cover; }



.img_view3{ width: 5rem; height:3.17rem; margin:0.2rem auto;}
.img_view3 img{ width: 5rem; height:3.17rem; object-fit: cover; }