.main { padding: 1rem 0;   }
.btn_more {  
	display: block;
	text-align: right; 
	color: #125ed8; 
	text-decoration: none; 
	font-size: .14rem; 
	position: relative; 
	z-index: 1; 
	padding-right:14px; 
	transition: all .35s;
}


.btn_more i { 
	display: inline-block; 
	width: 5px; 
	height: 5px; 
	border-top: 1px #125ed8 solid; 
	border-right:1px #125ed8 solid ;	
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(45deg); 
	z-index: 2;
	transition: all .35s;
}

.btn_more:hover { color: #b5b5b5 ; transition: all .35s; }
.btn_more:hover i { border-color: #b5b5b5 ; transition: all .35s;}

/* banner */
#banner {
	background-color:#fff;
	margin-top: 1rem;
	height:8rem;
	position: relative;
	z-index: 1;
	/* margin-bottom: 1rem; */
}


#banner .swiper-slide { background-color: #fff;	display: block;	position: relative;	z-index: 1;	text-align: left; }


#banner .swiper-slide .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10;
    left: 9%;
    bottom: 6vh;
}

#banner .swiper-pagination {  
	width: 100%;
	height: 1.8rem;
	background-image: url(../img/icons/ban.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center -20%;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	z-index: 23;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-flow: row nowrap;
	
}

#banner .swiper-slide-active { z-index: 8 !important; }

#banner .swiper-pagination-bullet { 
	width: 9px;
	height: 9px;
	margin : 0 4px;
	height: auto;
	background-color: #fff;
	opacity: 1;
	border-radius: 50%;
	border: none;
	color: #cdcdcd;
	padding-bottom: 8px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	cursor: pointer;  
}


#banner .swiper-pagination-bullet-active { color:#d97b7b; width: 22px; border-radius: 50px;}

#banner .swiper-slide .wamp_bai {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	background: -webkit-linear-gradient(bottom, rgba(18,94,216,.5) 0%, rgba(255,255,255,0) 77%);
	background: -ms-linear-gradient(bottom, rgba(18,94,216,.5) 0%, rgba(255,255,255,0) 77%);
	background: -moz-linear-gradient(bottom, rgba(18,94,216,.5) 0%, rgba(255,255,255,0) 77%);
	background: linear-gradient(bottom, rgba(18,94,216,.5) 0%, rgba(255,255,255,0) 77%);
	position: absolute;
	top: 0;
	left: 0;	
}

#banner .swiper-slide .wamp_bai .container {  height: 100%; position: relative; z-index: 1; }

#banner .swiper-slide .wamp_bai a { 
	display: block; 
	width: 100%;
	height: auto;	
	padding: .5rem .6rem;
	text-decoration: none; 
	position: absolute;
	bottom: 2.3rem;
	color: #fff;
}

hr.line_bai {	border: none;	border-top: 3px #fff solid;	box-shadow: 0 3px 5px rgba(0,0,0,.10);	margin-bottom: .35rem;}

#banner .swiper-slide .wamp_bai h2 { font-size: .42rem; margin-bottom: 5px;  }
#banner .swiper-slide .wamp_bai span.icon_linkmore_red {
	display: inline-block; 
	padding-right: 25px;
	font-size: .16rem; 
	background-image: url(../img/icons/icon-seemore.png);
	background-repeat: no-repeat; 
	background-position: right center;
	background-size:auto 90%;
}


#banner .swiper-slide .ban_video video,
#banner .swiper-slide .ban_video img {
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

#banner .swiper-slide .ban_video {
	display: block;
	background-color:transparent;
    overflow: hidden;
	width: 100%;
    height: 100%;
	position: relative;
	z-index: 1;  
}


.ban-title h2 { font-weight: bold; font-size: .6rem; margin-bottom: 10px; line-height: 1.12; text-shadow: 0 0 9px rgba(0,0,0,.15); transition: all .6s;  }
.ban-title span { display: block; font-size: .18rem; text-shadow: 0 0 9px rgba(0,0,0,.15); transition: all .8s;  }
.ban-title p { margin-top: .62rem; font-size: .32rem; text-shadow: 0 0 9px rgba(0,0,0,.15);  transition: all 1s;  }

.ani-slide h2 { opacity: 1; transform: translateX(0); transition: all .6s; text-shadow: 0 2px 3px rgb(0 0 0 / 15%); }
.ani-slide span { opacity: 1; transform: translateX(0); transition: all .8s; text-shadow: 0 2px 3px rgb(0 0 0 / 15%); }
.ani-slide p { opacity: 1; transform: translateX(0); transition: all 1s; text-shadow: 0 2px 3px rgb(0 0 0 / 15%)); }

/* banner-end */


/* mode_about */
.mode_about {
	padding-top: 1rem;
	position: relative; z-index: 1;
/* 	background-image: url(../img/icons/sz_bg.png);
	background-position: center bottom;
	background-repeat: no-repeat; */
	padding-bottom: 10px;
	pointer-events: auto;
}

.y_about { width: 85%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50% ); z-index: -1; }

.about_box h3 { font-size: .36rem; color: #1cb9ed; margin-bottom: .12rem; }
.about_box h3 strong { display: block; line-height: 1.35; }
.about_box p.desc  { font-size: .20rem; color: #626262 ;   opacity: .6; }
.about_box ul { list-style: none; padding-left: 10px; }
.about_box ul li { margin-bottom: .35rem; position: relative; z-index: 1; padding-left: .8rem; }
.about_box ul li i { display: block; position: absolute; left: 0 ; top: 0; z-index: 2; }
.about_box ul li i img { width: .6rem; }
.about_box ul li h6 { font-size: .2rem; color: #1cb9ed; margin-bottom: 5px; }
.about_box ul li p { font-size: .16rem; color: #666; line-height: 1.35; }

/* mode_about-end */



/*  */
#study { height: 3.92rem; }

#study .swiper-slide {  background-size: cover; background-position: center;  }

#study .gallery-top {  width: 50%; height: 100%; border-radius: 15px; overflow: hidden; float: left; }
#study .gallery-top .swiper-slide { background-color: #fff; }
#study .gallery-top .swiper-slide div.dix { 
	height: 100%;
	width: 100%; 
	display: flex;
	align-items: flex-end;
	flex-flow: row wrap;
	position: relative; 
	z-index: 1;	
	color: #fff;
	padding: .35rem;
	text-align: left;
	background: -webkit-linear-gradient(bottom,rgba(18,94,216,1) 6% ,rgba(255,255,255,0) 67%);
	background: -moz-linear-gradient(bottom,rgba(18,94,216,1) 6% ,rgba(255,255,255,0) 67%);
	background: -ms-linear-gradient(bottom,rgba(18,94,216,1) 6% ,rgba(255,255,255,0) 67%);
	background: linear-gradient(bottom,rgba(18,94,216,1) 6% ,rgba(255,255,255,0) 67%);
}

#study .gallery-top .swiper-slide em.tags {
	display: inline-block; 
	color: #fff;
	width: .8rem;
	line-height: .6rem;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

#study .gallery-top .swiper-slide em.tags::before {
	content: "";
	width: 100%;
	height: 100%;
	border-bottom-right-radius: 100px;
	border-bottom-left-radius: 0;
	background-color: #1cb9ed;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: translateY(-8px) scale(1.5);
}

#study .gallery-top .swiper-slide h3.lec_tittle {
	max-height: .6rem;
	font-size: .24rem;
	line-height: 1.3;
	width: 80%;
	display: -webkit-box;
	overflow: hidden;

	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: .15rem;
}

.study_desc { width: 100%; font-size: .18rem;  }
.study_desc a { display: block; color: #fff; text-decoration: none; }


#study .gallery-thumbs { width: 45%; height: 90%;  float: left;  margin-left: 5%;  box-sizing: border-box; margin-bottom: 25px; }
#study .gallery-thumbs .swiper-slide { width: 100%;  height: 20%; border-bottom: 1px #c1c1c1 solid; text-align: left;transition: all .35s;  }
#study .gallery-thumbs .swiper-slide a { font-size: .18rem; display: block; padding: 0; text-align: left; width: 100%; text-decoration: none; color: #626262; transition: all .35s; }
#study .gallery-thumbs .swiper-slide h3 { position: relative; z-index: 1; padding-right: 1rem; line-height: 1.35; }
#study .gallery-thumbs .swiper-slide h3 span { display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }


#study .gallery-thumbs .swiper-slide-thumb-active  {
   background-color: #125ed8;
   border-radius: 10px;
   border-color: transparent;
   transition: all .35s;
}

#study .gallery-thumbs .swiper-slide-thumb-active a { color: #fff;  padding: 0 .25rem; transition: all .35s; }
#study .btn_more {width: 45%;  float: right; }


/* 通知公告 */
.anouncement { 
	padding: 1rem 0;
	background-image: url(../img/icons/news-bg.png);
	background-repeat: no-repeat;
	background-size: 118%;
	background-position: center center;
	position: relative; 
	z-index: 6;
	margin: .75rem 00;
}

img.ys { position: absolute; z-index: -1; /* height: 5rem; */  pointer-events: none; }
.y1 { right: 0; width: 2.5rem;  top: -2rem; }
.y2 { left: 0; width: 3.6rem;  top: 83%; }

.gonggao { margin-left: -15px; margin-bottom: 15px; }
.gonggao ul { list-style: none; }
.gonggao ul li { width: 46%; float: left; border-top: 1px #626262 solid; padding: .15rem 0; transition: all .35s;  }
.gonggao ul li:nth-child(1),
.gonggao ul li:nth-child(2) { border-top: none; }
.gonggao ul li:nth-child(2n-1) { margin-right: 8%; }
.gonggao ul li a { display: block; text-decoration: none; position: relative; z-index: 1; padding-left: 18%;}
.gonggao ul li p.gg_date {
	width: 15%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	font-size: .18rem;
	color: #6c6c6c;
	line-height: 1;
}

.gonggao ul li p.gg_date big { display: inline-block; font-size: .24rem;  color: #626262 ; line-height: 1; }

.gonggao ul li h3 {
	height: .5rem;
	font-size: .18rem;
	display: -webkit-box;
	overflow: hidden;
	line-height: 1.35;
	width: 100%;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	color: #626262;
}

.gonggao ul li:hover { background-color: #125ed8; border-radius: 10px; border-color: transparent ; transform: scale(1.05); padding: 15px;  transition: all .35s; }
.gonggao ul li:hover p,
.gonggao ul li:hover h3,
.gonggao ul li:hover p big {  font-weight: bold; color: #fff; transition: all .35s;  }


/* 通知公告-end */


/* 中心要闻 */
.center_news {  position: relative; z-index: 4;}
.y4 { right: 0; bottom: 0; height: 5rem; z-index: 4 !important; }

#news { height: 7.45rem; position: relative; z-index: 1; }
#news .gallery-top { width: 100%; height: 100%; }
#news .gallery-top .swiper-slide {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;	
	background-size: cover;
	background-position: center top;
}


#news .gallery-thumbs {
	background-color: rgba(123,123,123,.57);
	width: 100%;
	height: 18%;
	min-height: 1rem;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	box-sizing: border-box;
	padding: 20px 0;
	border-right: 6rem transparent solid;
	border-left: 1rem transparent solid;
}

#news .gallery-thumbs .swiper-slide { opacity: .5; height: 100%; background-repeat: no-repeat; background-size: auto 100%; transition: all .35s; cursor: pointer; }
#news .gallery-thumbs .swiper-slide:hover { background-size: auto 110%; transition: all .35s; }


#news .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; border-bottom: 5px #125ed8 solid; box-shadow: 0 0 15px rgba(0,0,0,.5); }

.gallery-txt {
    width: 27%;
    height: 3rem;
    position: absolute;
    right: 0;
    bottom: 1rem;
    z-index: 45;
    color: #fff;
    text-align: left;
}

.gallery-content { width: 100%; height: 100%;  text-align: left; line-height: 1.35;}
.gallery-content h3 { font-size: .24rem; font-weight: bold; margin-bottom: .25rem; transform: translateX(100%); opacity: 0; }
.gallery-content h3 a { color: #fff; display: inline-block; text-decoration: none; }
.gallery-content p { font-size: .18rem; font-weight: normal; transform: translateX(100%); opacity: 0; }
.gallery-content p.rq { text-align: right; margin-top: .25rem; font-size: .14rem; transform: translateX(100%); opacity: 0; }
.gallery-content a.btn_more { color: #fff; text-align: left;  width: .82rem;transform: translateX(100%); opacity: 0; }
.gallery-content a.btn_more i  { border-color: #fff; }


@-moz-keyframes txte{
	from{ transform: translateX(100%); opacity: 0;}
	to{transform:translateX(0) ; opacity:1 ;}
}

@-ms-keyframes txte{
	from{ transform: translateX(100%); opacity: 0;}
	to{transform:translateX(0) ; opacity:1 ;}
}


@-webkit-keyframes txte{
	from{ transform: translateX(100%); opacity: 0;}
	to{transform:translateX(0) ; opacity:1 ;}
}

@keyframes txte {
	from{ transform: translateX(100%); opacity: 0;}
	to{transform:translateX(0) ; opacity:1 ;}
}


.ani-slide .gallery-content h3 {
	animation: txte .6s ease-out .1s forwards;
}

.ani-slide .gallery-content p {
	animation: txte .6s ease-out .2s forwards;
}

.ani-slide .gallery-content p.rq {
	animation: txte .5s ease-out .35s forwards;
}

.ani-slide .gallery-content a.btn_more {
	animation: txte .5s ease-out .45s forwards;
}
/* 中心要闻-end */



label.tips {
	color: #999;
	font-weight: normal;
	line-height: 1;
	display: inline-block;
	margin-bottom: 0;
	transform: translateY(10px);
}






/* reserch_faster */
#reserch_faster { width: 100%; }

.xd_pos {position: relative; z-index: 1; margin-bottom: 0.35rem; }
.xd_pos .btn_more { position: absolute; right: 0; top: 50%; transform: translateY(-50%) ; z-index: 5; }

.xd_pos .co-title { margin-bottom: 0; }

dl.r_items {width: 100%; text-align: left; }
dl.r_items dt { width: 100%; margin-bottom: 10px; }
dl.r_items dt a {
	display: block;
	overflow: hidden;
	height: 0; padding-top: 58%; position: relative; z-index: 1; 
}

dl.r_items dt a img { 
	width: 100%; height: 100%; object-fit: cover; 
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	transition: all .35s;
}


dl.r_items dd {	display: block; width: 100%;}
dl.r_items dd h3 { margin-bottom: 15px;}
dl.r_items dd h3 a {
	min-height: .45rem;
	height: auto;
	font-size: .18rem;
	display: -webkit-box;
	overflow: hidden;
	line-height: 1.35;
	width: 100%;
	color: #333;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

dl.r_items dd span {
	font-size: .14rem;
	color: #999;
	display: block;
	line-height: 1;
}

dl.r_items:hover dt a img { transform: translate(-50%,-50%) scale(1.1);	transition: all .35s; } 
dl.r_items:hover dd h3 a { color: #007AFF; font-weight: bold; }

/* reserch_faster-end */