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

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

p {
	margin: 0;
	padding: 0;
}


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

.banner {
	width: 19.2rem;
	height: 6.8rem;   /*****9.64********/
	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: 6.8rem;  /*****9.64********/
	position: relative;
	overflow: hidden;
}

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

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

.banner .num a{
    width: .18rem;
	height: .18rem;
	border-radius: 1rem;
	display: inline-block;
	text-align: center;
	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: 19.2rem;
	height: 3.72rem;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/link-bg.png) repeat-x;
	background-size: .26rem;
	z-index: 50;
}

.banner .m-link .m-logo {
	width: 2.67rem;
        height: 1.81rem;
        padding: .1rem 0 0 0;
        border-radius: 0 0 .12rem .12rem;
        background: white;
        margin: 0 auto;
        position: relative;
        text-align: center;
}
.banner .m-link .m-logo img {
	width: 2.17rem;
        
}
.m-logo .link-lft {
	position: absolute;
	position: absolute;
        width: 6rem;
        height: 1rem;
        top: .55rem;
        right: 3.4rem;
	
}

.m-logo .link-lft .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-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.png) repeat-x bottom;
	background-size: .03rem;
}
.son-lk .son-sgl:hover {	
	background: black url(../images/line-blue.png) 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: left;
}
.m-logo .link-lft .spc img {
	width: .09rem;
}
.m-logo .link-rt {
	position: absolute;
        width: 6rem;
        height: 1rem;
        top: .55rem;
        left: 3.4rem;
}
.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.png) repeat-x bottom;
	background-size: .03rem;
}
.son-lk .son-sgl:hover {	
	background: black url(../images/line-blue.png) 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: 12.61rem;
	height: 3.81rem;
	margin: 0 auto;
	padding: 0.57rem 0 0 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 .ns-rt {
	float: right;
	width: 4.89rem;
}

.ns-rt .ns-sgl {
	height: .48rem;
	line-height: .48rem;
	font-size: .16rem;
	background: url(../images/line.png) 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;
	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: 12.61rem;
	height: 1.64rem;
	margin: 0 auto;
	padding: .96rem 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:10.37rem;
	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: 11.97rem;
	background: url(../images/stu-bg.jpg) right bottom no-repeat;
	background-size: 19.2rem;
}

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

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

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

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

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

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

.stu-hd .stu-ico {
	position: absolute;
	top: 1.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: 1.25rem;
	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 .01rem 0.01rem 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.png);
	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: 4.74rem;
	background: #4d4d4d;
}
	
.main-bot .bot-logo {
	width: 5.07rem;
	padding: 1.75rem 0 0 2.37rem;
	float: left;
}

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

.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.png) 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: 1.29rem 0 0 0;
	border-bottom: .01rem #767676 solid;
	font-size: .14rem;
	color: #c2c2c2;
	line-height: .22rem;
	float: left;
}

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

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

.bot-info .info3 {
}

.main-bot .bot-copy {
	margin: 0 0 0 1.05rem;
	width: 2.6rem;
}

.main-bot .bot-copy {
	width: 2.6rem;
	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;
}