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

/* Banner */
/* 1. 让 Banner 本身先复位 */
/* =====================================================
   0. 通用变量
   ===================================================== */
:root{
    --banner-h-m:180px;   /* 手机 */
    --banner-h-p:260px;   /* 平板 */
    --banner-h-d:320px;   /* PC */
}
/* 1. 卡片本身：普通块级，靠父级 flex 居中 */
.popcard {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 28px 24px 24px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* 2. 图片 */
.univ-item {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}
.univ-item img {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* 3. 标题 */
.popcard h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    text-align: center;
}
/* =====================================================
   1. 手机默认样式（≤767px）
   ===================================================== */
.Banner{
    position:relative;
    margin:0;
    overflow:hidden;
    margin-top:.1rem;
}
#focusR.swiper{
    width:100%;
    height:var(--banner-h-m);
}
.swiper-slide{height:100%}
.swiper-slide a{display:block;width:100%;height:100%;position:relative}
.swiper-slide img{width:100%;height:100%;object-fit:cover;object-position:center}

.slide-title{
    position:absolute;left:0;right:0;bottom:0;height:60px;
    padding:0 12px;line-height:60px;font-size:15px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    background:rgba(0,0,0,.55);color:#fff;
}
.slide-title::before{
    content:"热门";float:left;height:20px;line-height:20px;
    margin:20px 8px 0 0;padding:0 6px;font-size:12px;
    background:#c8213d;border-radius:2px;
}
.swiper-pagination{bottom:4px !important}
.swiper-pagination-bullet{width:6px;height:6px;background:#fff;opacity:.6}
.swiper-pagination-bullet-active{opacity:1}

/* =====================================================
   2. 平板（768px-1024px）
   ===================================================== */
@media (min-width:768px) and (max-width:1024px){
    #focusR.swiper{height:var(--banner-h-p)}
    .slide-title{height:80px;line-height:80px;font-size:18px}
    .slide-title::before{margin:30px 10px 0 0;font-size:14px}
    .swiper-pagination-bullet{width:8px;height:8px}
}

/* =====================================================
   3. PC（>1024px 可自己再细分）
   ===================================================== */
@media (min-width:1025px){
    #focusR.swiper{height:var(--banner-h-d)}
    .slide-title{height:90px;line-height:90px;font-size:22px}
    .slide-title::before{margin:35px 12px 0 0;font-size:16px}
    .swiper-pagination-bullet{width:10px;height:10px}
}
.section{background:#fff;padding: 0.5rem 0.4rem 0.4rem;box-sizing: border-box;}

/*首页标题*/
.ind-title{overflow:hidden;margin-bottom: 0.46rem;}
.ind-title h5{float: left;color: #333;position: relative;}
.ind-title h5 a{display:block;background: url(/content/imgs/ind_link.png) no-repeat right center;background-size: 0.35rem;padding-right: 0.52rem;}
.ind-title .ind-titRight{float:right;margin-top: 0.2rem;margin-right: -0.15rem;}
.ind-title .ind-titRight a{color:#999;padding: 0 0.15rem;border-right: 1px #ccc solid;font-size: 0.32rem;height: 0.3733rem;overflow: hidden;display: block;float: left;line-height: 0.3733rem;}
.ind-title .ind-titRight a:last-child{border:none;}

/* news */
.news-hot .n_con{}
.news-hot a{color: #3c3c3d;}

.n_list{/* text-align:center; */}
.n_list .n_con{line-height: 0.675rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 0.5rem;text-align: left;padding: 0.37rem 0.08rem;border-bottom: 1px #eee solid;position: relative;}
.n_list .n_con a{white-space: normal;line-height: 1.48;font-weight: normal;font-size: 0.43rem;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap:break-word;word-break:break-all;}
.n_list .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ccc;
    font-size: 0.32rem;
    margin-top: 0.25rem;
}
.n_list .info a{color: #ccc;line-height: 0.32rem;font-size: 0.32rem;}
.n_list .newsleft{float:left;width: 58%;overflow: hidden;margin-top: 0.1rem;}
.n_list .imgbox,.n_list img{border-radius: 0.1rem;overflow:hidden;}
.n_list .n_con .imgbox{float: right;width: 38%;min-height: 2rem;display: block;}
.n_adv .imgbox{width:100%;height:2.8267rem;}

.news-hot-pic{/* margin-bottom:0.2rem; */}
.news-hot-pic .n_con{height:auto;border: none;padding: 0;}
.news-hot-pic .n_con .news-c{width:100%;margin-top: 0.2rem;}
.news-hot-pic .n_con a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap:break-word;word-break:break-all;font-size: 0.4rem;line-height: 0.48rem;width: 100%;float: none;color: #555;}
.news-hot-pic .n_con .imgbox{height: 2.5rem;background: #e0e0e0;width: 100%;margin-bottom: 0.15rem;}

.news-hot .n_con{padding: 0.3rem 0.08rem;}
.news-hot a{color: #3c3c3d;}

.ind_hot{padding: 0.1rem 0.4rem;}
.ind_hot .n_con{padding: 0.3rem 0 0.4rem;height: auto;}
.ind_hot .n_list ul li:last-child{border:none;}
.ind_hot .info{margin-top: 0.3rem;}
.ind_hot .n_list .n_con .n_title{padding-left: 0.6rem;background: url(/content/imgs/remen.png) no-repeat left 0.08rem;background-size:0.35rem;-webkit-line-clamp: 1;}

/* btn */
.checkmore{text-align:center;}
.ind_btn{float:none;padding: 0 0.45rem;color: #f53232 !important;width: auto;background: #fff;border: 1px #f53232 solid;border-radius: 3rem;margin: 0.5rem auto 0.2rem;display: inline-block;}
/* ===== 大学 logo 矩阵  新增/覆盖 ===== */
#brandslide .bd {
    margin-top: 0.25rem;
}

#brandslide .bd ul{
    display: flex;
    flex-wrap: wrap;
}
#brandslide .bd ul li{
    position: relative;
    width: 25%;
    border: 1px solid #f0f0f0;
    border-left: none;
    border-top: none;
    box-sizing: border-box;
    background: #fff;
    transition: transform .25s, box-shadow .25s;
    height: auto;          /* 去掉固定高度，由内容撑开 */
    padding: .24rem .16rem .16rem;
}
#brandslide .bd ul li:nth-child(4n){border-right: none;}
#brandslide .bd ul li:hover{
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* a 标签用 flex 让图片+文字上下排列并整体居中 */
#brandslide .bd ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-decoration: none;
    color: #333;
}

/* 图片区域 */
#brandslide .bd ul li img{
    width: 72%;               /* 原来 background-size 36% 太小，直接给 img 宽度 */
    height: auto;
    object-fit: contain;
    margin-bottom: .16rem;
}

/* 学校名称 */
#brandslide .bd ul li .unv-name{
    width: 100%;
    font-size: .26rem;
    line-height: 1.4;
    text-align: center;
    color: #444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* wrap-product */
.wrap-product{height: 6.3rem;padding: 0;}
.wrap-product ul li{/* padding:0.15rem; */}
.wrap-product .imgbox{border: 1px #eee solid;padding: 0.19rem;width: 5.3rem;height: 5.3rem;margin-right: 0.32rem;}
.wrap-product .scroller .imgbox a{display:block;position:relative;height: 4.86rem;width: auto;padding: 0;overflow: hidden;margin: 0 !important;background: #f5f5f5;}
.wrap-product .imgbox img{max-height:100%;width: auto;}
.wrap-product p{font-size:0.37rem;line-height:1rem;text-align:center;margin-top: 0.12rem;}
.wrap-product .scroller ul li:last-child a{margin:0;}
.wrap-product.wrapper:after{
  box-shadow: inset -0.8rem 0rem 0.8rem rgba(255, 255, 255, 0.9) !important;
  width: 3rem;
  right: -0.5rem;
}

/* koubei */
.ind-koubei{
  margin-top:0.6rem;
}
.koubei{
  overflow: hidden;
  position: relative;
}
.koubei .imgbox{
    height: 5.6rem;
    background: #eee;
    width: 100%;
    margin-bottom: 0.13rem;
    display: block;
    border-radius: 0.13rem;
}
.koubei ul{
  overflow:hidden;
}
.koubei li{
    margin-top:0;
    float: left;
}
.koubei li>a{
  display:block;
}
.koubei .pro-name{
    font-size: 0.42rem;
    line-height: 1rem;
    padding-left: 0.2rem;
}
.koubei .ping{
    overflow:hidden;
    width: 5.33rem;
    padding-left: 0.2rem;
}
.koubei .ping>span{
    float:left;
    margin-right: 0.32rem;
    font-size: 0.37rem;
    line-height: 0.56rem;
}
.koubei .t-org{
    color:#ff6000;
}
.koubei .xing{
    font-size: 0 !important;
    display: block;
    width: 0.4rem;
    height: 0.42rem;
    margin-top: 0.06rem;
    margin-right: 0.08rem !important;
    background:url(/content/imgs/ztw_xing.png) 0 center;
    overflow: hidden;
    background-size: 0.46rem;
}
.koubei .xing1{
    width: 0.46rem;
}
.koubei .xing2{
    width: 0.92rem;
}
.koubei .xing3{
    width: 1.38rem;
}
.koubei .xing4{
    width: 1.83rem;
}
.koubei .xing5{
    width: 2.3rem;
}
.ctrbtn{
  position:absolute;
  right: 0.15rem;
  bottom: 0;
  height: 0.65rem;
  width: 1.4rem;
  background: #fff;
}
.prev,.next{
    position:absolute;
    display:block;
    width: 0.55rem;
    height: 0.55rem;
    background: url(/content/imgs/prv.png) no-repeat center #fff;
    background-size: 0.5rem;
    bottom: 0.053rem;
}
.prev{
    right: 0.78rem;
}
.next{
    right:0;
    /* Rotate div */
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* Internet Explorer */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); /* Opera */
}


/* jiameng */
.jiameng{margin-top: -0.2rem;text-align: center;}
.jiameng li{margin-top:0.2rem;}
.jiameng .jine{color:#f5c419;}
.jiameng .con{font-size:0.37rem;text-align: left;line-height: 2.5;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;}
.jiameng .imgbox{height: 2.6rem;border-radius: 0.13rem;}
.jiameng .imgbox p{position:absolute;bottom:0;background:rgba(0,0,0,0.65);width:100%;color:#fff;line-height: 0.85rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.jiameng .con .btnss{border: 1px #f53232 solid;background: #ffffff;color: #f53232;position: absolute;right: 0;top: 0.15rem;padding: 0 0.1rem;line-height: 1.5;}

/* JMCG */
.JMCG{margin-top:0.55rem;}
.JMCG .title{background-image:url(..//content/imgs/Bsn/pinpaijiameng.png);background-size:0.5rem;}
.JMCG .hd{overflow:hidden;/* border-top: 1px #eee solid; *//* border-bottom: 1px #eee solid; *//* width: 100vw; *//* margin-left: -0.4rem; */max-width: 780px;}
.JMCG .hd li{float:left;text-align:center;width: 100%;font-size: 0.37rem;line-height: 1.2rem;color: #bbb;background: #ebebeb;}
.JMCG .hd li:hover{cursor: pointer;}
.JMCG .bd{/* padding-top:0.32rem; */}
.JMCG .bd li{border: 1px #eee solid;padding: 0.32rem 0.32rem;margin-bottom: 0.32rem;border-radius: 3px;background: #f5f5f5;}
.JMCG .hd li.on{background:#fff;color: #ff6225;}
.JMCG .bd li:last-child{margin-bottom:0;}

.JMCG .DL-t{font-size: 0.37rem;font-weight: bold;}
.JMCG .DL-t span{font-weight:normal;font-size:0.32rem;}
.JMCG .DL-c{margin: 0.1rem 0 0;overflow: hidden;position: relative;}
.JMCG .DL-c .left{width: 44%;float: left;}
.JMCG .DL-c .right{width: 50%;float: right;text-align: right;}
.JMCG .DL-c .time{color:#c5c5c5;}
.JMCG .DL-c .left,.JMCG .DL-c .right,.JMCG .DL-c p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.JMCG .DL-c p{width: 75%;display:block;float: left;line-height: 0.68rem;color: #999;}
.JMCG .DL-c .btnss{padding: 0 0.12rem;width: 1.35rem;background:#fff;color: #4b92e1 !important;border: 1px #a9c4e2 solid;line-height: 0.55rem;position: absolute;right: 0;bottom: 0.05rem;}

/* sjs */
.sjs{
  background:#f5f5f5;
  border:1px #e5e5e5 solid;
  border-radius:0.12rem;
  padding: 0.4rem 0 0.68rem;
  position: relative;
}
.sjs .con{
  overflow:hidden;
  /* margin-top: 0.27rem; */
  margin: 0.27rem 0.68rem;
}
.sjs .left{
  float:left;
}
.sjs .imgbox{
  width: 2.67rem;
  height: 2.67rem;
  background: #8b8b8b;
  border-radius: 2.67rem;
  margin-right: 0.4rem;
}
.sjs .right{
  float: left;
  width: 57%;
  font-size: 0.32rem;
  color:#999;
  padding-top: 0.16rem;
}
.sjs a{
  font-size: 0.48rem;
  color:#333;
}
.sjs a:hover{
  color:#ee3535;
}
.sjs .des-style{
  margin-top: 0.27rem;
  height: 0.96rem;
  overflow: hidden;
  text-align: justify;
}
.sjs .des-fy{
  padding-left: 1rem;
  background: url(/content/imgs/ztw_feiyong.png) no-repeat left center;
  background-size: 0.85rem;
  line-height: 0.85rem;
  color:#ee3535;
  width: 3rem;
  margin-left: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sjs .des-btns{
    padding: 0;
    float: right;
    width: 3rem;
}
.sjs .des-btns a{
  width: 2.4rem;
  border-radius: 0.68rem;
  height: 0.8rem;
  line-height: 0.8rem;
  color:#fff;
  padding-left: 0.68rem;
  padding-right: 0.1rem;
  font-size: 0.32rem;
  background-image: url(/content/imgs/yuyue.png);
  background-size: 0.5rem;
  background-repeat: no-repeat;
  background-position: 0.25rem center;
  background-color:#ce252d;
  float: right;
  margin: auto;
}
.sjs .des-btns a:hover{
  background-color:#ee3535;
  color:#fff;
}
.sjs .ctrbtn{
  top: 20px;
  bottom:auto;
  right: 25px;
}
.sjs .hd ul{height: auto;width: 100%;}
.sjs .hd{position:absolute;right: 0;left: 0;margin: auto;bottom: 0.48rem;z-index: 9;text-align: center;}
.sjs .hd li{background: #bfbfbf;width: 0.15rem;height: 0.15rem;margin: 0 0.05rem;font-size: 0;border-radius: 1rem;display: inline-block;}
.sjs .hd li.on{background:#ee3535;}

/* wrap-Case */
.wrap-Case{height: 4.8rem;padding: 0;margin-top: 0.58rem;}
.wrap-Case ul li{/* padding:0.15rem; */}
.wrap-Case .Case{margin-right:0.32rem;position: relative;border-radius: 0.13rem;overflow: hidden;}

.wrap-Case .imgbox{width: 7.6rem;height: 4.8rem;position: relative;}
.wrap-Case .scroller .imgbox a{display:block;position:relative;height: 4.86rem;width: auto;padding: 0;overflow: hidden;margin: 0 !important;background: #777;border-radius: 0.12rem;}
.wrap-Case .imgbox img{}
.wrap-Case p{font-size:0.37rem;line-height:1rem;text-align:center;margin-top: 0.12rem;}
.wrap-Case .scroller ul li:last-child a{margin:0;}

.wrap-Case .Case-D{position:absolute;bottom: 0;width: 100%;line-height: 0.85rem;z-index: 99;padding: 0.18rem 0.2rem;background: rgba(0,0,0,0.65);}
.wrap-Case .Case-D .D-pic{width: 0.85rem;height: 0.85rem;min-height: 0.85rem;float: left;padding: 0;border-radius: 0.85rem;background: #000000;}
.wrap-Case .Case-D .left{overflow:hidden;width: 50%;display: block;float: left;box-sizing: border-box;}
.wrap-Case .Case-D .left span{float:left;color: #fff;font-size: 0.32rem;margin-left: 0.3rem;}
.wrap-Case .Case-D .right{color: #a5a5a5;text-align:right;width: 50%;float: right;padding: 0 0.3rem;}
.wrap-Case.wrapper:after{
  box-shadow: inset -0.8rem 0rem 0.8rem rgba(255, 255, 255, 0.9) !important;
  width:3rem;
  right: -0.5rem;
}

/* Des-yy */
.Des-yy{margin-top:0.42rem;}
.Des-yy .Des-title{text-align:center;font-size:0.37rem;line-height: 0.8rem;color: #e62956;}
.Des-yy .Des-title:before,.Des-yy .Des-title:after{content:"";display:block;border-bottom: 1px #ddd dotted;width: 3.5rem;margin-top: 0.4rem;}
.Des-yy .Des-title:before{float:left;}
.Des-yy .Des-title:after{float:right;}
.Des-yy .Des-list ul li{padding:0.32rem 0.12rem;border-bottom:1px #eee solid;}
.Des-yy .Des-link{font-size:0.43rem;}
.Des-yy .Des-link a{padding-right:1rem;max-width: 100%;box-sizing: border-box;background-image: url(/content/imgs/ztw_yy.png);background-repeat: no-repeat;background-position: center right;background-size: 0.85rem;}
.Des-yy .Des-con{overflow:hidden;margin-top: 0.12rem;}
.Des-yy .Des-con>div{float:left;color: #999;}
.Des-yy .Des-con .Des-Designer{width:40.33%;}
.Des-yy .Des-con .t-blue{color: #3da9d4;}
.Des-yy .Des-con .Des-Owner{text-align:center;width: 33.33%;}
.Des-yy .Des-con .time{width: 26.33%;color:#ccc;text-align:right;}

@media screen and (min-width:480px){
  .n_list .n_con .imgbox{
    min-height: 3rem;
  }
  .jiameng .imgbox{
    min-height: 3.5rem;
  }
  .jiameng .con .btnss{
    top: 0.2rem;
  }
}

@media screen and (min-width:680px){
  .n_list .n_con .imgbox{
    min-height: 3.5rem;
  }
  .jiameng .imgbox{
    min-height: 4.5rem;
  }
  .jiameng .con{
    margin-top: 0rem;
    font-size: 0.43rem;
  }
  
  .jiameng .con .btnss{
    top: 0.3rem;
  }

}