@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(/uploads/image/czbimg/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  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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/p.png)  0 0 no-repeat;}
#news .zkxwl li:hover {background: #004894 url(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/playbutton.png); background-repeat: no-repeat; background-position: center 100px; }

/*联系我们*/
#columf {background: url(/uploads/image/czbimg/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(/uploads/image/czbimg/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(/uploads/image/czbimg/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; }