a:hover {
	color: #8ec31e
}

#head {
	background: #8ec31e;
	height: 69px;
	z-index: 10;
	position: relative
}

#head .btn {
	border-radius: 18px;
	background: -moz-linear-gradient(90deg, #dce8c4 0, #fff 100%);
	background: -webkit-linear-gradient(90deg, #dce8c4 0, #fff 100%);
	background: -ms-linear-gradient(90deg, #dce8c4 0, #fff 100%);
	box-shadow: 0 4px 10px 0 rgba(4, 0, 0, 0.1);
	width: 134px;
	height: 36px;
	color: #679d00;
	font-size: 16px;
	margin-top: 16px
}

#head .btn img {
	position: relative;
	top: -1px;
	margin-right: 5px
}

#head .nav {
	width: 650px;
	position: relative
}

#head .nav>.fl {
	width: 20%;
	float: left;
	position: relative
}

#head .nav>.fl a {
	line-height: 69px;
	color: #fff;
	font-size: 16px;
	display: block;
	text-align: center;
	position: relative
}

#head .nav>.fl a img {
	position: relative;
	top: -2px;
	margin-right: 5px
}

#head .nav>.fl a .b {
	position: relative;
	z-index: 2
}

#head .nav>.fl .slide1 {
	display: none;
	text-align: center;
	opacity: 0;
	position: absolute;
	top: 93px;
	width: 160px;
	left: 50%;
	margin-left: -80px;
	box-sizing: border-box;
	transition: all .5s
}

#head .nav>.fl .slide1 img {
	display: block;
	margin: 0 auto
}

#head .nav>.fl .slide1>div {
	background: #fff;
	padding: 0 10px;
	position: relative;
	transition: all .5s
}

#head .nav>.fl .slide1>div a {
	line-height: 40px;
	display: block;
	color: #666;
	font-size: 14px;
	border-bottom: 1px solid #ccc
}

#head .nav>.fl .slide1>div:hover {
	background: #ebf2db;
	transition: all .5s
}

#head .nav>.fl .slide1>div:hover>a {
	color: #679d00
}

#head .nav>.fl .slide1>div:hover .slide2 {
	left: 100%;
	opacity: 1;
	transition: all .5s
}

#head .nav>.fl .slide1>div .slide2 {
	top: 0;
	position: absolute;
	left: 110%;
	opacity: 0;
	padding-left: 9px;
	background: url(../images/icon-nav-jt2.png) no-repeat left 12px;
	width: 160px;
	transition: all .5s
}

#head .nav>.fl .slide1>div .slide2>div {
	padding: 0 10px;
	background: #fff
}

#head .nav>.fl .slide1>div .slide2>div>a {
	display: block;
	line-height: 40px;
	border-bottom: 1px solid #ccc
}

#head .nav>.fl .slide1>div .slide2>div:hover {
	background: #ebf2db;
	transition: all .5s
}

#head .nav>.fl .slide1>div .slide2>div:hover>a {
	color: #679d00
}

#head .nav>.fl .slide1 div:nth-last-of-type(1) a {
	border-bottom: none
}

#head .nav>.fl.on {
	overflow: initial
}

#head .nav>.fl.on .slide1 {
	z-index: 1;
	top: 100%;
	opacity: 1;
	transition: all .5s
}

#head .nav .square {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: none
}

#banner {
	margin-top: 11px;
	position: relative;
	top: -11px;
	z-index: 0
}

#banner .arrow-left {
	position: absolute;
	left: 5%;
	top: 50%;
	margin-top: -27px;
	z-index: 10
}

#banner .arrow-right {
	position: absolute;
	right: 5%;
	top: 50%;
	margin-top: -27px;
	z-index: 10
}

#banner .pagination {
	position: absolute;
	bottom: 10px;
	width: 100%;
	left: 0;
	height: 16px;
	text-align: center;
	z-index: 10
}

#banner .pagination span {
	display: inline-block;
	width: 16px;
	margin: 0 5px;
	cursor: pointer;
	height: 16px;
	border-radius: 50%;
	background: #a69ec8
}

#banner .pagination .swiper-active-switch {
	background: #8ec31e
}
#mbanner img{
	width: 100%;
}
#mbanner .pagination {
	position: absolute;
	bottom: 5px;
	width: 100%;
	left: 0;
	height: 8px;
	text-align: center;
	z-index: 10
}

#mbanner .pagination span {
	display: inline-block;
	width: 8px;
	margin: 0 5px;
	cursor: pointer;
	height: 8px;
	border-radius: 50%;
	background: #a69ec8
}

#mbanner .pagination .swiper-active-switch {
	background: #8ec31e
}

#conter1 {
	padding-bottom: 35px
}

#conter1 .title {
	font-size: 30px;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 25px
}

#conter1 .title a {
	color: #999;
	font-size: 14px;
	float: right
}

#conter1 .title a:hover {
	color: #8ec31e
}

#conter1 .left .item .img {
	overflow: hidden;
	border-radius: 4px
}

#conter1 .left .item .img img {
	width: 100%;
	transform: scale(1);
	transition: all .5s
}

#conter1 .left .item .img:hover img {
	transform: scale(1.2);
	transition: all .5s
}

#conter1 .left .item .t {
	display: block;
	font-size: 16px;
	padding: 15px 0;
	height: 74px
}

#conter1 .left .item .b {
	color: #999;
	font-size: 14px;
	line-height: 1.6;
	height: 88px
}

#conter1 .left .item .time {
	border-top: 1px solid #ccc;
	font-size: bold;
	color: #999;
	background: url(../images/icon-more.png) no-repeat right center;
	padding: 15px 0;
	margin-top: 15px
}

#conter1 .right .items {
	clear: both
}

#conter1 .right .items .item {
	display: flex;
	margin-bottom: 17px;
	position: relative;
}

#conter1 .right .items .item .date {
	box-sizing: border-box;
	padding: 0 8px;
	color: #8ec31e;
	border-width: 2px;
	border-color: #8ec31e;
	border-style: solid;
	border-radius: 5px;
	width: 84px;
	height: 84px;
	background: url(../images/dateBG.png);
	background-size: 100% 100%;
	margin-right: 20px
}

#conter1 .right .items .item .date .num {
	font-size: 36px;
	font-weight: bold
}

#conter1 .right .items .item .date .month {
	font-size: 14px;
	font-weight: bold;
	text-align: right
}

#conter1 .right .items .item .text {
	flex: 1;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 32px
}

#conter1 .right .items .item .text .loc {
	background: url(../images/icon-loc.png) no-repeat left center;
	padding-left: 20px;
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 100%;
	color: #999
}

#conter2 {
	background: url(../images/conter2BG.png) no-repeat;
	background-size: 100% 100%
}

#conter2 .title {
	text-align: center;
	padding: 50px 0
}

#conter2 .device {
	position: relative;
	padding: 0 40px
}

#conter2 .arrow-left {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -20px
}

#conter2 .arrow-right {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -20px
}

#conter2 .swiper-slide {
	box-sizing: border-box;
	padding: 0 15px
}

#conter2 .swiper-slide .item {
	position: relative
}
#conter2 .swiper-slide .item a{
	cursor: text;	
}

#conter2 .swiper-slide .item img {
	width: 100%
}

#conter2 .swiper-slide .item .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../images/center2-teaBG.png);
	background-size: 100% 100%;
	text-align: center;
	box-sizing: border-box;
	min-height: 120px;
	padding: 35px 15px 15px 15px
}

#conter2 .swiper-slide .item .text .t {
	font-weight: bold;
	font-size: 15px;
	color: #333;
	margin-bottom: 5px
}

#conter2 .swiper-slide .item .text .b {
	color: #333;
	font-size: 13px
}

#conter3 {
	padding: 50px 0 0
}

#conter3 .item {
	text-align: center
}

#conter3 .item img {
	max-width: 100%
}

#conter3 .item p {
	color: #8ec31e;
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px
}

#conter3 .btn {
	clear: both;
	margin: 0 auto;
	width: 250px;
	display: block;
	position: relative;
	bottom: -40px
}

#conter3 .btn:hover {
	opacity: .8
}

#footer {
	background: #f2f2f2;
	text-align: center;
	font-size: 14px;
	color: #666;
	line-height: 2;
	padding: 80px 0 40px
}

#footer a {
	margin: 0 15px
}

#pageBanner {
	height: 200px;
	background: url(../images/bannerNY.png) no-repeat center;
	background-size: 1920px auto;
	margin-bottom: 50px;
	position: relative;
	top: -12px;
}

#pageBanner.qteng {
	height: 200px;
	background: url(../images/qtwl-banner.png) no-repeat center;
	background-size: auto 100%
}

#pageBanner.qteng img {
	display: none;
	width: 100%
}

#pageDetail {
	padding-bottom: 40px
}

#pageDetail img {
	max-width: 100%
}

#pageDetail .title {
	padding: 0 0 10px;
	border-bottom: 1px solid #8ec31e;
	text-align: center;
	margin-bottom: 20px
}

#pageDetail .title .t {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 15px;
	text-indent: 0;
	line-height: 1.5
}

#pageDetail .title .b {
	color: #999;
	font-size: 14px;
	text-indent: 0
}

#pageDetail .title .b span {
	margin: 0 15px
}

#pageDetail .tal {
	border-bottom: 1px solid #8ec31e;
	margin-bottom: 30px;
	text-align: center;
	padding-bottom: 20px;
	display: flex;
	justify-content: center
}

#pageDetail .tal .time {
	max-width: 300px;
	background: url(../images/icon-time.png) no-repeat left 9px;
	padding-left: 25px;
	box-sizing: border-box;
	text-align: left
}

#pageDetail .tal .line2 {
	width: 1px;
	background: #8ec31e;
	display: flex;
	margin: 0 50px
}

#pageDetail .tal .loc {
	text-align: left;
	max-width: 300px;
	background: url(../images/icon-loc2.png) no-repeat left 9px;
	padding-left: 25px;
	box-sizing: border-box
}

#pageDetail .tal p.t {
	color: #8ec31e;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0
}

#pageDetail .tal p.b {
	color: #666;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0
}

#pageDetail .line {
	width: 100%;
	background: #8ec31e;
	height: 1px;
	margin-bottom: 20px
}

#pageDetail .subtit {
	font-weight: bold;
	color: #8ec31e;
	font-size: 18px;
	margin-bottom: 20px
}

#pageDetail p {
	font-size: 14px;
	text-indent: 0;
	line-height: 2;
	margin-bottom: 15px
}

#bigTit {
	display: flex;
	align-items: center;
	margin-bottom: 20px
}

#bigTit .text {
	margin-right: 30px
}

#bigTit p.t {
	text-transform: uppercase;
	color: #8ec31e;
	font-size: 40px;
	font-weight: bold;
	opacity: .3;
	line-height: 40px
}

#bigTit p.b {
	color: #8ec31e;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	margin-top: -17px
}

#bigTit .line {
	border: 1px dashed #8ec31e;
	flex: 1;
	height: 1px
}

#right.col-md-2 {
	position: relative;
	padding: 0;
	padding-top: 50px
}

#right.col-md-2 .top {
	display: block;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: #8ec31e;
	color: #fff;
	width: 100%;
	line-height: 50px;
	height: 255px;
	padding-top: 0
}

#right.col-md-2 .bottom {
	padding: 20px 0 0;
	width: 95%;
	position: relative;
	z-index: 1;
	background: #f2f2f2
}

#right.col-md-2 .bottom .slideTit {
	position: relative;
	padding-left: 29px;
	box-sizing: border-box;
	color: #666;
	font-size: 16px;
	margin-bottom: 15px;
	display: block;
	cursor: pointer
}

#right.col-md-2 .bottom .slideTit span {
	display: none;
	width: 3px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #8ec31e
}

#right.col-md-2 .bottom .slideTit:hover span {
	display: block
}

#right.col-md-2 .bottom .slideTit:hover {
	color: #8ec31e
}

#right.col-md-2 .bottom .on {
	color: #8ec31e
}

#right.col-md-2 .bottom .slideTit.on span {
	display: block
}

#right.col-md-2 .bottom .slideText {
	padding-left: 50px;
	margin-bottom: 20px
}

#right.col-md-2 .bottom .slideText a {
	display: block;
	margin-bottom: 10px;
	font-size: 14px
}

#right.col-md-2 .bottom .ewmBox {
	width: 146px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	padding: 30px 0;
	text-align: center
}

#right.col-md-2 .bottom .ewmBox p {
	font-size: 14px;
	line-height: 1.2;
	margin-top: 5px
}

#csrjy {
	padding-bottom: 50px
}

#csrjy p.top {
	color: #333;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 30px
}

#csrjy .item {
	display: flex;
	margin-bottom: 30px
}

#csrjy .item .per {
	width: 40%;
	max-width: 170px
}

#csrjy .item .per .img {
	border-bottom: 2px solid #8ec31e
}

#csrjy .item .per .img img {
	width: 100%;
	display: block
}

#csrjy .item .per .name {
	color: #8ec31e;
	font-weight: bold;
	font-size: 20px;
	margin-top: 10px
}

#csrjy .item .per .b {
	color: #333;
	font-size: 14px;
	margin-top: 10px
}

#csrjy .item .text {
	flex: 1
}

#csrjy .item .text img {
	width: 100%
}

#csrjy .item .text p {
	min-height: 260px;
	background: #f2f2f2;
	padding: 0 25px;
	font-size: 14px;
	color: #666;
	line-height: 1.8
}

#projectCont {
	padding-bottom: 50px
}

#projectCont #bigTit p.b {
	margin-top: 0
}

#projectCont img {
	width: 100%
}

#xueyuan {
	padding-bottom: 20px
}

#xueyuan .topText {
	text-align: center;
	font-size: 14px;
	color: #333;
	display: block
}

#xueyuan .topText p {
	margin-bottom: 5px
}

#xueyuan .items {
	margin-top: 30px
}

#xueyuan .items .item {
	display: flex;
	margin-bottom: 30px;
	height: 150px
}

#xueyuan .items .item .img {
	width: 70px;
	margin-right: 20px
}

#xueyuan .items .item .img img {
	width: 100%
}

#xueyuan .items .item .xy-r {
	flex: 1
}

#xueyuan .items .item .xy-r .top {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding-left: 40px;
	background: url(../images/icon-search.png) no-repeat 10px center;
	line-height: 35px;
	color: #8ec31e;
	font-weight: bold;
	margin-bottom: 10px
}

#xueyuan .items .item .xy-r p {
	color: #333;
	font-size: 14px;
	line-height: 1.6
}

#rightFix {
	display: none;
	position: fixed;
	right: 20px;
	top: 45%;
	text-align: center;
	font-size: 14px
}

#rightFix img {
	margin-bottom: 5px
}

#daoshi {
	padding-bottom: 40px
}

#daoshi .topText {
	text-align: center;
	font-size: 14px;
	color: #333
}

#daoshi .items {
	margin-top: 30px
}

#daoshi .items .item {
	display: flex;
	margin-bottom: 20px
}

#daoshi .items .item .img {
	width: 48%;
	margin-right: 4%
}

#daoshi .items .item .img img {
	width: 100%
}

#daoshi .items .item .text {
	width: 48%;
	display: flex;
	background: url(../images/daoshi-img-bg.png);
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 30px 10px;
	flex-direction: column
}

#daoshi .items .item .text p.t {
	color: #8ec31e;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
	word-break: break-word;
}

#daoshi .items .item .text p.b {
	color: #333;
	font-size: 14px
}

#daoshi .more {
	color: #8ec31e;
	border: 1px solid #8ec31e;
	font-size: 16px;
	text-align: center;
	width: 395px;
	height: 50px;
	line-height: 50px;
	display: block;
	margin: 0 auto;
	max-width: 100%;
	border-radius: 4px;
	margin-top: 40px
}

#daoshi .more:hover {
	background: #8ec31e;
	color: #fff
}

#dtys {
	padding-bottom: 50px
}

#dtys .tabs {
	display: flex;
	justify-content: space-between;
	margin-top: 25px
}

#dtys .tabs .tab {
	background: #f2f2f2;
	color: #666;
	font-size: 16px;
	width: 32%;
	text-align: center;
	padding: 10px 0;
	cursor: pointer
}

#dtys .tabs .tab span {
	vertical-align: top;
	display: inline-block;
	text-align: left
}

#dtys .tabs .tab .span1 {
	color: #666;
	font-size: 48px
}

#dtys .tabs .tab .span2 {
	color: #666;
	font-size: 16px;
	padding: 13px 0
}

#dtys .tabs .tab:hover {
	background: #8ec31e
}

#dtys .tabs .tab:hover .span1 {
	color: #fff
}

#dtys .tabs .tab:hover .span2 {
	color: #fff
}

#dtys .tabs .on {
	background: #8ec31e
}

#dtys .tabs .on .span1 {
	color: #fff
}

#dtys .tabs .on .span2 {
	color: #fff
}

#dtys .tabChagne {
	display: none
}

#dtys .tabChagne .subt {
	border-bottom: 1px solid #ccc;
	color: #8ec31e;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 0;
	padding-left: 40px;
	margin: 20px 0;
	text-align: left;
	width: 100%;
	box-sizing: border-box
}

#dtys .tabChagne .bottom1 .col-md-6 {
	padding-left: 0
}

#dtys .tabChagne .bottom1 .t {
	background: url(../images/dtys-icon6.png);
	background-size: 100% 100%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	margin: 30px 0 20px
}

#dtys .tabChagne .bottom1 p {
	font-size: 14px;
	margin-bottom: 10px
}

#dtys .tabChagne .top2 {
	margin: 30px 0;
	background: url(../images/dtys-bg.png);
	background-size: 100% 100%
}

#dtys .tabChagne .top2 div {
	color: #fff;
	font-size: 14px;
	text-align: justify;
	padding: 30px 40px;
	width: 33.33%;
	line-height: 1.8
}

#dtys .tabChagne .center2 {
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

#dtys .tabChagne .center2 .item {
	max-width: 36%;
    min-width: 25%;
	display: inline-block;
	font-size: 14px;
	color: #333;
	margin-bottom: 30px;
}

#dtys .tabChagne .center2 .item font {
	font-weight: bold;
	color: #8ec31e;
	font-size: 36px;
	margin: 0 5px
}

#dtys .tabChagne .center2 .item span {
	color: #8ec31e;
	margin: 0 5px
}

#dtys .tabChagne .center2 .item .t {
	padding: 10px 0;
	margin-bottom: 10px;
	text-align: left;
	border-bottom: 1px solid #ccc
}

#dtys .tabChagne .center2 .item .b {
	text-align: left
}

#dtys .tabChagne .bottom2 {
	margin-top: 30px;
}

#dtys .tabChagne .bottom2>div{
	padding-left: 0;
	margin-bottom: 20px;
} 


#dtys .tabChagne .bottom2 .item{
	background: url(../images/jyxy-bg.png);
	background-size:100% 100% ;
	padding:20px ;
	min-height: 140px;
	box-sizing: border-box;
}

#dtys .tabChagne .bottom2 .title{
	color: #8ec31e;
	font-weight: bold;
	padding: 18px 0;
	font-size: 18px;
	border-bottom: 1px solid #cccccc;
	padding-left: 38px;
	background: url(../images/yuanjing-icon1.png) no-repeat left center;
	margin-bottom: 30px;
}

#dtys .tabChagne .bottom2 .title span{
	color: #333333;
	font-size: 14px;
	font-weight: 400;
}

#dtys .tabChagne .bottom2 .t span{
	color: #8ec31e;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	height: 30px;
	border-bottom: 1px solid #cccccc;
}

#dtys .tabChagne .bottom2 .b{
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
}

#dtys .tabChagne .top3 {
	margin-top: 40px
}

#dtys .tabChagne .top3 .item {
	display: flex;
	margin-bottom: 20px
}

#dtys .tabChagne .top3 .item .year {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #8ec31e;
	background: url(../images/dtys-bg3.png);
	background-size: 100% 100%;
	margin-right: 20px
}

#dtys .tabChagne .top3 .item .text {
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 1;
	color: #333;
	font-size: 14px;
	line-break: 2
}

#dtys .tabChagne .center3 .item {
	position: relative;
	padding-left: 25px
}

#dtys .tabChagne .center3 .item span {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #8ec31e;
	z-index: 2;
	top: 5px;
	left: 0
}

#dtys .tabChagne .center3 .item .line {
	width: 1px;
	background: #8ec31e;
	position: absolute;
	left: 5px;
	height: 100%;
	top: 10%;
	z-index: 1
}

#dtys .tabChagne .center3 .item p.t {
	color: #8ec31e;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px
}

#dtys .tabChagne .center3 .item p.b {
	color: #333;
	font-size: 14px;
	padding-bottom: 20px;
	line-height: 1.8
}

#dtys .tabChagne .bottom3 p {
	color: #333;
	font-size: 14px;
	line-height: 2
}

#yuanjing {
	padding-bottom: 50px
}

#yuanjing .top {
	display: flex;
	margin-top: 30px;
	align-items: center
}

#yuanjing .top .img {
	width: 300px;
	margin-right: 50px
}

#yuanjing .top .img img {
	width: 100%
}

#yuanjing .top .text {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	font-size: 14px;
	line-height: 2
}

#yuanjing .top .text p {
	margin-bottom: 20px
}

#yuanjing .center1 {
	margin-top: 30px
}

#yuanjing .center1 .item {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px
}

#yuanjing .center1 .item .t {
	padding-left: 50px;
	font-size: 14px;
	color: #3e3a39;
	min-height: 33px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end
}

#yuanjing .center1 .item .b {
	color: #88b928;
	font-size: 18px;
	font-weight: bold
}

#yuanjing .center1 .item .b b {
	font-size: 66px
}

#xmtx .subt {
	color: #8ec31e;
	font-size: 18px;
	padding-left: 40px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 15px
}

#xmtx .subt b {
	margin-right: 20px
}

#xmtx .subt2 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px
}

#xmtx .top {
	padding: 20px 0;
	position: relative;
	margin-bottom: 65px
}

#xmtx .top .img {
	position: relative;
	left: -200px
}

#xmtx .top .item {
	position: absolute;
	padding-left: 80px
}

#xmtx .top .item .t {
	color: #8ec31e;
	font-size: 16px
}

#xmtx .top .item .t b {
	color: #bababa;
	margin-right: 10px;
	font-size: 36px
}

#xmtx .top .item .t span {
	position: relative;
	top: -8px
}

#xmtx .top .item .b {
	font-size: 14px;
	line-height: 1.6
}

#xmtx .text2 {
	background: #eef6dd;
	font-size: 14px;
	line-height: 1.8;
	padding: 20px 30px;
	margin-bottom: 30px
}

#xmtx .bottom .item {
	font-size: 16px;
	border-left: 1px solid #8ec31e;
	margin-bottom: 20px;
	padding-left: 25px
}

#xmtx .bottom .item .t {
	color: #8ec31e;
	margin-bottom: 10px
}

#xmtx .bottom .item .b {
	font-size: 14px;
	margin-bottom: 5px
}

#xmtx .img2 {
	width: 100%;
	margin-top: -160px
}

#xmtx .img3 {
	display: none
}

#lxwm {
	padding-bottom: 50px
}

#lxwm .top {
	margin: 30px 0
}

#lxwm .top .col-md-4 {
	padding-left: 0;
	display: flex;
	justify-content: space-between
}

#lxwm .top .col-md-4 .img {
	width: 60px;
	margin-right: 10px
}

#lxwm .top .col-md-4 .img img {
	width: 100%
}

#lxwm .top .col-md-4 .text {
	flex: 1;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	justify-content: center
}

#lxwm .top .col-md-4 .text p {
	margin-bottom: 5px
}

#courseList {
	padding-bottom: 50px
}

#courseList .item {
	display: flex;
	margin-bottom: 17px;
	border-bottom: 1px solid #ccc;
	padding: 40px 0
}

#courseList .item .date {
	box-sizing: border-box;
	padding: 0 8px;
	color: #8ec31e;
	border-width: 2px;
	border-color: #8ec31e;
	border-style: solid;
	border-radius: 5px;
	width: 84px;
	height: 84px;
	background: url(../images/dateBG.png);
	background-size: 100% 100%;
	margin-right: 20px
}

#courseList .item .date .num {
	font-size: 36px;
	font-weight: bold
}

#courseList .item .date .month {
	font-size: 14px;
	font-weight: bold;
	text-align: right
}

#courseList .item .text {
	flex: 1;
	position: relative;
	box-sizing: border-box;
	padding-bottom: 32px;
	min-height: 120px
}

#courseList .item .text .t {
	color: #333;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px
}

#courseList .item .text .b {
	color: #999;
	font-size: 14px;
	line-height: 1.8
}

#courseList .item .text .loc {
	background: url(../images/icon-loc.png) no-repeat left center;
	padding-left: 20px;
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 100%;
	color: #999
}

#courseList .item .text:hover .t {
	color: #8ec31e
}

#activeList {
	padding-bottom: 50px
}

#activeList .item {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 40px 0;
	padding-right: 50px;
	background: url(../images/icon-more2.png) no-repeat right center;
	background-size: 40px
}

#activeList .item .img {
	width: 260px;
	margin-right: 15px;
	overflow: hidden
}

#activeList .item .img img {
	width: 100%;
	transform: scale(1);
	transition: all .5s
}

#activeList .item .text {
	flex: 1
}

#activeList .item .text p.t {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px
}

#activeList .item .text p.b {
	color: #999;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px
}

#activeList .item .text p.time {
	color: #999;
	font-size: 16px;
	font-weight: bold
}

#activeList .item:hover img {
	transform: scale(1.2);
	transition: all .5s
}

#activeList .item:hover p.t {
	color: #8ec31e
}

#page {
	margin-top: 50px;
	padding-bottom: 50px
}

#page a {
	padding: 0;
	margin-right: 3px;
	display: inline-block;
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #ccc
}

#page a:hover {
	background: #8ec31e;
	color: #fff
}

#page .btn {
	width: 100px;
	vertical-align: top
}

@media only screen and (min-width:1024px) and (max-width:1106px) {
	#head .nav {
		width: 560px
	}
}

@media only screen and (max-width:1300px) {
	#pageBanner.qteng {
		height: 150px
	}
}

@media only screen and (max-width:1023px) {
	#m-head {
		background: #8ec31e
	}
	#m-head .logo {
		padding: 20px 0
	}
	#m-head .logo img {
		max-width: 100%
	}
	#m-head .modileMenu {
		display: block;
		width: 8%;
		position: absolute;
		right: 0;
		top: 27px
	}
	#m-head .modileMenu div {
		width: 100%;
		height: 5px;
		background: #fff;
		position: absolute;
		border-radius: 4px;
		transition: all .5s
	}
	#m-head .modileMenu .line1 {
		top: 0;
		left: 0
	}
	#m-head .modileMenu .line2 {
		top: 9px;
		left: 0;
		opacity: 1
	}
	#m-head .modileMenu .line3 {
		top: 18px;
		left: 0
	}
	#m-head .on .line1 {
		transform: rotate(45deg);
		top: 9px
	}
	#m-head .on .line2 {
		opacity: 0
	}
	#m-head .on .line3 {
		transform: rotate(-45deg);
		top: 9px
	}
	#m-head .menu {
		position: absolute;
		background: #8ec31e;
		z-index: 30;
		right: 0;
		display: none
	}
	#m-head .menu .bg {
		background: url(../images/icon-nav-jt3.png) no-repeat 90% center;
		background-size: 10px
	}
	#m-head .menu>div {
		padding: 0 10%
	}
	#m-head .menu>div a {
		display: block;
		color: #fff;
		text-align: left;
		width: 150px;
		padding: 10px 0;
		border-bottom: 1px solid #fff
	}
	#m-head .menu>div a img {
		margin-right: 5px;
		position: relative;
		top: -2px
	}
	#m-head .menu>div .mslide1 {
		display: none;
		padding-left: 20px
	}
	#m-head .menu>div .mslide1 a {
		width: 130px;
		border-bottom: none;
		font-size: 14px;
		padding: 5px 0
	}
	#m-head .menu>div .mslide1 .mslide2 {
		display: none
	}
	#m-head .menu .btn {
		display: block;
		width: 120px;
		border-radius: 16px;
		background: -moz-linear-gradient(90deg, #dce8c4 0, #fff 100%);
		background: -webkit-linear-gradient(90deg, #dce8c4 0, #fff 100%);
		background: -ms-linear-gradient(90deg, #dce8c4 0, #fff 100%);
		box-shadow: 0 4px 10px 0 rgba(4, 0, 0, 0.1);
		height: 32px;
		color: #679d00;
		margin: 15px auto;
		padding: 0;
		line-height: 32px
	}
	#conter1 .left,
	#conter1 .title {
		padding-left: 0;
		padding-right: 0
	}
	#conter1 .right{
		padding: 0 5%;
	}
	#right {
		display: none
	}
	#csrjy .left {
		width: 100%;
		padding: 0
	}
	#csrjy .item {
		padding-left: 0;
		padding-right: 0
	}
	#pageBanner.qteng {
		height: auto
	}
	#pageBanner.qteng img {
		display: block
	}
	#rightFix {
		display: none
	}
	#dtys .tabs {
		flex-direction: column
	}
	#dtys .tabs .tab {
		width: 100%
	}
}

@media only screen and (max-width:767px) {
	#xmtx .left {
		padding: 0
	}
	#xmtx .top {
		padding-bottom: 0;
		margin-bottom: 0
	}
	#xmtx .top .img {
		width: 100%;
		left: 0;
		/*margin: -27% 0 -20%;*/
		margin-bottom: 20px;
	}
	#xmtx .top .item {
		position: initial;
		margin-bottom: 20px
	}
	#xmtx .img2 {
		display: none
	}
	#xmtx .img3 {
		display: block;
		width: 100%
	}
}
@media only screen and (max-width:640px) {
	.pc-hide{
		display: block;
	}
	.m-hide{
		display: none;
	}
	#conter1 .cont{
		width: 100%;
	}
	#conter1 .cont .left .title{
		padding: 25px 5%;
	}
	#conter1 .left .item .t{
		padding: 15px 5%;
	}
	#conter1 .left .item .b{
		padding: 0 5%;
	}
	#bigTit{
		justify-content: center;
    	text-align: center;
	}
	#bigTit .text{
		margin-right: 0;
	}
	#bigTit p.t{
		font-size: 30px;
	}
	#bigTit p.b{
		font-size: 20px;
		margin-top: -25px;
	}
	#bigTit .line{
		display: none;
	}
	#activeList{
		padding-bottom: 0;
	}
	#conter1 .left .item{
		margin-bottom: 20px;
	}
	#conter1 .left .item .b{
		height: auto;
	}
	#conter1 .left .item .time{
		padding: 10px 0;
		width: 90%;
		margin-left: 5%;
		margin-top: 10px;
	}
	#yuanjing .center1 .col-md-6{
		padding: 0;
	}
	#conter1 .right .items .item{
		padding-right:100px;
	}
	#conter1 .right .items .item .date{
		position: absolute;
		right: 0;
		margin-right: 0;
		top: 0;
		width: 70px;
		height: 70px;
	}
	#conter1 .right .items .item .date .num{
		font-size: 27px;
	}
	#conter1 .item {
		padding-left: 0;
		padding-right: 0
	}
	#conter2 .title {
		padding: 25px 0
	}
	#conter2 .device {
		padding: 0;
		padding-bottom: 30px
	}
	#conter2 .arrow-right {
		right: 10px;
		z-index: 20
	}
	#conter2 .arrow-left {
		left: 10px;
		z-index: 20
	}
	#conter2 .m .item .img {
		width: 50%;
		position: relative;
		z-index: 10
	}
	#conter2 .m .item .text {
		width: 100%;
		height: 78%;
		border: 1px solid #fff;
		border-radius: 5px;
		box-sizing: border-box;
		background: none;
		padding: 10px 10px 10px 54%;
		text-align: left
	}
	#conter2 .m .item .text .t {
		color: #fff;
		font-size: 18px;
	}
	#conter2 .m .item .text .b {
		color: #fff
	}
	#conter3 {
		padding-top: 25px
	}
	#conter3 .col-md-12 {
		padding: 0
	}
	#conter3 .item {
		margin-bottom: 20px
	}
	#conter3 .item p {
		word-break: break-word;
		font-size: 16px
	}
	#pageDetail .tal {
		display: block
	}
	#pageDetail .time {
		max-width: 100%
	}
	#pageDetail .loc {
		max-width: 100%
	}
	#pageDetail .line2 {
		display: none
	}
	#pageDetail p.t,
	#pageDetail p.b {
		display: inline-block
	}
	#pageBanner {
		margin-bottom: 25px
	}
	#projectCont .left {
		padding: 0
	}
	#xueyuan .topText {
		text-align: left
	}
	#xueyuan .items .item {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
		height: auto
	}
	#dtys .tabs {
		flex-direction: column
	}
	#dtys .tabs .tab {
		padding-left: 10%;
		text-align: left;
		width: 100%
	}
	#dtys .bottom .col-md-6 {
		padding: 0
	}
	#dtys .left {
		padding: 0
	}
	#dtys .tabChagne .top2 {
		background: none;
		display: block
	}
	#dtys .tabChagne .top2 div {
		float: initial;
		width: 100%;
		background: url(../images/dtys-bg2.png);
		background-size: 100% 100%;
		padding: 30px 15%;
		margin-bottom: 10px
	}
	#dtys .tabChagne .center2 .item {
		width: 100%;
		max-width: initial;
		margin-bottom: 20px
	}
	#yuanjing .left {
		padding: 0
	}
	#yuanjing .top {
		display: block
	}
	#yuanjing .top .img {
		width: 100%;
		text-align: center
	}
	#yuanjing .top .img img {
		width: auto;
		max-width: 100%
	}
	#yuanjing .top .text {
		margin-top: 20px
	}
	#lxwm .left {
		padding: 0
	}
	#lxwm .col-md-4 {
		margin-bottom: 10px
	}
	#courseList .item {
		padding: 0px 0;
		padding-right: 100px;
		position: relative;
	}
	#courseList .item .date{
	    position: absolute;
	    right: 0;
	    margin-right: 0;
	    top: 0;
	    width: 70px;
	    height: 70px;
	}
	#courseList .item .date .num {
	    font-size: 27px;
	}
	#courseList .item .text {
		min-height: 90px
	}
	#courseList .item .text p.t {
		font-size: 16px
	}
	#courseList .item .text p.b {
		display: none
	}
	#activeList .item {
		display: block;
		padding: 20px 0;
		background: none
	}
	#activeList .item .img {
		width: 100%;
		margin-bottom: 10px
	}
	#page {
		margin-top: 20px;
		padding-bottom: 50px
	}
	#page a {
		padding: 0;
		margin-right: 2px;
		display: inline-block;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		font-size: 14px;
		border: 1px solid #ccc
	}
	#page a:hover {
		background: #8ec31e;
		color: #fff
	}
	#page .btn {
		width: 60px;
		vertical-align: top
	}
	#daoshi .items .item .text{
		padding: 25px;
	}
	#projectCont #bigTit p.b{
		font-size: 18px;
	}
	#conter3 .item img{
		width: 70%;
	}
}