* {
	padding: 0;
	margin: 0;
}
.displayNone{
   display:none!important;
}
body{
	font-size: 18px;
}
.image_box_f{
    width:100%;
    height:250px;
   display:flex;
overflow:hidden;
    justify-content: center;
    align-items: center;
}
.img_box_f{
    height:100%;
    display:block;
}
.width1200 {
	width: 1300px;
	margin: 0 auto;
}

.displayBlock {
	display: block !important;
}
.videoWrap{
     width:100%;
    height:100%;
object-fit: fill;
}
.commonTitle {
	padding: 30px 0 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom:2px solid #E6E6E6;
	margin: 0 0 20px;
	position: relative;
}
.commonTitle::before {
	content: ""!important;
	position: absolute;
	width: 120px;
	height: 2px;
	bottom: -1px;
	background-color: #349563;
}

.commonTitle_text {
	font-family: Source Han Sans CN;
	font-size: 34px;
	padding: 0 0 0 45px;
	color: #000000;
	position: relative;
}

.commonTitle_text::before {
/* 	content: ""!important;
	position: absolute;
	width: 100px;
	height: 2px;
	bottom: 0;
	background-color: #349563; */
	display: none;
}

.commonTitle_text::after {
	content: '';
	position: absolute;
	left: 0;
	width: 32px;
	height: 36px;
	top: calc(50% - 18px);
	background: url(../images/newIcon1.png) no-repeat;
	background-size: 100% 100%;
}
.commonTitle_text1{
	color: #fff;
}
.commonTitle_text1::after {
	content: '';
	position: absolute;
	left: 0;
	width: 32px;
	height: 36px;
	top: calc(50% - 25px);
	background: url(../images/newIcon1.png) no-repeat;
	background-size: 100% 100%;
}
/* .commonTitle::before{
	content: '';
	position: absolute;
	left: 0;
	width: 4px;
	height: 50px;
	top: 30px;
	top: 0;
	background-color: #14844A;
} */
.more-box {
        display: flex;
       justify-content: center;
}
.commonTitle_more {
	padding: 0 12px 0 0;
	position: relative;
	font-size: 14px;
	top: 12px;
}

.commonTitle_more::after {
	content: '';
	position: absolute;
	right: 0;
	width: 10px;
	height: 14px;
	top: calc(50% - 8px);
	background: url(../images/more1.png) no-repeat;
	background-size: 100% 100%;
}


.commonTitle_more a {
	color:#666;
	text-decoration: none;
	cursor: pointer;
}
.commonTitle_more1 a{
	/* color: #fff; */
}
.commonTitle_more a:hover {
	text-decoration: underline;
}

.titleEN1::before {
	content: '/COLLEGE DYNAMICS';
}
.titleEN7::before{
	content: '/TEACHERS DEMEANOR';
}
.overflow_text_one {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.noLine {
	text-decoration: none;
}

/* main1 */
.main_one{
	width: 100%;
	height: 850px;
	background: url(../images/cardnew2.png) no-repeat;
	background-size: 100% 100%;
	background-color: rgba(247, 243, 235, 1);
	box-sizing: border-box;
	/* display: flex; */
	align-items: center;
}
.card1 {
/*width: 1500px;  */
	width: 1500px;
	padding: 30px 0;
	display: flex;
	margin: 0 auto 0;
}

.main1 {
	padding: 0 25px 30px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0);
	border-radius: 6px;
	/* box-shadow: 0 0 10px 0 #ccc; */
	position: relative;
	z-index: 999;
	flex: 1;
}
.card1_main2{
	width: 620px;
	background: rgba(0,0,0,0);
	/* box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); */
	position: relative;
	z-index: 999;
	/* overflow: hidden; */
}
.card4Left {
        overflow: hidden;
        max-height: 790px;
}
.card4Left .common_tab{
	display: flex;
	align-items: center;
	padding: 27px 0 8px;
	border-bottom: 2px solid #e6e6e6;
	margin-bottom:20px ;
}
.card_icon_tab{
	height: 36px;
}

.main1_card {
	background-color: #fff;
	width:100%;
	display: inline-block;
}

.main1_card:nth-of-type(2n) {
	margin: 0 28px;
}
.firstCont{
	position: relative;
	overflow: hidden;
}
.firstCont .txt{
	width: 100%;
	position: absolute;
	left: 0;
	bottom:0;
	font-size:14px;
	line-height: 35px;
	background-color: rgba(0,0,0,.4);
	color: #fff;
	padding: 0 15px;
	box-sizing: border-box;
}
.main1_card a {
	text-decoration: none;
}

.main1_card .img {
	width: 100%;
	height: 460px;
	display: block;
	transition: .2s;
}
.main1_card .img:hover{
	transform: scale(1.02);
	box-shadow: 0 0 20px 0 #666;
}

.main1_text .tit {
	display: block;
	line-height: 18px;
	padding: 20px 0 10px;
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: rgba(0, 0, 0, .5);
}
.card1_threeCont{
	display: flex;
	
}
.card1_threeCont > a{
	width: 30%;
	position: relative;
	
}
.card1_threeCont > a .img{
	width: 100%;
	height: 138px;
}
.findTitle{
	display: flex;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 14px;
	padding: 2px 10px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.6);
	width: 100%;
	color: #fff;
}
.findTitle .tit{
	flex: 1;
}
.card1_threeCont > a:nth-of-type(2){
	margin: 0 5%;
}
.main1_text .tit:hover{
	text-decoration: underline;
}
.main1_text .txt:hover{
	text-decoration: underline;
}

.main1_text .txt {
	font-size: 18px;
	color: #000;
	line-height: 18px;
	display: block;
}
.lineText{
	display: flex;
	padding: 0 0 10px;
}
.lineText .tit{
	flex:1;
	overflow: hidden;
	padding: 0 15px 0 0;
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}
.lineText .txt{
	font-family: SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	opacity: 0.5;
}
.main1_card .line {
	height:1px;
	background-color: #ccc;
	margin: 20px 0;
}

.card1_cont {
	display: flex;
}

/* card1 end */
/* card4 start */
.card4 {
	width: 100%;
	height: 720px;
	background: url(../images/card4.png) no-repeat;
	background-color: rgba(247, 243, 235, 1);
	background-size: cover;
	padding: 20px 0 0 0;
}
.card4Tit{
	width: 1300px;
	margin: 0 auto;
}
.card4 {
	box-sizing: border-box;
}


.common_tab {
	position: relative;
	display: flex;
	/* margin: 0 20px 0 0; */
	padding: 30px 0 15px 20px;
	justify-content: left;
}

.card_interest_tab {
	display: flex;
	width: 100%;
	/* justify-content: center; */
	align-items: center;
	padding: 0 0 0 10px;
}
.card_interest_tab1 {
	/* display: flex; */
	/* justify-content: center; */
	/* padding: 0 0 0 10px; */
}


.card_title_text {
	text-align: center;
	font-family: Source Han Sans CN;
	font-size: 34px;
	display: inline-block;
	height: 50px;
	color: #333;
	cursor: pointer;
	/* background: url('../images/tabNo.png') no-repeat; */
	/* background-size: 100% 100%; */
}

.card_title_Active {
	/* color: #fff;
	background: url('../images/tabYes.png') no-repeat; */
}

.card_title_text:nth-of-type(2) {
	margin: 0 20px;
}

.card_title_currentIndex {
	display: none;
	width: 75px;
	height: 4px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	bottom: -8px;
	background-color: #14844A;
	transition: .3s;
}
/* .card_interest_tab1{
	padding: 40px 0 10px ;
	margin: 0 0 0 0;
} */

.card4Left_cont {
	/* padding: 0 18px 0; */
}

.left4_item {
	display: flex;
	align-items: center;
	transition: .2s;
	padding: 16px 0;
	margin-bottom: 10px;
	cursor: pointer;
	/* box-shadow: 0 0 20px 0 #ccc; */
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0,0,0,.2);
        text-decoration: none;
        color: inherit;
}
.left4_item:hover{
	box-shadow: 0 0 20px 0 #666;
	border-bottom: 6px solid #f5ba07;
	background-color: #49947C;;
	transform: scale(1.1);
	margin-bottom: 14px;
}
.left4_item:hover .day{
	color: #fff!important;
}
.left4_item:hover .year{
	color: #fff!important;
}
.left4_item:hover .txt{
	color: #fff!important;
}
.left4_item .time {
	width: 60px;
	margin: 0 15px;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

.left4_item .time .day {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 27px;
	color: #14844A;
	line-height: 30px;
}

.left4_item .time .year {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 12px;
	color: #585858;
	line-height: 19px;
}

.left4_item .txt {
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 18px;
	flex: 1;
	color: rgba(0,0,0,.8);
	cursor: pointer;
	transition: .3s;
	padding: 0 15px 0 0;
	line-height: 30px;
}
.left4_item .txt a {
	text-decoration: none;
        color: inherit;
}

.left4_btn {
	width: 110px;
	height: 30px;
	background: #14844A;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	margin: 28px auto 20px;
	cursor: pointer;
}

.card4Right {
	width: 1300px;
	padding: 40px 20px 0;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0 0 10px 0 #ccc;
	margin: 30px auto 0;
}

.card4Right_title {
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 22px;
	color: #BA231B;
	text-align: center;
	padding: 30px 0 20px;
}

.imgCont {
	width: 100%;
	padding: 5px 15px 20px;
	overflow-x: scroll;
	box-sizing: border-box;
	position: relative;
}

.box {
	min-width: 100%;
	height: 100%;
	white-space: nowrap;
}

.imgList {
	width: 230px;
	float: left;
	margin: 0 10px 0 0;
	position: relative;
}

.imageItem {
	width: 210px;
	display: block;
	margin: 0 auto;
	transition: .3s;
}
.imageItem:hover{
	transform: scale(1.2);
	box-shadow: 0 0 15px 0 #999;
}

.contTit {
	color: #000;
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}

.contTxt {
	color: #666;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}

.imgContScroll {
	-ms-overflow-style: none;
	/* IE 10+ */
	scrollbar-width: none;
	/* Firefox */
}

.right4_btn {
	width: 110px;
	height: 30px;
	background: #BA231B;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 16px;
	border-radius: 4px;
	margin: 6px auto 0;
	cursor: pointer;
}

.leftShow {
	display: block !important;
	-webkit-animation: fadeInLeft 1.2s .2s ease both;
	-moz-animation: fadeInLeft 1.2s .2s ease both;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

.rightShow {
	display: block !important;
	-webkit-animation: fadeInRight 1.2s .4s ease both;
	-moz-animation: fadeInRight 1.2s .4s ease both;
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}





.oneShow {
	display: block !important;
	-webkit-animation: fadeInUp 1s .2s ease both;
	-moz-animation: fadeInUp 1s .2s ease both;
}

.twoShow {
	display: block !important;
	-webkit-animation: fadeInDown 1.2s .7s ease both;
	-moz-animation: fadeInDown 1.2s .7s ease both;
}

.threeShow {
	display: block !important;
	-webkit-animation: fadeInUp 1s 1.2s ease both;
	-moz-animation: fadeInUp 1s 1.2s ease both;
}

.fourShow {
	display: block !important;
	-webkit-animation: fadeInDown 1.2s 1.7s ease both;
	-moz-animation: fadeInDown 1.2s 1.7s ease both;
}
.fiveShow {
	display: flex;
	-webkit-animation: fadeInDown 1.2s 0s ease both;
	-moz-animation: fadeInDown 1.2s 0s ease both;
}
.SixShow {
	display: flex;
	-webkit-animation: fadeInUp 1.2s 0s ease both;
	-moz-animation: fadeInUp 1.2s 0s ease both;
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(60px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}


@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-60px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-60px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

/* card4 end */
/* card5 start */
.card5 {
	width: 1300px;
	margin: 0 auto;
	/* height: 667px; */
	padding: 0 0 60px;
	display: flex;
}
.new1{
	background: url(../images/cardnew2.png) no-repeat;
	background-size: cover;
}

.card5_main {
	display: block;
	flex: 1;
	padding: 40px 0 0 0;
overflow: hidden;
}
.card5_main .commonTitle_text::after{
	background: url(../images/newIcon3.png) no-repeat;
}
.card5_main2{
	width: 440px;
	margin:  40px 0 0 40px;
}
.card5_main2 .common_tab{
	justify-content: left;
	padding: 0;
	padding: 28px 0 0px 0;
	font-size: 34px;
	position: relative;
	border-bottom: 2px solid #e6e6e6;
}
.card5_main2 .card_title_Active{
	/* font-size: 38px; */
	color: #349563;
}
.newCard4Left_cont .left4_item{
	margin: 0 0 0 0;
}

.card5_cont2 .item{
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 20px 0 0 0;
	cursor: pointer;
	transition: .3s;
}
.card5_cont2 .item .tit{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 18px;
	padding: 13px 0 0 0;
}
.card5_cont2 .item .time{
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 12px;
	opacity: 0.6;
}
.card5_cont2_item{
	transition: .2s;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 10px 0 #999;
	padding: 0 13px;
	background: rgba(0, 146, 17, .1);
}
.card5_cont2_item:hover{
	background-color: rgba(0, 146, 17, 1);
	box-shadow: 0 0 10px 0 #999;
	color: #fff;
	border-bottom:5px solid #f5ba07;
}
.card5_cont2 .item:hover .card5_cont2_item{
	transform: scale(1.2);
}
.card5_main .commonTitle {
	padding-bottom: 0;
}

.titleEN5::before {
	content: '/EMPLOYMENT INFORMATION';
}
.titleEN6::before {
	content: '/RECRUITMENT INFORMATION';
}
.card5_cont {
	display: flex;
}

.card5_left {
	width:343px;
	padding: 20px 0 0 0;
	transition: .2s;
}
.card5_left .item{
	border-bottom: 1px solid rgba(0,0,0,.1);
	cursor: pointer;
	padding:10px 12px 18px ;
}
.card5_left .item>a {
        text-decoration: none;
        color: inherit;
}
.card5_left .item .tit{
	font-family: Source Han Sans CN;
	transition: .5;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 18px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1; /* 瀹氫箟鏄剧ず鐨勮鏁 */
	overflow: hidden;
	text-overflow: ellipsis;

     
}

.card5_left .item .time{
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 10px;
	color: #009211;
	line-height: 27px;
}

.card5_left .item:hover {
	color: #fff;
           box-shadow: 0 0 20px 0 #666;
    border-bottom: 6px solid #f5ba07;
    background-color: #49947C;
transition: .1s;
padding-left:14px;
padding-right:18px;
}

.card5_right {
	flex: 1;
	transition: .3s;
	margin: 0 27px 0 0 ;
	padding: 30px 0 0 0;
overflow: hidden;
}
.card5_left:hover{
	width: 400px;
}
.card5_right .img {
	width: 100%;
	height: 250px;
	transition: .3s;
	display: flex;
	cursor: pointer;
}
.card5_right .img:hover{
	box-shadow: 0 0 15px 0 #999;
	transform: scale(1.2);
}
.card5_right .tit{
	font-family: Source Han Sans CN;
	font-weight: bold;
	font-size: 18px;
	padding: 30px 0 26px;
}
.card5_right .txt{
	font-family: Source Han Sans CN;
	font-weight:bold;
	font-size: 18px;
	color: #000000;
	line-height: 27px;
	display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 2;  /* 瑕佹樉绀虹殑琛屾暟 */
	  overflow: hidden;
	  text-overflow: ellipsis;
}

/* card5 end */
/* card2 */
.main2 {
	background: url(../images/card2.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
}

.card2 {
	width: 1300px;
	margin: 0 auto;
}

.card2 .commonTitle {
	justify-content: center;
	padding: 65px 0 51px;
}

.card2_cont {
	display: flex;
	justify-content: space-between;
}

.card2_item {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.card2_icon {
	width: 180px;
	height: 180px;
	margin: 20px auto 17px;
	text-align: center;
	color: #fff;
}

.card2_icon>span {
	position: relative;
	top: 100px;
	font-weight: bold;
	font-size: 18px;
}

.card2_icon .card2Num {
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	padding: 0 3px 0 0;
}

.card2_icon1 {
	background: url(../images/card_icon1.png) no-repeat;
	background-size: 100% 100%;
}

.card2_icon2 {
	background: url(../images/card_icon2.png) no-repeat;
	background-size: 100% 100%;
}

.card2_icon3 {
	background: url(../images/card_icon3.png) no-repeat;
	background-size: 100% 100%;
}

.card2_icon4 {
	background: url(../images/card_icon4.png) no-repeat;
	background-size: 100% 100%;
}

.card2_cont .tit {
	width: 180px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	background: #FFFFFF;
	border-radius: 15px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	font-size: 16px;
	color: #000000;
}


.card1_item2 {
	transition: .2s;
}

.card1_item1 {
	transition: .2s;
	display: block;
}

.card1_item1:hover {
	transform: scale(1.1);
}

.card1_item2:hover {
	box-shadow: 0 0 10px #ccc;
	transform: translateY(-20px);
}

.card1_item3 .tit:hover {
	transition: .2s;
	text-decoration: underline;
	color: #BA221D;
}

.card2_icon:hover {
	cursor: pointer;
	transition: .2s;
	transform: translateY(-20px);
}

.titleEN2::before {
	content: '/DIGITAL INSTITUTE';
}

.titleEN3::before {
	content: '/SCIENTIFIC RESEARCH ACHIEVEMENTS';
}
/* card3 start*/
.main3 {
	height:850px;
	background: linear-gradient(0deg, rgba(20,132,74,0.1) 0%);
}
.wrap3{
	width: 100%;
	height: 100%;
	background: url(../images/cardnew1.png) no-repeat;
	background-size: cover;
}
.card3 {
	width: 100%;
	margin: 0 auto;
}

.card3 .commonTitle {
	padding: 100px 0 0 0;
	width: 1400px;
	margin: 0 auto;
	justify-content: center;
	position: relative;
	border: none;
}
.card3 .commonTitle_text::after {
	content: '';
	position: absolute;
	left: 0;
	width: 32px;
	height: 36px;
	top: calc(50% - 18px);
	background: url(../images/titleL0.png) no-repeat;
	background-size: 100% 100%;
}
.card3 .commonTitle::before{
	display: none;
}
.card3 .commonTitle_more{
	position: absolute;
	right: 0;
	top: 125px;
	height: 20px;
}
.card3Item{
	/* transition: .2s; */
}
.card3Item:hover{
/* 	transform: scale(1.2) translateY(-20px);
	box-shadow: 0 0 30px 0 #999; */
}

.card3 a {
	text-decoration: none;
}

#corrow {
	position: absolute;
	width: 100%;
	top: 40%;
	opacity: 0;
	z-index: 99;
}

#btn_lef,
#btn_rig {
	position: absolute;
	height: 60px;
	width: 40px;
	top: 50%;
	margin-top: -56px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, .6);
}

#btn_lef {
	left: 0;
}

#btn_rig {
	right: 0;
}

.card3Item {
	/* display: flex; */
	background-color: rgba(247, 243, 235, 1);
	padding: 30px;
	border-radius: 10px;
	overflow: hidden;
	width:500px;
}
.card3ImgBox{
	height: 400px;
	box-sizing: border-box;
}
.card3Img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	transition: .2s;
}
.card3Img:hover{
	transform: scale(1.04);
}

.card3Cont {
	flex: 1;
	overflow: hidden;
	padding: 10px 10px 0 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.card3tit {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
}

.card3txt {
	font-family: Source Han Sans CN;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	line-height: 24px;
	opacity: 0.7;
	cursor: pointer;
	padding: 20px 0 30px;
}

.card3Btn {
	width: 90px;
	height: 30px;
	background: #BA231B;
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 4px;
	font-size: 16px;
	margin: 0 auto;
	display: none;
}

.card3Btn:hover {
	opacity: .9;
}

/* card3 end*/
.mainTImg {
	display: block;
	width: 100%;
}


.foot {
	width: 1300px;
	height: auto;
	margin: 0 auto;
	display: flex;
	color: #fff;
}

.one {
flex:1;
}
.one h3 {
        padding: 36px 0 15px;
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-size: 28px;
	color: #FFFFFF;
}
.one p {
        font-family: Source Han Sans CN;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 35px;
}

.two {
	width: 34%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
	padding: 0 40px 0 0;
}
.two img {
        width: 267px;
	height: 65px;
	display: block;
}

.three {
display:flex;
padding-right: 35px;
}
.three .three_text{font-size:16px;margin-top:10px;    text-align: center;}
.footTit {
	padding: 36px 0 15px;
	font-size: 18px;
	font-family: Source Han Sans CN;
	font-size: 28px;
	color: #FFFFFF;
}

.footLogo {
	width: 267px;
	height: 65px;
	display: block;
}

.footTxt {
	font-family: Source Han Sans CN;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 35px;
}

.footTxtItem {
	margin-right: 20px;
	display: inline-block;
}
.footTxtItem a {
        text-decoration: none;
        color: inherit;
}
.nav {
  position: fixed;
  left: 20px;
  display: none;
  top: calc(50% - 200px);
  z-index: 999;
 
}
.nav span:hover{
	text-decoration: underline;
	
}
.hoverImg{
	width: 160px;
	height: 200px;
	display: block;
}
.hoverImg img{
	width: 100%;
	height: 100%;
	display: block;
}
.nav:hover .item{
	display: block;
}
.nav .item {
    width: 160px;
    padding: 0 20px;
	display: none;
    position: relative;
	background: #EBF1EA;
	box-shadow: 0px 4px 18px 10px rgba(0, 0, 0, 0.04);
	padding: 15px ;
	border-left: 4px solid rgba(61, 130, 80, .3);
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
  }
  .nav  .itemA {
    color: rgba(61, 130, 80, 1);
    position: relative;
  }
  .nav .itemA::after {
    content: "";
    position: absolute;
    left: -4px;
    top: 0;
    width: 4px;
    height: 100%;
    background: rgba(61, 130, 80, 1);
  }
  .nav .line {
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
	padding: 0 0 0 20px;
  }
  .nav .line .img {
    width: 20px;
    height: 20px;
    color: rgba(78, 89, 105, 1);
    margin: 0 22px 0 0;
  }
  
  .timeLineBox{
	  position: fixed;
	  right: 50px;
	  top: 100px;
	  display: none;
	  z-index: 9999;
  }
  .timeLine{
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  
  }
  .fotLine{
	  width: 2px;
	  height: 60px;
	  background: #ccc;
  }
  .fotTitle{
	  width: 20px;
	  text-align: center;
	  padding: 10px 0;
	  color: #14844A;;;
	  text-align: center;
	  margin: 0 auto;
	  font-size: 24px;
	  line-height: 25px;
  }
  .fotLineCont{
	  display: none;
  }
  .fotCont{
	  display: flex;
	  justify-content: center;
  }
  .fotCont .img{
	  width: 90px;
	  height: 90px;
	  display: block;
	  margin: 10px 0 0 0;
  }
  .fotY{
	  width: 10px;
	  height: 10px;
	  display: none;
	  border-radius: 50%;
	  border:2px solid #ccc;
	  cursor: pointer;
  }
  .Show{
	  display: block;
  }

.aaa .card3Btn{
	display: block!important;
}





/* 瑙嗛浠嬬粛 */
.videoMain{
	background: url(../images/videoBg.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 734px;
}
.videoCont{
	width: 1300px;
	margin:0 auto;
}
.videoCont .commonTitle{
	padding: 68px 0 20px 520px;
	border:none;
}
.videoCont .commonTitle::before{
	display: none;
}
.videoCont .commonTitle_text::after{
	background: url(../images/newIcon4.png) no-repeat;
}
.videoContent .left{
	width: 642px;
height:376px;
	margin: 0 27px 0 0;
	position: relative;
}
.videoContent .left img{
	width: 100%;
	height: 100%;
}
.videoContent{
	display: flex;
}
.right{
}
.img_box_f_one:hover{
     transform: scale(1.1);
   
transition: .2s;
} 
.videoContent .right{
	flex: 1;
}
.videoBox{
	width: calc(50% - 10px);
height:183px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}
.videoBox:nth-of-type(2n){
	margin-left:10px;
}
.videoBox img{
	width: 100%;
	height: 100%;
	display: block;
}
.numCont{
	background-color: #49947C;
	height: 148px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.numItem{
	width: 260px;
	text-align: center;
	color: #fff;
}
.numItem .tit{
	font-size: 23px;
	color: #FFFFFF;
	line-height: 26px;
}
.numItem .txt{
	font-size: 23px;
}
.numItem .txt .numTxt{
	display: inline-block;
	font-size: 45px;
}



/* banner杞崥 */
 .swiperBanner {
      width: 100%;
      height:100vh ;
    }

    .swiperBanner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
 /*     display: flex;
      justify-content: center;
      align-items: center; */
    }

    .swiperBanner .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

.xsyjWrap{
   display:flex;
}
.xsyjWrap .swiper{
flex:1
}
.xsyjList{
   width:500px;
padding:0 100px 0 40px;
}