@import "base.css";

/* headBox */
.headBox{width:100%; min-width:1400px; height:80px; position:fixed; top:0px; left:0px; z-index:10;}
.headLogo{float:left; width:340px; height:80px; padding-right:20px; background:url(../images/headNavLeft.png) no-repeat right;}
.headLogo img{height:46px; margin:17px auto;}
.headNav{width:auto; margin-left:360px; height:80px; padding-left:20px; background:url(../images/headNavBlue.png) no-repeat left;}
.headNav dd{float:left; width:140px; height:80px; position:relative;}
.headNav dd:hover{background:url(../images/navBg.png) no-repeat center bottom;}
.headNav dd a{display:block; height:20px; overflow:hidden; padding:30px 0; color:#fff;}
.headNav dd span{display:block; text-align:center; line-height:20px; border-right:1px dashed #e7e7e7; font-size:18px;}
.headNav dd:last-child span{border-right:0px;}
.headNav dd ul{display:none; width:120px; overflow:hidden; position:absolute; left:10px; top:80px;}
.headNav dd:hover ul{display:block;}
.headNav dd ul li{width:120px; height:36px; overflow:hidden; margin-top:3px; border-radius:18px; background:#0086e6;}
.headNav dd ul li a{display:block; width:120px; height:36px; overflow:hidden; padding:0px; margin:0px; line-height:36px; text-align:center; color:#fff; font-size:16px;}
.headNav dd ul li:hover{background:#e60012;}

.order{width:150px; height:240px; overflow:hidden; position:fixed; top:35px; right:10px; z-index:9; background:url(../images/flowBg.png) no-repeat;}
.order a{display:block; width:130px; height:130px; overflow:hidden; margin:100px 10px 10px 10px; border-radius:65px;}
.order a img{display:block; width:80px; height:80px; margin:25px;}

.nBanner{width:100%; height:600px; overflow:hidden; background:#fff; position:relative;}
.nBanImg{width:100%; height:600px; overflow:hidden;}
.nBanEdit{display:none; width:100%; height:600px; overflow:hidden; background:url(../images/blockBg.png); position:absolute; top:0px; left:0px;}
.nBanEdit a{display:block; width:100px; height:40px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-20px auto auto -50px; background:#fff; border-radius:3px; line-height:40px; text-align:center; color:#333;}
.nBanner:hover .nBanEdit{display:block;}

.center{width:1300px; overflow:hidden; margin:50px auto;}
.side{float:left; width:229px; padding-right:50px; border-right:1px solid #e7e7e7;}
.main{float:right; width:970px; overflow:hidden;}

.sideNav{width:229px; overflow:hidden;}
.sideNav dt{width:229px; height:40px; overflow:hidden; margin-bottom:10px; text-align:center; border-radius:20px; background:#0086e6; text-align:center; line-height:40px; color:#fff; font-size:16px;}
.sideNav dd{width:227px; height:38px; overflow:hidden; margin-bottom:10px; text-align:center; border:1px solid #e3e3e3; border-radius:20px; text-align:center;}
.sideNav dd.curr{background:#e7e7e7;}
.sideNav dd a{display:block; line-height:38px; color:#666; font-size:16px;}

.mainTip{width:100%; height:50px; overflow:hidden; border-bottom:1px solid #e7e7e7; line-height:40px;}
.mainTip span{margin:0px 10px;}
.mainTip a{color:#0086e6;}

.infoBox{width:970px; min-height:140px; overflow:hidden; margin:20px 0; line-height:2; color:#666; position:relative;}
.infoBox p{margin-bottom:15px; text-indent:2em;}
.infoBox img{max-width:970px; margin:0px auto;}
.infoEdit{display:none; width:970px; position:absolute; left:0px; top:0px; background:url(../images/blockBg.png);}
.infoEdit a{display:block; width:100px; height:40px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-20px auto auto -50px; background:#fff; border-radius:3px; line-height:40px; text-align:center; color:#333;}
.infoBox:hover .infoEdit{display:block;}


/* News CSS */
.newAdd{width:970px; overflow:hidden; border-bottom:1px dashed #e7e7e7; padding:30px 0;}
.newAdd a{display:block; width:150px; height:40px; overflow:hidden; margin:0px auto; text-align:center; line-height:40px; border-radius:3px; background:#0086e6; color:#fff;}

.newList{width:970px; overflow:hidden; margin-top:30px;}
.newList li{width:970px; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #e7e7e7; position:relative;}
.newList li dl{width:970px; height:120px; overflow:hidden;}
.newList li dt{float:left; width:178px; height:118px; overflow:hidden; border:1px solid #e7e7e7; background:#f7f7f7;}
.newList li dt img{width:170px; height:110px; overflow:hidden; margin:4px;}
.newList li dd{float:right; width:770px; height:120px; overflow:hidden;}
.newList li dd h3{height:20px; overflow:hidden; margin-bottom:10px; font-style:normal; font-size:16px;}
.newList li dd a{color:#666;}
.newList li dd p{height:60px; overflow:hidden; line-height:20px; margin-bottom:10px; color:#999;}
.newList li dd label{line-height:20px; color:#ccc;}
.newList li .newEdit{display:none; width:970px; height:120px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(../images/blockBg.png);}
.newList li:hover .newEdit{display:block;}
.newList li:hover .newEdit a{display:block; width:100px; height:30px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-15px auto auto -50px; background:#fff; border-radius:3px; text-align:center; line-height:30px; color:#333;}
.newList li:hover .newEdit a.hedit{margin-left:-160px;}
.newList li:hover .newEdit a.hshow{margin-left:60px;}

.newShow{width:970px; overflow:hidden;}
.newTit{width:100%; overflow:hidden; margin:0px auto; padding-top:25px; text-align:center; line-height:30px; font-size:20px; font-weight:bold; color:#333333;}
.newDat{width:100%; height:24px; overflow:hidden; margin:0px auto; padding-bottom:20px; text-align:center; line-height:24px; font-size:12px; color:#bbbbbb; border-bottom:1px dashed #e3e3e3;}
.newDat span{margin:0px 5px;}
.newDes{width:auto; overflow:hidden; margin:20px auto; padding:15px 19px; border:1px solid #e7e7e7; background-color:#f7f7f7; line-height:2; font-size:12px; color:#888;}
.newPic{width:50%; padding:5px; margin:20px auto; border:1px solid #e3e3e3; background:#f3f3f3;}
.newPic img{width:100%;}
.newTxt{width:100%; overflow:hidden; margin:20px auto; text-align:left; font-size:16px; line-height:2; color:#666;}
.newTxt p{margin-bottom:10px; text-indent:2em;}
.newTxt img{margin:0px auto;}
.newOth{width:100%; overflow:hidden; margin:20px auto; padding:20px 0; border-top:1px dashed #e3e3e3; line-height:28px; color:#666666; text-align:left;}
.newOth a{color:#000000;}
.newOth a:hover{color:#ff0000; text-decoration: underline;}
.newEwm{overflow:hidden; margin:20px auto; background:#f7f7f7; border:1px solid #dedede;}
.newEwm dl{height:130px; overflow:hidden; margin:10px;}
.newEwm dt{float:left; width:130px; height:130px; margin-right:20px;}
.newEwm dt img{width:130px; height:130px;}
.newEwm dd{float:left; width:530px;}
.newEwm dd.sm_ewm{font-size:18px; color:#999; line-height:30px;}
.newEwm dd.fenxiang{width:500px; padding:10px 0; line-height:30px; color:#999;}
.newEwm dd.zan{width:500px; line-height:30px; color:#999;}
.newEwm dd.zan p{float:left; margin-right:10px;}
.newEwm dd.zan span{margin:0px 5px; color:#da251c;}
.newEwm dd.zan img{float:left; width:150px;}
.newAnn{overflow:hidden; margin:20px auto; padding:15px 20px; background:#f7f7f7; border:1px solid #f3f3f3;}
.newAnn ul{overflow:hidden;}
.newAnn li{border-top:1px dashed #e3e3e3; margin-top:-1px; height:40px; overflow:hidden;}
.newAnn li i{float:left; display:block; width:20px; height:20px; margin:10px; background:url(../images/icon_ysb.png);}
.newAnn li a{line-height:40px; color:#000;}


/* Photo CSS */
.photoAdd{width:970px; overflow:hidden; border-bottom:1px dashed #e7e7e7; padding:30px 0;}
.photoAdd a{display:block; width:150px; height:40px; overflow:hidden; margin:0px auto; text-align:center; line-height:40px; border-radius:3px; background:#0086e6; color:#fff;}

.photoList{width:970px; overflow:hidden; margin:30px 0 8px 0;}
.photoList ul{width:992px; overflow:hidden;}
.photoList ul li{float:left; width:226px; height:250px; overflow:hidden; margin:0 22px 22px 0; position:relative;}
.photoList dt{width:224px; height:224px; overflow:hidden; border:1px solid #e3e3e3; background:#f3f3f3;}
.photoList dt img{margin:4px; position:absolute;}
.photoList dd{width:100%; height:24px; overflow:hidden; text-align:center; line-height:24px;}
.photoList div{display:none; width:226px; height:226px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(../images/blockBg.png);}
.photoList ul li:hover div{display:block;}
.photoList div p{display:block; width:140px; height:140px; overflow:hidden; margin:43px;}
.photoList div a{float:left; display:block; width:50px; height:50px; overflow:hidden; margin:10px; background:url(../images/iconEdit.png);}
.photoList div a.prev{ background-position:0px 0px;}
.photoList div a.next{ background-position:0px -50px;}
.photoList div a.dele{ background-position:0px -100px;}
.photoList div a.edit{ background-position:0px -150px;}

/* course css */
.courseYear{width:970px; height:50px; overflow:hidden; margin:30px 0;}
.courseYear dl{float:left; width:240px; height:50px; overflow:hidden; margin-right:50px;}
.courseYear dd{float:left; width:50px; height:50px; overflow:hidden;}
.courseYear dd a{display:block; width:50px; height:50px; overflow:hidden; border-radius:25px; background:url(../images/iconCourse.png)}
.courseYear dd a.prev{background-position:0px 0px;}
.courseYear dd a.next{background-position:0px -50px;}
.courseYear dt{float:left; width:120px; height:50px; overflow:hidden; padding:0px 10px;}
.courseYear dt span{display:block; width:120px; height:50px; overflow:hidden; border-radius:25px; background:url(../images/iconCourse.png) 0px -100px; text-align:center; line-height:50px; color:#fff; font-size:24px; font-weight:bold;}
.courseYear .href{float:right; display:block; width:150px; height:40px; overflow:hidden; margin:5px 0; margin-left:20px; text-align:center; line-height:40px; border-radius:3px; background:#0086e6; color:#fff;}

.courseList{width:850px; margin:0px 0px 0px 120px;}
.courseList li{padding:25px; position:relative; border-left:1px solid #e3e3e3}
.courseList li span{line-height:30px; overflow:hidden; font-size:18px; color:#444;}
.courseList li i{display:block; width:13px; height:13px; position:absolute; left:-7px; top:34px; border-radius:6px; background:url(../images/iconCourse.png) 0px -150px;}
.courseList li p{line-height:1.8; color:#666;}
.courseList li div{display:none; padding:25px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(../images/blockBg.png);}
.courseList li:hover div{display:block;}
.courseList li div a{float:Left; display:block; width:40px; height:40px; overflow:hidden; margin-right:30px; background:url(../images/iconCourse.png);}
.courseList li div a.prev{ background-position: -40px -150px;}
.courseList li div a.next{ background-position: -80px -150px;}
.courseList li div a.edit{ background-position: -80px -190px;}
.courseList li div a.dele{ background-position: -40px -190px;}

/* order css */
.orderBox{overflow:hidden; margin:30px 30px 0 30px;}
.orderBox dl{overflow:hidden; margin-bottom:30px;}
.orderBox dt{float:left; width:60px; margin-right:10px; line-height:30px; text-align:right; color:#666;}
.orderBox dd{width:auto; overflow:hidden; margin-left:70px;}
.orderBox h4{display:block; width:100%; line-height:20px; margin-top:5px; color:#999; font-weight:normal; font-size:12px; color:#999;}
.orderBox span{color:#ed6d1f; margin-right:5px;}
.orderBox input[type="text"]{width:600px; height:14px; overflow:hidden; margin-right:10px; padding:8px; line-height:14px; border:1px solid #ddd;}
.orderBox input[type="submit"]{float:left; height:30px; padding:0px 15px; margin-right:10px; background:#0086e6; border:1px solid #0086e6; border-radius:2px; line-height:26px; color:#fff;}
.orderBox textarea{width:600px; height:96px; margin-right:10px; padding:8px; border:1px solid #ddd; resize:none; line-height:24px;}
.orderBox select{height:30px; margin-top:2px; margin-right:10px;  border:1px solid #ddd;}
.orderBox a.href{float:left; height:28px; padding:0px 15px; margin-right:10px; background:#0086e6; border:1px solid #0086e6; border-radius:2px; line-height:28px; color:#ffffff;}

/* product css */
.proAdd{width:970px; overflow:hidden; border-bottom:1px dashed #e7e7e7; padding:30px 0;}
.proAdd a{display:block; width:150px; height:40px; overflow:hidden; margin:0px auto; text-align:center; line-height:40px; border-radius:3px; background:#0086e6; color:#fff;}

.proList{width:970px; overflow:hidden; margin:30px 0 8px 0;}
.proList ul{width:992px; overflow:hidden;}
.proList ul li{float:left; width:226px; height:250px; overflow:hidden; margin:0 22px 22px 0; position:relative;}
.proList dt{width:224px; height:224px; overflow:hidden; border:1px solid #e3e3e3; background:#f3f3f3;}
.proList dt img{margin:4px; position:absolute;}
.proList dd{width:100%; height:24px; overflow:hidden; text-align:center; line-height:24px;}
.proList dd a{color:#666;}
.proList ul li:hover dd a{color:#0086e6;}
.proList div{display:none; width:226px; height:226px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(../images/blockBg.png);}
.proList ul li:hover div{display:block;}
.proList div p{display:block; width:140px; height:140px; overflow:hidden; margin:43px;}
.proList div p.noCla{display:block; width:140px; height:70px; overflow:hidden; margin:78px 43px;}
.proList div a{float:left; display:block; width:50px; height:50px; overflow:hidden; margin:10px; background:url(../images/iconEdit.png);}
.proList div a.prev{ background-position:0px 0px;}
.proList div a.next{ background-position:0px -50px;}
.proList div a.dele{ background-position:0px -100px;}
.proList div a.edit{ background-position:0px -150px;}

/* job css */
.jobAdd{width:970px; overflow:hidden; border-bottom:1px dashed #e7e7e7; padding:30px 0;}
.jobAdd a{display:block; width:150px; height:40px; overflow:hidden; margin:0px auto; text-align:center; line-height:40px; border-radius:3px; background:#0086e6; color:#fff;}

.jobBox{width:970px; overflow:hidden;}
.jobBox li{padding:25px; border-bottom:1px dashed #e3e3e3; position:relative;}
.jobBox dt{line-height:40px; font-size:18px; font-weight:bold; color:#333;}
.jobBox dd{width:100%; overflow:hidden; text-align:left; line-height:2; color:#666;}
.jobBox li div{display:none; padding:25px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(../images/blockBg.png);}
.jobBox li:hover div{display:block;}
.jobBox li div a{float:right; display:block; width:40px; height:40px; overflow:hidden; margin-right:30px; background:url(../images/iconCourse.png);}
.jobBox li div a.prev{ background-position: -40px -150px;}
.jobBox li div a.next{ background-position: -80px -150px;}
.jobBox li div a.edit{ background-position: -80px -190px;}
.jobBox li div a.dele{ background-position: -40px -190px;}

/* video css */
.videoAdd{width:970px; overflow:hidden; border-bottom:1px dashed #e7e7e7; padding:30px 0;}
.videoAdd a{display:block; width:150px; height:40px; overflow:hidden; margin:0px auto; text-align:center; line-height:40px; border-radius:3px; background:#0086e6; color:#fff;}

.videoList{width:970px; overflow:hidden; margin:30px 0 8px 0;}
.videoList ul{width:992px; overflow:hidden;}
.videoList ul li{float:left; width:226px; height:180px; overflow:hidden; margin:0 22px 22px 0; position:relative;}
.videoList dt{width:224px; height:152px; overflow:hidden; border:1px solid #e3e3e3; background:#f3f3f3;}
.videoList dt img{width:216px; height:144px; margin:4px; position:absolute;}
.videoList dd{width:100%; height:26px; overflow:hidden; text-align:center; line-height:26px;}
.videoList dd a{color:#666666;}
.videoList dd a:hover{color:#0086e6;}
.videoList div{display:none; width:226px; height:154px; overflow:hidden; position:absolute; left:0px; top:0px; background:url(../images/blockBg.png);}
.videoList ul li:hover div{display:block;}
.videoList div p{display:block; width:140px; height:140px; overflow:hidden; margin:7px auto;}
.videoList div a{float:left; display:block; width:50px; height:50px; overflow:hidden; margin:10px; background:url(../images/iconEdit.png);}
.videoList div a.prev{ background-position:0px 0px;}
.videoList div a.next{ background-position:0px -50px;}
.videoList div a.dele{ background-position:0px -100px;}
.videoList div a.edit{ background-position:0px -150px;}

.videoShow{width:900px; height:600px; overflow:hidden;}

.footNav{width:100%; overflow:hidden; padding:80px 0; background:#e7e7e7; position:relative; z-index:1;}
.footNav ul{width:1200px; overflow:hidden; margin:0px auto;}
.footNav ul li{float:left; width:200px; overflow:hidden; text-align:center;}
.footNav ul li h4{height:30px; margin-bottom:10px; font-size:18px; font-weight:normal; line-height:30px; color:#333;}
.footNav ul li a{line-height:30px; color:#666666;}

.footCopy{width:100%; height:50px; overflow:hidden;background:#333333; position:relative; z-index:1;}
.footCopy div{width:1300px; overflow:hidden; margin:0px auto; line-height:50px; color:#fff;}
.footCopy div span{margin:0px 10px;}
.footCopy div a{margin:0px 10px; color:#fff;}