/*--------------------------*/
.flexslider{position:relative;overflow:hidden; }
.slides{position:relative;z-index:1;overflow: hidden; padding-bottom:180px; text-align: center; width: 100%;}
.slides li{ z-index:10;height:90vh;}
.slides li a{ width:100%; height:100%;  display:block; overflow:hidden;}
.slides li img{ width:100%; z-index:10; height:100%;  object-fit: cover;object-position: center center;max-width: 100%;}
.slides li:nth-child(1) img{ padding:47.5px 0; background:#003e42; }
.slides li .title{ width:70%; color:#fff; height:60px; line-height:50px; text-align:left; padding:0 10%; font-size:33px; position:absolute; z-index:999; bottom:-90px; }
.flex-control-nav{ position:absolute;bottom:200px; right:8%; z-index:2;text-align:center; z-index:20;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 2px;*display:inline;zoom:1; float:left;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot2.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;bottom:117px;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; z-index:10; border:1px solid #fff; border-radius: 50%;}
.flex-direction-nav li a.flex-prev{right:190px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{right:190px;background:#fff url(../images/prev2.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:130px;background:url(../images/next.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{right:130px;background:#fff url(../images/next2.png) center center no-repeat; }
.swiper{ width:100%; height:180px; position:absolute;  bottom:0px; z-index:-1;}
.swiper-footer {width: 100%;height: 11.25rem;overflow: hidden; position: relative; background: -webkit-linear-gradient(top, #007378 0%, #003f43 100%); background: linear-gradient(180deg, #007378 0%, #003f43 100%);bottom:0;}
.swiper-footer .line-wrap {position: absolute; height: 100%;overflow: hidden;background: transparent;-webkit-animation: showline 1500ms ease-in-out; animation: showline 1500ms ease-in-out;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.swiper-footer .line-wrap img { width: 100vw;}
.swiper-footer .line-wrap:nth-child(1) {top: 0;}
.swiper-footer .line-wrap:nth-child(2) {top: 40px;}
.swiper-footer .line-wrap:nth-child(3) {top: 80px;}
.swiper-footer .line-wrap:nth-child(4) {top: 120px;}
.swiper-footer .line-wrap:nth-child(5) {top: 160px;}
.swiper-footer .line-wrap:nth-child(6) {top: 240px;}
.swiper-footer .line-wrap:nth-child(7) {top: 280px;}
.swiper-footer .line-wrap:nth-child(8) {top: -40px;}
.swiper-footer .line-wrap:nth-child(9) {top: -80px;}
.anchor-area { width: 20%; margin-left:40%; position: absolute; bottom: 30px; text-align: center; z-index:9;}
.anchor-area img{ width: 30px; height: 30px; margin: 0 auto; animation: rotate 5s infinite linear;}
.anchor-area p { text-align: center; font-size:12px;color:#fff; padding-top:5px;} 
@keyframes rotate { from {  transform: rotate(0deg);} to { transform: rotate(360deg); } }
/*--------------------------*/
.news{width:100%;height:auto;background:#f9f9f9;}
.news .title{ width:100%; height:110px; line-height:110px; text-align:center; font-size:24px; color:#center;}
.news .box{width:90%; height: auto; margin:0 auto;position:relative;}
.news .box .pcont {FLOAT: left; OVERFLOW:hidden; WIDTH:100%; height: auto;}
.news .box .ScrCont {WIDTH: 32766px; ZOOM: 1}
.news .box #List3_1 {FLOAT: left;height: auto;}
.news .box #List4_1 {FLOAT: left;height: auto;}
.news ul li{width:402px; height: auto; padding-bottom:20px; float:left ;margin-right:20px; overflow:hidden; position:relative;}
.news ul li .img{ display:block;width:402px; height:171px; overflow:hidden;}
.news ul li .img img{width:100%;min-height: 171px;}
.news .con{ height:90px; padding:10px; font-size:16px; line-height:32px; overflow:hidden; text-align:center; color: #254150; box-shadow: 0px 20px 30px -21px rgba(0, 63, 67, 0.15);}
.news .con p{ font-size:16px; height:50px; overflow:hidden; font-weight:;line-height:24px; padding:10px 5% 0 5%;}
.news .time{ position:absolute; bottom:0; left:39%; padding:8px 15px; font-size:14px; color: rgba(255, 255, 255, 0.6); background:#003f43;}
.news .more{ text-align:center; font-size:16px; color:#254150; padding:50px 0 60px 0;}
.news .more .con2{ width:110px; margin:0 auto;}
.news .more img{ width:25px; float:right; padding:5px 5px 0 0;transition: all 0.6s;}
.news .more:hover img{padding:5px 0px 0 0;}
/*--------------------------*/
.notice{width:76%; height:100%; overflow:hidden; padding:0 12% 90px 12%; background:#eee;}
.notice .title{ width:100%; height:110px; line-height:110px; text-align:center; font-size:24px; color:#center;}
.notice ul{ width:100%; height:100%; overflow:hidden;}
.notice li{ width:30%; height:220px; overflow:hidden; float:left; margin:0 1%; position:relative; }
.notice li .con{ width:88%; height:150px; color:#254150; background: #fff; padding:25px 6%; line-height:32px; font-size:16px; text-align:center; transition: all 0.3s; box-shadow: 0px 20px 30px -21px rgba(0, 63, 67, 0.15);}
.notice li .con span{ width:100%; display:block; height:45px; overflow:hidden; font-size:14px; position:relative;}
.notice li .con span::after { content: ""; width: 20px; height: 2px; background-color: #dde9ea; position: absolute;  bottom: 0;  left: 50%;  margin-left: -10px;}
.notice li .con p{ padding-top:10px;}
.notice li .time{ position:absolute; bottom:0; left:39%; padding:8px 15px; font-size:14px; color: rgba(255, 255, 255, 0.6); background:#003f43;}
/*--------------------------*/
.lecture{width:90%; height:100%; overflow:hidden; padding:0 5% 50px 5%;  background:#fff;}
.lecture .title{ width:100%; height:110px; line-height:110px; text-align:center; font-size:24px; color:#center;}
.lecture ul{ width:100%; height:100%; overflow:hidden;}
.lecture li{ width:30%; height:420px; overflow:hidden; float:left; margin:0 1%; }
.lecture li .top{ width:88%; height:210px; color:#a4b4b7; background: #003f43; padding:30px 6%; line-height:32px; font-size:16px; transition: all 0.3s;}
.lecture li .top .img{ width:80px; height:210px; float:left; margin-right:30px;}
.lecture li .top .img img{ width:80px; height:80px; float:left; border-radius: 50%; }
.lecture li .top .right{ height:200px; overflow:hidden;}
.lecture li .top .right h6{ font-size:16px; font-weight:lighter;}
.lecture li .top .right span{ font-size:14px; }
.lecture li:hover .top{ height:225px; background: #ffc077;  background-image: url(../images/home/chair-hover-bg.png); color:#fff;}
.lecture li .bot{ width:90%; height:60px; padding:20px 5%; line-height:30px; background:#fff; color:#254150; font-size:14px; box-shadow: 0px 20px 30px -21px rgba(0, 63, 67, 0.15);}
.lecture li .bot font{ float:left; padding:0 2% 0 5%; text-align:right;} 
.lecture .more{ text-align:center; font-size:16px; color:#254150; padding:20px 0;}
.lecture .more .con{ width:110px; margin:0 auto;}
.lecture .more img{ width:25px; float:right; padding:5px 5px 0 0;transition: all 0.6s;}
.lecture .more:hover img{padding:5px 0px 0 0;}
/*--------------------------*/
.publicize{ width:100%; height:100%; overflow:hidden; background-color: #ffa63e;  height:100%; background-image: url(../images/home/xuanchuan_bg.png); background-size: 50%; background-position: left center; background-repeat: no-repeat; }
.publicize .left{ width:46%; float:left; color:#fff; }
.publicize .left .t1{ padding:16% 15% 11% 15%; font-size:33px;}	
.publicize .left .t2{ padding:0 15%; font-size:26px;}	
.publicize .right{ width:54%; float:right;}
.publicize .right video{  width:100%; z-index:1;}
/*--------------------------*/
.activity{width:82%; height:100%; overflow:hidden; margin:50px 9%;}
.activity li{  width:20%; height:315px; float:left; overflow:hidden; position:relative;}
.activity li:nth-child(1) {top: 0;}
.activity li:nth-child(2) {top: 0;}
.activity li:nth-child(4) {top: 0;}
.activity li:nth-child(5) {top: 0;}
.activity li:nth-child(6) {top: 0;}
.activity li:nth-child(7) {top: 0px;}
.activity li:nth-child(8) {top: 0px;}
.activity li:nth-child(9) {top: 300px;}
.activity li:nth-child(10){top: 300px;}

.activity li .img{ width:100%; height:315px; text-align:center;}
.activity li .img img{ height: 315px;  min-width: 100%;  }
.activity .big{ width:40%;}
.activity li .con{ width:100%; height:315px; position:absolute; top:315px; background: rgba(255, 166, 62, 0.7973); color:#fff; text-align:center; transition: all 0.5s;}
.activity li .con h6{ font-size:26px; padding:50px 0 15px 0;}
.activity li .con p{ font-size:18px; line-height:30px; padding:0 10%; }
.activity li:hover .con{top:0;}