@charset "utf-8";
/* CSS Document */
body{background: #fff;}
.greybg{ background: #f2f7fa;}
.rowbox{ max-width:1400px; margin: 0 auto; width: 95%;}
img{display: inline-block;}
.container{padding: 18px 0;}

.index{ width: 100%;
      position: fixed;
      top: 100%;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
      overflow-x: hidden;
      z-index: 99;
      background: #F5F9FA;
      padding-top: 150px;
}

.main_index{position: fixed;top: 783px;left: 0;right: 0;bottom: 0; overflow-y: auto;overflow-x: hidden;z-index: 99;background: #fff; background-position: center top;}
.main_index::-webkit-scrollbar {display:none}
.header{width:100%; position: fixed; left: 0; right: 0; top: 0; z-index: 3; border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding-top: 10px;}
.header.on{ height:170px ;border-bottom: 0; background: url(../images/jbbg.png) repeat-x;  }
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#087849', endColorstr='rgba(255, 255, 255, 0)',GradientType=0 );  }
.bg{background: rgba(8, 11, 26, 0.8);}
.headr{float:right; width:800px;}
.headr .links{ text-align: right;}
.headr .links li{display: inline-block;line-height:15px;border-right: 1px solid #fff;padding: 0 12px;vertical-align: middle;font-size: 16px;}
.headr .links li a{color: #fff; font-size: 14px;}
.headr .links li a:hover{ color: #fff;}
.headr .links li .js{ background-position:0px 0;}
.headr .links li:last-child{ border-right: 0; }
.headr .links li:last-child img{ vertical-align: middle;}


.logo_l{ float:left; text-align: left; padding-top: 10px; width: 454px;}
.logo_l img{ display:inline-block;vertical-align:middle; position: relative; z-index: 5; -webkit-transition: all .5s;transition: all .5s;}
.logo_l span{ display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #fff; vertical-align:middle; color:#fff; font-size:18px; padding: 8px 20px;position:relative ;}
.searhbox01{height:30px;line-height:30px;overflow: hidden;background: #fff;width:0;margin-left:10px; display: inline-block; vertical-align: middle;}
.searhbox01 .text{ width:calc(100% - 65px);background: #fff;padding: 0 10px;float: left;height:30px;line-height: 30px; font-size: 14px;}
.searhbox01 .btn{ width:45px; height:30px;float:right; cursor: pointer; }
.searhbox01 .btn svg{ vertical-align: middle;}


/*导航*/
.nav .ul1{ padding: 0;}
.nav .ul1 li{float:left;width: 11.1%;text-align: center;line-height:60px;position:relative;font-size:18px;}
.nav .ul1 li a{color:#fff; display: inline-block; font-size: 20px;     font-weight: 800;}
.nav .ul1 li .ejnav{opacity:0; display: none;  height: 0; position: absolute; width:120px;left: 50%; margin-left: -60px; transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3;}
.nav li .ejnav:after{ display: block; position: absolute; top: -8px; left: 50%; margin-left: -5px; content: "";border-bottom:8px solid #fff;border-left:8px solid transparent;border-right:8px solid transparent;}
.nav li .ejnav li,.nav li .ejnav li .sjnav li{ width: 100%; float: none; font-size: 14px; background:#fff; height: 45px; line-height:45px; position: relative;}
.nav li .ejnav li a{ font-size: 17px; color: #333;}
.nav li:hover .ejnav{ opacity:1;  height:auto; display: block; }
.nav li .ejnav li:hover{ background:rgba(7,119,72,1);}
.nav li .ejnav li:hover a{ color: #fff;}
.nav li .ejnav li .sjnav{opacity:0;  height: 0; position: absolute; right:-100%; top: 0; overflow: hidden; width: 100%;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s; z-index: 3;}
.nav li .ejnav li .sjnav li{background: #2a78c2;}
.nav li .ejnav li:hover .sjnav{opacity:1;  height:auto; }
.nav li .ejnav li .sjnav li:hover{ background: #077748;}
.nav .ul2{display: none;}

.banner{width: 100%; position: relative; height: 100%;}

.banner .sb{ width:80px; height:80px; position:absolute; right:0px; left:0; margin:0 auto; bottom:40px;-webkit-animation:1.6s ease-out infinite ani_down;-moz-animation:1.6s ease-out infinite ani_down;-o-animation:1.6s ease-out infinite ani_down;animation:1.6s ease-out infinite ani_down;z-index:999;cursor:pointer}
@-webkit-keyframes ani_down{
0%,100%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
50%{-webkit-transform:translateY(4px);transform:translateY(4px)}
}
@-moz-keyframes ani_down{
0%,100%{-moz-transform:translateY(-4px);transform:translateY(-4px)}
50%{-moz-transform:translateY(4px);transform:translateY(4px)}
}
@-o-keyframes ani_down{
0%,100%{-o-transform:translateY(-4px);transform:translateY(-4px)}
50%{-o-transform:translateY(4px);transform:translateY(4px)}
}
@keyframes ani_down{
0%,100%{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px)}
50%{-webkit-transform:translateY(4px);-moz-transform:translateY(4px);-o-transform:translateY(4px);transform:translateY(4px)}
}

.banner .slick-list,.banner .slick-slider,.banner .slick-track,.banner .slick-slide,.banner .slick-slide>div,.banner .slick-slide>div li { height: 100%;}
.banner .slick-slide img{ width: 100%; height:100%;}
.banner ul.slick-slider button.slick-prev{ left: 3%;position: absolute; top: 50%; z-index: 99; width: 50px; height:55px; margin-top:-25px;font-size: 0; cursor: pointer;}
.banner ul.slick-slider button.slick-next{ right: 3%;position: absolute; top: 50%; z-index: 99; width: 50px; height: 55px; margin-top:-25px;font-size: 0; cursor: pointer;}

.banner ul.slick-slider .slick-dots{ position: absolute; bottom:130px; text-align: center; left: 0; right: 0; z-index:2;}
.banner ul.slick-slider .slick-dots li{ display: inline-block; width:25px;height: 25px;background:url(../images/lbicon.png) no-repeat; background-position: -43px 0; margin: 0 8px;cursor: pointer;}
.banner ul.slick-slider .slick-dots li.slick-active{background-position:0px 0;}

.banner .more:before { display: block;content: "";width: 1px;height: 14px;background: #fff;left: -15px;position: absolute;top: 9px;}
.banner .pagination {bottom:25px;position:absolute; text-align: center; width: 100%; }
.banner .pagination .swiper-pagination-switch{ font-size: 0; vertical-align: middle; display: inline-block; background: #fff; border-radius:10px; width:10px; height: 10px;cursor: pointer; opacity: 1;margin: 0 6px;}
.banner .pagination .swiper-active-switch{background: #9b0d14;}

/*学院新闻*/
.s_work{ width:70%; float: left;}
.newsbox{ width: 100%; padding:30px 0; background: url(../images/newsbg.png) no-repeat center top;}
.tit{ position: relative; margin-bottom:20px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;}
.tit h1{ float: left; font-size:28px; color: #333;}
.tit h1 p{font-size: 18px;color: #999;font-weight: 100;}
.tit h1 i{ display: inline-block; width: 50px; height: 50px; vertical-align: middle;}

.tit h1 em{ color: #666; font-size: 16px; margin-left: 15px;}
.tit .more{ color:#077748; font-size: 14px; font-weight: normal;  position: absolute; right: 0; top:10px;padding-right: 20px; padding-left: 15px;}
.tit .more:hover{color: #077748;}
.tit .more i{display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; -webkit-transition: all .5s;transition: all .5s;}
.tit .more:hover i{ margin-right: 0;}
.newspic{ width:514px; float: left; position: relative;}
.newspic .slick-slide{ position: relative;overflow: hidden; }
.newspic .slick-slide .npic{position: relative; overflow: hidden; width: 100%; height: 342px;}
.newspic .slick-slide img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all .5s;transition: all .5s;object-fit:cover;}
.newspic .slick-slide:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.newspic .slick-slide .n_tit{  width: 100%; font-size:16px; display: table;  border-spacing: 10px;}
.newspic .slick-slide .n_tit a{ color: #333;display: table-cell; vertical-align: middle; overflow: hidden;}
.newspic .slick-slide .n_tit a:hover{ color: #077748;}
.newspic .slick-slide .n_date { font-size:30px; text-align: right; font-weight: bold; display: table-cell; width: 60px; vertical-align: middle; margin-right: 10px;}
.newspic .slick-slide .n_date p{ font-size:14px;  color: #333; font-weight: normal; text-align: right;}
.newspic ul.slick-slider button{}
.newspic ul.slick-slider button.slick-prev{ right:80px;position: absolute;bottom: 18px;z-index: 99;width: 12px;height: 19px;/* margin-top:-25px; */font-size: 0;cursor: pointer;}
.newspic ul.slick-slider button.slick-next{ right: 20px;position: absolute;bottom: 18px;z-index: 99;width: 12px;height: 19px;/* margin-top:-25px; */font-size: 0;cursor: pointer;}
.newspic ul.slick-slider button.slick-prev:before{position: absolute;left: 0;content: "";width: 1px;height: 12px;right: 0;top: 0px;background: #eefafe;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;}
.newspic ul.slick-slider button.slick-prev:after{position: absolute;left: 0;content: "";top: 8px;right: 0;width: 1px;height: 12px;background: #eefafe;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: auto;}
.newspic ul.slick-slider button.slick-next:before{position: absolute;content: "";width: 1px;left: 4px;top: 8px;height: 12px;background: #eefafe;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin: auto;}
.newspic ul.slick-slider button.slick-next:after{position: absolute;top: 0;content: "";right: 6px;width: 1px;height: 12px;background: #eefafe;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin: auto;}
.newspic ul.slick-slider .slick-dots{position: absolute;bottom:81px;text-align: center;right:0px;left: 0; /*z-index: 3;*/ background: rgba(0, 0,0,0.4); padding: 5px;}
.newspic ul.slick-slider .slick-dots li{display: inline-block;width:8px; border-radius: 100%; margin: 0 5px;height:8px; background: #fff; text-align: center;}
.newspic ul.slick-slider .slick-dots li.slick-active{background: #e8aa50; }

.newslist{overflow: hidden; padding-left: 35px; }
.newslist li:after,.notice li:after,.newsbox:after,.activity li:after,.list li:after{visibility:hidden; display:block; content:""; clear:both}
.newslist li{ display: table; width: 100%; margin-bottom:10px;}
.newslist li .date{ display: table-cell; vertical-align: middle; overflow: hidden; margin-left: 15px; width: 64px; height: 64px; border-radius: 5px; background: #eee;}
.newslist li .date span{ font-size: 30px; color: #077748; font-weight: bold; text-align: center; display: block; line-height:45px ;}
.newslist li .date p{ font-size: 14px; color: #fff; background:#077748; text-align: center; line-height: 20px;}
.newslist li h1{display: table-cell; vertical-align: middle; overflow:hidden; color: #333; padding-left: 15px; font-size: 16px;transition:all .4s;}
.newslist li:hover .date{ background:#077748;}
.newslist li:hover .date span{ color: #fff;}
.newslist li:hover .date p{background: #e8aa50;}
.newslist li:hover a h1{ color: #077748;}


/*通知公告*/
.noticebox{width:27%; float: right;}
.notice li{background:url(../images/ggyd.png) no-repeat left 14px;position: relative;padding-bottom:15px; border-bottom: 1px dashed #e6e6e6; position: relative; margin-bottom: 20px;}
.notice li a{ display: block;transition:all .4s;}
.notice li h1{ font-size:16px;color: #333;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;overflow: hidden; padding-left: 10px; line-height: 30px;}
.notice li .date{ font-size: 14px; position: absolute; left: 0; bottom: -10px; background: #f9f6fa; padding-right: 10px; color: #808080;}
.notice li:hover a h1{ color:#077748 ;}

/*学术动态*/
.sciencebox{ background: url(../images/xsbg.png) no-repeat center top; padding: 60px 0; }
.item{ width: 48%;}
.item .tit{ border-bottom: 1px solid #b3b3b3;}
.list_s li{ font-size: 16px;}
.list_s li .tit_s{padding: 0 20px;background: rgba(255,255,255,0.8);height: 45px;line-height: 45px;margin-bottom: 2px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ejbox{ background: url(../images/bglogo.png) no-repeat 70% center #fff; padding: 20px; width: 100%; margin-top: 2px; display: none;}
.ejbox:after{visibility:hidden; display:block; content:""; clear:both}
.ejbox .photo{ width: 159px; height: 212px; overflow: hidden; float: left; margin-right: 25px;}
.ejbox .photo img{width: 100%;height: 100%;object-fit: cover;}
.ejbox .text{ overflow: hidden;}
.ejbox .text h1{ font-size: 18px; color: #077748; font-weight: bold; line-height: 26px; padding-bottom: 15px;border-bottom: 1px solid #077748; margin-bottom: 20px;}
.ejbox .text h1 a{overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;}
.ejbox .text p{font-size: 14px;color: #666;line-height: 26px;height: 78px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;white-space: initial;}


/*学生工作*/
.student li{ padding-left: 20px; background: url(../images/ggyd.png) no-repeat left center; padding: 20px 0 20px 20px; border-bottom: 1px dotted #d4d0cc;}
.student li span{float: right;font-size: 14px;color: #666;padding-left: 10px;}
.student li a{font-size: 16px;display: inherit;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.student li:hover a{ color: #077748;}


/*专题网站*/
.partbox{ background:url(../images/bg.png) no-repeat center bottom ;padding: 30px 0;}
.special li{width: 19%;height: 135px;float: left;margin-left: 1%; padding:16px 0;background: url(../images/xxbg.png) no-repeat center center;text-align: center;-webkit-transition: all .5s;transition: all .5s;}
.special li a{display: block;}
.special li i{ display: inline-block;width: 56px; height: 53px; text-align: center; line-height: 53px; background: url(../images/zticon.png) no-repeat;}
.special li p{ text-align: center; color: #fff; font-size: 20px; font-weight: bold;}
.special li:first-child{ margin-left:0; background-color: #1180d8;}
.special li:nth-child(2){background-color: #f57b56;}
.special li:nth-child(3){background-color: #109a67;}
.special li:nth-child(4){background-color: #7a6ee7;}
.special li:last-child{background-color: #eb6c84;}
.special li:nth-child(2) i{ background-position: -151px 0;}
.special li:nth-child(3) i{ background-position: -306px 0;}
.special li:nth-child(4) i{ background-position: -459px 0;}
.special li:last-child i{ background-position: -612px 0;}
.special li:hover{transform:translateY(-6px)}

/*师生风采*/
.elegant{margin: 50px 0;}
.styletit{ text-align: center; font-size: 30px; color: #333; margin-bottom: 25px;position: relative;}
.styletit .more{ color:#077748; font-size: 14px; font-weight: normal;  position: absolute; right: 0; top:10px;padding-right: 20px; padding-left: 15px;}
.elegant .slick-slide{margin: 0 15px; padding: 14px; background: rgba(255,255,255,0.8);}
.elegant .slick-slide li span{ padding-top: 64.6%; position: relative; overflow: hidden; display: block;}
.elegant .slick-slide li span img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s;object-fit: cover;}
.elegant .slick-slide li h2{font-size: 16px;text-align: left;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.elegant .slick-dots{ text-align: center; margin-top: 30px;}
.elegant .slick-dots li{ width: 8px; height: 8px; border-radius: 100%; background:rgba(7,119,72,0.7); margin: 0 5px; display: inline-block;}
.elegant .slick-slide li a:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.elegant .slick-dots li.slick-active{ background: #e8aa50;}
.elegant .slick-prev{ width: 10px; height: 17px; background: url(../images/prevbtn.png) no-repeat; position: absolute; left: 45%; bottom: 0; cursor: pointer;}
.elegant .slick-next{ width: 10px; height: 17px; background: url(../images/nextbtn.png) no-repeat; position: absolute; right: 45%; bottom: 0;cursor: pointer;}

/*快速通道*/
.passaway{padding-bottom: 30px; }
.way{ margin-top:50px; }
.way a{display: block; float: left; margin-left:66px; width: 80px; text-align: center;}
.way a:first-child{ margin-left: 0; }
.way a span{ display: inline-block;border: 1px dashed #077748; width: 70px;height: 70px; border-radius: 100%; text-align: center; line-height: 70px; overflow: hidden;position: relative; }
.way a span:before{ display: block; content: ""; width: 70px;height: 70px; border-radius: 100%; background: #077748; position: absolute; top: 0; left: 0;transform: scale(0);-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);-webkit-transition: all .3s;transition: all .3s; z-index: 1;}
.way a span i{ display: inline-block; width: 50px; height: 50px;background: url(../images/wayicon.png) no-repeat; background-position:7px 4px; vertical-align: middle; position: relative;z-index: 3;}
.way a:nth-child(2) span i{background-position: -81px 2px;}
.way a:nth-child(3) span i{background-position: -169px 3px;}
.way a:nth-child(4) span i{background-position: -257px 1px;}
.way a:nth-child(5) span i{background-position: -346px -1px;}
.way a:nth-child(6) span i{background-position: -435px 4px;}
.way a:nth-child(7) span i{background-position: -524px 1px;}
.way a:nth-child(8) span i{background-position: -612px 2px;}
.way a:nth-child(9) span i{background-position:-701px 4px;}
.way a:last-child span i{background-position:-790px 4px;}
.way a p{ text-align: center; font-size: 16px; color: #077748; margin-top: 10px;}
.way a:hover span{ border: 0;}
.way a:hover span i{ background-position: 8px -61px;}
.way a:nth-child(2):hover span i{background-position: -81px -63px;}
.way a:nth-child(3):hover span i{background-position: -169px -64px;}
.way a:nth-child(4):hover span i{background-position: -257px -62px;}
.way a:nth-child(5):hover span i{background-position: -346px -62px;}
.way a:nth-child(6):hover span i{background-position: -435px -61px;}
.way a:nth-child(7):hover span i{background-position: -524px -62px;}
.way a:nth-child(8):hover span i{background-position: -612px -64px;}
.way a:nth-child(9):hover span i{background-position:-701px -61px;}
.way a:last-child:hover span i{background-position:-790px -61px;}
.way a:hover span:before{transform: scale(1);-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);}

/*底部信息*/
.footer{ width: 100%; background:url(../images/footbg.png) no-repeat center center #00683c; padding:60px 0;}
.footer .footit{ font-size: 18px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px; position: relative; margin-bottom: 10px;}
.footer .footit:after{ content: ""; display: block; width: 85px; height:2px; background: #fff; position: absolute; left: 0; bottom: 0;}
.foot_link{ float: left; width:30%; padding-right: 3%;}
.foot_link a{ display: block; background: url(../images/listjx.png) no-repeat left center; line-height: 30px; padding-left: 15px; color: #fff;}
.foot_link h1{color: #fff; font-size: 16px;}
.foot_link p a{ padding: 0 10px; color: #fff;}
.ewm{float: right;width: 28%;text-align: right;color: #fff;padding-top: 20px;}
.ewm span{display: inline-block;width: 43%;margin-left: 5%;text-align:center;}
.ewm img{max-width: 150px;height: auto;object-fit: cover;width: 100%;}
.ewm p{ font-size: 14px; color: #fff; text-align: center;}
.adr{float: left;width: 39%;padding: 0 2%;}
.adr p{font-size: 16px;color: #fff; background: url(../images/lxbg.png) no-repeat; padding-left: 20px; font-size: 14px; line-height:30px;}
.adr p.a01{ background-position: 0 7px;}
.adr p.a02{ background-position: 0 -26px;}
.adr p.a03{ background-position: 0 -57px;}
.adr p.a04{ background-position: 0 -92px;}



/*内页banner*/
.sban{ width: 100%; position: relative; overflow: hidden; text-align: center; height: 520px;}
.sban img{ width: 100%; height: 520px;object-fit: cover;}
.sban .banimg2{ display: none;width: 100%;height: 100%;}
.head{ position: absolute; top: 0; left: 0; background: rgba(10, 19, 46, 0.8); width: 100%;}

/*列表页*/
.conbox{ }
.meun{width: 20%;margin-top: -50px; float:left;position: relative; z-index:2;}
.meun02{display: none;}
.meun .dt{ width:100%; background:#077748; text-align:center; height:120px; line-height:120px; color:#fff; font-size:30px; font-weight:bold;}
.meun dd{ width:100%; background:#f9f9f9; text-align:center;line-height:80px; font-size:18px; margin: 0 auto;}
.meun dd a{ display: block; text-align: left; padding-left: 20px;border-bottom:1px solid #e5e5e5;}
.meun dd i{ display:block; width:17px; height:17px; z-index:122; position:absolute; right:18px; top:25px;background-size:17px; cursor: pointer;}
.meun dd i.icon{ background-position: 0px -10px;}
.meun dd ul{ display:none}
.meun dd ul li{ width:100%; border-bottom:1px solid #fff; padding-left:15px; line-height:50px; font-size:16px;}
.meun dd ul li a{ width:100%; border-bottom: 0;}
.meun dd:hover{ width: 100%; }
.meun dd:hover a,.meun dd.on a{ color: #077748;background: #ededed;border-left: 4px solid #077748; }
.meun dd:hover ul a{ background: none;border-left: 0; color: #333;}
.meun dd:hover ul a:hover{color: #077748;}
.listing{width: calc(100% - 23%);  float:right;}
.location{ padding:10px 0px; border-bottom:1px solid #077748}
.location:after,.newlist01 li:after{visibility:hidden; display:block; content:""; clear:both}
.location h1{ float:left; font-size:24px; background: url(../images/lmicon.png) no-repeat left center; padding-left: 15px;}
.location span{ float:right; color:#666; font-size:14px; line-height:31px; background: url(../images/wzicon.png) no-repeat left 8px; padding-left: 20px;}
.location span a{color:#077748; }
.listing_w{ width: 100%;}

/*新闻列表*/
.newlist li{ padding:14px 0; background: url(../images/listtb.png) no-repeat left 25px; padding-left: 15px; border-bottom:1px dashed #e5e5e5;}
.newlist li:after{visibility:hidden; display:block; content:""; clear:both}
.newlist li:last-child{border-bottom:none}
.newlist li .date{ float:right;  line-height:32px; color: #999;}
.newlist a h1{ font-size:16px;width:calc(100% - 90px); float: left; line-height:32px;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;*white-space:nowrap;overflow:hidden; color: #303030;}
.newlist li:hover a h1{color:#077748}

/*图片列表*/
.piclist li{ float: left; width: 32%; margin-right: 2%; margin-top: 20px;}
.piclist li:nth-child(3n){ margin-right: 0;}
.piclist li .pic{ padding: 5px; border: 1px solid #e5e5e5;}
.piclist li .pic span{display: block; overflow: hidden; position: relative; padding-top: 70.2%;}
.piclist li .pic span img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;-webkit-transition: all .5s;transition: all .5s;}
.piclist li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);}
.piclist li h1{font-size: 16px;padding: 10px 0;display: block;max-height: 63px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;}
.piclist li a.more{ width: 92px; height: 28px; border: 1px solid #e5e5e5; text-align: center;line-height: 28px; color: #666; display: block; margin-top: 10px;}
.piclist li a.more:hover{ background:#077748 ; color: #fff;}

/*简介页*/
.introbox{ padding-top: 20px;padding-bottom: 40px;}
.introbox p{ line-height:30px; font-size: 16px; color: #333; margin-bottom: 10px;}
.introbox h1{ text-align: center; font-size:20px; font-weight: bold ; color: #333;}
.introbox p img{ max-width: 100%;}
.line{ margin: 15px 0; height: 1px; width: 100%;border-bottom: 1px dashed #dddddd;}
.page{ margin-top: 30px;border-top: 1px solid #e5e5e5; padding-top: 20px;}
.pr{ text-align: center; margin-top: 20px;}
.pr span{ display: inline-block; margin: 0 15px; color:#999;}
.introbox table{width:100%;}
/*检索结果页面*/
.result{ padding:20px;}
.tj p{ font-size: 18px; font-weight: bold; color: #077748; line-height: 35px;}
.result li{ padding: 15px 0 15px 0px;line-height:30px; position: relative; border-bottom: 2px dashed #e4e4e4;}
.result li:after{visibility:hidden; display:block; content:""; clear:both}
.result li a{ display: block;}
.result li span{ display: block; font-size: 24px; color: #aaa; margin-bottom: 10px;}
.result li h1{font-size: 18px;color: #333;font-weight: bold;line-height: 35px;width: calc(100% - 120px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.result li p{ font-size: 14px; color: #999; width: calc(100% - 120px);}
.result li .eye{ width: 100px; position: absolute; right: 0; top: 0; bottom: 0; background:url(../images/eye.png) no-repeat center center #077748 ;opacity: 0; -webkit-transition: all .5s;transition: all .5s;}
.result li:hover .eye{ display: block; opacity: 1;}
.result li:hover span,.result li:hover h1{ color: #077748;}




.pb_sys_common{
font-size: 12px;
    font-family: SimSun;
    line-height: 70px !important;
    color: #222;
}

#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999999999;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background: url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background: url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background: url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background: url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}



/*师资队伍*/
.szqh {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 30px;
}
.szqh .qhtxt {
    padding: 0 20px;
    margin: 0 20px;
    line-height: 40px;
    background: #96c8b3;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
}
.szqh .qhtxt.xuexi {
    background: #077748;
}
.szlb {
    margin-bottom: 30px;
}
.szlb .szfl {
    margin-bottom: 20px;
    border-left: 4px solid #077748;
    padding-left: 15px;
    font-size: 20px;
    font-weight: bold;
    color: #077748;
    line-height: 26px;
}
.szlb .szlist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -1%;}
.szlb .szlist a {
    width: 18%;
    margin: 0 1%;
    margin-bottom: 20px;
    position: relative;}
.szlb .szlist a .jiaoshou_img {
    position: relative;
    padding-top: 140%;
    overflow: hidden;}
.szlb .szlist a .jiaoshou_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    object-fit: cover;
    -webkit-transition: .3s all ease-in;
    -moz-transition: .3s all ease-in;
    -ms-transition: .3s all ease-in;
    transition: .3s all ease-in;}
.szlb .szlist a:hover .jiaoshou_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
.szlb .szlist a h3 {
    line-height: 24px;
    bottom: 0px;
    padding: 10px 24px 10px 18px;
    font-size: 16px;
    position: absolute;
    max-width: calc(100% - 10px);
    overflow: hidden;}
.szlb .szlist a h3:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    background: #077748;
    left: -22px;
    right: 10px;
    z-index: 1;
    transform: skew(-16deg);}
.szlb .szlist a h3 em {
    display: block;
    position: relative;
    z-index: 3;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
@media screen and (max-width: 1030px){
.szlb .szlist a {
    width: 23%;}
}
@media screen and (max-width: 780px){
.szlb .szlist a {
    width: 31.3333%;}
}
@media screen and (max-width: 560px){
.szlb .szlist a {
    width: 46%;
    margin: 0 2%;
    margin-bottom: 20px;
    }
.szqh .qhtxt {
    margin: 0 10px;
    padding: 0 10px;
    }
}