@charset "utf-8";
/* 首页banner */
section.banner{text-align:center; margin:0 auto; display:table; position:relative;}
section.banner figure figcaption{ font-size:2.7em;font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;padding:25px 0;}

section.banner{ width:100%;}
section.banner figure figcaption a{color:#B51D25;}
section.banner p{ position:absolute; bottom:5%; right:8%;}
section.banner p a{ display:inline-block; width:18px; height:18px; background:#fff;margin-left:15px;}
section.banner p a:hover,section.banner p a.hover{background:#b81010;}
section.banner figure img{/* width:90%; */margin:0 auto;display:table;/* height:450px; */}

/* 首页广告*/
.ads { margin-top:20px;margin-bottom:20px;}
.ads img{ float:left;  }
.index_left{float:left;width:47%; overflow:hidden}
.index_right{float:right;width:52%; overflow:hidden}
.ads_right img{ width:49%;}.ads_right a:last-child img{ margin-left:2%;}


/* 首页幻灯片 */
.slide_pic{ width:100%; position:relative;}
.slide_pic img{width:100%; height:100%; }
.slide_pic figure{ position:relative;height:380px;}
.slide_pic figure figcaption{ position:absolute; height: 12%;background-color: rgba(0, 0, 0, 0.4);left: 0px;bottom: 0px;
  display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: left;justify-content: left;padding-left: 20px;
  font-size: 1.2em;color: #fff; width:100%;}
  .slide_pic figure figcaption a{color:#fff; font-weight:900;  max-width:75%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  
  
  .slide_pic>p{position:absolute;right: 2%;bottom: 0px;height: 20px;z-index: 9;margin-bottom: 1.5%;}
 .slide_pic>p a{ display: inline-block;width: 20px;height:100%;border: 1px solid #ccc;background: #000;color: #fff;text-align: center;line-height: 18px; margin-left:5px;}
  .slide_pic>p a:hover, .slide_pic>p a.hover{background: #b81010; color:#fff;}
 
 /* 新闻 */
 .news_box{border:1px solid #d5d5d5; }
 .news_bar{height:50px;background: #eee;border-bottom: 1px solid #d5d5d5;position: relative; line-height:50px; text-align:right; padding-right:20px; font-size:1.05em;}
  .news_bar h3{display: block; font-weight:normal; padding:0 40px;height: 51px;position: absolute;left: 0px;top: -1px;border-top: 3px solid #d73332;line-height: 48px;font-size:1.4em;color: #e41913; background:#fff;}
.news_bar a{ color:#999;}

 .news_bar h4{display:block;font-weight:normal; padding:0 40px;height: 51px; float:left;left: 0px;top: -1px;line-height: 51px;font-size:1.3em; cursor:pointer;}
 .news_bar h4:hover, .news_bar h4.hover{border-top: 3px solid #d73332;color: #e41913; background:#fff;line-height: 48px;font-size:1.4em;}




.mt20{margin-top:20px;}


.toutiao{padding:0 3%;}
.toutiao h4{text-align:center; font-size:1.4em; padding:15px 0 5px 0;}
.toutiao h4 a{ color: #e41913;}
 
.toutiao p{ font-size:0.9em; color:#999; line-height:1.7em;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.toutiao p a{color: #e41913;}

   /* 中间板块 */  
.section2{}
.section2 ul {
  margin-top: 25px;
}
.section2 ul li {display: inline-block;float: left;width: 16%;height: 141px;background-color: #f4f4f4;position: relative;}
.section2 ul li:first-child {width: 20%;background: #ccb489;text-align: center;}
.section2 ul li:first-child h3 {font-size: 2.2em;color: #fff;line-height: 141px;}
.section2 ul li a {display: inline-block;width: 100%;height: 100%;padding-top: 90px;text-align: center;}
.section2 ul li a strong {font-size: 1.4em; font-weight:normal;}
.section2 ul li a img {position: absolute;left: 50%;transition: all 0.2s ease-out 0s;}
.section2 ul li a:hover {color: #ff7e00;}
.section2 ul li a:hover img {transition: all 0.2s ease-out 0s;}
.section2 ul li:nth-child(2),.section2 ul li:nth-child(4),.section2 ul li:nth-child(6) {background: #fff;border: 1px solid #f0f0f0;}
.section2 ul li:nth-child(2) {border-left: 0px;background:#ffffff;}
.section2 ul li:nth-child(2) img {width: 43px;height: 44px;top: 27px;margin-left: -22px;}
.section2 ul li:nth-child(2) a:hover img {width: 53px;height: 54px;margin-left: -26px;top: 22px;}
.section2 ul li:nth-child(3) img {width: 68px;height: 52px;top: 29px;margin-left: -34px;}
.section2 ul li:nth-child(3) a:hover img {width: 78px;height: 60px;margin-left: -39px;top: 25px;}
.section2 ul li:nth-child(4) img {width: 46px;height: 47px;top: 30px;margin-left: -23px;}
.section2 ul li:nth-child(4) a:hover img {width: 56px;height: 57px;margin-left: -28px;top: 25px;}
.section2 ul li:nth-child(5) img {width: 50px;height: 51px;top: 30px;margin-left: -25px;}
.section2 ul li:nth-child(5) a:hover img {width: 60px;height: 61px;margin-left: -30px;top: 25px;}
.section2 ul li:nth-child(6) img {width: 41px;height: 41px;top: 36px;margin-left: -20px;}
.section2 ul li:nth-child(6) a:hover img {width: 51px;height: 51px;margin-left: -25px;top: 31px;}

/* 中下新闻 */ 
.section3{ margin-top:25px;}
.section3>div{width:32%;float:left;}
.section3>div{margin-left:2%;}
.section3>div:first-child{ margin-left:0;}



p.ads2{ padding-top:25px;}
p.ads2 img{ width:100%;}

/* 视频专区 */ 
.section4{ margin-top:25px;}
.section4 ul  li {height: 90px;width: 24.23%;float: left;margin-right: 1%;background: #e6e6e6;}
.section4 ul  li:last-child {float: right;margin-right: 0px;}
.section4 ul  li a { background-repeat:no-repeat;display: block;width: 100%;padding-left: 97px;text-align: center;line-height: 90px;font-size: 23px;color: #e11a15;transition: all 0.2s ease-out 0s;}
.section4 ul  li a:hover {font-size: 25px;transition: all 0.2s ease-out 0s;text-decoration: none;}
.section4 ul li:nth-child(1) a {background-image: url("../images/quick_1.png");}
.section4 ul  li:nth-child(2) a {background-image: url("../images/quick_2.png");}
.section4 ul  li:nth-child(3) a {background-image: url("../images/quick_3.png");}
.section4 ul li:nth-child(4) a {background-image: url("../images/quick_4.png");}


section.links{ margin:25px auto; }
section.links a{ margin-right:15px; color:#777}
section.links div.qa{padding:10px 1%;border:1px solid #d5d5d5;line-height:1.8; border-top:none;}

section.links>p{ height:40px; font-size:16px; border-bottom:1px solid #d5d5d5; position:relative}
section.links>p span{height:100%; line-height:40px; border:1px solid #d5d5d5; border-bottom:none; width:120px; text-align:center; cursor:pointer;display:block;float:left;left: 0px;top: -1px; background:#fff; z-index:999; position:absolute;}
section.links>p span:hover,section.links p span.hover{ height:41px; font-weight:900;}
section.links>p span:nth-child(2){  left:120px;}
section.links>p span:nth-child(3){ border-left:none; left:240px;}
#scroll_item{ overflow:hidden; max-height:80px;}

section.links div.qa ul{}
section.links div.qa ul  li{padding:15px;clear:both; display:block; overflow:hidden; height:60px; margin:5px 0;}
section.links div.qa ul  li:nth-child(2n){background:#EEEEEE}
section.links div.qa ul  li em{text-overflow: ellipsis;white-space: nowrap; font-weight:900;}
section.links div.qa ul  li p{color:#777display: -webkit-box; font-size:14px;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden;}





/* 学院概况 */ 
.section_about{margin-top:25px;}
.section_about .news_box:nth-child(1){float:left;width:66%;overflow:hidden;}
.section_about .news_box:nth-child(2){float:right;width:32%;overflow:hidden;}
.section_about .news_box{ height:605.2px;}
.section_about .homepic{ display:block; float:left; width:40%;}

.about_box{padding:2% 3% 3% 2%; font-size:1.15em;line-height:1.8;color:#666;}
.about_box a.about_pic{width:45%;float:left;display:block;padding:1px;}
.about_box .about_des{float:right; width:50%;}
.about_box .about_des h3{font-size: 24px;color: #d73332;font-weight: normal;text-align:center; margin-bottom:10px; border-bottom:2px solid #d73332; padding-bottom:15px;}
.about_box .about_des div{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;}
#basesroll{width:45%;float:left;display:block;padding:1px; height:262px;}
.carousel-caption{ background:rgba(0,0,0,0.3);  bottom:0; width:100%; left:0!important; }
.carousel-caption a{ color:#fff; font-size:18px;}
.carousel-caption h3{ font-size:18px;}

.base_box{padding: 2% 1% 3% 2%; margin-top:15px; overflow:hidden; clear:both;}
.base_box p.base_bar{height: 41px; clear:both;}
.base_box p.base_bar span,.base_box p.base_bar i{display:block;float:left;/* height:100%; */line-height:41px;font-size:18px;background:#eee;margin-right:10px;padding:0 25px;color:#000;cursor:pointer;border-radius: 50px;}
.base_box p.base_bar span:hover,.base_box p.base_bar span.hover,.base_box p.base_bar i{background:#b80f10;color:#fff;font-weight: bold;font-style:normal;}
.base_box p.base_bar a{float:left;display:block;height:100%;line-height: 41px;background:#eee;color:#999;font-size:38px;line-height:35px;padding:0 5px;}

.base_item{margin-top:20px;}
.base_item figure{width:24%;border:1px solid #eee;float:left;margin-right:1%;}
.base_item figure>a{display:block;overflow:hidden;width:100%; height:120px;}
.base_item figure>a img{width:100%; min-height:100%;}
.base_item figure figcaption{text-align:center;font-size:1.1em;overflow: hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;display:block; padding:10px 0;}  
    
/* 教学模式 */  
.model_box{padding: 2% 1% 3% 3%;margin-top:15px;overflow:hidden; clear:both;}
.model_box p.model_bar{clear:both;}
.model_box p.model_bar a{float:left;width:31%;height: 44px;border:1px #e1e1e1 solid;text-align: center;line-height: 44px;font-size: 14px; display:block; color:#333;margin-right:2.3%; margin-bottom:10px;}
.model_box p.model_bar a:hover,.model_box p.model_bar a.hover{border: 1px #b10108 solid;color: #fff;background: #b10108;}

.model_box .model_item{width:97%; display:block; overflow:hidden}
.model_box .model_item img{width:100%; height:200px;}
.model_box .model_item figure{ background:#eee;}
.model_box .model_item figcaption{ font-size:1.1em; padding:2%; line-height:1.6; height:210px;  color:#000; overflow:hidden; color:#333;}
/* .offcn_yx{ display:none;}*/  

.teaching{ height:458px; width:100%; overflow:hidden;}
  .teaching ul li{border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5;padding: 8px;width:100%;margin-bottom:10px ; clear:both; overflow:hidden}
 
 .teaching ul li>a{display:inline-block; float:left; width:30%; height:120px;}
  .teaching ul li>a img{ width:100%; height:100%;}
  .teaching ul li>div{ float:right; width:70%; padding:2px 10px 10px 15px;}
  .teaching ul li>div a{ font-size:1.2em;}
  .teaching ul li>div p{ padding-top:10px; line-height:1.5; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;  
        overflow: hidden; color:#8f8e8e}