@charset "utf-8";
/* CSS Document */

/*banner*/
#i_banner {position: relative; z-index: 0;}
#i_banner .swiper-slide { position: relative; z-index: 0;}
#i_banner .pic { position: relative; z-index: 0; padding-top:100vh;}
#i_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center top;}
/* #i_banner .pic::after { position: absolute; z-index: 1;
content: ""; display: block; width: 100%; height:19.8em; 
left: 0; top: 0;
background-image: linear-gradient(to bottom, rgba(50,135,225,1), rgba(255,255,255,0));} */
#i_banner .swiper-pagination { height: 6.28em; padding: 0 2.8%;
 bottom: 0; border-top: 1px solid rgba(255,255,255,0.5);
   display: flex; justify-content: flex-start; align-items: center;}
#i_banner .swiper-pagination-bullet { width: 0.8em; height: 0.8em;
 background-color: #fff; margin: 0 0.4em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
#i_banner .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #3c7718;
}

#i_banner .btnNext,#i_banner .btnPrev { 
	position: absolute; z-index: 2; right: 7.3%; top: 50%;
	cursor: pointer; display: block;
	width:4em; height: 4em; margin-top: -2em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:rgba(255,255,255,0.5) url(../images/arrow.png) center center no-repeat;
	background-size:auto 59% ;
	
} 
#i_banner .btnPrev { right: auto; left: 7.3%;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
#i_banner .btnNext:hover,
#i_banner .btnPrev:hover {
background-color: rgba(0,0,0,0.5);
}

#i_banner .swiper-button-disabled,
#i_banner .swiper-button-disabled:hover{  background: transparent;
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}

@media only screen and (max-width:828px) { 
#i_banner .pic { padding-top:120%;}
#i_banner .btnNext,#i_banner .btnPrev { right: 1em;
	width:2.6em; height: 2.6em; margin-top: -1.3em;}
#i_banner .btnPrev { left: 1em;}
}

.zsBox { position: relative; z-index: 2; height: 3.2em; background-color: #b6e3f6;}
.zsBox ul { display: flex; justify-content: space-between; align-items: stretch;}
.zsBox ul li { margin-top: -4em; background-color: #fff;
 padding: 1.4em 0 1em; width: 14em;
 -moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;
 -moz-box-shadow: 0 0 0.8em rgba(61, 186, 246, .8);
 -webkit-box-shadow: 0 0 0.8em rgba(61, 186, 246, .8);
 box-shadow: 0 0 0.8em rgba(61, 186, 246, .8);
 }
.zsBox .pics img { width: 5.5em;  display: block; margin: 0 auto;transition: all 0.5s;
}

.zsBox .pics:hover img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}


.zsBox .txts { margin-top: 0.6em;}

@media only screen and (max-width:828px) { 
	.zsBox { height: 2.6em; }
	.zsBox ul li { margin-top: -2.2em;}
	.zsBox ul li { width: 5.8em;}
	.zsBox .pics img { width: 3.9em; height: 2.6em;}
	.zsBox .txts { font-size: 2.8vw;}
}

.box .tit{ display:flex; justify-content: space-between; align-items: center;}
.box .tit .name{ line-height: 1.7; position: relative; z-index: 0; color: #014ce3; font-weight: bold;}
.box .tit .name::after { content: ""; display: block; 
position: absolute; bottom: 0; left: 0; right: 0; height: 0.12em;
background-image: repeating-linear-gradient(to right, rgba(1,76,227,1), rgba(1,76,227,0.2) 60%, rgba(1,76,227,0.2) 75%,  rgba(1,76,227,1) 100%); 
}
.box .tit .more{ margin-top: 0.7em; cursor: pointer; padding-right: 4em;  cursor: pointer; display: block; color: #014ce3;
background: url(../images/dot.png) right center no-repeat;
background-size:4em auto ;}


.box .tab {  text-align: left; color: #7f7f7f; }
.box .tab ul {line-height: 1.7; 
display: flex; justify-content: flex-start; align-items: center;}
.box .tab li { margin-right: 1.8em; cursor: pointer; }
.box .tab li.cur {position: relative; z-index: 0;  color: #014ce3; font-weight: bold;}
.box .tab li.cur::after { content: ""; display: block; 
position: absolute; bottom: 0; left: 0; right: 0; height: 0.12em;
background-image: repeating-linear-gradient(to right, rgba(1,76,227,1), rgba(1,76,227,0.2) 60%, rgba(1,76,227,0.2) 75%,  rgba(1,76,227,1) 100%); 
}


.newBox {padding: 7.8em 0 9em;
 background: url(../images/new_bg.png) center center no-repeat;
background-size:cover ;}
.newBox .con { display:  flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.newBox .con .conL { width: 45%;}
.newBox .con .conR { width: 45%;}

@media only screen and (max-width:828px) {
	.newBox {padding: 5em 0 4em;}
	.newBox .con .conL { width: 100%;}
	.newBox .con .conR { width: 100%; margin-top: 3em;}
}
.newBox .list  { margin-top: 0.9em;}
.newBox .list li { padding: 1em 0;  text-align: left;position: relative;
color: #606060; display: flex; justify-content: space-between; align-items: center;}
.newBox .list li .date { width: 5.4em; line-height: 1.1; text-align: right;}
.newBox .list li .date .mmdd { color: #3057c8;}
.newBox .list li .name { margin-left: 1em; padding-left: 1em; flex: 1;border-left: 1px solid #3057c8;}

.newBox .list li::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background:#d8dee6;z-index: 1;}
.newBox .list li::after{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background:#3287e1;z-index: 1;transition: 0.4s ease-out;}
.newBox .list li:hover::after{width: 100%;transition: 0.4s ease-out;}

.newBox .conR .list  { margin-top: 0.3em;}

.newBox .conNZ {  width: 100%; flex: 1; }
.newBox .conN { 
	width: 100%; display: none; 
}
.newBox .conN.show { display: block;}

.newBox .picList li { margin-top: 1.2em; background-color: #eaf4ff; }
.newBox .picList .pic { overflow: hidden; display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 50.3%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.newBox .picList .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;transition: all 0.5s;
}

.newBox .picList .pic:hover img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}



.newBox .picList .txtb { padding: 1em 8.2% 1em; text-align: left;}
.newBox .picList .name { height: 1.5em; line-height: 1.5em;
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1; }
.newBox .picList  .intro { margin-top: 0.3em;
color:#4b94ed; line-height:1.7em ;height: 3.4em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}

.lbBox { color: #fff; background:#3287e1 url(../images/lb_bg.jpg) left center no-repeat;
background-size:cover; padding: 7.6em 0 5.6em;}
.lbBox .con { display: flex; justify-content: flex-end; align-items: center;}
.lbBox .con .txtb {text-align: left;}
.lbBox .con .txtb .txt { font-size: 2.1em; margin-bottom: 0.1em;}

@media only screen and (max-width:828px) {	
	.lbBox {padding: 2em 0 1.3em;}
	.lbBox .con .txtb { font-size: 2.4vw;}
	
	
}

.dTit { padding-top: 0.9em; font-weight: bold; color: #212121;}
.dTit::before {display: block; margin: 0 auto -0.6em; content: "";
width: 1.47em; height: 1.47em;
background: url(../images/tit_s_1.png) center center no-repeat;
background-size:contain ;}
.dTit::after { display: block; margin: -0.3em auto 0; content: "";
width: 3em; height: 1em;
background: url(../images/tit_s_2.png) center center no-repeat;
background-size:contain ;}
.dTit span { color: #004ce3;}

.vBox { max-width: 1920px; margin: 0 auto; padding-top: 1.5em; }

.swiper-v { margin-top: 2.2em; padding-bottom: 3em;}
.swiper-v .swiper-slide {width: 51em;}
.swiper-v .item .pic { overflow: hidden; display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 56.3%;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:1.5em; 
-webkit-border-radius:1.5em; 
border-radius:1.5em;

 -ms-transform: scale(0.89, 0.89);
	 -webkit-transform: scale(0.89, 0.89);
	 transform: scale(0.89, 0.89);
	 }
.swiper-v .item .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
transition: all 0.5s;
}

.swiper-v .item .pic:hover img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
}





 .swiper-v .swiper-slide-active .pic {
	 -ms-transform: scale(1, 1);
	 -webkit-transform: scale(1, 1);
	 transform: scale(1, 1);
 }
.swiper-v .swiper-pagination { bottom: 0;}
.swiper-v .swiper-pagination .swiper-pagination-bullet { width: 3em; height: 0.62em;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
border: 1px solid #3287e1; background-color: transparent; margin: 0 0.8em;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.swiper-v .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #3287e1;filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

@media only screen and (max-width:828px) {	
	.swiper-v .swiper-pagination .swiper-pagination-bullet { margin: 0 0.4em;
	 width: 2em; height: 0.4em;}
}

.pBox {  background: url(../images/pic_bg.png) center 0 no-repeat;
background-size:100% auto; padding:3em 0 3.3em;}
.pBox .con {position: relative; z-index: 0;}
.pBox .con::after { content: ""; display: block; position: absolute;
bottom: 0; left: 0; right: 0;
height: 19.3em;
background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));}
.pBox .pList { overflow: hidden; padding-top: 1.3em; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.pBox .pList ul { margin: 0 0.8%; width: 18.4%;}
.pBox .pList ul:nth-child(2n+1){ padding-top: 8.6%;}
.pBox .pList li { margin-top: 7.16%; overflow:hidden}
.pBox .pList li a { display: block; cursor: pointer;}
.pBox .pList li img {display: block; width: 100%; height: auto;
 -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;transition: all 0.5s;
}

.pBox .pList li:hover img {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
} 
 
 
 
 @media only screen and (max-width:828px) {
	 .pBox { padding-bottom: 1.5em;}
	 .pBox .con::after { height: 7em;}
	 .pBox .pList li img {
	  -moz-border-radius:0.7em; -webkit-border-radius:0.7em; border-radius:0.7em;}
 }
 
.dataBox { position: relative; z-index: 0; padding: 1em 0 10em;
 background-image: linear-gradient(to bottom, rgba(255,255,255,1), #84b7ed);
 }
.dataBox .dataBg { content: ""; display: block;
 width: 100%; position: absolute; bottom: 0; right: 0; left: 0; height: 20.4em;
  background: url(../images/data_bg.png) center bottom no-repeat;
  background-size:100% auto ;}

.swiper-data { margin: 2.2em 0% 0; padding-bottom: 3em;}
.swiper-data .swiper-slide {width: 11.9em; text-align: center;}
.swiper-data .item .picb { margin: 0 auto; width: 11.9em; height: 11.9em;
background: url(../images/data_li_bg.png) center center no-repeat;
background-size:contain ;
display: flex; justify-content: center; align-items: center; flex-direction: column;}
.swiper-data .item .pic { margin: 1.3em auto 0; width: 4.5em; height: 4.5em; display: block; 
transition: all 0.5s;
}

.swiper-data .item:hover .pic {
  -ms-transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  transform: scale(1.08, 1.08);
} 
 


.swiper-data .item .num { font-weight: bold;}
.swiper-data .item .num b { font-size: 1.7em;}
.swiper-data .item .name { margin-top: 1em; line-height: 1.2;}

.swiper-data .item { padding-top: 11em;
transition: all 0.3s;
-webkit-transition:all 0.3s;}
.swiper-data .swiper-slide-active .item {padding-top: 0}

.swiper-data .swiper-slide-next .item {padding-top: 5.5em}
.swiper-data .swiper-slide-prev .item {padding-top: 5.5em}

@media only screen and (max-width:828px) {	
	.dataBox { padding: 1em 0 4em;}
	.swiper-data .item { padding-top: 5.5em;}
}

.swiper-data .swiper-pagination { bottom: 0;}
.swiper-data .swiper-pagination .swiper-pagination-bullet { width: .8em; height: .8em;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;
border: 1px solid #3287e1; background-color: transparent; margin: 0 0.5em;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.swiper-data .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #3287e1;filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

@media only screen and (max-width:828px) {
	.swiper-data { margin: 2.2em 0 0; }
	.swiper-data .item  { font-size: 2.3vw;}
	.swiper-data .swiper-pagination .swiper-pagination-bullet {margin: 0 0.3em;
	 width: 0.6em; height: 0.6em;}
}


/*.dataNr {*/
/*    width: 180px;*/
/*    height: 180px;*/
/*    margin: 0 auto;*/
/*    border-radius: 50%;*/
/*    background: #fff;*/
/*    box-shadow: 0px 0px 27px 0px rgba(8, 67, 120, 0.2);*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    position: relative;*/
/*}*/
/*.dataCon .swiper-slide .data .icon {*/
/*    display: table;*/
/*    margin: 0 auto;*/
/*}*/

/*.data .icon img {*/
/*    display: block;*/
/*    max-height: 66px;*/
/*}*/
/*.data .shuzi {*/
/*    margin-top: 10px;*/
/*    text-align: center;*/
/*}*/
/*.data span {*/
/*    font-family: Impact;*/
/*    font-size: 26px;*/
/*    color: #323232;*/
/*    margin-right: 6px;*/
/*}*/
/*.text {*/
/*    margin: 30px auto 0 auto;*/
/*    width: 180px;*/
/*}*/

/*.dataNr::after {*/
/*    content: "";*/
/*    width: calc(100% + 20px);*/
/*    height: calc(100% + 20px);*/
/*    background: url(https://zs.wust.edu.cn/images25/data00.png) no-repeat center;*/
/*    background-size: 100% 100%;*/
/*    border-radius: 50%;*/
/*    position: absolute;*/
/*    left: -10px;*/
/*    top: -10px;*/
/*    transition: transform 0.8s ease-in-out;*/
/*}*/


.dataCon{position: relative;}
.dataCon .swiper-container{padding: 0 0 10em 0;}
.dataCon .swiper-slide{opacity: 1 !important;padding-top: 30px;}
.dataCon .swiper-slide .dataNr{width: 11.25em;height: 11.25em;margin: 0 auto;border-radius: 50%;background: #fff;box-shadow: 0px 0px 27px 0px rgba(8, 67, 120, 0.2);display: flex;justify-content: center;align-items: center;position: relative;}
.dataCon .swiper-slide .dataNr::after{    content: "";
    width: calc(100% + 16px);
    height: calc(100% + 17px);
    background: url(https://zs.wust.edu.cn/images25/data00.png) no-repeat center;
    background-size: 100% 100%;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: -7px;
    transition: transform 0.8s ease-in-out;}
.dataCon .swiper-slide .data{}
.dataCon .swiper-slide .data .icon{display: table; margin: 0 auto;}
.dataCon .swiper-slide .data .icon img{display: block;max-height: 66px;}
.dataCon .swiper-slide .data .shuzi{margin-top: 10px; text-align: center;}
.dataCon .swiper-slide .data span{font-family: Impact;font-size: 26px;color: #323232;margin-right: 6px;}
.dataCon .swiper-slide .text{margin: 30px auto 0 auto;width: 180px;}
.dataCon .swiper-slide .text p{font-size: 16px;color: #323232;text-align: center;line-height: 28px;}
.dataCon .swiper-slide:hover .dataNr::after{transform: rotate(360deg);}
.dataCon .swiper-pagination{width: 100%;text-align: center;left: 0;bottom: 15px;}
.dataCon .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;border: 1px solid #026196;background: none;opacity: 1;margin: 0 5px;}
.dataCon .swiper-pagination .swiper-pagination-bullet-active{background: #026196;}