body{font-family:"微软雅黑";font-size:14px;overflow-x:hidden}
*{list-style:none;margin:0;padding:0;text-decoration:none;outline:0}
li,ul{margin:0;padding:0}
a{color:#333;text-decoration:none}
li,ul{margin:0;padding:0}
a:link{text-decoration:none}
a:visited{text-decoration:none}
h1,h2,h3,h4,p{margin:0;padding:0;display:block;}
em{font-style:normal}
.content{width:1280px;margin:auto;position:relative;}
.header{ width: 100%; height: 100px; position: absolute; top:0; left:0; z-index: 10; background: rgba(0,0,0,0.5); }
.header-main{ width: 1280px; margin: 0 auto;  position: relative;}
.header-left{ margin: 0 auto;  width: 100%; float: left; }
.logo{ overflow: hidden; width: 250px; margin: 20px auto; height: 60px; display: block;  float: left; }
.logo img{ display: block; height: 100%; }
.menu-yq{width: 100%; margin: 0 auto; position: absolute; top:0; right:0;}
.menu-yq a{ margin: 0 auto; display: block; float: right;color: #fff; text-align: center; font-size: 16px; height: 30px; line-height: 30px; border-bottom: 1px solid #fff;}
.menu{ margin: 0 auto; float: right; padding-right: 60px; }
.menu ul li{ margin: 0 auto; width: 100px;  height: 100px;  float: left; padding: 0 12px;  position: relative;}
.menu ul li:after{ content: ""; overflow: hidden;  display: none; width: 100%; height: 2px; background: #61b0ff; position: absolute; left:0; right:0; bottom: 0; }
.menu ul li.active:after{ display: block; }
.menu ul li.active>a{ color: #61b0ff; }
.menu ul li a{ overflow: hidden; margin: 0 auto; display: block;  width: 100%;  height: 100px; line-height: 100px;  color: #fff; text-align: center; font-size: 16px;  transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.menu ul li:hover>a{ color: #61b0ff; }
.menu .submenu-nav{ overflow: hidden; margin: 0 auto; display: none; width: 160px; background: #ece8e7; border-top: 3px solid #0066cc; border-bottom: 3px solid #0066cc; position: absolute; top:97px; left:-30px; }
.menu .submenu-nav a{ height: 40px; line-height: 40px; color: #000; }
.menu .submenu-nav a:hover{ color: #fff; background: #61b0ff; }
.menu ul li:hover .submenu-nav{ display: block; }
/*footer*/
.footer{overflow: hidden; background:#0863b0;padding-top:47px;position:relative;z-index:10}
.footer>div{ overflow: hidden; }
.main-title{margin-top: 0; font-size:18px; color: #fff; height:46px; margin-bottom: 20px; position: relative; }
.main-title:before{content: ""; overflow: hidden; margin: 0 auto; width: 21px; height: 2px; background: #fff; position: absolute; left:0; bottom: 0; }
.footer-logo{ overflow: hidden; margin: 0 auto; width: 348px; height: 252px; float: left;border-right: 1px solid #fff; }
.footer-logo i{ overflow: hidden; margin: 0 auto; float: left; }
.footer-logo i img{ margin: 0 auto; max-width: 100%;}
.footer-left{overflow:hidden;float:left; width: 510px; height: 252px; border-right: 1px solid #fff;}
.footer-nav{ overflow: hidden; margin: 0 auto; }
.footer-nav a{overflow: hidden;  margin-bottom: 10px; display: block; margin-right:10px; width: 140px; float: left; font-size: 14px; color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis;}
.footer-nav a:hover{color:#0066cc;}
.footer-right{overflow:hidden;float: right;max-width:calc(100% - 511px - 349px); height: 252px;}
.footer-rem{ overflow: hidden; margin: 0 auto; float: right; }
.footer-rem .footer-rem-box{ overflow: hidden; margin: 0 auto;}
.footer-rem .footer-rem-box>div{ overflow: hidden; margin: 0 auto; float: left; }
.footer-rem .footer-rem-box>div i{ overflow: hidden; margin: 0 auto; display: block; width: 124px; height: 125px; }
.footer-rem .footer-rem-box>div i img{ display: block; margin: 0 auto; width: 100%; height: 100%;}
.footer-rem .footer-rem-box>div:nth-of-type(1){ margin-right: 52px;}
.footer-rem .footer-rem-box>div p{overflow: hidden; margin: 5px auto; font-size: 14px; text-align: center; line-height: 24px; color: #fff;}
.footer-code{width:150px;height:150px;float:left}
.footer-m{width:300px;margin-left:52px;overflow:hidden;float:left}
.footer-m p{font-size:16px;color:#999;margin-top:22px;line-height:30px}
.footer-r{width:260px; overflow:hidden; display: table; margin: 0 auto; line-height:30px;color:#666666; font-size:16px;}
.footer-r p{overflow: hidden; font-size: 14px; line-height: 33px; color: #fff; }
.footer-bottom{height:50px;line-height:50px;color:#999;margin-top:45px; background: #070c12; }
.footer-bottom .bea-h{ overflow: hidden; float: left; }
.footer-bottom .bea-h p{ overflow: hidden; float: left; margin-right: 20px; color: #cccccc; }
.footer-bottom .bea-h p a{ color: #cccccc; }
.footer-bottom .technology{ overflow: hidden; float: right; color: #cccccc;  }
.footer-bottom .technology a{ color: #cccccc;  }
.leave-box{ overflow: hidden; margin: 0 auto 30px;}
.leave-k{ overflow: hidden; margin: 0 auto; width: 100%; }
.leave-left{ overflow: hidden; float: left; width: calc(50%); }
.footer-rwm{ float: left; margin-top: 155px; }
.footer-rwm a{ float: left; display: block; width: 40px; height: 40px; margin-right: 5px; position: relative; }
.footer-rwm a img{ overflow: hidden; display: none; width: 80px; height: 80px; position: absolute; left:0; right:0; bottom: 45px; margin: auto; border: 8px solid rgba(0,0,0,0.2);}
.footer-rwm a.wx-ewn:hover img{ display: block; }
.footer-rwm a.qq-ewm{ background: url("../images/qq_ico.png") no-repeat center; }
.footer-rwm a.wx-ewn{ background: url("../images/wx_ico.png") no-repeat center; }
.leave-right{ overflow: hidden; float: left; width: 100%; }
.input-box{width:calc((100%)); height:auto;min-height:40px;margin-top:18px;position:relative; border: 1px solid #cccccc;float: left;}
.contact-main-box span{ display: block; color: #999; margin: 0 auto 10px; }
.input-box p{ height:38px;line-height:38px;font-size:16px;color:#333;position:absolute; left:0;top:0;}
.input-box p input{ border: none;  padding-left: 10px; width: 100%; background: transparent;}
.input-txt{ text-indent: 1em; height:40px;width:100%;background:0 0;border:0;outline-style:none; font-size: 16px;}
.input-box textarea{ text-indent: 1em; height:95px;width:100%;background:0 0;border:0;outline-style:none; padding-top: 5px; font-size: 16px;}
.input-box-verify{ overflow: hidden; width: 100%; }
.input-box-verify .input-box{ overflow: hidden; width: 220px;  float: left;}
.input-box-verify .input-box p{ width: calc(100% - 110px); padding-right: 10px;}
.mes-code-img{ overflow: hidden; margin: 0 auto; width: 110px;  float: right;  height: 40px;  text-align: center;}
.mes-code-img img{ display: block; height: 100%; float: right; }
.mes-btn{ overflow: hidden; float: left; text-align: center; display: block; margin: 18px auto 0; height: 40px; line-height:40px; font-size: 16px; color: #ffff; width: 128px; background: #0066cc; margin-left: 18px; }
.mes-btn:hover{ color: #fff; }
.mes-btn:link{ color: #fff; }

.header-right{ overflow: hidden; margin: 0 auto; height: 32px; position: absolute; top:34px; right:0; z-index: 2; }
.header-right-box{ overflow: hidden; margin: 0 auto; float: right; height: 32px; position: relative; }
.header-right .sb-search-input{ overflow: hidden; text-indent: 2em; background: #fff; border-radius: 30px; width: 32px;  height: 32px; margin: 0 auto; float: right; border: none; padding-right: 32px; font-size: 14px;  color: #333; transition: width 0.5s; -webkit-transition: width 0.5s; -moz-transition:  width 0.5s;  }
.header-right .sb-search-submit{ overflow: hidden; display: block; width: 32px; height: 32px; position: absolute; top:0; right:0; background: url("../images/search_icon.png") no-repeat center #fff; border: none; z-index: 3; border-radius: 50%; }
.header-right .unfold-suo{ background: url("../images/search_icon.png") no-repeat center #fff; }
.header-right .shrink-suo{ background: url("../images/search_icon2.png") no-repeat center #fff; }

@-webkit-keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.menu-img{position:absolute;top:-10px;left:12px;width:72px;height:26px}
.banner{width:100%;height:800px;position:relative;top:0;overflow:hidden}
.banner .swiper-slide a{ overflow: hidden; display: block; margin: 0 auto;  width:100%;height:100%; }
.banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.banner .swiper-pagination-bullet{background:#fff;opacity:1; width: 13px; height: 13px; margin: 0 6px!important;}
.banner .swiper-pagination-bullet-active{background:#0a3470}
.banner .swiper-box{ overflow: hidden; width: 1280px; height:calc(100%) ; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; }
.banner .banner-text{ overflow: hidden; position: absolute; right:0; bottom: 244px;}
.banner .banner-text span{ overflow: hidden; display: block; font-size: 50px; color: #ffffff; float: left; font-weight: bold; position: relative; padding-right: 30px; margin-right: 20px; }
.banner .banner-text span:after{ content: ""; display: block; overflow: hidden;  width: 7px; height: 55px; margin-left: 20px; background: #fff; position: absolute; top:0; bottom: 0; right:0; margin: auto;}
.banner .banner-text p{ overflow: hidden; display: block; font-size: 50px; color: #ffffff; float: left; font-weight: bold;}
.banner .swiper-box a{ overflow: hidden; width: 136px; height: 40px; line-height: 40px; position: absolute; right:0; bottom: 155px; display: block; font-size: 16px; color: #ffffff; text-align: center; float: left; background: #0066cc; border: 2px solid #cccccc; }
.page-banner{ overflow: hidden; margin: 0 auto; width: 100%;}
.page-banner img{ display: block; margin: 0 auto; width: 100%; height: 580px; object-fit: cover;}

.header2{display:none;}
.header2{width:100%;height:60px;background:#040404;position:fixed;top:0;padding:0 15px;margin:auto;z-index:11}
.header2 h3{margin:auto;height:40px;text-align:left;margin-top:10px;line-height:40px;font-weight:700;font-size:20px}
.header2 h3 img{display:block;max-width:75%;max-height:100%}
.header2 .left_btn{position:absolute;top:8px;width:44px;height:44px;text-align:center;left:5px}
.header2 .right_btn{position:absolute;top:8px;width:44px;height:44px;text-align:center;right:5px;z-index:9}
.header2 .right_btn img{width:24px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.header2 .left_btn img{width:24px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.sidebar{position:fixed;top:0;left:-76%;width:76%;height:100%;background:#fff;z-index:99999;padding-top:60px}
.mask2{width:100%;height:100vh;position:absolute;background:rgba(0,0,0,.3);top:0;left:0;right:0;bottom:0;z-index:9999;display:none}
.box-bg{width:100%;height:1000px;background:url(../images/bg4.jpg) no-repeat center}
.close-btn{width:44px;height:44px;text-align:center;line-height:30px;position:absolute;top:8px;right:8px}
.close-btn img{width:36%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.menu-logo{display:table;margin:auto;height:70px}
.menu-list{width:80%;height:55vh; overflow-y: auto; margin:auto;position:relative;left:0;right:0;bottom:0;margin-top:20px}
.menu-list ul li{list-style:none;line-height:5vh;width:100%;text-align:center;font-size:16px}
.menu-list ul li a{display:block}
.menu-list ul li.active .submenu-nav{ display: block; }
.menu-list .submenu-nav{overflow: hidden; width: 100%; margin: 0 auto; display:none; background: #ececec; }
.menu-list .submenu-nav a{width: 100%; height: 100%; font-size: 14px; color: #999; }
.compy-txt{position:absolute;margin:auto;left:0;right:0;bottom:20px;text-align:center;font-size:14px;color:#ccc}
.calendar-img{width:22px;margin-top:-4px;margin-right:6px}
.header_search_box{position:relative;height:38px;margin:auto;display:table;width:83%;margin-top:20px}
.header_search{width:100%;height:38px;border:1px solid #ddd;text-indent:40px;border-radius:30px;outline:0}
.header_search_img{position:absolute;top:2px;bottom:0;margin:auto;left:15px;height:20px}


.top-nav{  width: 40px;  position: fixed;  right:10px;  bottom:15vh; background: #66696d; z-index: 99; }
.top-nav a{  display: block; width: 40px;  height: 40px; border: 1px solid #ddd; border-bottom: none; position: relative;}
.top-nav a:last-child{ border-bottom: 1px solid #ddd; }
.top-nav .wx-btn{  background: url("../images/wx_top.png")  no-repeat 50% ;  }
.top-nav .wx-btn:hover{  background: url("../images/wx_top.png")  no-repeat 50%  #629fdc;  }
.top-nav .qq-btn{  background: url("../images/qq_top.png")  no-repeat 50% ;  }
.top-nav .qq-btn:hover{  background: url("../images/qq_top.png")  no-repeat 50% #629fdc;  }
.top-nav .ly-btn{  background: url("../images/ly_top.png")  no-repeat 50% ;  }
.top-nav .ly-btn:hover{  background: url("../images/ly_top.png")  no-repeat 50% #629fdc ;  }
.top-nav .top-btn{  background: url("../images/top.png")  no-repeat 50% ;  }
.top-nav .top-btn:hover{  background: url("../images/top.png")  no-repeat 50% #629fdc;  }
.wx-img{ overflow: hidden;  padding: 16px 16px 10px;  position: absolute; top:0; right:40px;  margin: auto;  display: none; background: rgba(0,0,0,0.5); }
.wx-img img{ display: block; width: 107px; height:107px; object-fit: cover; }
.wx-img p{ font-size: 14px; color: #ffffff; text-align: center; margin: 5px auto 0; display: block; white-space:nowrap; text-overflow:ellipsis; }
.wx-btn:hover .wx-img{ display: block; }

.idx-bt{ overflow: hidden; margin: 0 auto; }
.idx-bt i{ overflow: hidden; margin: 0 auto; display: block; }
.idx-bt i img{ margin: 0 auto; display: block;  }
.idx-bt span{ margin: 10px auto; display: block; font-size: 18px; color: #333333; text-align: center; }
.more-btn{ overflow: hidden; margin: 0 auto; display: block; width: 138px; height: 40px; line-height: 40px; font-size: 16px; color: #666666; text-align: left; border: 1px solid #cccccc; text-indent: 2em; position: relative; }
.more-btn:after{ content: ""; overflow: hidden; display: block;  width: 10px; height: 10px; border-top: 1px solid #999; border-right: 1px solid #999; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position: absolute; top:0;  right:20px; bottom: 0; margin: auto; }
.more-btn:hover{ color: #0066cc; border-color: #0066cc; }
.more-btn:hover:after{ border-color: #0066cc; }
.idx-team .idx-bt span{ color: #fff; }
.page-bg{ overflow: hidden; margin: 0 auto 20px; padding: 60px 0; background: #fff; }
.pagination{ display: table; margin: 0 auto; }
.location-box{ overflow: hidden; margin: 50px auto 30px; padding-bottom: 15px; width: 100%; border-bottom: 1px solid #ddd;}
.location{ overflow: hidden; margin: 0 auto; float: right; }
.location span{ overflow: hidden; font-size: 14px;  color: #999;}
.location a{ overflow: hidden; font-size: 14px;  color: #999; position: relative;  padding:0 10px;}
.location a:after{ content: ""; overflow: hidden; display: block; width: 8px; height: 8px; float: right; position: absolute; top:0; bottom: 0; right: 2px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.location a:last-child{ padding-right: 0;}
.location a:last-child:after{ display: none; }

/*文章分页*/
.article_paging{overflow: hidden; margin: 20px auto; border-top: 1px solid #ddd;}
.article_paging ul{overflow: hidden; margin: 30px auto 0;}
.article_paging ul li{float: left; overflow: hidden; max-width: 50%;}
.article_paging ul li:nth-of-type(2){ float: right;}
.article_paging ul li span{ width: 50px; float: left; font-size: 16px; color: #666666; margin: 0 10px;}
.article_paging ul li a{width: calc(100% - 70px); float: left; font-size: 16px; color: #666666; max-width: 360px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_paging ul li:hover a{color: #a20000;}
.article_paging ul li:hover span{color: #a20000;}

/*index*/
.idx-news-bg{ overflow: hidden; margin: 0 auto 20px; padding: 60px 0; background: #fff; }
.idx-news-box{ overflow: hidden; margin:0 auto; }
.idx-news-box ul{ overflow: hidden; margin: 35px auto; }
.idx-news-box ul li{ overflow: hidden; margin: 0 auto; width: calc((100% - 60px) / 3);  float: left; margin-right: 30px; }
.idx-news-box ul li:nth-of-type(3n){ margin-right: 0;}

.idx-news .idx-news-box ul li{ overflow: hidden; margin: 0 auto; width: calc((55.5% - 60px) / 2);  float: left; margin-right: 30px; }
.idx-news .idx-news-box ul li:nth-of-type(1){ width: 44.5%;}
.idx-news .idx-news-box ul li:nth-of-type(3n){ margin-right: 0;}

.idx-news-box ul li:hover i img{ transform: scale(1.1); }
.idx-news-box ul li:hover .news-list-txt h3{ color: #0066cc;}
.idx-news-box ul li:hover .news-list-txt p{ color: #0066cc;}
.idx-news-box ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; }
.idx-news-box ul li a i{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 230px; }
.idx-news-box ul li a i img{margin: 0 auto; display: block; width: 100%; height:230px; object-fit: cover; transition: all 0.6s; }
.idx-news-box ul li:nth-of-type(1) a i{ height: auto;  }
.idx-news-box ul li a video{ width: 100%; height: 100%; }
.idx-news-box .news-list-txt{ overflow: hidden; margin: 15px auto; width: 100%; }
.idx-news-box .news-list-txt h2{ overflow: hidden; margin: 0 auto 10px;  display: block; font-size: 18px; color: #333333; text-align: center;  font-weight: bold; white-space:nowrap; text-overflow:ellipsis; }
.idx-news-box .news-list-txt h3{ overflow: hidden; margin: 0 auto 10px;  display: block; font-size: 18px; color: #333333; font-weight: normal; white-space:nowrap; text-overflow:ellipsis; }
.idx-news-box .news-list-txt p{ overflow: hidden; display: block; height: 40px; font-size: 14px; color: #666666; text-overflow: ellipsis; display: -webkit-box!important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-list-heel{ overflow: hidden; margin: 0 auto; border-top: 1px solid #ddd; width: 100%; padding: 15px 0; }
.news-list-heel p{ overflow: hidden; margin: 0 auto; height: 28px; line-height: 28px; float: left; font-size: 20px; color: #cccccc;  width: calc(100% -  75px); display: block; white-space:nowrap; text-overflow:ellipsis; font-weight: normal;}
.news-list-heel span{ overflow: hidden; margin: 0 auto;height: 28px; line-height: 28px;  float: left; font-size: 14px; color: #999999;  width: 75px; display: block; white-space:nowrap; text-overflow:ellipsis; }
.news-list-heel span:hover{ color: #0a3470; }
.idx-team-bg{ overflow: hidden; margin: 0 auto; padding: 60px 0; height: 984px; background: url("../images/idx_team_bg.jpg") no-repeat center; }
.idx-team-box{ width: 1038px; margin: 50px auto 0; }
.idx-team-box .swiper-container{width:100%;height:300px;margin-left:auto;margin-right:auto}
.idx-team-box  .swiper-slide{background-size:cover;background-position:center}
.idx-team-box  .gallery-top{height:426px;width:100%;}
.idx-team-box  .gallery-top .swiper-slide{ overflow: hidden; width: 100%; }
.idx-team-box  .gallery-top .swiper-slide i{ overflow: hidden; width: 336px; height: 426px; float: left; }
.idx-team-box  .gallery-top .swiper-slide i img{ overflow: hidden; width: 100%; height: 100%; object-fit: cover;}
.idx-team-box  .gallery-top .team-info{ overflow: hidden; width: calc(100% - 336px); height: 426px; float: left; }
.idx-team-box .swiper-pagination{ display: none; }
.team-info-box{ overflow: hidden; padding-left: 110px; transition: height 0.5s; -webkit-transition: height 0.5s; -moz-transition: height 0.5s; }
.team-info .name{position:relative;  margin-bottom: 10px; font-size:24px;color:#fff; font-weight: bold;  display: block; white-space:nowrap; text-overflow:ellipsis;}
.team-info .name span{ font-size: 14px; color: #fff; font-weight: normal; }
.team-info .name a{ margin: 3px auto; display: none; float: right; font-size: 14px; color: #fff; font-weight: normal; padding: 0 15px; border: 1px solid #fff; }
.team-info .title{ overflow: hidden;  padding-bottom: 10px;  margin-bottom: 10px; font-size: 20px; color: #fff; font-weight: normal; display: block; white-space:nowrap; text-overflow:ellipsis; }
.team-info .detail{overflow: hidden; height: 260px; font-size: 14px; color: #fff; font-weight: normal; line-height: 26px; }
.team-info .more-btn{ float: left;  margin-left: 110px; color: #fff;}
.team-info .more-btn:after{ border-color: #fff; }
.idx-team-box  .gallery-thumbs{ height:234px;box-sizing:border-box; margin-top: 28px;}
.idx-team-box  .gallery-thumbs .swiper-slide{width:25%;height:100%;opacity:.4}
.idx-team-box  .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.idx-team-box .swiper-button-prev{top:inherit!important; left:0; bottom: 100px;  width:37px;height:36px;background:url(../images/arrow_left.png) no-repeat;background-position:0 0;background-size:100%}
.idx-team-box .swiper-button-prev:hover{background:url(../images/arrow_left2.png) no-repeat;}
.idx-team-box .swiper-button-next{top:inherit!important;  right:0; bottom: 100px; width:37px;height:36px;background:url(../images/arrow_right.png) no-repeat;background-size:100%}
.idx-team-box .swiper-button-next:hover{background:url(../images/arrow_right2.png) no-repeat;}

.idx-faculty-bg{ overflow: hidden; margin: 0 auto; padding: 80px 0;}
.idx-faculty .swiper{width:1280px; height: 392px; margin:0 auto;position:relative}
.idx-faculty .slide1 { background: #ece8e7; box-shadow:0 10px 20px rgba(0,0,0,0.5);}
.idx-faculty .slide2 { background: #ece8e7; box-shadow:0 10px 20px rgba(0,0,0,0.5);}
.idx-faculty .slide3 { background: #ece8e7; box-shadow:0 10px 20px rgba(0,0,0,0.5);}
.idx-faculty .current-swiper{width:883px;height:100%;margin:0 auto;position:relative;z-index:10;}
.idx-faculty  .left-swiper{position:absolute;left:0;top:52px;z-index:1}
.idx-faculty .right-swiper{position:absolute;right:0;left:auto;top:52px;z-index:1}
.idx-faculty  .nocurrent-swiper{width:479px;height:273px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,.05)}
.idx-faculty .swiper-slide-left{ overflow: hidden; padding: 30px 0; width: calc(100% - 306px); height: 392px; float: left;}
.idx-faculty.swiper-slide-left .more-btn{ float: left; margin-left: 45px; margin-top: 30px;}
.idx-faculty  .swiper-slide-img{ overflow: hidden; width: 306px; float: right;}
.idx-faculty .nocurrent-swiper:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(237,240,240,.9);z-index:99}
.idx-faculty .title{margin-left:45px; margin-bottom: 5px; height:30px;line-height:30px;font-size:18px;color:#666}
.idx-faculty .nocurrent-swiper .title{padding-top:44px;margin-left:30px;font-size:16px;height:25px;line-height:25px}
.idx-faculty .name{margin-left:45px;display:inline-block;position:relative;padding-bottom:30px;font-size:24px;color:#333333; font-weight: bold; }
.idx-faculty .name span{ font-size: 14px; color: #333333; font-weight: normal; }
.idx-faculty .nocurrent-swiper .name{height:46px;line-height:46px;font-size:30px;padding-right:46px;margin-left:30px}
.idx-faculty .nocurrent-swiper .name:before{width:26px;height:26px;background-size:100% 100%}
.idx-faculty .detail{ overflow: hidden; margin-left:45px; height: 180px;  padding-right:20px;line-height:24px;color:#666666;font-size:14px;text-indent: 2em;}
.idx-faculty  .more-btn{ float: left; margin-left: 45px;}
.swiper-button-prev{width:46px;height:46px;background:url(../images/curr_prev.png) no-repeat center center}
.swiper-button-next{width:46px;height:46px;background-size:auto;background-image:url(../images/curr_next.png)}

.idx-recruit-bg{ overflow: hidden; margin: 0 auto; }
.idx-recruit{ overflow: hidden; width: 100%; height: 100%; }
.idx-recruit-left{ overflow: hidden; width: 50%; float: left; }
.idx-recruit-left i{overflow: hidden; display: block; width: 100%; height: 505px;}
.idx-recruit-left img{display: block;width: 100%; height: 100%; object-fit: cover;}
.idx-recruit-right{ overflow: hidden; width: 50%; height: 505px; padding: 70px 0; float: left; background: #f6f6f6; }
.idx-recruit-box{ overflow: hidden; margin: 30px auto; width:80%; height: 120px; }
.idx-recruit-box p{ overflow: hidden; margin: 0 auto; line-height: 24px; font-size: 14px; color: #666666;}
.idx-gcampus-bg{ overflow: hidden; margin: 0 auto; padding: 60px 0; background: #fff;}
.idx-gcampus-box{ overflow: hidden; margin: 0 auto;}
.idx-gcampus-box ul{ overflow: hidden; margin: 30px auto;}
.idx-gcampus-box ul li{ overflow: hidden; width: calc((100% - 663px) / 2);  height: 202px; float: left; margin-bottom: 16px;}
.idx-gcampus-box ul li:nth-of-type(1){ width: 633px!important; height: 420px; }
.idx-gcampus-box ul li:nth-of-type(1),.idx-gcampus-box ul li:nth-of-type(2),.idx-gcampus-box ul li:nth-of-type(4){ margin-right: 15px;}
.idx-gcampus-box ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; position: relative;}
.idx-gcampus-box ul li a i{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 100%; position: relative;}
.idx-gcampus-box ul li a img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.idx-gcampus-box ul li a p{ overflow: hidden; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #ffffff; background: rgba(0,0,0,0.7); position: absolute; left:0; bottom: 0; text-align: center; display: none; white-space:nowrap; text-overflow:ellipsis;}
.idx-gcampus-box ul li:hover p{ display: block; }
/*学院概况*/
.about{ overflow: hidden; margin: 0 auto; }
.about-box{ overflow: hidden; margin: 0 auto; width: 100%; min-height: 200px; }
.about-1{ overflow: hidden; width: 100%; padding: 50px 0;  }
.about-1 img{ overflow: hidden; width: 480px; float: left;  }
.about-1-text{ overflow: hidden; width: calc( 100% - 480px ); padding-top: 100px; padding-left: 194px;  float: left; }
.about-1-text h4{ margin-bottom: 20px; width: 100%;  line-height: 30px; display: block; font-size: 26px; color: #333333; position: relative; }
.about-1-text h4:before{ content: ""; overflow: hidden; display: block; width: 32px; height: 4px; background: #0066cc; position: absolute; top:0; bottom: 0; left:-72px; margin: auto;}
.about-1-text p{ overflow: hidden; font-size: 16px; color: #999999; line-height: 30px; }
.about-2{ overflow: hidden; margin: 0 auto; padding: 50px 0; border-top: 1px solid #ddd; }
.about-2-jj{ overflow: hidden; margin: 0 auto; width: 80%; font-size: 16px; color: #999999;  line-height: 30px; }
.about-2-list{ overflow: hidden; margin: 20px auto; width: 90%; }
.about-2-list-ul{ overflow: hidden; margin: 0 auto; width: calc(100% / 3); float: left; }
.about-2-list-text-shuj{ overflow: hidden; margin: 0 auto;  }
.about-2-list-text-shuj p{ overflow: hidden; margin: 0 auto; display: block; font-size: 24px; color: #333333; text-align: center;  }
.about-2-list-text-shuj p span{ overflow: hidden; margin: 0 auto; font-family: "宋体";  font-size: 80px; color: #333333;  }
.about-2-list-text{ overflow: hidden; margin: 0 auto;  }
.about-2-list-text h5{ overflow: hidden; margin: 0 auto 10px; display: block; font-size: 22px; color: #666666; text-align: center;  }
.about-2-list-text p{ overflow: hidden; margin: 0 auto; display: block; font-size: 16px; color: #cccccc; text-align: center;  }
.about-3{ overflow: hidden; margin: 0 auto; padding: 60px 0; border-top: 1px solid #ddd; }
.about-3 img{ overflow: hidden; margin: 0 90px;  display: block; float: right; width: 482px;}
.about-3-text{ overflow: hidden; margin: 0 auto; width: calc(100% - 662px); float: left; padding-left: 55px;}
.about-3-text h4{ margin-bottom: 20px; width: 100%; height: 30px;  line-height: 30px; display: block; font-size: 26px; color: #333333; position: relative; }
.about-3-text h4:before{ content: ""; overflow: hidden; display: block; width: 32px; height: 4px; background: #0066cc; position: absolute; top:0; bottom: 0; left:0; margin: auto;}
.about-3-text p{  overflow: hidden; font-size: 16px; color: #999999; line-height: 30px;  }
.about-4{ overflow: hidden; margin: 0 auto; padding: 60px 0; border-top: 1px solid #ddd; }
.about-4 img{ overflow: hidden; margin: 0 90px;  display: block; float: left; width: 293px;}
.about-4-text{ overflow: hidden; margin: 100px auto 0; width: calc(100% - 473px); float: left; padding-left: 55px;}
.about-4-text h4{ margin-bottom: 20px; width: 100%; height: 30px;  line-height: 30px; display: block; font-size: 26px; color: #333333; position: relative; }
.about-4-text h4:before{ content: ""; overflow: hidden; display: block; width: 32px; height: 4px; background: #0066cc; position: absolute; top:0; bottom: 0; left:0; margin: auto;}
.about-4-text p{  overflow: hidden; width: 80%; font-size: 16px; color: #999999; line-height: 30px;  }
/*idea*/
.idea-box{  margin: 0 auto; padding: 50px 0; }
.idea-box ul{  margin: 0 auto; }
.idea-box ul li{ overflow: hidden; margin: 0 auto; width:100%; background: #fbfbfb; }
.idea-box ul li:nth-of-type(2n) p{ float: right; }
.idea-box ul li>p{ overflow: hidden; margin: 0 auto; width: 50%; display: block; float: left; }
.idea-box ul li>p img{ margin: 0 auto; width: 100%; height: 400px; display: block; object-fit: cover; }
.idea-box .idea-text{ overflow: hidden; margin: 0 auto; float: left; width: 50%; padding: 0 55px; }
.idea-box .idea-text h3{ overflow: hidden; margin: 40px auto 0;  display: block; width: 100%; text-align: center; font-size: 26px; color: #333333; font-weight: bold; }
.idea-box .idea-text span{overflow: hidden; margin: 25px auto; display: block; width: 102px; height: 1px; background: #cccccc; position: relative; }
.idea-box .idea-text span:after{ content: ""; width: 32px; height: 1px; display: block; background: #666666; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; }
.idea-box .idea-text strong{ overflow: hidden; margin: 0 auto 30px; display: block; font-size: 18px; color: #0066cc; text-align: center;  }
.idea-box .idea-text p{ overflow: hidden; margin: 0 auto; display: block; width: 100%;  font-size: 16px; color: #666666; text-align: left; text-indent: 2em; line-height: 30px; }
/*专业团队*/
.team-box{ margin: 0 auto; padding: 50px 0; }
.team-nav{ overflow: hidden; margin: 0 auto; padding: 10px 0; display: table; }
.team-nav a{ overflow: hidden; display: block; margin: 0 10px; width:178px; height: 44px; line-height: 44px; float: left; font-size: 18px; color: #666666; text-align: center; border: 1px solid #999999; }
.team-nav a.active{ background: #0066cc; border-color: #0066cc; color: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }
.team-list{ overflow: hidden; margin: 50px auto; width: 100%; }
.team-list ul{ overflow: hidden; margin: 0 auto; width: 100%; }
.team-list ul li{ overflow: hidden; margin: 0 auto 14px; margin-right: 14px; width: calc( (100% - 42px) / 4); float: left; position: relative; }
.team-list ul li:nth-of-type(4n){ margin-right: 0;}
.team-list ul li i{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 392px; }
.team-list ul li i img{ margin: 0 auto; display: block; width: 100%; height: 100%; object-fit: cover; }
.team-list .team-bgk{ overflow: hidden; margin: 0 auto; width: 100%; height: 142px; padding:20px; background: rgba(0,0,0,0.6); position: absolute; left:0; right:0; bottom: 0;}
.team-list .team-bt{ overflow: hidden; margin: 0 auto; width: 100%; }
.team-list .team-bt div{ overflow: hidden; margin: 0 auto 10px; display: block; width: calc(100% - 108px); float: left; color: #fff; }
.team-list .team-bt h4{ overflow: hidden; margin: 0 auto; display: block; width:100%; height: 36px; line-height: 36px; font-size:26px; font-weight: normal; float: left; color: #fff; }
.team-list .team-bt div span{ display: none;}
.team-list .team-bt a{ overflow: hidden; display: block; margin: 0 auto; float: right; font-size: 14px; color: #fbfbfb; text-align: center; width: 106px; height: 34px; line-height: 34px; border: 1px solid #fff;}
.team-list .team-bt a:hover{ background: #0066cc; border-color: #0066cc;}
.team-list .team-txt{ overflow: hidden; margin: 0 auto; }
.team-list .team-txt-1{ overflow: hidden; margin: 0 auto; font-size: 16px; color: #fff; line-height: 26px; }
.team-list .team-txt-1 span{ display: block; width: 100%; }
.team-list .team-txt-2{ display: none; }

.team-popup{ overflow: hidden; margin: 0 auto; display: none; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); position: fixed; left:0; top:0; z-index: 999;}
.team-popup-box{ width: 1136px; height: 600px; position: fixed; top:0; bottom: 0; left:0; right:0; margin: auto; }
.team-popup-txt{width: 100%; height: 550px;padding: 60px;  position: relative;background: #fff;}
.team-popup-txt .gb-btn{ overflow: hidden; margin: 0 auto; display: block; width:40px; height: 40px; position: absolute; top:-10px; right:-70px;}
.team-popup-txt i{ overflow: hidden; margin: 0 auto; display: block; width: 336px; height: 426px; float: left; }
.team-popup-txt i img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.team-popup-txt .team-popup-rigth{ overflow: hidden; margin: 0 auto; float: left; width: calc(100% - 336px); height: 426px; padding-left: 72px; }
.team-popup-txt .team-popup-rigth .expand-btn{ display: none; }
.team-popup-txt .team-popup-rigth .name{position:relative;  margin-bottom: 10px;}
.team-popup-txt .team-popup-rigth .name h4{font-size:28px;color:#333333; font-weight: bold; display: block; margin-right: 15px; white-space:nowrap; text-overflow:ellipsis; float: left; height: 30px; line-height: 30px;}
.team-popup-txt .team-popup-rigth .name span{ font-size: 20px; color: #333333; font-weight: normal; height: 30px; line-height: 36px; }
.team-popup-txt .team-popup-rigth .title{ overflow: hidden;  padding-bottom: 10px;  margin-bottom: 10px; font-size: 20px; color: #999999; font-weight: normal; display: block; white-space:nowrap; text-overflow:ellipsis; }
.team-popup-txt .team-popup-rigth .detail{overflow: hidden; overflow-y: auto; height: 260px; font-size: 14px; color: #666666; font-weight: normal; line-height: 26px; }

.viev-popup-bg{ overflow: hidden; margin: 0 auto; display: none; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; top:0; left:0; z-index: 999; }
.viev-popup{ width: 804px; height: 500px; padding:40px 65px; background: #fff;  position: fixed; top:0; bottom: 0; left:0; right:0; margin: auto; z-index: 9999; }
.viev-popup-box{width: 100%; height: 100%; position: relative;}
.viev-popup-box video{ width: 100%; height: auto; }
.viev-popup-box h2{ overflow: hidden; margin: 5px auto; font-size: 20px; font-weight: bold; color: #000; text-align: center; }
.viev-popup-box .gb-btn{overflow: hidden; width: 40px; height: 40px; display: block; background: #fff; position: absolute; top:-40px; right:-106px; }
.viev-popup-box .gb-btn img{ display: block; width: 40px; height: 40px; padding: 10px; }


/*滚动条样式*/
.team-popup-txt .team-popup-rigth .detail::-webkit-scrollbar {width: 4px;}
.team-popup-txt .team-popup-rigth .detail::-webkit-scrollbar-thumb {  border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  background: rgba(0,0,0,0.2); }
.team-popup-txt .team-popup-rigth .detail::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  border-radius: 0;  background: rgba(0,0,0,0.1); }

.team-popup-box .tab-box{ overflow: hidden; margin: 10px auto; display: table; }
.team-popup-box .tab-box a{ overflow: hidden; margin: 0 25px; display: block; font-size: 16px; color: #fbfbfb; height: 30px; line-height: 30px; float: left;}
.team-popup-box .tab-box a:hover{ color: #0066cc; }
/*开设院系*/
.faculty-list{ overflow: hidden; margin: 50px auto; padding-top: 50px; width: 100%; border-top: 1px solid #ddd;}
.faculty-list .faculty-left{ overflow: hidden; margin: 0 auto; width: 50%; float: left;}
.faculty-list .name{ overflow: hidden;}
.faculty-list .name{position:relative;  margin-bottom: 30px;font-size:34px;color:#0066cc; font-weight: bold; display: block; margin-right: 15px; white-space:nowrap; text-overflow:ellipsis; }
.faculty-list .name span{ font-size: 20px; color: #0066cc; font-weight: normal; }
.faculty-list .faculty-txt{ overflow: hidden; margin: 0 auto; width: 100%; }
.faculty-list .faculty-txt div{ overflow: hidden; margin: 0 auto 30px; width: 100%; }
.faculty-list .faculty-txt h4{ overflow: hidden; margin: 0 auto 10px; width: 100%; font-size: 20px; color: #333333; }
.faculty-list .faculty-txt p{ overflow: hidden; margin: 0 auto; width: 100%; font-size: 14px; color: #666666; line-height: 26px; text-indent: 2em; }

.faculty-list .faculty-right{ overflow: hidden; margin: 0 auto; width: 50%; float: left;}
.faculty-list .faculty-right i{ overflow: hidden; margin: 0 auto; display: block; float: right; }
.faculty-list .faculty-right i img{margin: 0 auto; display: block; width: 556px; object-fit: cover;}
/*招生就业*/
.recruit-box{ overflow: hidden; margin: 50px auto; padding-top: 20px; width: 100%; border-top: 1px solid #ddd;}
.recruit-bt { overflow: hidden; margin: 0 auto 20px; display: block;  width: 100%; }
.recruit-bt  h3{ overflow: hidden; margin: 0 auto; display: block;  font-size: 26px;color: #333333;  padding-left: 70px; height: 50px; line-height: 50px; position: relative;  }
.recruit-bt  h3:before{ content: ""; overflow: hidden; display: block; width: 32px; height: 4px; background: #0066cc; position: absolute; top:0; bottom: 0; left:0; margin: auto; }
.table-dark>thead>tr>td, .table-dark>thead>tr>th{ border-bottom-width:0; background: #96cbff; text-align: center; font-size: 18px; color: #fff; font-weight: normal; height: 78px; line-height: 78px; border-color: #cccccc; padding: 0!important;}
.recruit-table .table-dark tr td { font-size: 16px; color: #999999; text-align: center; height: 60px; line-height: 100%!important; padding: 0!important; vertical-align:inherit!important; }
.table-dark2>thead>tr>td, .table-dark2>thead>tr>th{ border-bottom-width:0; background: #96e8f2; text-align: center; font-size: 18px; color: #fff; font-weight: normal; height: 78px; line-height: 78px; border-color: #cccccc; padding: 0!important; }
.recruit-table .table-dark2 tr td { font-size: 16px; color: #666666; text-align: center; height: 60px; line-height: 26px!important; padding: 60px 100px!important; vertical-align:inherit!important; }
.recruit-table .table-dark2 tr td p{ display: inline-block; font-size: 22px; color: #333; }
.recruit-table .table-dark2 tr td span{ color: #333; }
.condition{ overflow: hidden; margin: 0 auto 20px; border: 1px solid #ddd; background: #fbfbfb;}
.bk-box{ width: 100%; height: 338px; background: url("../images/condition_bg.jpg") no-repeat right; background-size: 100%; }
.condition ul{ overflow: hidden; margin: 10px auto; padding: 0 65px; }
.condition ul li{ overflow: hidden; margin: 20px auto; width: 100%;  }
.condition ul li p{ display: block; font-size: 16px; color: #666666;  line-height: 26px; position: relative; margin-left: 33px;}
.condition ul li p:before{ content: ""; overflow: hidden; display: block; width: 7px; height: 7px; position: absolute; top:8px;  left:-33px; background: #0066cc; margin:0 auto; }
.condition ul li p strong{ font-size: 22px; color: #333333; font-weight: 500; }
.condition ul li div{ font-size: 14px; color: #999999; line-height: 26px; padding-left: 33px;}
.table-dark3>thead>tr>td, .table-dark3>thead>tr>th{ border-bottom-width:0; background: #d6dade; text-align: center; font-size: 18px; color: #333; font-weight: normal; height: 54px; line-height: 54px; border-color: #cccccc; padding: 0!important;  width: calc(100% / 4);}
.recruit-table .table-dark3 tr td { font-size: 16px; color: #666666; text-align: justify; height: 60px; line-height: 26px!important; padding: 20px!important; vertical-align:inherit!important; }
.recruit-table .table-dark3 tr td p{ display: inline-block; font-size: 22px; color: #333; }
.recruit-table .table-dark3 tr td span{ color: #333; }

.table-dark4>thead>tr>td, .table-dark4>thead>tr>th{ width: calc(100% / 5); border-bottom-width:0; background: #adb8c0; text-align: center; font-size: 18px; color: #fff; font-weight: normal; height: 46px; line-height: 46px; border-color: #cccccc; padding: 0!important; }
.recruit-table .table-dark4 tr td { font-size: 16px; color: #666666; text-align: center; height: 46px; line-height: 26px!important; padding:0 20px!important; vertical-align:inherit!important; }
.recruit-table .table-dark4 tr td p{ display: inline-block; font-size: 22px; color: #333; }
.recruit-table .table-dark4 tr td span{ color: #333; }


/*新闻动态*/
.news-box{ overflow: hidden; margin: 0 auto; }
.news-box .idx-news-box li{ margin-bottom: 30px; }
.news-box-left{ overflow: hidden; margin: 0 auto; margin-right: 95px; width: 855px; float: left; }
.news-box-left .news-bt{ overflow: hidden; margin: 0 auto 20px; display: table; max-width: 100%; }
.news-box-left .news-bt h2{ overflow: hidden; margin: 0 auto 20px; width: 100%; display: block; font-size: 24px; color: #333333; text-align: center; font-weight: bold; }
.news-box-left .news-bt p{ overflow: hidden; width: 100%; display: block; font-size: 14px;color: #999999; text-align: center;}
.news-box-left .news-txt{ overflow: hidden; margin: 0 auto; }
.news-box-left .news-txt img{ overflow: hidden; margin: 20px auto; display: block; max-width: 100%; }
.news-box-left .news-txt p{ overflow: hidden; margin:0 auto 20px; font-size: 16px; color: #666666; text-align: justify; text-indent: 2em; line-height: 32px; }
.news-box-right{ overflow: hidden; margin: 0 auto; width: 330px; float: right; }
.news-right-1{ overflow: hidden; margin: 0 auto; width: 100%; }
.news-right-bt{ overflow: hidden; margin: 0 auto; width: 100%; }
.news-right-bt h3{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 60px; line-height: 60px; font-size: 24px; color: #0066cc; font-weight: bold; position: relative;}
.news-right-bt h3:before{ content: ""; overflow: hidden; display: block; margin: 0 auto; width: 40px; height: 2px; background: #0066cc; position: absolute; top:0; left:0;}
.news-right-1 ul{ overflow: hidden; margin: 15px auto; }
.news-right-1 ul li{ overflow: hidden; margin: 0 auto; }
.news-right-1 ul li a{ overflow: hidden; margin: 0 auto; width: 100%; padding: 20px 0; font-size: 16px; color: #666666; border-bottom: 1px dashed #ddd; display: block; white-space:nowrap; text-overflow:ellipsis;}
.news-right-1 ul li a:hover{ color: #a20000; }

/*校园风采*/
.campus-box{ overflow: hidden; margin: 0 auto; }
.icampus-list{ overflow: hidden; margin: 50px auto; }
.icampus-list ul{ overflow: hidden; margin: 0 auto; }
.icampus-list ul li{ overflow: hidden; margin: 0 auto 15px; margin-right: 15px; display: block; width: calc((100% - 45px) / 4); float: left; }
.icampus-list ul li:nth-of-type(4n){ margin-right: 0; }
.icampus-list ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 240px; position: relative; white-space:nowrap; text-overflow:ellipsis;}
.icampus-list ul li a i{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 240px; }
.icampus-list ul li a i img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; }
.icampus-list ul li:hover i img{ transform: scale(1.1); }
.icampus-list ul li p{ overflow: hidden; margin: 0 auto; display: block; width: 100%; padding: 0 10px; text-align: center; font-size: 16px; color: #ffffff; height: 36px; line-height: 36px; background: rgba(0,0,0,0.8); position: absolute; left:0; bottom: 0; display: block; white-space:nowrap; text-overflow:ellipsis; }
.icampus-list ul li:hover a p{ background: #0066cc; }

.team-popup{ overflow: hidden; margin: 0 auto; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); position: fixed; left:0; top:0; z-index: 999;}
.campus-popup-box{ width: 887px; height: 25%; position: fixed; top:0; bottom: 0; left:0; right:0; margin: auto; }
.campus-popup-txt{width: 100%; height: 100%; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto;}
.campus-popup-txt .gb-btn{ overflow: hidden; margin: 0 auto; display: block; width:40px; height: 40px; position: absolute; top:-100%; right:-70px;}
.campus-popup-txt .campus-img{ overflow: hidden; margin: 0 auto; display: block;  width: 100%; height: 100%;}
.campus-popup-txt i{ overflow: hidden; margin: 0 auto; display: block; width: 100%;}
.campus-popup-txt i img{ overflow: hidden; display: block;  width: auto; height:auto; max-height: 596px; object-fit: cover; position: absolute; top:-50%; left:0; right:0; bottom: 0; margin: auto;}
.campus-popup-box .tab-box{ overflow: hidden; display: none;  position: absolute; bottom: -50%; left:0; right:0; margin: auto; }
.campus-popup-box .tab-box a{ overflow: hidden; margin: 0 25px; display: block; font-size: 16px; color: #fbfbfb; height: 30px; line-height: 30px; float: left;}
.campus-popup-box .tab-box a:hover{ color: #0066cc; }

@media screen and (max-width:1024px){
    .banner .swiper-box{ display: none;}
    .page-bg{ padding: 0; }
    .idx-bt i img{transform:scale(0.8); max-width: 100%;}
    .page-banner{ padding-top: 60px; }
    .page-banner img{ height: 24vh; }
    .footer{ padding-top: 20px; }
    .footer-logo{ width: 100%; border: none; display: none;}
    .footer-logo i{ max-width: 100%; margin: 0 auto; display: table; float: none; }
    .footer-bottom{ overflow: hidden; margin-top: 10px; }
    .footer-left,.footer-r{ width: 100%; border: none; height: auto; }
    .footer-left{ margin-bottom: 20px; }
    .footer-r p{ width: 100%; font-size: 14px; }
    .footer-rem{ float: left; width: 100%;}
    .footer-rem .footer-rem-box{ display: table; margin: 15px auto;}
    .footer-rem .footer-rem-box div{ margin: 0 15px;}
    .footer-rem .footer-rem-box div i{display: block; width: 110px; height: 110px; }
    .footer-rem .footer-rem-box>div:nth-of-type(1){ margin-right: 0; float: left; }
    .footer-rem .footer-rem-box>div:nth-of-type(2){float: right; }
    .footer-right{ width: 100%; max-width: 100%; height: auto;}
    .leave-box{ display: block!important; }
    .input-box{ height: 36px; min-height: 36px; margin-top: 10px; }
    .leave-right .input-box-verify .input-box{ width: calc(100% - 128px - 10px); height: 36px; min-height: 36px; margin-top: 10px; }
    .leave-right .input-box{ height: auto; min-height: auto;}
    .mes-btn{ margin-top: 10px; margin-left: 10px; height: 36px; line-height: 36px; font-size: 14px; }
    .mes-code-img{ height: 36px;}
    .input-txt{ height: 36px; line-height: 36px; font-size: 14px; }
    .input-box textarea{ font-size: 14px; }
    .leave-right .input-box-verify .input-box input{ font-size: 14px;}
    .leave-left,.leave-right{ width: 100%; }
    .friendship-box{ overflow: hidden; margin: 0 auto; width: 100%; display: none; }
    .main-title{ overflow: hidden; margin: 0 auto 10px; width: 100%; height: 36px; }
    .footer-bottom .bea-h p{ margin-right: 10px; font-size: 12px; }
    .footer-bottom .technology{ display: none; }
    .content{ width: auto; padding: 0 15px; }
    .banner{ height: 24vh; margin-top: 60px; }
    .banner .swiper-pagination-bullet{background:#fff;opacity:1; width: 6px; height: 6px; margin: 0 2px!important;}
    .header{display:none;}
    .header2{display:block;}
    .idx-news-bg{ padding: 0; }
    .idx-bt{ overflow: hidden; margin: 20px auto; }
    .idx-news-box ul{ margin: 0 auto; }
    .top-nav{ display: none;}
    .idx-news-box ul li{ width: 100%; margin-bottom: 15px; background: #eee;}
    .idx-news-box ul li:nth-of-type(1){ width: 100%; }
    .idx-news .idx-news-box ul li:nth-of-type(1){ width: 100%;}
    .idx-news .idx-news-box ul li{ width: 100%; margin-bottom: 20px; }
    .idx-news-box .news-list-txt{ padding: 0 10px; }
    .news-list-heel{ padding: 5px 10px;}
    .news-list-heel p{ font-size: 16px; }
    .idx-team-bg{ padding: 10px 0; max-height: 660px; }
    .idx-team-box .swiper-button-next{ display: none; }
    .idx-team-box .swiper-button-prev{ display: none; }
    .idx-team-box{ width: 100%; margin: 0 auto; padding-bottom: 30px; }
    .idx-team-box .gallery-top .swiper-slide i{  width: 100%; height: 100%; }
    .idx-team-box .gallery-top{ height: 320px;}
    .idx-team-box .gallery-thumbs{ height: 120px; }
    .swiper-pagination{ display: block!important;  left:0; right:0; margin: auto;}
    .swiper-pagination span{ margin: 0 3px; }
    .swiper-pagination-bullet-active{ background: #fff; }
    .idx-team-box .gallery-top .team-info{ overflow: hidden; width: 100%; height: 100%; margin: 0 auto; position: absolute; top:0; left:0; }
    .team-info-box{width: 100%;  padding: 10px 15px; height: 100px; background: rgba(0,0,0,0.8); position: absolute; left:0; bottom: 0; }
    .team-info .detail{ height: 150px; margin-bottom: 10px; display: none; }
    .team-info .name{ margin: 10px auto; font-size: 20px; }
    .team-info .name .expand-btn{ display: block; }
    .team-info .title{ padding-bottom: 0; font-size: 16px; }
    .team-info .admore-btn{ overflow: hidden; margin: 10px auto; padding: 3px 10px; float: left; display: block; font-size: 14px;  border: 1px solid #fff; background: #fff; color: #333; }
    .team-info .more-btn{ display: none; }
    .idx-faculty-bg{ overflow: hidden; padding: 0; background: #fff;  }
    .idx-faculty .swiper{ width: 100%; height: auto; padding-bottom: 20px; }
    .idx-faculty .current-swiper{ width: 100%; }
    .idx-faculty .swiper-slide-left{ width: 100%; height: auto;  padding: 10px; }
    .idx-faculty .swiper-slide-img{ width: 100%; height: 230px; border-radius: 0 0 3px 3px; }
    .idx-faculty .swiper-slide-img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
    .idx-faculty .name{ padding-bottom: 5px; font-size: 20px; }
    .idx-faculty .title{ font-size: 16px; height: 24px; line-height: 24px; }
    .idx-faculty .detail{ font-size: 14px; padding: 0; height: 100px;
        text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .idx-faculty .name,.idx-faculty .title, .idx-faculty .detail{ margin-left: 0; }
    .idx-faculty .more-btn{ width: 90px; height: 32px; line-height: 32px; margin: 10px auto 5px; float: none; background: #fff; font-size: 14px; text-indent: 1.5em; }
    .idx-faculty .swiper-slide{ border-radius: 3px; }
    .idx-recruit-bg{ padding: 0; }
    .idx-recruit{ position: relative; }
    .idx-recruit-left{ width: 100%; }
    .idx-recruit-left i{ overflow: hidden; display: block; width: 100%; height: 350px; }
    .idx-recruit-left i img{  display: block; width: 100%; }
    .idx-recruit-right{ width: 100%; height: 100%; position: absolute; top:0; left:0; padding:10px 0 0; background: rgba(246, 246, 246, 0.82);}
    .idx-recruit-box{margin: 0 auto 20px; }
    .idx-recruit .more-btn, .idx-recruit .more-btn:after{ border-color: #666; }
    .idx-gcampus-bg{ padding: 10px 0 20px; }
    .idx-gcampus-box ul{ margin: 0 auto 10px; }
    .idx-gcampus-box ul li{ width: calc((100% - 20px) / 3)!important; margin-right: 10px!important; margin-bottom: 10px!important; height: 66px; }
    .idx-gcampus-box ul li:nth-of-type(1){ width: calc((100% - 10px) / 2)!important; height: 106px!important;  }
    .idx-gcampus-box ul li:nth-of-type(2){ width: calc((100% - 10px) / 2)!important; margin-right: 0!important;  height: 106px!important;}
    .idx-gcampus-box ul li:nth-of-type(5){ margin-right: 0!important; }
    /*学院概况*/
    .about-1{ padding: 0; }
    .about-1 img{ width: 100%; }
    .about-1-text{ width: 100%; padding: 30px 0; }
    .about-1-text h4{ font-size: 24px; }
    .about-2{ padding: 20px 0; }
    .about-2-jj{width: 100%; }
    .about-2-list-ul{ width: 100%;  margin-top: 10px;}
    .about-2-list-text-shuj p{ font-size: 18px; }
    .about-2-list-text-shuj p span{ font-size: 54px; }
    .about-3{ padding: 0; }
    .about-3-text{ width: 100%; padding: 20px 0; }
    .about-3-text h4{ margin-bottom: 0; }
    .about-3-text h4:before{ right:0; }
    .about-3 img{ width: auto; max-width: 100%; margin: 0 auto 20px; }
    .about-4{ padding: 20px 0; }
    .about-4-text h4{ margin-bottom: 0; }
    .about-4-text h4:before{ right:0; }
    .about-4 img{ width: auto; max-width: 100%; margin: 0 auto; float: none; }
    .about-4-text{ width: 100%; padding: 0; margin: 20px auto; }
    .about-4-text p{ width: 100%; }
    /*idea*/
    .idea-box{ padding: 0; }
    .idea-box ul li{ margin-bottom: 15px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2); }
    .idea-box ul li p{ width: 100%; }
    .idea-box ul li p img{ height: auto; max-height: 216px; }
    .idea-box .idea-text{ width: 100%; padding: 0 10px 15px; }
    .idea-box .idea-text h3{ font-size: 20px;  margin-top: 20px;}
    .idea-box .idea-text span{ margin: 15px auto; }
    .idea-box .idea-text strong{ font-size: 16px; margin-bottom: 15px }
    .idea-box .idea-text p{ text-align: left; text-align: justify;  line-height: 24px; font-size: 14px;}
    /*专业团队*/
    .team-box{ padding: 0;}
    .team-nav{ max-width: 100%; padding: 0; display: table; margin-bottom: 20px; }
    .team-list{ margin: 20px auto; }
    .team-nav a{ width: calc((100vw - 30px) / 3); margin: 0 auto 10px; font-size: 14px; height: 36px; line-height: 36px; border-right: none; }
    .team-nav a:nth-of-type(3n){border-right: 1px solid #999999;}
    .team-nav a:last-child{border-right: 1px solid #999999;}
    .team-list ul li{ width: 100%; margin-right: 0; }
    .team-popup-box{ width: 86%; height: 60vh; padding: 5px;}
    .team-popup-txt{ padding: 5px; height: 60vh;background: #fff;}
    .team-popup-txt .gb-btn{ top:-40px; right:0; }
    .team-popup-txt i{ width: 100%; height: 100%; }
    .team-popup-txt .team-popup-rigth{ width: 100%; height: 87px; padding: 10px; position: absolute; left:0; bottom: 0; background: #fff; overflow: inherit; }
    .team-popup-txt .team-rigth-box{ position: relative; height: 100%; }
    .team-popup-txt .team-rigth-box .expand-btn{ padding: 0 10px; position: absolute; top:0; right:0; height: 30px; line-height: 30px; background: rgb(0, 102, 204); font-size: 14px; color: #fff; display: block; z-index: 2;}
    .team-popup-txt .team-popup-rigth .name{ margin-bottom: 5px; }
    .team-popup-txt .team-popup-rigth .name h4{ font-size: 22px; }
    .team-popup-txt .team-popup-rigth .name span{ font-size: 16px; line-height: 30px; }
    .team-popup-txt .team-popup-rigth .title{ font-size: 16px; margin-bottom: 0; }
    .team-popup-txt .team-popup-rigth .detail{ height: calc(100% - 67px); display: none; overflow-x: hidden; overflow-y: scroll; }
    .faculty-list{margin: 20px auto; padding-top: 20px; }
    .faculty-list .faculty-left,.faculty-list .faculty-right{ width: 100%; }
    .recruit-box{ margin: 20px auto; }
    .location-box{ display: none; }
    .news-box-left{width: 100%; margin-right: 0; }
    .news-box-left .news-bt h2{ font-size: 18px; line-height: 28px; text-align: center; }
    .article_paging ul{ margin: 10px auto; }
    .article_paging ul li a{ display: none; }
    .news-box-right{ width: 100%; border-top: 2px solid #ddd; }
    .news-right-bt{ margin-top: 10px;}
    .news-right-bt h3{font-size: 18px; height: 40px; line-height: 40px;}
    .news-right-bt h3:before{ bottom: 0; top:inherit;}
    .news-right-1 ul li a{ padding: 10px 0; }
    .icampus-list{ margin: 0 auto 10px;}
    .icampus-list ul li{width: calc((100% - 15px) / 2); }
    .icampus-list ul li:nth-of-type(2n){margin-right: 0; }
    .icampus-list ul li a{ height: auto; }
    .icampus-list ul li a i{ height: 130px; }
    .icampus-list ul li p{ font-size: 14px; height: 30px; line-height: 30px; }
    .campus-popup-box{ width: 86%; }
    .campus-popup-txt i img{ max-width: 100%; min-height: 150px; }
    .campus-popup-txt .gb-btn{ right:0; }
    .condition{ margin: 0 auto 10px; }
    .recruit-bt{ margin: 0 auto 10px; }
    .table{ margin-bottom: 10px; }
    .recruit-bt h3{ font-size: 18px; padding-left: 40px;  height: 40px; line-height: 40px;}
    .recruit-bt h3:before{ width: 22px; }
    .recruit-table{ width: 100%; overflow-x: auto; }
    .table{ width: 150%; max-width: 150%; }
    .table-dark>thead>tr>td, .table-dark>thead>tr>th{ font-size: 16px; height: 40px; line-height: 40px; }
    .recruit-table .table-dark tr td{ font-size:14px; height: 36px;   }
    .table-dark2>thead>tr>td, .table-dark2>thead>tr>th{font-size: 16px; height: 40px; line-height: 40px; }
    .recruit-table .table-dark2 tr td{ font-size:14px;  padding: 10px!important;  }
    .recruit-table .table-dark2 tr td p{ font-size: 16px; }
    .condition ul{ padding: 0 10px; }
    .condition ul li{ margin: 5px auto; }
    .condition ul li span{ font-size: 14px; line-height: 24px;  margin-left: 20px;}
    .condition ul li span:before{ left:-20px; }
    .condition ul li p{ font-size: 12px; line-height: 20px; }
    .bk-box{ background:none; height: auto; }
    .table-dark3{ width: 250%; max-width: 250%; }
    .table-dark3>thead>tr>td, .table-dark3>thead>tr>th{ font-size: 16px; height: 36px; line-height: 36px; width: calc(100vw - 30px)!important; }
    .table-dark3>thead>tr>td:nth-of-type(1), .table-dark3>thead>tr>th:nth-of-type(1){ width: 15%!important; }
    .table-dark3>thead>tr>td:nth-of-type(2), .table-dark3>thead>tr>th:nth-of-type(2){ width: 15%!important; }
    .recruit-table .table-dark3 tr td{ font-size: 12px; padding: 10px!important; line-height: 20px!important; }
    .xx-site ul{ width: 100%!important; }
    .xx-site div{ width: 100%!important; }
    .xx-site div img{ width: 100%!important; height: auto!important; }
    .condition ul li span strong{ font-size: 16px; display: block; }
    .table-dark4{ width: 150%; max-width: 150%; }
    .table-dark4>thead>tr>td, .table-dark4>thead>tr>th{ font-size: 16px; height: 32px; line-height: 32px; }
    .table-dark4>thead>tr>td:nth-of-type(1), .table-dark4>thead>tr>th:nth-of-type(1){ width:calc(27% / 2); }
    .table-dark4>thead>tr>td:nth-of-type(2), .table-dark4>thead>tr>th:nth-of-type(2){ width:calc(27% / 2); }
    .table-dark4>thead>tr>td:nth-of-type(3), .table-dark4>thead>tr>th:nth-of-type(3){ width:calc(14%); }
    .table-dark4>thead>tr>td:nth-of-type(4), .table-dark4>thead>tr>th:nth-of-type(4){ width:calc(59% / 2); }
    .table-dark4>thead>tr>td:nth-of-type(5), .table-dark4>thead>tr>th:nth-of-type(5){ width:calc(59% / 2); }
    .recruit-table .table-dark4 tr td{ font-size: 14px; height: 32px; line-height: 32px; padding: 0!important;;  }
    }