@import url("../base.css");

/* banner图 */

#container {
	width: 100%;
	height: 380px;
	overflow: hidden;
}

.sections,
.section {
	height: 100%;
}

#container,
.sections {
	position: relative;
	width: 100%;
}

.section {
	
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	text-align: center;
	background-repeat: no-repeat;
	display: inline-block;
	float: none;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.lb {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 150px;
	height: 7px;
}

.hdp {
	display: block;
	transform: rotate(360deg);
}

.lb .an {
	width: 26px;
	height: 7px;
	margin: 0 2px;
	float: left;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
}

.lb .colorL {
	background: #6AD1F0;
}


/* banner图 */


/* 公告通知 */

.notice {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.notice_bx {
	width: 100%;
	max-width: 1200px;
	height: 40px;
	margin: 0 auto;
	padding-left: 50px;
}

.notice_bx h3 {
	display: block;
	float: left;
	line-height: 40px;
	color: #EA672C;
	font-weight: bold;
}

.notice_r{
	float: right;
	width: 96%;
	height: 100%;
	position: relative;
}
.notice_r ul{
	
}
.notice_r ul li{
	float: none;
	display: inline-block;
}
.notice_bx .lb1 a {
	color: #EA672C;
	line-height: 40px;
	margin: 0 10px;
}


/* 功能模块 */

.function {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 15px;
}

.ban_down {
	overflow: hidden;
}


/* 右侧广告位 */

.fast_r {
	float: left;
}

.fast_r ul li {
	float: left;
	margin-left: 10px;
	overflow: hidden;
	width: 232px;
	height: 130px;
}

.fast_r ul li a {
	display: block;
	width: 232px;
	height: 130px;
}

.fast_r ul li img {
	border: none;
	vertical-align: top;
	width: 232px;
	height: 130px;
}

.fast_r ul li:nth-of-type(1) {
	margin-left: 0;
}


/* 快速通道 */

.fast_path {
	width: 230px;
	height: 128px;
	background: #F9F9F9;
	border: 1px solid #DFDFDF;
	float: right;
	position: relative;
}

.fast_path ul {
	padding-top: 10px;
}

.fast_path ul li {
	width: 76px;
	height: 53px;
	float: left;
	text-align: center;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
	overflow: hidden;
}

.fast_path ul li.li_r {
	border-right: 0;
}

.fast_path ul li.li_b {
	border-bottom: 0;
}

.fast_path ul li .iconfont {
	font-size: 22px;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	/* Firefox 4 */
	-webkit-transition: all 0.8s;
	/* Safari 和 Chrome */
	-o-transition: all 0.8s;
	/* Opera */
	transform: scale(1);
}

.fast_path ul li:hover .iconfont {
	color: #0099E5;
}

.fast_path ul li.li_b a {
	padding-top: 8px;
	display: block;
}

.fast_path ul li a {
	display: block;
}

.fast_path ul li span {
	display: block;
	font-size: 12px;
	line-height: 21px;
}

.fast_path .cc {
	width: 9px;
	height: 8px;
	line-height: 0;
	font-size: 0;
	background: #F9F9F9;
	position: absolute;
	left: 0;
	top: 59px;
}

.fast_path .cc1 {
	right: 0;
	left: inherit;
}

.fast_path .cc2 {
	width: 17px;
	left: 69px;
}

.fast_path .cc3 {
	left: 146px;
}


/*校园资讯*/

#inf,
#mien,
#scen,
#contact,
#footer {
	width: 100%;
	margin-top: 33px;
}

#inf .inf-box,
#mien .mien-box,
#scen .scen-box,
#contact .contact-box,
#footer .f-box {
	max-width: 1200px;
}

.t {
	width: 100%;
	height: 31px;
	border-bottom: 2px solid #00C0FF;
}

.t img {
	width: 164px;
	height: 31px;
}

#inf .inf-box .news {
	width: 590px;
	/*height: 200px;*/
	margin-left: 10px;
	_margin-left: 2px;
}

#inf .inf-box .first {
	/*padding-right: 26px;*/
	margin-right: 10px;
	margin-left: 0;
}


/*选项卡*/

.options {
	width: 100%;
	height: 40px;
	margin-top: 28px;
	margin-bottom: 16px;
	background: #fff;
	border-bottom: 1px solid #E7E7E7;
}

.options ul {
	width: 70%;
	height: 100%;
	float: left;
}

.options .oLis {
	line-height: 39px;
	height: 100%;
	float: left;
	border: 1px solid #fff;
	border-bottom: none;
	position: relative;
}

.options .border {
	border-top-color: #00C0FF;
	border-left-color: #E7E7E7;
	border-right-color: #E7E7E7;
}

.options .oLis h4 {
	padding: 0 10px;
	font-family: "微软雅黑";
	font-size: 18px;
	color: #333;
	cursor: pointer;
}

.shade {
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 5;
	display: none;
}

.options .oLis h3 {
	height: 100%;
	text-align: center;
}

.options .more h4 {
	padding: 0 4px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	font-family: "微软雅黑";
}


/*定位*/

#inf .iner-box {
	width: 100%;
	height: 520px;
	position: relative;
	overflow: hidden;
}

#inf .iner-box .iner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

#inf .iner-box .iner .infImg {
	margin: 0 0 4px 0;
	height: 149px;
}

#inf .infImg li {
	width: 190px;
	margin-right: 6px;
	float: left;
	height: 100%;
	overflow: hidden;
}

#inf .infImg li a {
	display: block;
	/*line-height: 149px;*/
}

#inf .infImg li a img {
	width: 190px;
	height: 149px;
	vertical-align: middle;
}

#inf .newLis li {
	width: 100%;
	height: 40px;
	border-bottom: 1px dashed #333;
	float: left;
	line-height: 40px;
	overflow: hidden;
	cursor: pointer;
}

#inf .newLis li i {
	float: left;
	width: 20px;
	height: 100%;
	background: url(../../images/dot.png) no-repeat center center;
}

#inf .newLis li a {
	padding-left: 2px;
	color: #333;
	font-size: 14px;
}

#inf .newLis li span {
	padding-right: 4px;
	float: right;
	font-size: 14px;
}

#inf .newRis li {
	width: 100%;
	height: 149px;
	text-align: left;
	margin-bottom: 33px;
}

#inf .newRis li .nImg {
	width: 158px;
	height: 100%;
	overflow: hidden;
}

#inf .newRis li .nImg a {
	display: block;
}

#inf .newRis li .nImg img {
	width: 158px;
	height: 149px;
}

#inf .newRis li .nCon {
	width: 422px;
	height: 100%;
	padding-left: 10px;
}

#inf .newRis li .nCon h2 {
	width: 100%;
	line-height: 39px;
	overflow: hidden;
	cursor: pointer;
}

#inf .newRis li .nCon h3,
#inf .newRis li .nCon p {
	width: 100%;
	line-height: 26px;
	overflow: hidden;
	color: #747474;
	/*white-space:nowrap;
	text-overflow:ellipsis;*/
}

#inf .newRis li .nCon p {
	height: 78px;
}


/*校园资讯*/


/*就业风采*/

#mien {
	margin-top: 33px;
}

#mien .mImg-box {
	width: 1200px;
	height: 323px;
	position: relative;
}

#mien .mImg-box .dw {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

#mien .mImg-box .dw ul li a {
	display: block;
}

#mien .mImg-box .dw ul .mid {
	width: 451px;
	/*height: 323px;*/
}

#mien .mImg-box .dw ul li {
	overflow: hidden;
	position: relative;
}

#mien .mImg-box .dw ul li .zhe {
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	bottom: -50px;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	transition: all 0.35s;
}

#mien .mImg-box .dw ul li .show {
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
}

#mien .mImg-box .dw ul .li1 {
	width: 487px;
}

#mien .mImg-box .dw ul .li1 img {
	width: 487px;
	height: 323px;
}

#mien .mImg-box .dw ul .li2 {
	width: 217px;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 3px;
}

#mien .mImg-box .dw ul .li2:nth-of-type(1) {
	/*margin-bottom: 3px;*/
}

#mien .mImg-box .dw ul .li2 img {
	width: 217px;
	height: 160px;
}

#mien .mImg-box .dw ul .li3 {
	width: 262px;
}

#mien .mImg-box .dw ul .li3 img {
	width: 262px;
	height: 323px;
}


/*精彩视屏*/

#mien .mImg-box .dw ul .sp {
	width: 290px;
	height: 153px;
	background: #000;
	margin: 0 10px 10px 0;
}


/*就业风采*/

@keyframes lunbo {
	from {
		margin-left: -300px;
	}
	to {
		margin-left: -1800px;
	}
}


/*校园风景*/

#scen {
	margin-top: 33px;
	margin-bottom: 33px;
}

#scen .sImg {
	height: 275px;
	width: 100%;
	margin-top: 28px;
	position: relative;
	overflow: hidden;
}

#scen .sImg ul {
	width: 2400px;
	height: 275px;
	position: absolute;
	top: 0;
	left: 0;
}

#scen .sImg .whl {
	animation: lunbo 40s linear 0s infinite;
}

.sImgLi {
	width: 287px;
	height: 273px;
	border: 1px solid #9A9A9A;
	margin-right: 13px;
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}

.sImgLi1 {
	margin-right: 9px;
}

.sIcon {
	width: 100%;
	height: 213px;
	margin-bottom: 8px;
	overflow: hidden;
}

.sIcon a {
	display: block;
	width: 100%;
	height: 100%;
}

.sIcon img {
	width: 100%;
	height: auto;
}

.sInf {
	width: 100%;
	height: 52px;
	line-height: 52px;
	text-align: center;
}

.sInf span {
	line-height: 52px;
	display: block;
	color: #666;
	font-weight: 400;
}

.sImg ul .sImgLi:nth-last-of-type(1) {
	margin-right: 0;
}


/*校园风景*/


/*联系我们*/

#contactP {
	margin-top: 0;
	height: 130px;
}

.cPho {
	width: 1200px;
	margin: 46px 0 0 0;
}

.cPho ul {
	height: auto;
	text-align: center;
}

.cPho ul li {
	display: inline-block;
	height: 55px;
	width: auto;
	border: 1px solid #A6A6A6;
	background: #F3F3F3;
	margin: 0 30px 0 30px;
	_margin-left: 15px;
	line-height: 55px;
}

.cPho ul li span {
	padding: 0 12px;
	text-align: center;
	color: #D0080C;
	font-size: 36px;
	line-height: 55px;
}

.cPho ul li a {
	padding-left: 1px;
	padding-right: 15px;
	color: #666;
	line-height: 55px;
}


/*报名申请*/

.bm {
	width: 100%;
	height: 401px;
	margin-top: 40px;
	background: #E5E5E5;
	border-top: 5px solid #F0F0F0;
	position: relative;
}


/*报名申请左边背景图动画*/

@keyframes bjAct {
	from {
		opacity: 0.9;
		background-position-y: 50px;
	}
	to {
		opacity: 1;
		background-position-y: 70px;
		/*transform: translateY(0.2);*/
	}
}

.bm .mBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 50%;
	height: 100%;
	opacity: 0.9;
	background: url(../../images/bj.png) no-repeat center center;
	-moz-transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-o-transition: all 0.35s;
	background-size: 80% 70%;
}

.bm .mBg {
	animation: bjAct 0.5s ease-in-out 0s infinite alternate;
}


/*报名申请左边背景图动画*/

.mart20 {
	width: 50%;
	height: 100%;
	margin: 42px 3% 0 0;
}

.stuL {
	width: 50%;
}

.mart20 .stu {
	width: 100%;
	height: 54px;
	line-height: 54px;
	font-size: 20px;
}

.mart20 .stu input {
	background: #fff;
}

.mart20 .stu .sex {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	width: 21px;
	height: 21px;
	border: 1px solid #404040;
	border-radius: 50%;
}


/*选中状态*/

.mart20 .stu .xz {
	background: #C8232F;
}

.stu_info {
	text-align: right;
	float: left;
	width: 30%;
	font-size: 14px;
	float: left;
	margin-right: 10%;
}

.clrred {
	color: #c32325;
}

.stu_msg {
	float: left;
	width: 60%;
	height: 54px;
	line-height: 54px;
}

#radio {
	height: 21px;
	line-height: 21px;
	margin-top: 16px;
}

#radio span {
	float: left;
	display: inline-block;
	height: 21px;
	line-height: 21px;
	margin-right: 10px;
}

.stu_msg .te {
	width: 100%;
	height: 37px;
	border: 1px solid #ADADAD;
	border-radius: 5px;
	font-size: 14px;
	padding-left: 5%;
}

.stu1 {
	height: 55px;
	margin-bottom: 5px;
}

.stu1 input {
	display: inline-block;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	border: 1px solid #999;
	outline: none;
}

.stu_msg .yz {
	width: 45%;
	margin-right: 5%;
}

.stu_msg .tjyz {
	width: 40%;
	border: none;
	padding: 0;
}

.mart20 .stu .tjyz {
	background: #C8232F;
	color: #fff;
}

#submit {
	width: 100%;
	height: 51px;
	line-height: 51px;
	text-align: center;
	margin: 6px 0 auto;
	cursor: pointer;
}

#submit a {
	width: 20%;
	height: 51px;
	display: block;
	color: #fff;
	border-radius: 5px;
	background: #C8232F;
	margin: 0 auto;
	font-size: 16px;
}


/*联系我们*/


/*鼠标移入图片透明图变化*/

.opac {
	transition: all 0.8s;
}

.opac:hover {
	opacity: 0.8;
	transform: scale(1.1);
}


/*精彩照片详情页*/


/*#photo .nr ul li{
	width: 270px;
	height: 270px;
	line-height: 270px;
	text-align: center;
	overflow: hidden;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #9A9A9A;
}
#photo .nr ul li a{
	display: block;
}
#photo .nr ul li a img{
	vertical-align: middle;
}*/

.all {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	padding: 100px 20px;
	transform: scale(0);
}

@keyframes showAll {
	from {
		transform: scale(0);
	}
	to {
		transform: scale(1);
	}
}

.sImgLi:hover .all {
	animation: showAll 0.5s linear 0s 1 alternate forwards;
}

#bmtd{
    visibility: visible !important;
    position: fixed;
    _position: absolute;
    width: 310px;
    height: 144px;
    top: 50%;
    left: 50%;
    margin: -72px 0 0 -155px;
    background: url(http://h.qiao.baidu.com/v3/res/invitebg/08.png);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    z-index: 999999;
}
#bmtd .bmBtn{
    position: absolute;
    bottom: 2px;
    right:5px;
    /*left: 0;*/
    /*top: 0;*/
    margin: auto;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border: 1px solid #7292B3;
    cursor: pointer;
    background: #206CD3;
}
#bmtd  .close {
	display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 5px;
    right: 5px;
    z-index: 100;
    cursor: pointer;
    background: url(http://h.qiao.baidu.com/v3/img/matrix/btn.png) -19px -63px;
}

/*设置文字向上滚动样式*/
#scrollCon li{
	position: relative;
	text-align: center;
	color: #134698;
	padding-bottom: 10px;
	/*padding-top: 20px;*/
	font-size: 28px;
}
#scrollCon li p{
	display: inline-block;
	position: absolute;
	top: 50%;
	left:50%;
	font-size: 28px;
	color: #134698;


}
#scroll{
	/*border:1px solid #134698;*/
	position: relative;
	height:192px;
	overflow: hidden;
}