@charset "utf-8";
/* CSS Document */

.main-bj{  width: 100%; margin-bottom: 0.7rem;  margin-top: .52rem}
.main-box{ width: 92%;background-color: #fff; padding: 0 4%;}
.tit-box{ width: 100%; border-bottom: 1px solid #d6d6d6; position: relative; padding: .2rem 0 0 0}
.tit-box h3{ font-size: .16rem; color: #c13e3e;display: inline-block; border-bottom: 3px solid #0090d7; padding-bottom: .05rem; position: relative; bottom: -.01rem}
.tit-box span{ font-size: .12rem; color: #efefef;  text-transform: uppercase; position:absolute; right: .01rem; bottom: .07rem}



.pic-box{ width:100%; padding-top: .16rem;}
.pic-box ul{ width:100%;  }
.pic-box li{ width:calc(50% - .05rem); float:left;text-align:center; margin-bottom: 0.13rem;  }
.pic-box li a{  width:100%;  height: 29vw;max-height: 185px ;  display: block; position: relative;}
.pic-box li img{ width:100%;  height: 29vw; max-height: 185px }
.pic-box li h3{ width:calc(100% - .16rem); padding: 0 .03rem; height:.26rem; line-height:.26rem;   text-align:center;position: absolute; left: 0; bottom: .1rem; background: url(../images/tbj.png) no-repeat; background-size: 100% auto;  overflow:hidden; z-index: 9;}
.pic-box ul li:nth-child(even){ float:right;} 
.pic-box li h3 span{ width: 80%; height:.26rem; line-height:.26rem; display: block; white-space:nowrap;  text-overflow:ellipsis; font-size:0.14rem; color:#fff;overflow:hidden; }
.pic-box ul li .vid{width:100%; height: 29vw; max-height: 185px ;position: absolute; left: 0; top: 0;text-align: center; background: rgba(0, 0, 0, 0.5)  }
.pic-box ul li .vid .icon{ font-size: .26rem; color: #fff; margin-top: 7vw }



/* 加载动画 */
.spinner-bj{margin: 0.2rem 0 0 0;}
.spinner {width: 30px;height: 20px;text-align: center;font-size: 8px; margin: 0 auto; }
.spinner > div {background-color: #999;height: 100%;width: 2px;display: inline-block;
 -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}


.news{ width: 100% }
.news ul{ width: 100% }
.news ul li{ width: 100% ; border-bottom: 1px solid #cdd2d4; padding: .1rem 0;}
.news ul li a{ width: 100%; display: block ;}
.news ul li a .nl{ width: .6rem ;float: left;text-align: center;}
.news ul li a .nl h3{ width: 100%; height: .2rem;line-height: .2rem; font-size: .18rem; color: #a0a0a0; margin: .05rem 0 .01rem 0; overflow: hidden;}
.news ul li a .nl h4{ width: 100%; height: .14rem;line-height: .14rem; font-size: .12rem; color: #a0a0a0; overflow: hidden;}
.news ul li a .nr{ width: calc(100% - .7rem);float: right; height: .52rem; border-left: 1px solid #d1d1d1}
.news ul li a .nr img{ width: .8rem; float: right}
.news ul li a .nr h5{ width: calc(100% - 1rem); height: .4rem; line-height: .2rem; float: left; font-size: .14rem; color: #525252; padding-left: .1rem; text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; margin-top: .02rem}
.news ul li:last-of-type{ border: none}
.news ul li.noa .nr img{ display: none}
.news ul li.noa .nr h5{ width: calc(100% - .1rem);}

.zy-box{ width:100%;overflow:hidden;}
.zy-box ul{width:100% ;padding-bottom:.15rem; padding-top: .05rem;}
.zy-box ul li{ width:100%;border-bottom:1px solid #cdd2d4; padding: .1rem 0; overflow:hidden;}
.zy-box ul li a{ width:100%; display:block; position:relative;}
.zy-box ul li img{width: 1.1rem;  height: .726rem;   float: left;}
.zy-box ul li .rig{ width: calc(100% - 1.2rem);  float: right; position:relative}
.zy-box ul li .rig h3{ width: 100% ;height: .2rem; line-height: .2rem; font-size: .14rem; color: #0090d7; white-space:nowrap;  text-overflow:ellipsis; margin: .05rem 0 .05rem 0; overflow: hidden; }
.zy-box ul li .rig p{  width: 100%; height:.32rem;line-height:0.16rem; font-size:0.12rem; color:#525252; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow:hidden;}

.zy-box ul li .rig h3{margin: 0 0 .01rem 0;}
.zy-box ul li .rig h4{ width: 100%; height: .14rem; line-height: .14rem; font-size: .12rem; color: #828282 ; margin-bottom: .03rem; overflow: hidden;}






.lm-box{width:100%; padding: .14rem 0 .2rem 0;}
.lm-box ul{width:100%;}
.lm-box ul li{width:100%; background: url(../images/lm-x.jpg) no-repeat left bottom; background-size: 100% 3px; padding-bottom: 3px;  margin-bottom: 0.1rem;}
.lm-box ul li a{width:100%; display: block;height: 25.6vw; position: relative;}
.lm-box ul li img{width:100%; height: 25.6vw; max-height: 163px;}
.lm-box ul li .lm-bj{width:100%; height: 25.6vw;max-height: 163px;  background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0 }
.lm-box ul li .lm-bj .lmx{ width: 86%;  padding-bottom: .08rem; background: url(../images/rt.png) no-repeat bottom center; background-size: .1rem auto;text-align: center; margin: 0 auto;overflow: hidden;}
.lm-box ul li .lm-bj .lmx h3{ width: 100%; font-size: .16rem; font-weight: bold; color: #fff; margin: .19rem 0 .0rem 0;text-align: center; overflow: hidden;}
.lm-box ul li .lm-bj .lmx h4{ width: 100%; font-size: .12rem; color: #fff; display: inline-block; text-transform: uppercase; opacity: 0.7; text-align: center;}



.chuang{ width: 100% ; border-bottom: 1px solid #d6d6d6 ; padding: .15rem 0 .02rem 0}
.chuang h2{ width: 100%; font-size: .16rem; color: #bd3031; margin-bottom: .08rem}
.chuang h6{width: 100%; height: .2rem;}
.chuang span{ height: .2rem;line-height: .2rem; font-size: .12rem; color: #9b9b9b; display: block;}
.chuang .sp1{float: left;background: url(../images/tm.png) no-repeat left center;
  background-size: .14rem auto; padding-left: .16rem;}
.chuang .sp2{float: right;background: url(../images/wx.png) no-repeat left center;
  background-size: .14rem auto; padding-left: .16rem;}

  .nr-box3{ width: 100%; line-height: .2rem; font-size: .14rem; color: #656565;text-align: justify; padding: .1rem 0; overflow: hidden;}
  .nr-box3 p{ margin: 16px 0}
  .nr-box3 img{max-width: 100% !important ; height: auto !important;}
  
.xq-new{ width: 92%; padding: 0 4%; background-color: #fff; margin-top: .1rem}
.dyt{ width: 100%;max-height: 324px ; position: relative;}
.dyt img{ width: 100%; max-height: 324px}
.dyt .school{ width: 100%; height: 100%; max-height: 324px; background: url(../images/dy-bj.png) no-repeat; background-size: 100% auto; position: absolute; left: 0; top: 0}
.dyt .school h3{font-size: .18rem; color: #fff; font-weight: bold; padding: 15% 0 .05rem 18%}
.dyt .school h4{font-size: .12rem; color: #fff; padding: 0 0 0 18%; text-transform: uppercase}
.lg{ width: 100%; text-align: center ; padding: .1rem 0 .25rem 0}
.lg img{ width: 80%; height: auto;}



.tt{ width: 100%; background-color: #eeeeee; padding: .15rem 0}
.tt h3{ width: 78%; margin: 0 auto; line-height: .22rem; font-size: .16rem;  color: #6e6e6e;}


.leb2{ width: 100%; position: relative; z-index: 9; overflow: hidden;}
.leb2 ul{ width:95% ; margin: 0 auto; padding: 0 0 .3rem 0}
.leb2 ul li{ width: calc(100% - 2px); background-color: #fff;  height: .46rem; border: solid 1px #898989; margin: .12rem 0 0 0;   overflow: hidden;}
.leb2 ul li .checkoutbox .chebox { position: absolute;opacity: 0; filter: alpha(opacity=0); display: none}
.leb2 ul li .checkoutbox label a{ width: 100%; line-height:.46rem; text-align: center;   color: #969696; cursor: pointer; display: block !important; }

.leb2 ul li.hg label a{ line-height: .18rem; margin-top: .05rem}
.leb2 ul li:hover{ border: solid 1px #a10d0d; box-shadow: #e8e8e8 0px 0px 8px 2px; }
.leb2 ul li:hover .checkoutbox label a{ color: #a10d0d; font-size: .16rem}

.xb{ width: 100%; height: .52rem; background-color: #a10d0d; border: none; font-size: .16rem; color: #fff; box-shadow: #efefef 0px 0px 4px 2px;}

.bm-bj{ width: 100%; height: .52rem; background-color: #9f210d; position: fixed; left: 0; bottom: 0; z-index: 99;}
.bm-bj input{ width: 50% ; height: .52rem;float: left; border: none;background-color: #9f210d; font-size: .16rem; color: #fff}
.bm-bj .button{ background-color: #831706 ;}


.zhu{ width: 92%; padding: 0 4%; background-color: #eee;}
.zhu p{ line-height: .22rem; font-size: .14rem; color: #989fa8;text-align: justify; padding: .1rem 0 .15rem 0}
.mag2{ margin-bottom: .2rem}

.name_box{ width:100%; height:0.4rem; border:1px solid #898989; margin: 0 0 .1rem 0; border-radius: .03rem; position:relative; overflow: hidden;}
.name_box h3{ width:0.8rem; height:0.4rem; line-height:0.4rem; font-size:0.16rem; color:#6e6e6e; float: left;text-indent: .1rem }
.name_box .tei{ width:calc(100% - 0.86rem); float:right;height:0.4rem; line-height:0.4rem;font-size:0.16rem; color:#817f80; font-family:"微软雅黑" ;text-indent: .05rem; border: none;}
.sj{ position:absolute; right:0.1rem; top:0.16rem; width:0.09rem; height:0.18rem;}
.name_box h3 i{ font-style: normal ; color: #f01313; position: absolute; left: -.07rem;top: .0rem}
.tei::-webkit-input-placeholder{  color:#989fa8; font-family:"微软雅黑" ; }
.tei::-moz-placeholder{color:#989fa8; font-family:"微软雅黑" ;}
.tei:-moz-placeholder{color:#989fa8; font-family:"微软雅黑" ;}
.tei:-ms-input-placeholder{ color:#989fa8; font-family:"微软雅黑" ;}

.std{ width:calc(100% - 0.84rem); float:right;height: 0.4rem;line-height: 0.4rem; font-size: 0.16rem;
  color: #989fa8; text-indent: .05rem; border: none}

.name2{ height: auto;}
.name2 h3{ line-height: .8rem}
.name2 .std{ border-bottom: 1px solid #898989}
.name2 .std:last-of-type{ border: none}

.name3{ height: auto;}
.name3 h3{ line-height: 1.2rem}
.name3 .std{ border-bottom: 1px solid #898989}
.name3 .std:last-of-type{ border: none}

.ma5 .tei{ width: 100%; text-align: center}

.liu{ width: 100%;border: 1px solid #898989; height: 1.7rem; position: relative;}
.liu .txta{ width: calc(100% - .2rem); border: none; height: 1.32rem; padding: .1rem;font-size: 0.16rem;
  color: #817f80;font-family: "微软雅黑";}
.liu  h4{ font-size: .12rem; position: absolute;right: .12rem; bottom: .05rem;color: #c6c6c6}
.tt3 h3{ border-bottom: 3px solid #f5c190;}


.cg-bj{ width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0;z-index: 9999; display: none}
.cg-bj .ble{ width: 100%; height: 100%;}
.cg-bj .ble .cg-color{ width: 48%; margin: 0 auto; background-color: #fff; padding: .15rem 0; text-align: center;}
.cg-bj .ble .cg-color img{ width: 35%; height: auto;}
.cg-bj .ble .cg-color h4{ width: 100%; text-align: center; font-size: .16rem ;color: #6e6e6e; padding: .1rem 0 0 0}


/* -----2020.3.9增加文字，专业列表 在线查询 查询结果----- */

.wz-list{ width: 100% ; padding: .05rem 0}
.wz-list ul{ width: 100% ;}
.wz-list ul li{width: 100% ; border-bottom: 1px dashed #c0ccd5;}
.wz-list ul li a{ width: 100% ; height: .2rem;  display: block ; padding: .1rem 0}
.wz-list ul li a h3{ width: calc(100% - .79rem); height: .2rem; line-height: .2rem; font-size: .14rem; color: #525252 ;float: left;  white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.wz-list ul li a h4{ width: .7rem;text-align: right; height: .2rem; line-height: .2rem; font-size: .12rem; color: #a0a0a0 ;float: right;}
.wz-list ul li:last-of-type{border: none}


/* ----查询 -----*/

.cx-bj{width:100%; height: calc(100vh - .52rem); background: url(../images/cx-bj.jpg) no-repeat; background-size: cover; margin-top: 0.52rem}
.cx-box{width: 96%; height: 100%; margin: 0 auto;  overflow-y: scroll;}
.over{width:94%;margin: 0 auto; margin-top: 0.25rem; background: rgba(255, 255, 255, 0.9); border-radius: .04rem; box-shadow: #888 0 0 10px 1px; overflow: hidden;}

.qie-c{ width: 100%; height: 0.44rem ; border-bottom: solid 1px #ddd; overflow: hidden;}
.qie-c h3{ width: 33.33333%; height: 0.44rem ; line-height: 0.44rem; float: left; text-align: center; font-size: 0.14rem; background-color: #eb9d4c;color: #fff }
.qie-c h3:last-of-type{ border: none}
.qie-c .bd{ background-color: #fafcfe; font-weight: bold; color: #f09b44}

.cont-box{ width: 80% ;margin: 0 auto;  padding: 0.2rem 0}
.input-box{ width: calc(100% - 2px); height: 0.42rem ; border: solid 1px #bbb; position: relative; overflow: hidden;  margin-bottom: 0.14rem; border-radius: 0.04rem;}
.input-box .pp{ width: calc(100% - 0.5rem); height: 0.42rem ; line-height: 0.42rem; font-size: 0.14rem; color: #444343; padding-left: 0.1rem; background: none; border: none}
.input-box img{ width: 0.22rem ;   position: absolute; right: 0.1rem; top: 0.1rem}
.int2 img{  position: absolute; right: 0.1rem; top: 0.13rem}

.but{width: 100% ;height: 0.42rem ; line-height: 0.42rem; background-color: #ac1a1a ; text-align: center; font-size: 0.16rem; color: #fff; font-weight: bold; border: none ;border-radius: 0.04rem; margin-top: .1rem;}
.but.fh{ background-color: #f09b44}
.cx-bj .tan{ height: calc(100vh + 0.3rem) }

.lxfs{ width: 90%; margin: 0 auto; border-top: solid 1px #ddd; padding: .15rem 0 .25rem 0  }
.lxfs h5{ width: 100%; font-size: .14rem; color: #dd0d0d; margin: 0 0 .1rem 0}
.lxfs h5 span{ color: #838282;}
.lxfs h6{ width: 100%; font-size: .14rem; color: #dd0d0d;  }
.lxfs h6 span{ color: #838282;}
.lxfs h5 img{ width: .14rem; padding: 0 .03rem 0 .05rem}
.lxfs h6 img{ width: .14rem;padding: 0 .08rem 0 .15rem}

.lx2{ border: none; padding: .05rem 0 0 0;float: left;}
.lx2 img{ margin: 0;padding: 0 .03rem 0 .05rem;}
.lx2 h5 span{font-weight: normal}
.jg-bj{ width: 100%; height: 3.92rem; background: url(../images/zz5.png) no-repeat; background-size: 100% auto; margin-top: 0.3rem; margin-bottom: 0.3rem; position: relative;}
.jd-c{ width: 90%; margin: 0 auto; padding-top: 0.75rem; }
.jg-bj h3{ height: 0.32rem; line-height: 0.32rem ; font-size: 0.16rem; color: #666;}
.jg-bj h3 span{ font-weight: bold ;color:#ac1a1a;}
.jg-bj h4{  line-height: 0.32rem ; font-size: 0.16rem; color: #666;text-align:justify;}
.jg-bj h4 span{ font-weight: bold ;color:#ac1a1a; padding: 0 0.04rem;}
.jg-bj h5{font-weight: bold ;color:#f09b44; height: 0.32rem; line-height: 0.32rem ; font-size: 0.16rem;text-align:justify;}
.jd-c a{ width: 50%; height: .4rem; background-color: #ac1a1a; font-size: 0.16rem; color: #666; position: absolute; right: 25%; bottom: 0.4rem; text-align: center; line-height: .4rem; color: #fff; border-radius: .04rem}


.rw-box{ width: 96%; margin: 0 auto;}
.rw-box ul{ width: 100% ; padding:.1rem 0 .15rem 0}
.rw-box ul li{ width: calc(50% - .05rem) ; margin-top: .1rem;  height: 1.86rem;float: left; position: relative;}
.rw-box ul li img{ width: 100% ; height: 1.86rem;}
.rw-box ul li h3{ width: 92% ; height: .26rem; line-height: .26rem ; background: url(../images/xj.png) no-repeat; background-size: 100% auto; position: absolute; left: 0; bottom: .22rem;text-indent:.13rem; font-size: .14rem; color: #fff;}
.rw-box ul li:nth-child(even){float: right}








/* =================2021.4.6留言样式=================== */
.lybm{ width: calc(100% - 2px) ; height: .4rem; border: solid 1px #898989; border-radius:.03rem ; -webkit-border-radius:.03rem ; -moz-border-radius:.03rem ; -ms-border-radius:.03rem ; -o-border-radius:.03rem ;  margin: .2rem 0 0 0 ;}
.lybm h3{ width: .78rem; line-height: .4rem; font-size: .14rem; color: #6e6e6e;text-indent: .08rem;float: left;}
.lybm h3 i{font-style: normal ;color: #c13e3e}
.lybm .ybm{ width: calc(100% - .88rem) ;line-height: .4rem ;float: right; font-size: .14rem; color: #6e6e6e; border: none}

.smt1{ width: 100% ;height: .4rem ; background-color: #a10d0d;font-size: .14rem; color: #fff; border-radius:.03rem ; border: none ; margin: 1rem 0 0 0 }

.guang-bj2{ width: 100%; height: 100vh; position: fixed; left: 0;top: 0; z-index: 999; background: rgba(0, 0, 0, 0.6); }
.gg-box2{
  width:94%;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #fff ;
  transform: translate(-50%, -50%);
  border-radius:.03rem ;
  -webkit-border-radius:.03rem ;
  -moz-border-radius:.03rem ;
  -ms-border-radius:.03rem ;
  -o-border-radius:.03rem ;
  max-height: 96vh;overflow-y: auto;

}
.gg-c2{ width:calc(100% - .2rem); padding: 0 .1rem ;text-align: center; position: relative;}
.gg-c2 .tit-box{ height: .2rem; margin-bottom: .16rem}
.gg-c2 .tit-box h3{left: 0; position: absolute;}

.reply-bj{ width: 100%;}
.input-bx{ width: calc(100% - 2px) ; height: .4rem; border: solid 1px #898989; border-radius:.03rem ;  margin: .08rem 0; overflow: hidden;}
.input-bx .ipt-txt{ line-height: .4rem; font-size: .16rem;color: #6e6e6e;float: left; width: .75rem;text-align: center;}
.input-bx .iip{ width: calc(100% - .75rem); height:.4rem; line-height: .4rem;float: right;  font-size: .16rem;color: #6e6e6e;  border: none; background: none; }
.inp2 .ipt-txt{ width: .75rem;}
.inp2 .iip{width: 100%; height: 1rem; line-height: .24rem; font-size: .16rem;color: #1b3357; font-family:"微软雅黑" ;text-indent: .12rem}
.inp2{height: auto;}
.fhg{ width: 100%; text-align: center ; padding: .15rem 0}
.fhg a{ width: 1rem; height: .38rem; line-height: .38rem; text-align: center;color: #fff; background-color: #ac1a1a; display: inline-block; border-radius:.03rem ; }
.yam {border: none}
.yam .iip{ width: 1.4rem ; height: .38rem; border: solid 1px #898989; border-radius:.03rem ;float: left;text-indent: .12rem}
.yam h5{ width: .88rem; height: .4rem ; background-color: #000;float: left; margin-left: .08rem; border-radius:.03rem ;}
.input-bx .ip2{ background: url(../images/sj.jpg) no-repeat 96% center; background-size: .1rem auto}
.dwbw.dwb-s{ background-color: #ac1a1a !important}



.gg-c2 img{ width:.5rem; height: auto;}
.gg-c2 h5{ width: 100%;text-align: center; line-height: .24rem; font-size: .14rem; color: #433b3b; padding: .15rem 0}
.gg-c2 .xx{width:80%; line-height: .44rem;text-align: center; margin: 0 auto;
  height: .44rem; display: block;
  background-color: #1b3357;
  border-radius: .04rem;
  font-size: .14rem;
  color: #efc391;
}
.gg-c2 h5 span{color: #ac1a1a}
