body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; } body { font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:14px; color:#333; } body { background: #fff; } li { list-style-type: none; } ul,ol { list-style:none outside none; } legend { display:none; } fieldset,img { border:none; vertical-align:middle; } input,button,select,textarea { outline:none; font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } table,tr,th,td,font { font-size: 14px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 10px; } h6 { font-size: 8px; } input,textarea{ outline:none; } a{ text-decoration:none; font-size:14px; color:#333; } img { border: medium none; } .clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; } .clear {*zoom:1;} .clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; } .clear { *height:1%; } .top{height: 30px;width: 100%;background:#282828;line-height: 30px;color: #a5a4a4;overflow: hidden;} .top a{color: #a5a4a4;padding: 0 10px} .w1200{width:1200px;margin:0 auto;} .fl {float: left;} .fr {float: right;} #header {width:100%;height:149px;background: url(../images/top_nav_bg.png) center;position:absolute;z-index:99999;top: 30px;left: 0;} .top-wrap {width:100%;height: 104px;BACKGROUND: #b02923;} .top-wrap-box { width:1200px; height:96px; margin:0 auto; } .logo { float: left; width:396px; height:74px; margin-top: 9px; } .top-search { float:right; height:45px; margin-top: 34px; } .top-search-box { width:200px; height:30px; position:relative; z-index: 1; } .top-search-box input.top-keywords { text-indent: 23px; width:200px; height:30px; border:0; border-radius: 50px; color:#666; font-size: 14px; } .top-search-box input.top-submit { position: absolute; top: 8px; right: 17px; width:16px; height:16px; cursor: pointer; border:0; background:url(../images/top-search-btn.png) no-repeat; } .top-search-box input.top-submit:hover { opacity: 0.8; } .nav {width:100%;height: 46px;background:url(../images/nav-bg.png);border-top: 3px solid #eaeaea;border-bottom: 3px solid #b02923;} .nav-box { width:1200px; height:50px; margin: 0 auto; } .nav ul { height:50px; } .nav ul li {float:left;position:relative;width: 120px;height: 47px;margin-top: 2px;} .nav ul li a { font-size: 15px; text-align: center; color: #000; width:120px; height:45px; line-height:45px; display: inline-block; } .nav ul li a.active { background: #b02923; color:#fff; } .nav ul li ul {z-index:99999999;width: 153px;padding-top: 13px;padding-bottom: 13px;position: absolute;height: auto !important;height: 10px;min-height: 10px;background: #b02923;top: 47px;left: -1px;display:none;} .nav ul li ul li {float: left;width: 153px;height:30px;} .nav ul li ul li a {width: 153px;height:36px;line-height:36px;text-align: center;font-size: 15px;display: inline-block;color: #ffc9c9;} .nav ul li ul li a.active,.nav ul li ul li a:hover { font-size: 15px; width:153px; color: #fff; height:36px; line-height:36px; } .banner{width: 100%;height:558px;margin: 0px auto;position: relative;top: 154px;overflow: hidden;margin-bottom: 178px;} .banner_con{width: 100%; height:558px; margin: 0px auto; } /* flexslider */ .flexslider{position:relative;height:558px;overflow:hidden;} .slides{position:relative;z-index:1;} .slides li{height:558px;} .flex-control-nav{position:absolute;bottom:50px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;margin:0 8px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:22px;height:21px;line-height:100px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background:url(../images/doton.png) right 0 no-repeat; width:22px;height:21px;} .flex-direction-nav{position:absolute;z-index:9999;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:28px;height:45px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/l.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/r.png) center center no-repeat;} .cat-title { width:1200px; height:84px; margin: 47px auto 43px auto; position: relative; } .cat-title span { float:left; width:1200px; border-bottom: 1px solid #ccc; margin-top: 35px; } .cat-title strong.cc { position:absolute; top: 0; left: 484px; width:228px; height:84px; display:inline-block; background: url(../images/news-title.jpg) no-repeat center; } .cat-title strong.dd { position:absolute; top: 0; left: 484px; width:228px; height:84px; display:inline-block; background: url(../images/notice-title.png) no-repeat center; } .college-news { width:1200px; margin: 0 auto; } .college-news ul li { height: 339px; width: 384px; float: left; margin-right: 24px; background: #f3f3f3; } .college-news ul li.cc { margin-right:0; float:right; } .college-news img { width:384px; height: 175px; } .college-news-l { float: left; width:96px; height: 146px; margin-top: 18px; } .college-news-l strong { font-weight: normal; } .college-news-l em { font-style:normal; } .coll-news-time { margin-left: 14px; width:65px; height: 65px; display: inline-block; border-radius: 10px; color:#fff; background:#f3b32a; } .time-color-a { background:#8467f0; } .time-color-b { background:#19c8e7; } .coll-news-time strong { font-size: 24px; margin-top: 5px; text-align: center; display: block; } .coll-news-time em { display: block; text-align: center; } .coll-news-more { margin-top:39px; } .coll-news-more a { margin-left: 14px; width:20px; height:20px; display:inline-block; background:url(../images/news-more.png) no-repeat; } .coll-news-more a:hover { opacity:0.8; } .college-news-r { float: left; width:264px; height: 146px; margin-top: 18px; } .college-art-title { margin-bottom:25px; float: left; position:relative; } .college-art-title em { position: absolute; top: 29px; left:0; font-style:normal; width: 19px; height: 2px; background: #b02923; } .college-art-title a { font-weight: bold; font-size: 16px; color:#333; } .college-art-title a:hover { color:#b02923; } .college-article-intro { color: #888; line-height: 24px; } .find-nav { width:100%; height:227px; background:url(../images/find-nav-bg.png) no-repeat center; background-size:100%; } .find-nav-box { width:1200px; height:227px; margin: 0 auto; position:relative; z-index:1; } .find-nav-box .find-nav-icon { top: 0; left:-80px; width:133px; height:84px; position:absolute; z-index:99; background:url(../images/find-nav.png) no-repeat; } .find-nav-box ul {float: left;margin-left:30px;margin-top: 48px;} .find-nav-box ul li {float:left;margin-right: 0;width: 145px;} .find-nav-box ul li.cc { float: right; margin-right: 0; } .find-nav-box ul li a { width:63px; } .find-nav-box ul li a .find-title { margin-top:20px; font-size:14px; color:#fff; display: block; text-align: center; } .find-nav-box ul li a.active .find-title { color: #e60012; font-weight: bold; } .find-nav-box ul li a .find-icon { width:63px; height: 70px; display: block; } .find-nav-box ul li a .find-icon-1 {background: url(../images/find/1.png) no-repeat center;width: 100%;} .find-nav-box ul li a .find-icon-2 {background: url(../images/find/2.png) no-repeat center;width: 100%;} .find-nav-box ul li a .find-icon-3 {background: url(../images/find/3.png) no-repeat center;width: 100%;} .find-nav-box ul li a .find-icon-4 {background: url(../images/find/4.png) no-repeat center;width: 100%;} .find-nav-box ul li a .find-icon-5 {background: url(../images/find/5.png) no-repeat center;width: 100%;} .find-nav-box ul li a .find-icon-6 {background: url(../images/find/6.png) no-repeat center;width: 100%;} .find-nav-box ul li a .find-icon-7 {background: url(../images/find/7.png) no-repeat center;width: 100%;} .find-nav-box ul li a .find-icon-8 {background: url(../images/find/8.png) no-repeat center;width: 100%;} .find-nav-box ul li:hover a.active .find-icon-1 { background: url(../images/find/1-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-2 { background: url(../images/find/2-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-3 { background: url(../images/find/3-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-4 { background: url(../images/find/4-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-5 { background: url(../images/find/5-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-6 { background: url(../images/find/6-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-7 { background: url(../images/find/7-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-8 { background: url(../images/find/8-active.png) no-repeat center; } .notice-box { width:1200px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; } .notice-box li { width:600px; height:100px; float:left; margin-bottom: 45px; } .notice-list { float:left; background: #f8f8f8; width: 560px; height: 100px; } .notice-box li em { font-style: normal; } .notice-box li strong { font-weight: normal; } .notice-box-l { float:left; margin-right: 14px; } .notice-box-l span { position: relative; display: inline-block; width: 89px; height: 93px; margin-left: 4px; margin-top: 3px; background: url(../images/notice-time.png) no-repeat; } .notice-box-l span strong { position: absolute; top: 13px; left: 13px; color:#fff; font-size:26px; } .notice-box-l span em { position: absolute; right: 8px; bottom: 16px; color: #fff; } .notice-box-r { float:left; width: 432px; margin-top: 15px; } .notice-box-r .notice-title { display: block; margin-bottom: 8px; } .notice-box-r .notice-title a { font-weight: bold; font-size: 16px; color: #000; } .notice-box-r .notice-title a:hover { color:#b02923; } .notice-box-r .notice-info { line-height: 20px; } .notice-box-r .notice-info { display: block; color: #888; } .notice-box .r { float:right; } .elegant-box { margin: 0px auto 0 auto; width:1200px; height: auto !important; height: 100px; min-height: 100px; } .elegant-l,.elegant-m,elegant-r { float: left; position: relative; z-index: 1; } .elegant-l { margin-right: 15px; } .elegant-l-a { margin-bottom:15px; } .elegant-l-a .ww { margin-right: 15px; float:left; width: 230px; height: 170px; } .elegant-l-a .www { float:left; width: 230px; height: 170px; } .elegant-l-a .ww img,.elegant-l-a .www img { width: 230px; height: 170px; } .elegant-l-a .ee { float: left; } .elegant-l-a .ee img { width:475px; height:180px; } .elegant-m .ff img { width:466px; height:365px; } .elegant-r { width:230px; float: right; } .elegant-r .gg img { width:230px; height:170px; } .elegant-r .hh img { width:230px; height:180px; } .elegant-r .gg { margin-bottom: 15px; } .elegant-m { margin-right:13px; } .elegant-l .ww, .elegant-l .www, .elegant-l .ee, .elegant-m .ff, .elegant-r .gg, .elegant-r .hh { position: relative; z-index: 1; } .elegant-layer { display: none; position: absolute; z-index: 2; width: 100%; height: 100%; background: url(../images/elegant-layer.png) center; } .elegant-layer a { position: absolute; z-index: 3; display:block; width: 100%; height: 100%; } .elegant-layer { text-align: center; } .elegant-title-ll { font-size: 30px; color:#fff; margin-top: 120px; } .elegant-time { font-size:14px; color:#fff; margin-top: 15px; } .elegant-line-box { margin-top: 5px; text-align: center; } .l-line { width:130px; height:1px; display: inline-block; background:#fff; } .m-spot { margin: 0 3px; width:8px; height: 8px; display: inline-block; background: #fff; border-radius: 5px; position: relative; top: 3px; } .r-line { width:130px; height: 1px; display: inline-block; background: #fff; } .elegant-l .ww .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-l .ww .l-line { width:80px; } .elegant-l .ww .r-line { width:80px; } .elegant-l .www .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-l .www .l-line { width:80px; } .elegant-l .www .r-line { width:80px; } .elegant-l .ee .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-l .ee .l-line { width:120px; } .elegant-l .ee .r-line { width:120px; } .elegant-r .gg .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-r .gg .l-line { width:80px; } .elegant-r .gg .r-line { width:80px; } .elegant-r .hh .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-r .hh .l-line { width:80px; } .elegant-r .hh .r-line { width:80px; } .copyright { height: 45px; line-height: 45px; color:#ffc9c9; text-align: center; } /*页面主体部分*/ .mainWrap{ width: 100%; height: auto; min-width: 1200px; } .main{ height: auto; width:1200px; margin:0 auto;} .mainL{ width: 790px;} /**/ .mainTop{ width: 100%; height: auto;} /*内页banner*/ .list-banner{width:100%; height:460px; text-align:center; overflow:hidden;} .left{width:260px; margin-top:-60px; position:relative; z-index:100; float:left;} .right{width:870px; margin-top:20px; float:right;} .lmcc{background:#89211b; height:100px; line-height:100px; color:#fff; padding-left:50px; width:210px; font-size:30px; letter-spacing:1px;} .left-list{background:#ededed; padding-bottom:200px; padding-top:15px; padding-left:10px; width:250px;} .left-list li{width:250px; height:46px; line-height:46px; font-size:16px;} .left-list li a{display:block; font-size:16px; padding-left:20px; float:left; width:230px; height:46px; margin-bottom:10px; line-height:46px; color:#333; float:left;} .left-list li a:hover,.left-current{background:#fff!important; color:#89211b!important;} .local{width:100%; height:60px; line-height:60px; border-bottom:1px solid #cecece;} .local h3{color:#484848; margin:0; font-size:24px; font-weight:bold; float:left;} .dqwz{float:right; color:#333; font-size:14px; background:url(../images/pic4.png) no-repeat left center; padding-left:16px; font-family:'宋体'} .dqwz a{color:#333; line-height:70px; padding:0 6px;} .content,.jj,.list,.pic-list{width:100%; margin:20px 0; min-height:560px;} .content-title{width:100%; margin:20px 0; text-align:center;} .content-title h3{width:100%; float:left; display:block; font-size:24px; color:#333; line-height:36px; margin:0;} .content-title i{margin-top:6px; width:100%; font-style:normal; float:left; display:block; font-size:14px; line-height:24px;color:#666;} .content-con p,.jj p{display:block; width:100%; line-height:36px; color:#333; font-size:15px; text-indent:2em; margin-bottom:15px;} .content-sxt{margin-top:30px; border-top:1px solid #e3e3e3; padding-top:15px; line-height:30px; font-size:13px; width:100%;} .content-sxt a{display:block; width:100%; color:#333; font-size:14px;} .list,.pic{width:870px; margin:20px 0;} .list li a{ width: 718px; background: url(../images/ico3.png) 0 center no-repeat; font-size: 15px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .list li i{ width:130px; font-style:normal; text-align: right; display: block; float: right; font-size: 14px; color: #666;} .list li a:hover{color: #89211b;} .dqwz a:hover{color: #89211b;} .pic li{width:260px; margin-right:45px; float:left; margin-bottom:30px; margin-top:10px;} .img{width:100%; height:170px; overflow:hidden;} .img img{width:100%; height:100%;} .pic li .txt{width:100%; height:36px; line-height:36px; margin-top:10px; color:#333; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*通知公告*/ .xyText{ width: 372px; height: auto; float: right;} .textList{ width: 100%; height: auto; overflow: hidden;} .textList li,.list li{ width: 100%; height: auto; float: left; height: 36px; line-height: 36px;} .textList li a{ width: 274px; padding-left: 18px; background: url(../images/ico3.png) 0 center no-repeat; font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .textList li span{ width: 80px; text-align: right; display: block; float: right; font-size: 14px; color: #666;} .textList li a:hover{ background: url(../images/ico3_hov.png) 0 center no-repeat; color: #0068b1;} .title{position: relative; margin-top: 22px; margin-bottom: 30px; padding-left: 62px; border-bottom: 1px solid #0b6fc1; height: 34px; line-height: 34px;} .title span{ font-size: 22px; color: #333333;} .title em{ margin-left: 3px; font-size: 14px; color: #999;} .title i{ position: absolute; left: 0; top: 3px; display: block; width: 153px; height: 35px; background: url(../images/back2.png) no-repeat;} /*印象东师*/ .index_content3{ width: 1200px; padding-top:15px; margin:0 auto; height: auto; overflow: hidden; } .piblc_width{ width:1000px; margin:0 auto; } .piblc_width h2{ height:55px; padding-top:20px; text-align:center; background:url(../images/tit_bg.png) no-repeat center 37px; text-align:center; } .slideTxtBox3{width: 100%;height: 535px;} .slideTxtBox3 .hd{height:67px;position:relative;width: 100%;margin: 0 auto;} .slideTxtBox3 .hd ul{position:absolute;top:0;left: 370px;width:500px;height:48px;} .slideTxtBox3 .hd ul li{ float:left; margin-right:11px; font-size:18px; color:#fff; width:129px;height:48px; line-height:40px; text-indent:68px;background:url(../images/li1.jpg) no-repeat; position:relative; } .slideTxtBox3 .hd ul li img{ position:absolute; left:8px; text-indent:0;top:8px; margin-right:36px; width:25px; height:25px;} .slideTxtBox3 .hd ul li a{ font-size:18px; color:#fff;} .slideTxtBox3 .hd ul li.on{ background:url(../images/li2.jpg) no-repeat; } .slideTxtBox3 .hd ul li.on a{ color:#fff;} .slideTxtBox3 .bd ul{width: 100%;zoom:1;} .slideTxtBox3 .bd li{width: 100%;} .slideTxtBox3 .bd dl{width: 31%;float:left;height: 203px;margin-right: 2%;margin-bottom: 2%;} .slideTxtBox3 .bd dt{width: 100%;height: 100%;overflow:hidden;margin:0 auto;} .slideTxtBox3 .bd dd{width:304px; margin:0 auto; height:40px; line-height:40px; text-indent:15px; font-weight:bold; overflow:hidden;} .slideTxtBox3 .bd dd a{ font-size:16px;} .bodyCon08{ width: 1152px; float: left; } .bodyCon08 .students{ margin: 0 auto; width: 100%; height: 313px; position: relative; } #four_flash{width: 100%;height: 100%;margin:0 auto;} #four_flash .flashBg{width: 100%;height: 100%;margin:0 auto;position:relative;overflow:hidden;} #four_flash .flashBg ul.mobile{width:2000%;height: 92px;position:absolute;top:15;left:0;} #four_flash .flashBg ul.mobile li{float:left;width: 278px;margin-right: 10px;} #four_flash .flashBg ul.mobile li img{display:block;} #four_flash .but_left{width: 33px;height: 30px;position:absolute;top: 132px;left: -65px;} #four_flash .but_left img{/* width:180%; */} #four_flash .but_right{width: 33px;height: 30px;position:absolute;top: 132px;right: -30px;} #four_flash .but_right img{/* width:180%; */} #four_flash .but_left:hover{background:url(../images/ztleft.png) no-repeat;} #four_flash .but_right:hover{background:url(../images/ztright.png) no-repeat;}