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

body {
  margin: 0;
  font-family: "Microsoft Yahei";
  width: 19.2rem;}

p {
font-size: 1.25rem;
  margin: 0;
  padding: 0;}

/******/
/*****主轮播图与顶部链接********/

.banner {
  width: 19.2rem;
  height: 6rem;
  position: relative;
  overflow: hidden;
  position: relative;
  -webkit-text-shadow: .02rem .02rem .03rem rgba(0,0,0,0.6);
  -moz-text-shadow: .02rem .02rem .03rem rgba(0,0,0,0.6);
  text-shadow: .02rem .02rem .03rem rgba(0,0,0,0.6);}

.banner .demo{
  width: 19.2rem;
  height: 9.64rem;
  position: relative;
  overflow: hidden;}

.banner .demo img {
  width: 19.2rem;
  height: 9.64rem;
  border: none;}

.banner .num{
    position: absolute;
  left: 8.7rem;
  bottom: 1.1rem;
  z-index: 10;}

.banner .num a{
    width: .18rem;
  height: .18rem;
  border-radius: 1rem;
  display: inline-block;
  text-align: center;
  margin: 0 .1rem;
  cursor: pointer;
  font-family: Arial;
  background: white;
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  opacity: .5;
  box-shadow: 0 0 .05rem rgba(0,0,0,.7);
  color: white;
  font-size: .12rem;
  text-align: center;
  line-height: .16rem;}

.banner  .num a.cur{
  filter: alpha(opacity=100);
  opacity: 1;}

.banner  .demo ul{
    position: relative;
  z-index: 5;
  margin: 0;
  padding: 0;
  text-align: left;}

.banner .demo ul li{
    position: absolute;
  display: none;
  margin: 0;
  padding: 0;}

.banner .clear{
    height: 0;
  overflow: hidden;
  clear: both;}



.banner .m-link {
  width: 20.2rem;
  height: 3.72rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/link-bg.jpg) repeat-x;
  background-size: .26rem;
  z-index: 50;}
.banner .m-link  img {
    width: 160px;
    /*background: rgba(0,0,0,.2);*/
    position: absolute;
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 0;
    left: 4%;}
.banner .m-link .m-logo {
  height: 16rem;
  border-radius: 0 0 .08rem .08rem;  
  margin: 0 0 0 0;
  position: relative;}

.banner .m-link .m-logo img {
  width: 160px;
  //width: 4.0rem;}


.m-logo .link-lft {
  position: absolute;
  height: 1rem;
  top: .55rem;
  right: 4.33rem;}


.m-logo .link-lft .sgl {
  display: block;
  height: .48rem;
  float: right;
  text-decoration: none;
  color: white;
  text-align: center;
  padding: .1rem 0 .13rem 0;
  border-radius: .1rem;
  overflow: hidden;}

.m-logo .link-lft .sgl:hover {
  height: auto;
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background: rgba(0,0,0,.5);
  overflow: visible;}

.m-logo .link-lft .sgl .son-lk {
  width: 1.02rem;
  top: .72rem;
  left: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  padding:.1rem .2rem;}

.m-logo .link-lft .sgl:hover .son-lk {
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  opacity: 1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;}

.son-lk .son-sgl {
  display: block;
  font-size: .14rem;
  line-height: .43rem;
  color: white;
  text-decoration: none;
  background: url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;}

.son-lk .son-sgl:hover {  
  background: black url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;}

.m-logo .link-lft .sgl .chs {
  font-size: .18rem;
  letter-spacing: .02rem;
  line-height: .33rem;
  padding: 0 .31rem;
  text-decoration: none;
  color: white;}

.m-logo .link-lft .sgl .eng {
  font-size: .12rem;
  text-decoration: none;
  color: white;}

.m-logo .link-lft .spc {
  padding: .3rem 0 0 0;
  float: right;}

.m-logo .link-lft .spc img {
  width: .09rem;}

.m-logo .link-rt {
    position: absolute;
    width: 14rem;
    height: 1rem;
    top: .55rem;
    left: 7rem;
}


.m-logo .link-rt .sgl {
  display: block;
  height: .48rem;
  float: left;
  text-decoration: none;
  color: white;
  text-align: center;
  padding: .1rem 0 .13rem 0;
  border-radius: .1rem;
  overflow: hidden;}

.m-logo .link-rt .sgl:hover {
  height: auto;
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  background: rgba(0,0,0,.5);
  overflow: visible;}

.m-logo .link-rt .sgl .son-lk {
  width: 1.02rem;
  top: .72rem;
  left: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  padding:.1rem .2rem;}

.m-logo .link-rt .sgl:hover .son-lk {
  filter: alpha(opacity=1);
  -moz-opacity: 1;
  opacity: 1;
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;}

.son-lk .son-sgl {
  display: block;
  font-size: .14rem;
  line-height: .43rem;
  color: white;
  text-decoration: none;
  background: url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;}

.son-lk .son-sgl:hover {  
  background: black url(../images/line-blue.jpg) repeat-x bottom;
  background-size: .03rem;
  transition: all 1s;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;}

.m-logo .link-rt .sgl .chs {
  font-size: .18rem;
  letter-spacing: .02rem;
  line-height: .33rem;
  padding: 0 .31rem;
  text-decoration: none;
  color: white;}

.m-logo .link-rt .sgl .eng {
  font-size: .12rem;
  text-decoration: none;
  color: white;}

.m-logo .link-rt .spc {
  padding: .3rem 0 0 0;
  float: left;}

.m-logo .link-rt .spc img {
  width: .09rem;}








/*****通知公告********/



.notice {
  height: .57rem;
  background: #ededed;}

.notice .n-txt {
  width: 12.53rem;
  margin: 0 auto;
  font-size: .16rem;
  padding: .19rem 0 0 0;}

.n-txt .n-tit {
  font-weight: bold;
  float: left;
  font-size: .17rem;}

.n-txt .n-dtl {
  float: left;
  width: 10.8rem;}

.n-txt .n-dtl a {
  text-decoration: none;
  color: black;}

.n-txt .n-date {
  float: right;}

.n-date .n-spc {
  padding: 0 .1rem 0 0;}



.length {
  width: 19rem;
  height: .01rem;}




/*****新闻动态********/
.main-news {
    width: 14.61rem;
    height: 4.45rem;
    margin: 0 auto;
    padding-top: 0.5rem;
    padding-right: 0;
    padding-left: 1.5rem;
    padding-bottom: 0;}

.main-news .ns-lft {
  width: 6.4rem;
  height: 3.81rem;
  float: left;
  position: relative;
  font-size: .16rem;}

.ns-lft .ns-hd {
  position: absolute;
  top: 0;
  left: 0;
  font-size: .31rem;
  font-weight: bold;
  letter-spacing: .04rem;}

.ns-lft .ns-eng {
  position: absolute;
  top: .58rem;
  left: .03rem;}

.ns-lft .ns-eng img {
  width: .75rem;}

.ns-lft .ns-spc {
  position: absolute;
  top: .08rem;
  left: 1.69rem;}

.ns-lft .ns-spc img {
  width: .31rem;}

.ns-lft .ns-tit {
  position: absolute;
  top: 0;
  right: 0;
  font-size: .22rem;
  line-height: .35rem;
  letter-spacing: .02rem;
  width: 4.16rem;
  font-weight: bold;}


.ns-lft .ns-dtl {
  position: absolute;
  display: block;
  color: black;
  text-decoration: none;
  bottom: 0;
  left: 0;
  line-height: .28rem;
  text-indent: .32rem;}

.ns-lft .ns-dtl:hover {  
  -webkit-transform: scale(1.05,1.05);
  -moz-transform: scale(1.05,1.05);
  transform: scale(1.05,1.05);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;}

.ns-lft .ns-dtl .ns-date {
  position: absolute;
  top: -.48rem;
  right: 0;
  font-size: .18rem;
  letter-spacing: .02rem;}

.ns-lft .ns-dtl .ns-dthd {
  position: absolute;
  top: .09rem;
  left: -.33rem;}

.ns-lft .ns-dtl .ns-dthd img {
  width: .07rem;}








.main-news .news-rt {
    width: 4.89rem;}

.news-rt .ns-sgl {
  height: .48rem;
  line-height: .48rem;
  font-size: .16rem;
  background: url(../images/line.jpg) repeat-x bottom;
  background-size: .03rem;
  padding: 0 .13rem 0 .12rem;
  display: block;
  text-decoration: none;
  color: black;}

/******左侧新闻********/

.news-hd {
  position: relative;
  top: 0;
  left: 0;
  font-size: .31rem;
  font-weight: bold;
  letter-spacing: .04rem;}

.news-hd2 {
  position: relative;
  top: 0;
  left: 0;
  font-size: .31rem;
  font-weight: bold;
  letter-spacing: .04rem;}


.ns-eng {
  position: relative;
  top: .58rem;
  left: .03rem;}



.main-news .ns-lt {
  float: left;
  width: 3.89rem;}

.ns-sgl {
  height: .48rem;
  line-height: .48rem;
  color: black;
  font-size: .16rem;
  background: url(../images/line.jpg) repeat-x bottom;
  background-size: .03rem;
  padding: 0 .13rem 0 .12rem;
  display: block;
  text-decoration: none;
  color: black;}
.main-news  .news-lt{
  float: left;
  width: 4.89rem;}




.main-news  .news-rt{
  float: right;
  width: 4.89rem;}




.ns-lt .ns-sgl {
  height: .48rem;
  line-height: .48rem;
  color: black;
  font-size: .16rem;
  background: url(../images/line.jpg) repeat-x bottom;
  background-size: .03rem;
  padding: 0 .13rem 0 .12rem;
  display: block;
  text-decoration: none;
  color: black;}






.ns-sgl .ns-pot {
  float: left;
  padding: 0 .07rem 0 0;}

.ns-sgl .ns-news {  
  float: left;
  overflow: hidden;
  color: black;
  text-overflow: ellipsis;
  white-space: nowrap; 
  width: 3.85rem;}

.ns-sgl .ns-news:hover {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;}

.ns-sgl .ns-nsdt {  
  float: right;}






.ns-more {
  width: 4rem;
  height: 1.2rem;
  margin: 0 auto;
  padding: .4rem 0 0 0;
  /*background: url(../images/ns-more.png) no-repeat 6.8rem .7rem;*/
  background-size: 2.22rem;}
  
.ns-more .more-bt {
  margin: 0 auto;
  display: block;
  width: 1.83rem;
  height: .4rem;
  border-radius: .5rem;
  background: #01cfe2;
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: .4rem;
  font-size: .18rem;
  letter-spacing: .01rem;}

.ns-more .more-bt:hover {
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;}



/*****信息列表********/




/*****专业介绍********/
  
.main-mj {
  width: 19.2rem;
  height: 8.38rem;
  position: relative;}

.main-mj .mj-bg {
  width: inherit;
  height: inherit;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;}

.main-mj .mj-bg img {
  width: inherit;
  overflow: hidden;}

.main-mj .mask {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
  position: absolute;
  z-index: 20;}

.main-mj .mj-bt {
  width: 12.13rem;
  height: 8rem;
  position: absolute;
  top: .49rem;
  left: 3.7rem;
  z-index: 30;}

.mj-bt .bt-sml {
  width: 1.92rem;
  height: 1.92rem;
  float: left;
  margin: 0 .07rem .07rem 0;
  display: block;
  text-decoration: none;}

.mj-bt .bt-big {
  width: 6.04rem;
  height: 1.92rem;
  float: left;
  margin: 0 .07rem .07rem 0;
  display: block;
  text-decoration: none;}

.mj-bt .bt-mid {
  width: 3.91rem;
  height: 1.92rem;
  float: left;
  margin: 0 .07rem .07rem 0;
  display: block;
  text-decoration: none;}

.mj-bt .bt-sml img,.mj-bt .bt-big img,.mj-bt .bt-mid img {
  width: inherit;}

.mj-bt a.bt-sml:hover,.mj-bt a.bt-big:hover,.mj-bt a.bt-mid:hover {  
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
  transition: all 0.4s;
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  box-shadow: 0 0 .3rem rgba(0,0,0,.5);}






/*****专业介绍********/


.main-stu {
  width: 19.2rem;
  height: 14.67rem;
  background: url(../images/stu-bg.jpg) right bottom no-repeat;
  background-size: 19.2rem;}

.main-stu .stu-hd {
  width: 14.54rem;
  height: 4.72rem;
  margin: 0 auto;
  position: relative;
  color: black;}

.stu-hd .stu-tit {
  position: absolute;
  font-size: .38rem;
  font-weight: bold;
  letter-spacing: .04rem;
  top: 1.85rem;
  left: 6.25rem;}

.stu-hd .stu-spc {
  position: absolute;
  top: 1.94rem;
  left: 8.06rem;}

.stu-hd .stu-spc img {
  width: .32rem;}

.stu-hd .stu-eng {
  position: absolute;
  top: 2.21rem;
  left: 8.54rem;}

.stu-hd .stu-eng img {
  width: .79rem;}

.stu-hd .stu-ico {
  position: absolute;
  top: 2.56rem;
  left: 3.85rem;}

.stu-hd .stu-ico img {
  width: 1.16rem;}

.stu-hd .stu-txt {
  position: absolute;
  font-size: .16rem;
  line-height: .28rem;
  top: 2.75rem;
  left: 5.46rem;}






.main-stu .stu-blc {
  width: 14.54rem;
  height: 7.7rem;
  margin: 0 auto;
  padding: 0 0 0 .11rem;}

.stu-blc .stu-sgl {
  display: block;
  text-decoration: none;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 .11rem .11rem 0;
  overflow: hidden;
  position: relative;
  float: left;}

.stu-sgl:hover {  
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  box-shadow: 0 0 .3rem rgba(0,0,0,.5);
  transform: scale(1.12,1.12);
  -moz-transform: scale(1.12,1.12);
  -webkit-transform: scale(1.12,1.12);
  z-index:90;
  outline: .01rem white solid;}

.stu-blc .stu-sgl img {
  width: 100%;
  height: 100%;
  object-fit: cover;}

.stu-sgl .stu-msk {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;}

.stu-sgl:hover .stu-msk {
  background: none;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;}

.stu-sgl .stu-info {
  height: .46rem;
  background: url(../images/alp70-bg.jpg);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 30;
  color: white;
  font-size: .16rem;
  line-height: .26rem;
  padding: .06rem .1rem .1rem .25rem;
  filter: alpha(Opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}

.stu-sgl:hover .stu-info {
  filter: alpha(Opacity=1);
  -moz-opacity: 1;
  opacity: 1;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;}
  
.main-stu .stu-more {
  margin: 0 auto;
  display: block;
  width: 1.83rem;
  height: .4rem;
  border-radius: .5rem;
  background: #01cfe2;
  color: white;
  text-decoration: none;
  text-align: center;
  line-height: .4rem;
  font-size: .18rem;
  letter-spacing: .01rem;}

.main-stu .stu-more:hover {
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;}





/*****底部版权等********/


.bot-bar {
  height: .58rem;
  background: #272727;}

.main-bot {
  width: 19.2rem;
  height: 3.6rem;
  background: #4d4d4d;}
  
.main-bot .bot-logo {
  width: 5.07rem;
  padding: 1.75rem 0 0 2.37rem;
  float: left;}

.main-bot .bot-logo img {
  width: 3.28rem;}

.main-bot .bot-link {
  float: left;
  width: 2.6rem;
  padding: 1.13rem 0 0 0;}

.bot-link .bot-sgl {
  display: block;
  float: left;
  width: 1.3rem;
  height: .52rem;
  color: #e2e2e2;
  line-height: .52rem;
  background: url(../images/line-grey.jpg) repeat-x bottom;
  font-size: .16rem;
  text-decoration: none;
  letter-spacing: .03rem;}

.bot-link .bot-sgl:hover {
  color: white;
  font-weight: bold;
  font-size: .16rem;}

.bot-link .bot-sgl .bot-hd {
  padding: 0 .1rem 0 .05rem;}


.main-bot .bot-info {
  width: 2.72rem;
  height: 1.92rem;
  margin: 0 0 0 1.2rem;
  padding: 0.8rem 0 0 0;
  border-bottom: .01rem #767676 solid;
  font-size: .14rem;
  color: #c2c2c2;
  line-height: .22rem;
  float: left;}

.bot-info .info1 {
  font-size: .22rem;
  font-weight: bold;
  letter-spacing: .03rem;
  color: #d9d9d9;}

.bot-info .info2 {
  padding: .18rem 0;}

.bot-info .info3 {}




.main-bot .bot-copy {
  width: 7.0rem;
  margin: 0 0 0 1.05rem;
  padding: 1.29rem 0 0 0;
  font-size: .14rem;
  color: #939393;
  line-height: .22rem;
  float: left;}

.bot-copy .copy1 {
  padding:0;}

.bot-copy .copy2 {
  display: block;
  text-decoration: none;
  color: #939393;}

.bot-copy .copy2 img {
  width: .18rem;
  padding: .01rem .05rem 0 0;
  float: left;}

.bot-copy .copy3 {
  display: block;
  width: .8rem;
  padding: .05rem 0 .05rem 0;
  font-size: .16rem;
  text-decoration: none;}

.bot-copy .copy3 img {
  width: .73rem;
  padding: 0 0 0 0;}

.bot-copy .copy2:hover {
  -webkit-transform: scale(1.1,1.1);
  -moz-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;}

.bot-copy .copy3:hover {
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;}

.bot-copy .copy4 {
  padding:0;}