@charset "utf-8";
.wrap {position: relative;}
#content {margin: 0;width: 100%;}
/* 首页banner图切换 S*/
#indBanner{clear: both; text-align: center; position: absolute;top: 0; z-index: 0;width: 100%; height: 550px;}
#indBanner .bd .con{display: none;}
#indBanner .bd li{position: relative; height: 720px; width: 100%; overflow: hidden;}
#indBanner .bd .pic{}
#indBanner .prev,
#indBanner .next{ width: 30px; height: 60px; background: url(/content/zsxxw/base/img/slidearrow.png) no-repeat; display: block; position: absolute; left: 50%; top: 50%;  cursor: pointer; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}
#indBanner .prev{margin-left: -640px; background-position: 0 0;}
#indBanner .next{margin-left: 600px; background-position: -100px 0;}
#indBanner .hd{height: 14px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 20px; text-align: center; font-size: 0;}

#indBanner .hd li{cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 10px;height: 10px; margin: 0 5px; border:2px solid #fff; }
#indBanner .hd li span{display: none;}
#indBanner .hd .on{background: #fff;}



#content {margin-top: 370px;}
.Colum {padding: 30px 0;}
.Colum .mHd {text-align: center;}
.Colum .mHd a {font-size: 36px;font-weight: bold;color: #333; }
.Colum .mHd a:hover {text-decoration: none;}

/*招生资讯*/
#ColumA {background: #f8f8f8 url(../../base/img/columabg.png) top center no-repeat;}
#ColumA .mHd span {color: #618e04;}
#news .bd { overflow: hidden; margin-top:15px; transition: all ease 0.7s; }
#news .bd ul {overflow: hidden;}
#news .zkxwL {width: 760px;float: left;}
#news .zkxwL .t {float: left; width: 360px; margin-right: 20px; height: 300px;background: #fff; border-radius: 10px;}
#news .zkxwL .t .pic {overflow: hidden;border-radius: 10px 10px 0 0;}
#news .zkxwL .t .pic img {width: 360px;height: 153px;transition: 200ms;-o-transition: 200ms;-moz-transition: 200ms;transition: 200ms;}

#news .zkxwL .t .con {padding: 20px 30px;position: relative;}
#news .zkxwL .t .intro { display: none; }
#news .zkxwL .t .title a { display: block; font-size: 18px; line-height: 30px; height: 60px; overflow: hidden; text-align: left;}
#news .zkxwL .t .date {display: block; margin-top: 10px; background: url(/content/zsxxw/base/img/time.png) 0 7px no-repeat; padding-left: 26px; font-size: 16px; color: #666; height: 30px; line-height: 30px;}
#news .zkxwL .t .title a::after {position: absolute;content: ""; right: 30px;bottom: 25px; display: block; width: 21px; height: 18px; background: url(/content/zsxxw/base/img/p.png)  0 0 no-repeat;}
#news .zkxwL .t:hover .pic img{transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05);}
#news .zkxwL .n {position: relative; float: left; width: 300px; margin: 20px 20px 0 0; height: 80px; padding: 20px 30px; background: #fff; border-radius: 10px;}
#news .zkxwL .n .tit { display: block; font-size: 18px; line-height: 40px; height: 40px; overflow: hidden; text-align: left;}
#news .zkxwL .n .date { position: absolute; left: 30px; bottom: 20px; background: url(/content/zsxxw/base/img/time.png) 0 7px no-repeat; padding-left: 26px; font-size: 16px; color: #666; height: 30px; line-height: 30px;}
#news .zkxwL .n .tit::after {position: absolute; content: ""; right: 30px;bottom: 25px; display: block; width: 21px; height: 18px; background: url(/content/zsxxw/base/img/p.png)  0 0 no-repeat;}
#news .zkxwL li:hover {background: #004894 url(../../base/img/newscon.png) 0 bottom no-repeat;}
#news .zkxwL li:hover a {color: #fff;}
#news .zkxwL li:hover .date {color: #fff; background-position: 0 -93px;}
#news .zkxwL li:hover .title a::after,
#news .zkxwL li:hover .tit::after {background-position: 0 -100px;}

#news .zkxwR {width: 440px; height: 440px; background: #fff;border-radius: 10px; float: right;}
#news  .dateListA {padding: 20px;}

#news .menuList { line-height: 1; font-size: 0; text-align: center; }
#news .menuList li { display: inline-block; vertical-align: top; margin: 20px; }
#news .menuList li a { display: block; border: 1px solid #ddd; padding: 20px 50px 30px; line-height: 1; font-size: 18px; color: #333; border-radius: 10px; background: #fff; }
#news .menuList li a::before { display: block; content: ''; width: 80px; height: 80px; margin: 0 auto 20px; background: url(/content/zsxxw/base/img/icons-menu.png) no-repeat 0 0; }
#news .menuList li a:hover { border-color: #004894; background: #004894; text-decoration: none; color: #fff; }
#news .menuList li a:hover::before { background-position: 0 -160px; }

#news .menuList .li2 a::before { background-position: -80px 0; }
#news .menuList .li3 a::before { background-position: -160px 0; }
#news .menuList .li2 a:hover::before { background-position: -80px -160px; }
#news .menuList .li3 a:hover::before { background-position: -160px -160px; }



/*招生信息*/
#ColumB .mHd span {color: #ce6335;}
#ColumB .mHd  .intro {font-size: 16px; color: #999;line-height: 36px;}
.ZxxxIcons {margin-top: 20px;}
.ZxxxIcons ul {overflow: hidden;height: 220px;padding: 20px;}
.ZxxxIcons li {float: left;width: 190px; height: 220px;border-radius: 10px; text-align: center;}
.ZxxxIcons li a {text-align: center;width: 190px; font-size: 16px; line-height: 330px;}
.ZxxxIcons li i {background: url(/content/zsxxw/base/img/zsxxicon.png) no-repeat center 0 ; width: 190px; height: 120px;   top: 30px; }
.ZxxxIcons li.li2 i { background-position: center -200px;top:15px;}
.ZxxxIcons li.li3 i { background-position: center -400px;}
.ZxxxIcons li.li4 i { background-position: center -600px;}
.ZxxxIcons li.li5 i { background-position: center -800px;}
.ZxxxIcons li.li6 i { background-position: center -1000px;}
.ZxxxIcons li:hover  {-moz-box-shadow:0px 0px 20px #B1CCE9; -webkit-box-shadow:0px 0px 10px #B1CCE9; box-shadow:0px 0px 20px #B1CCE9;}




/*学院介绍*/
#ColumC {background: url(/content/zsxxw/base/img/xyjsbg.png) top center no-repeat; width: 100%; height: 439px;}
#ColumC .mHd span {color: #027a8d;}
.XyjsIcons  {margin-top: 50px;}
.XyjsIcons .bd ul {overflow: hidden;height: 280px;padding: 20px;}
.XyjsIcons .bd li {float: left;width: 160px; height: 280px;border-radius: 10px;margin-right: 40px; text-align: center;}
.XyjsIcons .bd li.last {margin-right:0;}
.XyjsIcons .bd li a {text-align: center;width: 160px; font-size: 18px; line-height: 350px;height: 200px;}
.XyjsIcons .bd li i {background: #2fafbc url(../../base/img/xyjsicons.png) no-repeat center 45px ; left: 0; width: 140px; height: 140px; border-radius: 140px;}
.XyjsIcons .bd li.li2 i {background-color: #5ea928; background-position: center -155px;}
.XyjsIcons .bd li.li3 i {background-color: #1a8fd2; background-position: center -355px;}
.XyjsIcons .bd li.li4 i {background-color: #b47dd1; background-position: center -555px;}
.XyjsIcons .bd li.li5 i {background-color: #d8863d; background-position: center -755px;}
.XyjsIcons .bd li.li6 i {background-color: #da2c2c; background-position: center -955px;}
.XyjsIcons .bd li .intro {  color: #999; font-size: 14px;text-align: center;}

.XyjsIcons .hd {text-align: center;height: 12px; margin-top: 30px;}
.XyjsIcons .hd li{cursor: pointer; display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 12px;height: 12px;line-height: 100px; margin: 0 5px; border:1px solid #333333; border-radius: 12px; overflow: hidden;}
.XyjsIcons .hd li span{display: none;}
.XyjsIcons .hd .on{background: #333333;}


/*国际教育 就业信息 新媒体中心*/
#ColumD {position: relative;height: 520px; padding: 0;}
#ColumD .bg2 {width: 50%;height: 100%; background:#eef7f2;position: absolute;left: 0;top:0;}
#ColumD .bg3 {width: 50%;height: 100%;background:url(/content/zsxxw/base/img/jyxxbg.png) 0 -350px no-repeat;position: absolute; left: 50%;top:0;}

#ColumD .SideL {width: 600px;float: left;}
/*国际教育*/
#Boxgjjj {width: 520px; height: 340px; padding: 30px 60px 30px 20px;}
#Boxgjjj .hd h3 span {color: #b28d06;}
.Boxjj {overflow: hidden;}
.Boxjj .pic {width: 260px; height: 200px;border-radius: 0 10px 10px 0;}
.Boxjj .intro {width: 200px; height: 160px;text-indent: 2em; background: #b28d06; color: #fff;padding:20px 30px; border-radius: 10px 0 0 10px;font-size: 14px; line-height: 30px;}
.BoxNode {height: 40px; line-height: 40px; border:1px solid #e6e6e6; width: 518px;border-radius: 10px;margin-top: 20px;}
.BoxNode ul {overflow: hidden;}
.BoxNode li {float: left;width: 172px; height: 40px; border-right: 1px solid #e6e6e6; text-align: center;}
.BoxNode li.li3 {border-right: 0;}
.BoxNode li a {text-align: center; font-size: 16px;padding-left: 20px;}
.BoxNode li i {background: url(/content/zsxxw/base/img/gjjjicons.png) no-repeat center 0; left:20px;top:10px; width: 24px; height: 24px; }
.BoxNode li.li2 i {background-position: center -100px;}
.BoxNode li.li3 i {background-position: center -200px;}

/*新媒体中心*/
#Boxxmtzx{width: 100%; height: 460px; padding: 30px 0 30px 0}
#Boxxmtzx .hd h3 span {color: #5ea928;}
#Boxxmtzx .bd .picListA li  {position: relative;}
#Boxxmtzx .bd .picListA li.noData {padding-left: 20px;text-indent:40px;}
#Boxxmtzx .bd .picListA li i { display: block; position: absolute; z-index: 2; top: 260px; right: 10px; width: 30px; height: 30px; background: url(/content/zsxxw/base/img/weixin.png)0 0 no-repeat; border-radius: 30px;}
#Boxxmtzx .bd .picListA .con{ background:#f2f2f2; border-radius: 0 0 10px 10px; padding: 10px 0;}
#Boxxmtzx .bd .picListA .others{ display:none;}
#Boxxmtzx .bd{ margin-top:20px;}

#Boxxmtzx .bd .picListA li.last{ margin-right:0px;}

/*就业信息*/
#Boxjyxx {width: 540px; height: 740px; padding: 30px 20px 30px 40px;}
#Boxjyxx .hd h3 span {color: #b74c17;}

/*探索东软*/
#ColumE .mHd span {color: #004894;}
#ColumE .BoxTsdr {margin-top: 0;}

.tsdrList{ overflow: hidden; margin: 0 -5px; padding: 10px 0; }
.tsdrList li { float: left; width: 16.6666%; }
.tsdrList li .con { position: relative; margin: 5px; overflow: hidden; border-radius: 10px; }
.tsdrList li .pic img { display: block; width: 100%; height: 154px; background-color: #fafafa; transition: all ease 1s; }
.tsdrList li .title{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; transition: all ease 1s; }
.tsdrList li .title a{ display: block; background-color: #888; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; font-size: 30px; font-weight: bold; color: #fff; text-decoration: none; line-height: 154px; text-align: center; overflow: hidden; }

.tsdrList li:hover .title{top: 0;}
.tsdrList li:hover .pic img{ transform:scale(1.1);}
.tsdrList .li1,
.tsdrList .li6 { width: 33.3333%; }
.tsdrList .li6 { float: right; }
.tsdrList .li1 .pic img,
.tsdrList .li6 .pic img { height: 318px; }
.tsdrList .li1 .title a { line-height: 318px; }
.tsdrList .li6 .title a { line-height: 400px; background-image: url(/content/zsxxw/base/img/playbutton.png); background-repeat: no-repeat; background-position: center 100px; }

/*联系我们*/
#ColumF {background: url(/content/zsxxw/base/img/lxwmbg.png) 0 bottom no-repeat;}
#ColumF .mHd span {color: #2fafbc;}
.BoxLxwm {width: 720px;height: 340px;margin-top: 40px;margin-left: 240px;padding-top: 36px;padding-bottom: 200px; position: relative;}
.BoxLxwm .pic {width: 360px; height: 340px;border-radius: 10px 0 0 0; float: left;}
.BoxLxwm .con {width: 320px;height: 260px;line-height: 36px; border-radius: 0 10px 10px 0; float: right;background: #f4f5f5;padding: 60px 20px 20px 20px;}
.BoxLxwm .intro {height:206px; overflow-y:scroll;margin-bottom: 15px;}
.BoxLxwm .baokao {position: absolute;top:0;left: 135px; width: 450px; height: 82px;border-radius: 10px; background: #2fafbc url(../../base/img/bk.png) center center no-repeat;}
.lxwmNodes li {width: 118px; height: 34px; line-height: 34px; float: left; margin-right: 20px; border-radius: 4px; text-align: center;border:1px solid #cbcaca;}
.lxwmNodes li  a {font-size: 16px;}


/* 形象宣传视频弹窗 */
#eol_float { z-index: 99 !important; }
.videoFixed { position: fixed; display: none; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: #888; background-color: rgba(0, 0, 0, 0.7); }
.videoFixed .close { position: absolute; right: 20px; top: 20px; width: 60px; height: 60px; background: url(/content/zsxxw/base/img/icon-close.png) no-repeat center center; }
.videoFixed .conTxt { position: absolute; left: 0; right: 0; top: 50%; margin: -250px auto 0; width: 1200px; height: 600px; overflow-y: auto; font-size: 16px; line-height: 2; }