@charset "utf-8";
/* 浏览器宽度自适应 */
@media only screen and (max-width:640px) {
.w-zsy{ width:95%}
}
@media only screen and (min-width:640px) and (max-width:1024px) {
.w-zsy{ width:98%}
}
@media only screen and (min-width:1025px) and (max-width:1366px) {
.w-zsy{ width:92%}
}
@media only screen and (min-width:1367px) and (max-width:1440px) {
.w-zsy{ width:1200px}
}
@media only screen and (min-width:1441px) and (max-width:1920px) {
.w-zsy{ width:1200px}
}
@media only screen and (min-width:1920px)  {
.w-zsy{ width:1200px;}
}
/*banner-star*/
#banner2{width:100%;position:relative; z-index:90; height:594px; padding-top:80px;overflow:hidden;}
#banner2 .flexslider{position:relative; overflow:hidden;width:1587px; height:594px; left:50%; margin-left:-793px;}
#banner2 .flexslider .slides{position:relative;z-index:1; list-style:none; padding:0;width:1587px; height:594px;}
#banner2 .flexslider .slides li{ position:relative; margin:0;width:1587px; height:594px; padding:0;overflow:hidden; z-index:1;}
#banner2 .flexslider .slides li img{width:100%; min-height:594px;}
#banner2 .flexslider .slides li .xinxi{ position:absolute; left:10%; bottom:50px; padding:10px 20px 17px 20px; max-width:85%;background:url(../images/banner-xinxi-bg.png)/*tpa=http://www.hnu.edu.cn/images/banner-xinxi-bg.png*/ repeat; margin:0; z-index:99;}
#banner2 .flexslider .slides li .xinxi .biaoti{line-height:42px; height:42px; overflow:hidden; font-size:24px; font-weight:bold;}
#banner2 .flexslider .slides li .xinxi .zhaiyao{height:44px;line-height:22px; overflow:hidden; font-size:14px; margin-top:20px;color:#fff;}
#banner2 .flexslider .slides li .xinxi a{ color:#fff;}
#banner2 .flexslider .slides li .xinxi a:hover{ color:#bb322d;}

#banner2 .flexslider .flex-control-nav{position:absolute;bottom:0;z-index:2;width:1587px; left:0; list-style:none; text-align:center; margin:0; padding:0; height:47px;}
#banner2 .flexslider .flex-control-nav li{display:inline-block;width:11px;height:10px;margin:18px 5px 0 5px;*display:inline;zoom:1;}
#banner2 .flexslider .flex-control-nav a{display:inline-block;width:11px;height:10px;line-height:100px;overflow:hidden; background:url(../images/banner-icon_a.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_a.png*/ no-repeat;cursor:pointer;}
#banner2 .flexslider .flex-control-nav .flex-active{background:url(../images/banner-icon_hover.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_hover.png*/ no-repeat;}

#banner2 .flexslider .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top:-25px; height:50px;}
#banner2 .flexslider .flex-direction-nav li a{display:block;width:50px; height:50px;overflow:hidden;cursor:pointer;position:absolute;}
#banner2 .flexslider .flex-direction-nav li a.flex-prev{left:5%;background:url(../images/banner-icon_prev.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_prev.png*/ no-repeat;}
#banner2 .flexslider .flex-direction-nav li a.flex-next{right:5%;background:url(../images/banner-icon_next.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_next.png*/ no-repeat;}


#banner{width:100%;position:relative; z-index:90;}
.w100{width:100%;}
#banner .flexslider{position:relative;overflow:hidden; width:100%;}
#banner .flexslider .slides{position:relative;z-index:1; list-style:none; margin:0; padding:0;min-width:1200px;}
#banner .flexslider .slides li{ position:relative; margin:0; padding:0;}
#banner .flexslider .slides li .xinxi{ position:absolute; left:10%; bottom:50px; padding:10px 20px 17px 20px; max-width:50%;background:url(../images/banner-xinxi-bg.png)/*tpa=http://www.hnu.edu.cn/images/banner-xinxi-bg.png*/ repeat; margin:0;}
#banner .flexslider .slides li .xinxi .biaoti{line-height:42px; height:42px; overflow:hidden; font-size:24px; font-weight:bold;}
#banner .flexslider .slides li .xinxi .zhaiyao{height:44px;line-height:22px; overflow:hidden; font-size:14px; margin-top:20px;color:#fff;}
#banner .flexslider .slides li .xinxi a{ color:#fff;}
#banner .flexslider .slides li .xinxi a:hover{ color:#fe7000;}

#banner .flexslider .flex-control-nav{position:absolute;bottom:0;z-index:2;width:100%; left:0; list-style:none; text-align:center; margin:0; padding:0; height:40px;}
#banner .flexslider .flex-control-nav li{display:inline-block;width:11px;height:10px;margin:15px 5px 0 5px;*display:inline;zoom:1;}
#banner .flexslider .flex-control-nav a{display:inline-block;width:11px;height:10px;line-height:100px;overflow:hidden; background:url(../images/banner-icon_a.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_a.png*/ no-repeat;cursor:pointer;}
#banner .flexslider .flex-control-nav .flex-active{background:url(../images/banner-icon_hover.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_hover.png*/ no-repeat;}

#banner .flexslider .flex-direction-nav{position:absolute;z-index:3;width:100%;top:50%; margin-top:-25px; height:50px;}
#banner .flexslider .flex-direction-nav li a{display:block;width:50px; height:50px;overflow:hidden;cursor:pointer;position:absolute;}


#banner .flexslider .flex-direction-nav li a.flex-prev{left:5%;background:url(../images/banner-icon_prev.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_prev.png*/ no-repeat;}
#banner .flexslider .flex-direction-nav li a.flex-next{right:5%;background:url(../images/banner-icon_next.png)/*tpa=http://www.hnu.edu.cn/images/banner-icon_next.png*/ no-repeat;}
/*banner-end*/
/*焦点图*/
.focus{width:100%;height:380px;position:relative;overflow:hidden;/*margin-bottom: 30px;*/}
.focus img {width:100%;height:380px;transition:1s;}
.focus img:hover{filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;transition:1s; transform:scale(1.05);-webkit-transform:scale(1.05);}
.yx-rotaion{margin:0 auto;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{width:560px;height:44px;line-height:30px;padding:0 10px;position:absolute;left:0;bottom:0;_bottom:-1px;z-index:1;overflow:hidden;}
.yx-rotation-title a.yx-rotation-t{height:44px;line-height:44px;font-size:21px;color:#fff;position:absolute;z-index:2;overflow:hidden;}
.yx-rotation-focus{height:10px;right:20px;bottom:0;z-index:2000000;top: 354px;_display:none;}
.yx-rotation-focus span,.whr-rotaion .yx-rotation-focus li{float:left;background:#fff;width:5px;height:5px;margin:2px 9px 0 0;text-indent:-9999px;position:relative;cursor:pointer;}
.yx-rotation-focus span.hover,.whr-rotaion .yx-rotation-focus li.hover{background:#0d59a7;width:10px;height:10px;margin:0 9px 0 0;}
.yx-rotaion-btn{display:none!important;}
.yx-rotation-mask{background:#000;width:580px;height:44px;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;position:absolute;bottom:0;left:0;}

.whr-rotaion ul li {position: relative;}
.whr-rotaion ul li a { height:380px;display: block; text-decoration:none}
.whr-rotation-title {position: absolute;bottom: 0px;left: 0px;width: 580px;height: 40px;line-height: 40px;padding: 0}
.whr-rotation-title a.yx-rotation-t { height:40px; width:80%; overflow:hidden;text-overflow:ellipsis;white-space: nowrap; padding-left:10px;font-size: 21px;color: #fff;position: absolute;z-index: 2;overflow: hidden;}



/*新闻-star*/
.hdxinwen{margin:40px auto 40px auto;}
.hdxw-bt{ height:34px; line-height:34px; position:relative; z-index:999;}
.hdxw-bt-left{ width:200px; height:34px;font-size: 16px;}
.hdxw-bt-left a{ color:#1d5fbb;transition:0.5s;}
.hdxw-bt-left a:hover{ padding-left:5px;transition:0.5s; color:#1e2089}
.hdxw-bt-search{ width:180px; height:33px;position:relative;}
.hd-search-left{ width:165px; background:url(../images/search-bg-box.jpg)/*tpa=http://www.hnu.edu.cn/images/search-bg-box.jpg*/ no-repeat;padding-left:15px; height:33px; line-height:33px; color:#808080;}
.hd-search-list{ width:180px; position:absolute; display:none; font-family:"宋体";}
.hd-search-list li{ width:180px; height:30px; line-height:30px; color:#808080; background-color:#f2f2f2; text-indent:1em; border-bottom:1px dotted #cecdcc;}
.hd-search-list li:hover{background-color:#a8322c; color:#fff;}

.hdxw-bt-center{ line-height:33px; height:33px; font-size:14px; margin-right:60px;}
.hdxw-bt-center span{ padding:0 20px;}
.hdxw-bt-center a{color:#808080; text-indent:4em;}
.hdxw-bt-center a:hover{color:#1e2089;}

.hdxw-left{width:48%;position:relative;height:380px; margin-top:30px;}
.hdxw-left .slides{position:relative;z-index:1; list-style:none; margin:0; padding:0; width:100%;}
.hdxw-left .slides li{ position:relative; margin:0; padding:0; width:100%; height:380px;}
.hdxw-left-bg{width:580px; height:380px;position:absolute; top:0; left:0; overflow:hidden; overflow:hidden;}
.hdxw-left-bg .hdxw-left-bg-img{width:580px; height:380px;transition:1s;}
.hdxw-left-bg .hdxw-left-bg-img img{width:580px;min-height:380px;}
.hdxw-left-bg:hover .hdxw-left-bg-img{width:580px; min-height:380px;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;transition:1s; transform:scale(1.05);-webkit-transform:scale(1.05);}

.hdxw-left-wenzi{ position:absolute; width:80%; top:395px; left:0; z-index:2;line-height:30px; max-height:60px; overflow:hidden;font-size:16px;}
.hdxw-left-wenzi a{color:#666;}
.hdxw-left-wenzi a:hover{color:#1e2089;}
.hdxw-left-wenzi img{width:18px;height:18px;vertical-align:middle; margin-left:5px;}

.hdxw-left .flex-control-nav{position:absolute;bottom:26px;z-index:2;width:100px; right:0; list-style:none; text-align:right; margin:0; padding:0; height:34px;}
.hdxw-left .flex-control-nav li{display:inline-block;width:8px;height:8px;margin:13px 5px 0 5px;*display:inline;zoom:1;}
.hdxw-left .flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:100px;overflow:hidden; background:url(../images/xinwen-icon-a.png)/*tpa=http://www.hnu.edu.cn/images/xinwen-icon-a.png*/ no-repeat;cursor:pointer;}
.hdxw-left .flex-control-nav .flex-active{background:url(../images/xinwen-icon-on.png)/*tpa=http://www.hnu.edu.cn/images/xinwen-icon-on.png*/ no-repeat;}
.hdxw-left .flex-direction-nav{ display:none;}

.hdxw-right{width:48%; margin-top:25px; position:relative; z-index:99;}
@media only screen and (max-width:1024px) {
.hdxw-right{width:98%; margin-top:25px; position:relative; z-index:99;}
}
.hdxw-right ul{list-style:none; margin:0; padding:0;}
.hdxw-right ul li{ width:100%; background:url(../images/list-icon.png) no-repeat 5px center;height:36px; line-height:36px; position:relative;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;transition:0.5s; font-size:16px; margin:0;float:left;}

.hdxw-right ul li:first-child{visibility: visible; animation-delay: 0.1s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(2){visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(3){visibility: visible; animation-delay: 0.3s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(4){visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(5){visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(6){visibility: visible; animation-delay: 0.6s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(7){visibility: visible; animation-delay: 0.7s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(8){visibility: visible; animation-delay: 0.8s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(9){visibility: visible; animation-delay: 0.9s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(10){visibility: visible; animation-delay: 1s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(11){visibility: visible; animation-delay: 1.1s; animation-name: fadeInRight;}
.hdxw-right ul li:nth-child(12){visibility: visible; animation-delay: 1.2s; animation-name: fadeInRight;}
@media only screen and (max-width:1024px) {
.hdxw-right ul li:nth-child(8){ display:none}
.hdxw-right ul li:nth-child(9){display:none}
.hdxw-right ul li:nth-child(10){display:none}
.hdxw-right ul li:nth-child(11){display:none}
.hdxw-right ul li:nth-child(12){display:none}
}
.hdxw-right ul li:hover{ padding:0 0 0 5px;width:100%;transition:0.5s;}
.hdxw-right ul li .div_t{height:36px;padding:0 80px 0 20px; line-height:36px; position:relative;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}
.hdxw-right ul li span{ position:absolute; right:0; text-align:right; width:80px; top:0; color:#1d5fbb; font-size:14px;}
.hdxw-right ul li a{color:#666;}
.hdxw-right ul li a:hover{color:#1e2089;}
/*新闻-end*/

/*--招生信息和专业介绍--*/
.zs-zy{width:100%; height:617px;background:url(../images/zhaosheng_bg.jpg) no-repeat center top;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
@media only screen and (max-width:1024px) {
.zs-zy{width:100%; height:auto;background:url(../images/zhaosheng_bg.jpg) no-repeat center top;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
}
.zs-zy-bt{ margin:50px 0 20px 0; width:100%;}
.zs-zy-bt-left{ font-size:16px; color:#ffffff}
.zs-zy-bt-left a{ color:#ffffff;transition:0.5s;}
.zs-zy-bt-left a:hover{ padding-left:5px;transition:0.5s;}
@media only screen and (max-width:1024px) {
.zs-zy-bt-left a{ color: #1d5fbb;transition:0.5s;}
.zs-zy-bt-left a:hover{ color:#1e2089; padding-left:5px;transition:0.5s;}
}
.zs-zy-bt-right{width:77px; height:6px; margin-top:9px;transition:0.5s;}
.zs-zy-bt-right:hover{width:77px; height:6px; margin:9px 5px 0 0;transition:0.5s;transform:scale(1.05);-webkit-transform:scale(1.05);}


.zhaosheng{ width:35%;}
.major{ width:61%;}
@media only screen and (max-width:1024px) {
.zhaosheng{ width:100%;}
.major{ width:100%; margin-top:50px;}
.major .zs-xs-bt-left a {
    color: #1d5fbb;
    transition: 0.5s;
}
.major-box{ padding:0 0}
}
.zhaosheng-list{ height:450px; background:url(../images/jzyg_bg.png) repeat;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.zhaosheng-top{width:100%; height:260px;position:relative; overflow:hidden;}

.zhaosheng-top img{width:100%; min-height:260px;}
.zhaosheng-top .ceng-bt{ position:absolute; bottom:40px; left:0; width:74%; background:#ffde00; line-height:1.2em; padding:20px; font-size:24px; color:#ef7403;transition:0.5s;}
.zhaosheng-top .ceng-bt:hover{ position:absolute; bottom:40px; left:0; width:74%; background:#ef7403; line-height:1.2em; padding:20px; font-size:24px; color:#ffde00;transition:0.5s;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}

.zhaosheng-foot{padding:7px 20px 0 20px; height:183px; position:relative;background-color: rgba(255,255,255,0.88);}
.zhaosheng-more{ width:76px;position:absolute; right:8px; bottom:8px; background:#1e2089; color:#fff; text-align:center; height:28px; line-height:28px; font-size:12px;transition:0.5s;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.zhaosheng-more:hover { width:76px;position:absolute; right:13px; bottom:8px; background:#1d5fbb; color:#fff; text-align:center; height:28px; line-height:28px; font-size:12px;transition:0.5s;}
.zhaosheng-more a{color:#fff;}
.zhaosheng-more a:hover{color:#fff;}

.jz-li{background: url(../images/list-icon.png) no-repeat 5px center; height:29px; line-height:29px; color:#ffffff;}
.zhaosheng-foot ul{ margin:0; padding:0; list-style:none}
.zhaosheng-foot ul li{
    width: 100%;
    background: url(../images/list-icon.png) no-repeat 5px center;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    margin: 0;
    float: left;transition:0.5s;}
.zhaosheng-foot ul li:first-child{visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;}
.zhaosheng-foot ul li:nth-child(2){visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;}
.zhaosheng-foot ul li:nth-child(3){visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;}
.zhaosheng-foot ul li:nth-child(4){visibility: visible; animation-delay: 0.8s; animation-name: fadeInLeft;}
.zhaosheng-foot ul li:nth-child(5){visibility: visible; animation-delay: 1s; animation-name: fadeInLeft;}
	
.zhaosheng-foot ul li .div:hover{ padding-left:25px; transition:0.5s;
}
	
.zhaosheng-foot ul li a{color:#666;
}
.zhaosheng-foot ul li a:hover{color:#1e2089; 
}
.zhaosheng-foot ul li .div {
    padding: 0 60px 0 20px;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;transition:0.5s;

}
.zhaosheng-foot ul li span {
    position: absolute;
    right: 0;
    text-align: right;
    width: 40px;
    top: 0;
    color: #1d5fbb;
    font-size: 12px;
}
.major-list{ height:448px; background: url(../images/xsdt_bg.png) repeat; border:1px solid #98bfe2;box-sizing: border-box;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.major-box{ padding:21px 22px; width:93.99%; position:relative}
@media only screen and (max-width:1024px) {
.major-box{ padding:0 0; width:100%}
.major-list{ height:auto}
}

.major-box a span2{text-align: center; position:absolute; z-index:1000;  width:100%; height:50px; line-height:50px; margin-top:148px; font-size:16px; background-color: rgba(239,116,3,0.88); color:#FFFFFF;transition: 1s;}
.major-box a:hover span2{ display:none;transition: 1s;}
.major-box .tile { width: 31.8%; height: 193.8px; margin: 3px; background-color: #ffde00; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color: #1e2089; z-index:999 }

@media only screen and (max-width:1366px) {
.major-box a span2{text-align: center; position:absolute; z-index:1000;  width:100%; height:50px; line-height:50px; margin-top:78px; font-size:16px; background-color: rgba(239,116,3,0.88); color:#FFFFFF;transition: 1s;}
.major-box .tile { width: 47.2%; height: 123.8px; margin: 4px; background-color: #99aeff; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color: white; z-index:999 }
}
@media only screen and (max-width:1024px) {
.major-box a span2{text-align: center; position:absolute; z-index:1000;  width:100%; height:50px; line-height:50px; margin-top:194px; font-size:16px; background-color: rgba(239,116,3,0.88); color:#FFFFFF;transition: 1s;}
.major-box .tile { width: 47.2%; height: 243.8px; margin: 4px; background-color: #99aeff; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color: white; z-index:999 }
.dots { position: absolute; bottom: 20px; right: 30px; margin: 0 auto; width: 30px; height: 30px; color: currentColor; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
}
@media only screen and (max-width:640px) {
.major-box a span2{text-align: center; position:absolute; z-index:1000;  width:100%; height:50px; line-height:50px; margin-top:98px; font-size:16px; background-color: rgba(239,116,3,0.88); color:#FFFFFF;transition: 1s;}
.major-box .tile { width: 47.2%; height: 143.8px; margin: 4px; background-color: #99aeff; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color: white; z-index:999 }
.dots { position: absolute; bottom: 5px; right: 30px; margin: 0 auto; width: 30px; height: 30px; color: currentColor; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
}
@media only screen and (max-width:384px) {
.major-box a span2{text-align: center; position:absolute; z-index:1000;  width:100%; height:50px; line-height:50px; margin-top:98px; font-size:16px; background-color: rgba(239,116,3,0.88); color:#FFFFFF;transition: 1s;}
.major-box .tile { width: 47.2%; height: 143.8px; margin: 3px; background-color: #99aeff; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.44); overflow: hidden; color: white; z-index:999 }
.dots { position: absolute; bottom: 5px; right: 30px; margin: 0 auto; width: 30px; height: 30px; color: currentColor; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
}

.major-box .tile img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.major-box .tile .text { z-index: 99; position: absolute; padding: 30px; height: calc(100% - 60px); }
@media only screen and (max-width:1024px) {
.major-box .tile .text { z-index: 99; position: absolute; padding: 10px 10px 50px 10px; height: calc(100% - 60px); }
}
.major-box .tile h1 { font-weight: 300; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); font-size:18px }
.major-box .tile h2 { font-weight: 100; margin-top: 10px;  transform: translateX(200px); font-size:14px; }
.major-box .tile p { font-weight: 300; margin-top: 10px; line-height: 18px; transform: translateX(-200px); transition-delay: 0.2s; font-size:12px }
.animate-text { opacity: 0; transition: all 0.6s ease-in-out; }
.major-box .tile:hover { box-shadow: 0px 35px 77px -17px rgba(0, 0, 0, 0.64); transform: scale(1.25); z-index:9999 }
.major-box .tile:hover img { opacity: 0.2; z-index:9999 }
.major-box .tile:hover .animate-text { transform: translateX(0); opacity: 1; }
.dots { position: absolute; bottom: 20px; right: 30px; margin: 0 auto; width: 30px; height: 30px; color: currentColor; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.dots span { width: 5px; height: 5px; background-color: currentColor; border-radius: 50%; display: block; opacity: 0; transition: transform 0.4s ease-out, opacity 0.5s ease; transform: translateY(30px); }
.tile:hover span { opacity: 1; transform: translateY(0px); }
.dots span:nth-child(1) { transition-delay: 0.05s; }
.dots span:nth-child(2) { transition-delay: 0.1s; }
.dots span:nth-child(3) { transition-delay: 0.15s; }
/*--招生信息和专业介绍结束--*/

/*--宣传视频和党建之窗开始--*/
.sp-dj{width:100%; height:542px;}
@media only screen and (max-width:1024px) {
.sp-dj{width:100%; height:auto;}
}
.sp-dj-bt{ margin:50px 0 20px 0; width:100%;}
.sp-dj-bt-left{ font-size:16px; color:#ffffff}
.sp-dj-bt-left a{ color:#1d5fbb;transition:0.5s;}
.sp-dj-bt-left a:hover{ color:#1e2089; padding-left:5px;transition:0.5s;}
.sp-dj-bt-right{width:77px; height:6px; margin-top:9px;transition:0.5s;}
.sp-dj-bt-right:hover{width:77px; height:6px; margin:9px 5px 0 0;transition:0.5s;transform:scale(1.05);-webkit-transform:scale(1.05);}


.shipin{ width:35%;}
.party{ width:61%;}
@media only screen and (max-width:1024px) {
.shipin{ width:100%;}
.party{ width:100%; margin-top:50px;}
.party .zs-xs-bt-left a {
    color: #1d5fbb;
    transition: 0.5s;
}
.party-box{ padding:0 0}
}
.shipin-list{ height:450px; background:url(../images/jzyg_bg.png) repeat;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.shipin-top{width:100%; height:260px;position:relative; overflow:hidden;}

.shipin-top img{width:100%; max-height:237px;}


.shipin-foot{padding:7px 20px 0 20px; height:183px; position:relative;background-color: rgba(255,255,255,0.88);}
.shipin-more{ width:76px;position:absolute; right:8px; bottom:8px; background:#1e2089; color:#fff; text-align:center; height:28px; line-height:28px; font-size:12px;transition:0.5s;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.shipin-more:hover { width:76px;position:absolute; right:13px; bottom:8px; background:#1d5fbb; color:#fff; text-align:center; height:28px; line-height:28px; font-size:12px;transition:0.5s;}
.shipin-more a{color:#fff;}
.shipin-more a:hover{color:#fff;}

.jz-li{background: url(../images/list-icon.png) no-repeat 5px center; height:29px; line-height:29px; color:#ffffff;}
.shipin-foot ul{ margin:0; padding:0; list-style:none}
.shipin-foot ul li{
    width: 100%;
    background: url(../images/list-icon.png) no-repeat 5px center;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    margin: 0;
    float: left;transition:0.5s;}
.shipin-foot ul li:first-child{visibility: visible; animation-delay: 0.2s; animation-name: fadeInLeft;}
.shipin-foot ul li:nth-child(2){visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeft;}
.shipin-foot ul li:nth-child(3){visibility: visible; animation-delay: 0.6s; animation-name: fadeInLeft;}
.shipin-foot ul li:nth-child(4){visibility: visible; animation-delay: 0.8s; animation-name: fadeInLeft;}
.shipin-foot ul li:nth-child(5){visibility: visible; animation-delay: 1s; animation-name: fadeInLeft;}
	
.shipin-foot ul li .div:hover{ padding-left:25px; transition:0.5s;
}
	
.shipin-foot ul li a{color:#666;
}
.shipin-foot ul li a:hover{color:#1e2089; 
}
.shipin-foot ul li .div {
    padding: 0 60px 0 20px;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;transition:0.5s;

}
.shipin-foot ul li span {
    position: absolute;
    right: 0;
    text-align: right;
    width: 40px;
    top: 0;
    color: #1d5fbb;
    font-size: 12px;
}
.party-list{ height:448px; background: url(../images/xsdt_bg.png) repeat; border:1px solid #ccc;box-sizing: border-box;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
.party-box{ padding:14px 22px; width:93.99%; position:relative}
@media only screen and (max-width:1024px) {
.party-box{height:856px; padding:2%; width:96%}
.party-list{ height:896px}
}
.party-list ul li {
    width: 49%;
    float: left;
}
.party-list ul li:first-child{ margin-right:2%}
.party-list ul li img{width:100%; max-height:211px; border-top:#ef7403 5px solid; display:block; z-index:99; position:relative}
@media only screen and (max-width:1024px) {
.party-list ul li{width:94%; float:left; margin: 0 12px; margin-top:10px}
.party-list ul li:nth-child(2){ margin-top:20px;}
.party-list ul li img{width:100%;  border-top:#ef7403 5px solid; display:block; z-index:99; position:relative}

}
.party-list ul li img:hover { opacity:1;filter: alpha(opacity=80);transform:scale(1.05);-webkit-transform:scale(1.05); z-index:999;}
.party-list-info{
    padding: 30px 10px;
	background:#1d5fbb;
    position: relative;
	transition:0.5s;
	z-index:100;
}
.party-list-info:hover{
    padding: 30px 10px;
	background:#1e2089;
    position: relative;
	transition:0.5s;
	opacity:1;filter: alpha(opacity=80);transform:scale(1.05);-webkit-transform:scale(1.05); z-index:999;
}
.party-list-info h1{
    height: 40px;
    line-height: 20px;
	font-size:16px;
	 color:#ffffff;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: 0.5s;
}
.party-list-info h4{
    height: 80px;
    line-height: 20px;
	font-size:12px;
	text-indent:2em;
	color:#ffde00;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    transition: 0.5s;
}

/*--宣传视频和党建之窗结束--*/

/*--最新专题开始--*/
.zxzt{ margin:40px auto 0 auto;}
.zxzt-bt{ margin:0 0 20px 0; width:100%;}
.zxzt-bt-left{ font-size:16px;}
.zxzt-bt-left a { color:#1d5fbb;transition:0.5s;}
.zxzt-bt-left a:hover{ padding-left:5px;transition:0.5s; color:#1e2089}
.zxzt-bt-right{width:77px; height:6px; margin-top:9px;transition:0.5s;}
.zxzt-bt-right:hover{width:77px; height:6px; margin:9px 5px 0 0;transition:0.5s;transform:scale(1.05);-webkit-transform:scale(1.05);}
.zxzt-list{list-style:none; width:100%; height:200px;}

.zxzt-list li{width:375px; height:185px; margin-right:38px; float:left; display:inline; overflow:hidden;transition:0.5s;}
.zxzt-list li:hover{box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);transition:0.5s;}
.zxzt-list li:nth-child(2){width:374px; margin-right:38px; float:left; display:inline; overflow:hidden;visibility: visible; animation-delay: 0.2s;}
.zxzt-list li:nth-child(3){width:375px; margin-right:0; float:left; display:inline; overflow:hidden;visibility: visible; animation-delay: 0.4s;}



.box3_l{width:32%; float:left}
.box3_m{ margin:0 2%;}
.tyxrpic{ width:420px; height:185px; overflow:hidden;margin-bottom: 10px;}
.tyxrpic a img{width:420px; height:185px;transition:1s;}
.tyxrpic a:hover img{width:420px; height:185px; transition:1s;transform:scale(1.05);-webkit-transform:scale(1.05);}
.lhswlpic{ width:732px; height:345px; overflow:hidden;margin-bottom: 10px; float:left}
.lhswlpic a img{width:732px; height:345px;transition:1s;}
.lhswlpic a:hover img{width:732px; height:345px; transition:1s;transform:scale(1.05);-webkit-transform:scale(1.05);}
.lhswlhot{width:366px; height:185px; overflow:hidden;margin-bottom: 10px; float:right; padding:10px;box-sizing: border-box;}
.lhswlhot .title{ height:40px; line-height:40px;text-align:center;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: 0.5s;}
.lhswlhot .title a{ font-size:16px; font-weight:bold}
.lhswlhot .intro{ text-indent:2em;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    transition: 0.5s;}
.lhswlhot .title a,.lhswlhot .intro a{ color:#333;}
.lhswlhot .title a:hover,.lhswlhot .intro a:hover{color:#1e2089;}

.mjjs{ width:384px; height:185px; overflow:hidden}
.mjjs a img{width:384px; min-height:185px;transition:1s;}
.mjjs a:hover img{width:384px; height:185px; transition:1s;transform:scale(1.05);-webkit-transform:scale(1.05);}
.txt ul{ list-style:none}
.txt ul li{width: 100%;
    background: url(../images/list-icon.png) no-repeat 5px center;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    margin: 0;
    float: left;
    transition: 0.5s;}
.txt ul li a{ color:#666}
.txt ul li a:hover{color:#1e2089;}
.txt ul li .div {
    padding: 0 60px 0 20px;
    height: 29px;
    line-height: 29px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: 0.5s;
}
.txt ul li .div:hover{ padding-left:25px; transition:0.5}
.txt ul li span {
    position: absolute;
    right: 0;
    text-align: right;
    width: 40px;
    top: 0;
    color: #1d5fbb;
    font-size: 12px;
}
.xbanner{ width:1200px; height:200px; margin:0 auto;}


.xr_wl_ad {
    width: 1200px;
    height: 380px;
    margin: 0 auto;
	
}
.xr_wl_ad_bg{background:url(../images/xr_wl_ad.png) no-repeat center top;    margin-top: 20px;
    padding: 20px 0;}
.xr_wl_ad .tyxr{ width:35%;}
.xr_wl_ad .lhswl{ width:61%;}


.ad{ width:1200px; height:120px; margin:0 auto; background-color:#83c1ea; text-align:center; line-height:120px; color:#ffffff}
@media only screen and (max-width:1366px) {
.zxzt-list{list-style:none; width:100%; height:252px;}
.zxzt-list li{margin-right: 1%; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li:nth-child(2){margin-right: 0; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li:nth-child(3){margin-right: 1%; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li:nth-child(4){margin-right: 0; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li img{width:100%; height:50%;transition:1s;}
.zxzt-list li:hover img{width:100%; height:50%; transition:1s;transform:scale(1.05);-webkit-transform:scale(1.05);}
}
@media only screen and (max-width:1024px) {
.zxzt-list{list-style:none; width:100%; height:252px;}
.zxzt-list li{margin-right: 1%; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li:nth-child(2){margin-right: 0; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li:nth-child(3){margin-right: 1%; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li:nth-child(4){margin-right: 0; margin-bottom:8px;width:49.5%; display:block}
.zxzt-list li img{width:100%; height:50%;transition:1s;}
.zxzt-list li:hover img{width:100%; height:50%; transition:1s;transform:scale(1.05);-webkit-transform:scale(1.05);}
}
@media only screen and (max-width:640px) {
.zxzt-list{list-style:none; width:100%; height:382px;}
.zxzt-list li{margin-right: 0; margin-bottom:8px;width:100%; display:block}
.zxzt-list li:nth-child(2){margin-right: 0; margin-bottom:8px;width:100%; display:block}
.zxzt-list li:nth-child(3){margin-right: 0; margin-bottom:8px;width:100%; display:block}
.zxzt-list li:nth-child(4){ display:none}
.zxzt-list li img{width:100%;height: 33%; transition:1s;}
.zxzt-list li:hover img{width:100%;height: 33%;  transition:1s;transform:scale(1.05);-webkit-transform:scale(1.05);}

.xbanner{ width: 100%;}
.xr_wl_ad .tyxr,.xr_wl_ad .lhswl{width: 100%;}
.lhswl{margin-top: 40px;}
.xr_wl_ad,.tyxrpic,.lhswlpic,.tyxrpic a img,.lhswlpic a img{width: 100%;}
.xr_wl_ad{height: auto;}
.lhswlpic,.lhswlpic a img{max-height:184px;}
.ad {
    width: 100%;
    height: 120px;
    margin: 0 auto;
    background-color: #83c1ea;
    text-align: center;
    line-height: 120px;
    color: #ffffff;
}

.fw-mt{display: none;}
.box3_l{width:100%; float:left}
.box3_m{ margin: 20px 0;}
.mjjs{ width:100%; overflow:hidden}
.mjjs a img{width:100%; transition:1s;}
.mjjs a:hover img{width:100%; transition:1s;transform:scale(1.05);-webkit-transform:scale(1.05);}
}
/*--最新专题结束--*/

/*--常用链接开始--*/
.cylj{ margin:40px auto 20px auto;}
.cylj-bt{ margin:0 0 30px 0; width:100%;}
.cylj-bt-left{ font-size:16px;}
.cylj-bt-left a{ color:#1d5fbb;transition:0.5s;}
.cylj-bt-left a:hover{ color:#1e2089; padding-left:5px;transition:0.5s;}
.cylj-bt-right{width:77px; height:6px; margin-top:9px;transition:0.5s;}
.cylj-bt-right:hover{width:77px; height:6px; margin:9px 5px 0 0;transition:0.5s;transform:scale(1.05);-webkit-transform:scale(1.05);}
.cylj-list{list-style:none; width:100%;}
.cylj-list span{ padding-left:10px; margin:0px 22px 0 0; background:url(../images/link-icon.png) no-repeat left center; line-height:30px; display:inline-block;transition:1s;}
.cylj-list span:first-child{visibility: visible; animation-delay: 0.2s;}
.cylj-list span:nth-child(2){visibility: visible; animation-delay: 0.4s;}
.cylj-list span:nth-child(3){visibility: visible; animation-delay: 0.6s;}
.cylj-list span:nth-child(4){visibility: visible; animation-delay: 0.8s;}
.cylj-list span:nth-child(5){visibility: visible; animation-delay: 1s;}
.cylj-list span:nth-child(6){visibility: visible; animation-delay: 1.2s;}
.cylj-list span:nth-child(7){visibility: visible; animation-delay: 1.4s;}
.cylj-list span:nth-child(8){visibility: visible; animation-delay: 1.6s;}
.cylj-list span:nth-child(9){visibility: visible; animation-delay: 1.8s;}
.cylj-list span:nth-child(10){visibility: visible; animation-delay: 2s;}
.cylj-list span:nth-child(11){visibility: visible; animation-delay: 2.2s;}
.cylj-list span:nth-child(12){visibility: visible; animation-delay: 2.4s;}
.cylj-list span:hover{padding-left:17px; margin:0px 30px 0 0;transition:1s;}
.cylj-list a{color:#333;}
.cylj-list a:hover{color:#1e2089;}
/*--常用链接结束--*/