*{ margin:0;padding:0;font-family:"Microsoft YaHei";font-size:14px;}
ul{ list-style:none;}
 /*清除浮动代码 zoom针对IE6、IE7使用*/
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
a{ color:#fff; text-decoration:none;}
img{ border:none;}
#divWrap{ width:100%; overflow:hidden;}
#divNav{ width:100%; background-color:#6f6f6f;height:auto;min-height:70px; text-align:center; vertical-align:middle; line-height:70px; }
#divMenu{width:1200px; margin:0 auto;}
#divMenu li{float:left; text-align:center;width:120px;	}

#divMenu a{display:block;margin:0px; font-size:16px;}
#divMenu a:link, #divMenu a:visited{color:#ffffff;text-decoration:none; font-weight:bolder;}
#divMenu a:hover{color:#FFFFFF; background-color:#a91d1d}
#banner{ display:block;}			
#contaction{width:100%;height:auto;min-height:325px;background:url('/sysimages/contaction.jpg') no-repeat;}
.servicesBox {  width:1200px; height:400px; margin:0 auto; clear:both; line-height:18px; color:#999999; font-size:14px;}
.servicesBox .serBox { cursor:pointer; display:inline; width:290px; height:400px; float:left; overflow:hidden; position:relative;  margin-left:2px;}
.servicesBox .serBoxOn { font-family:"Microsoft Yahei"; display:none; width:290px; height:400px; margin-left:2px; background:url('/sysimages/serboxon_bg.gif') repeat 0px 0px; position:absolute; left:0px; top:0px; z-index:19;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.servicesBox .serBox .pic1 { width:110px; height:110px; text-align:center; position:absolute; top:22px; right:90px; z-index:99;}
.servicesBox .serBox .pic2 { width:110px; height:110px; text-align:center; position:absolute; top:22px; left:-150px; z-index:99;}
.servicesBox .serBox .txt1 { width:290px; height:100px; position:absolute; top:135px; left:0px; z-index:99;}
.servicesBox .serBox .txt2 { width:290px; height:100px; position:absolute; top:135px; right:-290px; z-index:99;}
.servicesBox .serBox span.tit { font-size:16px; display:block; text-align:center;}
.servicesBox .serBox .txt1 .tit { color:#575756; line-height:30px; font-size:20px; font-weight:bolder;font-family:"Microsoft Yahei";}
.servicesBox .serBox .txt2 .tit { color:#fff; line-height:30px; font-size:20px; font-weight:bolder; font-family:"Microsoft Yahei";}
.servicesBox .serBox .info{ margin-top:12px;color:#575756; text-align:center;}
.servicesBox .serBox .txt2 .info ul li{color:#fff; text-align:center;}
.servicesBox .info ul li{ margin-top:2px; font-size:14px;}
.servicesBox .serBox .info ul .liInfo{ padding-left:45px;}
.servicesBox .serBox .txtInfo1{ padding:0 10px; text-align:center; color:#575756}  
.servicesBox .serBox .txt2 .txtInfo1{color:#fff}
.servicesBox .serBox .txtInfo2{ padding:0 10px; text-align:center; color:#575756; font-size:16px; font-weight:bolder; position:absolute; top:220px;left:85px;}  
.servicesBox .serBox .txt2 .txtInfo2{color:#fff;}     
#content{ width:100%; height:331px; background:url('/sysimages/content.jpg') repeat-x; padding:100px 0; font-size:14px;}
#inner-content{ width:1200px; margin:0 auto}
.divSquare{border:#e3e2e2 1px solid;background:#fff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e3e2e2,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #e3e2e2;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #e3e2e2;/*safari或chrome*/
box-shadow:2px 2px 10px #e3e2e2;/*opera或ie9*/
}
#notice1{width:360px;height:115px; position:relative;}
#notice2{width:360px;height:140px; margin-top:80px;position:relative;}
#inner1{ float:left; padding-top:20px;}
.nTitle{ height:30px; line-height:30px; padding:10px 0; position:absolute; top:-25px;}
#inner1 h1 span,#mNews h1 span,#tp2 h1 span{ margin-left:52px; font-size:20px; color:#fff; font-weight:bold; }
#notice1 h1{ width:150px; background:#a91d1c url('../sysimages/nt1.jpg') 10px 4px no-repeat;}
#notice2 h1{ width:210px;}
#mNews h1{ width:150px}
#notice2 h1,#mNews h1,#tp2 .nTitle{ background:#a91d1c url('../sysimages/nt2.jpg') 10px 8px no-repeat;}
.more1{display:block; height:15px; width:45px; background:#d10200 url('../sysimages/more1.jpg') no-repeat 0 2px; position:absolute; top:8px; right:20px;}
.nList{ margin-top:35px; margin-left:8px;}
.nList li{ margin-top:6px; overflow:hidden; line-height:14px; height:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.innerLi1{ display:block; float:left; width:12px; height:12px; margin-top:2px;background:url('/sysimages/li1.png') no-repeat;}
.sp1{ background-position:0px 0px;}
.sp2{ background-position:0px -27px;}
.sp3{ background-position:0px -56px;}
.sp4{ background-position:0px -83px;}
.sp5{ background-position:0px -112px;}
.sp6{ background-position:0px -140px;}
.sp7{ background-position:0px -167px;}
.sp8{ background-position:0px -195px;}
.sp9{ background-position:0px -223px;}
.sp10{ background-position:0px -251px;}
.nList li a{ margin-left:2px;color:#575756;font-size:14px;}
.nList li a:hover{ text-decoration:underline;}
#inner2{ float:left; width:810px; height:327px; margin-left:16px; padding:5px 0 5px 5px; margin-top:20px;}

#imgContainer{border:1px solid #fff;width:480px;height:325px;overflow:hidden;position:relative; float:left;}
#imgContainer img{display:none;}
#imgMask{position:absolute;width:100%;height:100%;overflow:hidden;}
#imgMask .range{float:left;position:relative;}
#imgMask .range div{position:absolute;left:0;top:0;}	
#imgContainer .pageBar{position:absolute;z-index:99;right:10px;bottom:10px}
#imgContainer .pictureBar{z-index:99;}
.pageBar img, .pictureBar img{display:block !important;float:left;border:1px solid #666;margin:0px 2px 2px 2px;filter:alpha(opacity=50);-moz-opacity: .5;opacity: .5;}
.pageBar img.current, .pictureBar img.current{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;display:block !important;}
.pageBar a{display:block;background:#000;border:1px solid #666;color:#fff;float:left;width:16px;font-size:12px;margin:2px;text-align:center;line-height:16px;font-family:Arial;cursor:pointer;text-decoration:none;}
.pageBar a:hover,.pageBar a.current{background:red;color:#fff;border:1px solid #600;border-top:1px solid #F96;border-left:1px solid #F96;}


#mNews{ float:left; width:328px; position:relative;}
#mNews ul{ margin-top:30px;}
#mNews ul li{ width:320px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding:7px 0; line-height:14px; height:14px;margin-left:4px;}
#mNews ul li:last-child{ padding:3px 0; text-align:right;}
#mNews ul li a{ color:#575756; font-size:14px; margin-left:4px;}
#mNews ul li a:hover{ text-decoration:underline;}

#wrap-topic{ width:100%; margin-top:80px;}
#topic{width:1200px; margin:0 auto;}
.commonh1{ width:1200px; height:58px; background:url('/sysimages/tph1.png') no-repeat 320px 0; text-align:center; font-size:38px; height:38px; line-height:38px; padding:10px 0; color:#fff;}
#tp1 ul{ margin-top:32px;}
#tp1 ul .tpLi{ float:left; margin:0 10px;}
#tp2{ margin-top:80px;}
.tp2Ps{ position:relative;}
.tp2common{ float:left; width:560px;height:160px; line-height:160px; margin-top:80px;}
#tp2-inner1,#tp2-inner3,#tp2-inner5{ margin-right:38px;}
#tp2-inner2,#tp2-inner4,#tp2-inner6{ margin-left:38px;} 
#tp2 ul li{ width:100%;}
#tp2 .sTime{ float:right; margin-right:10px; color:#575756}
#tp2 .nTitle{ width:150px;}


/* 校园风光 */
#school-campus{ width:100%; height:720px;background: #F4F5F9;color: #666;font: 12px/150% Arial,Verdana, "microsoft yahei"; margin-top:88px;}
.info-container {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
.info-container{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.info-container a {
    text-decoration: none;
    color: #000;
}
.info-container img {
    border: 0;
}
.info-more a {
    text-decoration: none;
    color: #08acee;
}

.info-container button {
    outline: 0;
}

.info-container img {
    border: 0;
}

.info-container button{
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li {
    list-style: none;
}

.info-container a {
    color: #666;
}

.info-container a:hover {
    color: #eee;
}

.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.info-container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.info-container-title {
    font-size: 16px;
    text-align: center;
    padding: 50px 0;
}

.info-container-title h2 {
    font-weight: normal;
    font-size: 36px;
    font-family: "Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

.info-container-list {
    background: #fff;
    padding: 42px 0;
}

.info-listItem {
    width: 340px;
    margin: 0 26px 0 32px;
    float: left;
}

.info-listItem-title {
    font-size: 24px;
    margin-bottom: 26px;
    font-weight: normal;
}

.info-more {
    width: 100px;
    height: 36px;
    display: block;
    line-height: 36px;
    border: 1px solid #E4E4E4;
    text-align: center;
    transition: all .1s;
}

.info-more:hover {
    background: #F96A69;
    border-color: #F96A69;
    color: #fff;
}

.info-listItem-list {
    margin-bottom: 17px;
}

.info-listItem-list dt {
    height: 180px;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
}

.info-listItem-list dt a img {
    width: 340px;
    height: 180px;
    transition: all .4s;
}

.info-listItem-list dt a span {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    bottom: 0px;
    font-size: 15px;
    padding: 0 24px;
    line-height: 1.5;
    height: 28px;
    overflow: hidden;
    transition: all .2s;
}

.info-listItem-list dd {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-listItem-list dd a {
    font-size: 14px;
    color: #909499;
}

.info-listItem-list dd a:hover {
    color: #ec6061;
}

.info-listItem-list dt a:hover img {
    transform: scale(1.05);
}



#teachers{ width:1200px; margin:0 auto; margin-top:50px;}
#teachers ul{ margin-top:50px;}
#teachers ul li{ float:left; width:220px; padding:6px; border:1px solid #eaeaea; margin-left:5px; }
#teachers  a{ color:#000; text-decoration:none;}
#teachers a:hover{ text-decoration:underline;}
#teachers ul li p{ text-align:center; margin-top:12px;}
#divMore{ text-align:right; margin-top:20px;}
#wrap-bottom{width:100%; background:#6f6f6f; margin-top:10px; padding:60px 0 30px;}
#mBottom{ width:1200px; margin:0 auto; position:relative; }
.bt-float{ float:left; width:500px;}
#bt-inner1{ margin-right:100px;}
#bt-inner3{ margin-left:100px;}
#bt-inner2{ position:absolute;top:-30px; left:500px;}
.bt-commonh1{ padding:5px 0; font-size:20px; color:#fff; font-weight:bold; height:20px; line-height:20px; text-align:center;}
#bt-inner1 ul,#bt-inner3 ul{ margin-top:15px;}
#mBottom ul li{ float:left; letter-spacing:2px; padding:2px 0;}
#mBottom .bt-li{ margin-left:50px;}
#Copyright{ margin-top:30px; color:#fff;}
#Copyright p{ text-align:center; margin-top:12px;}


/* 弹窗样式表 */

#pop{background:#f6f0f3;width:410px; height:262px;font-size:12px;position:fixed;right:0;bottom:0;}
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;color:#000;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}
.m {width:374px;height:210px;margin-left:auto;margin-right:auto;}

@media only screen and  (min-device-width: 1100px) and (max-device-width:1449px){
    #divNav{ height:75px; line-height:75px;}
    #contaction{ padding:29px 0;}
}
@media only screen and (min-device-width:1450px){
    #divNav{ height:85px; line-height:85px;}
    #contaction{ padding:105px 0;}
}

