.clear{clear: both;}
.center{width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}

/*头部*/
.header{height: 141px;  background: url(top_bg.png) no-repeat right top; width: 100%;}
.header .logo{width: 414px; height: 141px; margin: 0 auto; display: block;}
.header .logo img{width: 100%; height: 100%;}
.header .zi_logo{width: 341px; height: 141px; margin: 0 auto 0  30px; display: block;}
.header .zi_logo img{width: 100%; height: 100%;}
/*导航*/
.nav{background: #dca55c; height: 60px; width: 100%;}
.nav_yj{width: 1200px; margin: 0 auto; height: 60px;}
.nav_yj li{float: left;display: inline; text-align: center; line-height: 60px; position: relative; width: 150px; z-index: 999;}
.nav_yj li.on{background: url(nav_bg.png) no-repeat right bottom #920807; height: 60px; line-height: 60px;}
.nav_yj li.hover{background: url(nav_bg.png) no-repeat right bottom #920807;}
.nav_yj li a{font-size: 16px; color: #fff; display: block;}
.nav_yj>li.on>a,.nav_yj>li.on>a:hover{color: #fff;}

.nav_ej{position: absolute; top: 60px; left: 0; display: none; background: #fff; opacity: 0.9; float: left; width: 100%; z-index: 1000;}
.nav_ej>li{text-align: center; background: none; line-height: 40px; float: left;display: inline; width: 100%; display: inline; margin: 0;}
.nav_ej li a{font-size: 14px; color: #333; display: block; background: none; padding: 0;}
.nav_ej>li a:hover{color: #920807;}
.nav_ej_li{cursor: pointer;}
.nav_sj{display: none;background-color: #fff;position: absolute; width: 180px;right: -180px;top: 0;min-height: 100%;-webkit-box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5);
    -moz-box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5);
    box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5);}
.nav_ej_li:hover .nav_sj{display: block;}

/*图片轮播*/
.banner{width: 100%; position: relative;}
.banner_img{width: 100%; height: 100%; display: block;}
.banner img{width: 100%; height: 100%;}
/*vr圆*/
.vr{position: absolute; left: 9%; display: block; width: 14.6%; background: url(yuan.png) no-repeat center center; background-size: 100% auto; cursor: pointer;}
.vr p{color: #fff; font-size: 1.35rem; line-height: 30px; text-align: center;}
.chakan{margin-top: 40%;}

/*banner图上特教简介*/
.tjjj{position: absolute; left: 49.6%; top: 9.7%; width: 212px;}
.tjjj,.tjjj p,.tjjj div,.tjjj span,.tjjj font,.tjjj strong,.tjjj b{font-size: 14px !important; text-indent: 2em; line-height: 32px !important; font-family: "微软雅黑" !important; color: #fff; text-align: justify; font-style: oblique;}

/*通知公告*/
.tzgg{width: 1180px;  position: absolute; left: 0; top: 0; right: 0; margin: auto; height: 40px; background: #fff; padding: 10px;border-bottom: 1px solid #dfdfdf;}
.th_tzgg{background: url(tzgg_icon.png) no-repeat left center; line-height: 40px; padding-left: 30px; margin:0 10px 0 15px; float: left; font-size: 16px;}
#marquee2{width:530px;height:40px;overflow:hidden; float: left;}
#marquee2 ul li{float:left;height:40px; line-height: 40px; width: 100%; float: left; position: relative;}
#marquee2 ul li a{display: block; width: 490; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; color: #666666; font-size: 14px;}
#marquee2 ul li span{display: block; float: right; color: #666666; font-size: 14px;}
/* control */
.control{height:40px;overflow:hidden;float:left; width: 9px; margin-right: 10px;margin-left: 100px;}
#goU{background: url(shang.png) no-repeat top center; display: block; width: 9px; height: 6px; margin-top: 7px;}
#goD{background: url(xia.png) no-repeat bottom center;display: block; width: 9px; height: 6px; margin-top: 11px;}
#goU:hover{background: url(shang_01.png) no-repeat top center;}
#goD:hover{background: url(xia_01.png) no-repeat top center;}
/*  search  */
.search{width: 284px; height: 40px; background: url(ssk.png); float: right; margin-right: 25px;}
.search form{width: 284px; height: 40px;}
.txt2{width: 200px; height: 30px; margin-left: 20px; margin-top: 5px; border: none;  color: #333333;}
.btn{width:21px; height: 21px;float: right; margin-right: 20px; margin-top: 9px; border: none; background: url(ss.png);}

/*新闻公共样式*/
.item ul{overflow: hidden; margin: 8px 0 4px;}
.item ul li{height: 41px; line-height: 41px;}
.item ul li span{float: right; color: #999;}
.item ul li a:hover{color: #750605;}
.item_th{height: 50px;line-height: 50px; border-bottom: 1px solid #dfdfdf;}
.item_th p{color: #000; font-size: 20px; float: left; padding: 0 5px 0 1px;}
.item_th .more{float: right;color: #666; height: 50px; line-height: 50px; display: block;}
/*结束*/

/*图片新闻*/
.tpxw{width: 806px; float: left;}
.tpxw ul li{float: left; width: 254px; height: auto; margin-left: 24px; margin-top: 19px;}
.tpxw ul li a{width: 100%; display: block; height: 100%; float: left;}
.tpxw ul li img{width: 254px; height: 142px; display: block; float: left;}
.tpxw ul li a p{line-height: 30px; width: 100%; height: 30px; float: left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tpxw ul li a p.biref{display: none;}
.tpxw ul li a.ckxq{display: none;}

.tpxw ul li.first{width: 528px; float: left; margin-left: 0;}
.tpxw ul li.first a{width: 75%;}
.tpxw ul li.first img{width: 100%; height: 296px;}
.tpxw ul li.first a.ckxq{width: 102px; height: 33px; line-height: 33px; text-align: center; color: #fff; font-size: 15px; background: url(ckxq_bg.png) no-repeat center center; float: right; margin-top: 20px; display: block;}
.tpxw ul li.first p{width: 100%; height: 30px; line-height: 30px; font-weight: bold; font-size: 17px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;}
.tpxw ul li.first p.biref{display: block; font-weight: normal; line-height: 30px; height: 30px; margin-top: 0; font-size: 16px;}

/*校园新闻*/
.xyxw{width: 302px; float: right;}
/* #marquee3 */
.marqueebox{position:relative;width:302px;height:385px; padding-top: 10px;}
.sy_xyxw li{ width:287px; height:36px; line-height:36px !important; background:url(list_style.png) no-repeat left; color:#333; padding-left: 15px;; font-size:16px;}
.sy_xyxw ul li a{ font-size: 14px; width: 70%;white-space:nowrap;text-overflow:ellipsis; overflow: hidden; float: left;}
.sy_xyxw li a:hover{ color:#920807;}
.sy_xyxw ul span{ float:right; height:36px; line-height:36px; color:#666666; font-size:14px;}


/*图片轮播*/
.banner_xyxw{height: 385px; width: 100%;}
.slide{height:385px;position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100px;overflow:hidden; float: left;}
.ban_nav{position:absolute;bottom:24px;left:0;width:100%;text-align:center;z-index:4;}
.ban_nav a{display:inline-block; vertical-align:middle; width:15px; height:15px; line-height:15px; overflow:hidden; margin:0 6px; cursor:pointer; background: url(gray_bann.png) no-repeat 0 0;}
.ban_nav .on{background:url(huang_bann.png) no-repeat 0 0;border-radius: 50%;width: 15px;}

/*学校宣传视频*/
.xcsp{width: 806px; float: left;}
.xcsp ul li{float: left; width: 376px; height: 268px; margin: 20px 44px 0 0; position: relative;}
.xcsp ul li a{display: block; width: 100%; height: 100%;}
.xcsp ul li a img{width: 376px; height: 268px;}
.xcsp ul li em{display: block; width: 376px; height: 268px; position: absolute; z-index: 99; left: 0; top: 0; background: url(yy_bg.png) repeat 0 0;}
.xcsp ul li em img{display: block; width: 64px; height: 64px;position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px;}

/*电子相册*/
.dzxc{width: 302px; float: right;}
.dzxc ul li{width: 298px; height: 268px; margin-top: 20px;}
.dzxc ul li a{width: 100%; height: 100%; display: block;}
.dzxc ul li a img{width: 100%; height: 100%;}

.demopage{width:298px;margin:auto;position:absolute;}
#marquee1{width:100%;overflow:hidden;}
#marquee1 ul li{width: 298px; float:left;}
#marquee1 ul li img{ display:block;}
.control2{ width:100%; height:20px;overflow:hidden; margin:auto; position:absolute; top:50%;}
.s1{ width:15px; height:20px; float:left;}
.s1 a{display:block; width:15px; height:20px; background-image:url(left.png); background-repeat:no-repeat;}
.s1 a:hover{ background-image:url(left.png);background-repeat:no-repeat;}
.s2{ width:15px; height:20px; float:right;}
.s2 a{display:block; width:15px; height:20px; background-image:url(right.png); background-repeat:no-repeat;}
.s2 a:hover{ background-image:url(right.png);background-repeat:no-repeat;}


/*底部*/
.footer{background: url(bottom_bg.jpg) no-repeat bottom center; height: 120px; width: 100%; margin-top: 45px;}
.footer_left{width: 747px; float: left; height: 100%; margin-top: 10px; margin-left: 117px;}
/*底部导航*/
.nav_bottom{width: 597px; margin: 0 auto; height: 30px; padding-top: 15px;}
.nav_bottom ul{overflow: hidden;}
.nav_bottom ul li{padding: 0 5px; float: left; height: 30px; line-height: 30px;}
.nav_bottom ul li a{color: #fff; color: rgba(255,255,255,0.8);}

/*联系方式*/
.lxfs{width: 713px;margin: 0 auto; padding-top: 15px;}
.lxfs ul{overflow: hidden;}
.lxfs ul li{float: left; margin-right: 35px; padding-left: 25px; color: #fff; height: 30px; line-height: 30px;}
.lxfs ul li.icon_one{background: url(icon_01.png) no-repeat left center;}
.lxfs ul li.icon_two{background: url(icon_02.png) no-repeat left center;}
.lxfs ul li.icon_three{background: url(icon_03.png) no-repeat left center;}

.footer_right{width: 87px; height: 87px; margin: 18px 0 0 20px; float: left;}
.footer_right img{width: 100%; height: 100%;}

.footer_bottom{width: 100%; height: 46px; line-height: 46px; background: #363636; text-align: center; color: #fff; color: rgba(255,255,255,0.38);}

/*列表页*/
.bann{width: 100%;/* height:240px;*/ margin: 0 auto;  position: relative;}
.bann img{width: 100%;/* height: 240px;*/}
.menu{width: 220px; float: left; border-left: 4px solid #920807; position: absolute; top: 420px;}
.menu .th{text-align: center; line-height: 64px; height: 64px; font-weight: bold; font-size: 16px; background: #920807; color: #fff;}
.menu .th p{font-size: 16px; color: #fff;}
.menu ul{ overflow: hidden; height: auto; margin-top: 20px; border-bottom: 1px solid #ddd;}
.menu ul li{line-height: 52px; height: 52px; text-align: center; border-right: 1px solid #ddd; padding-top: 0; border-top: 1px solid #DCDCDC;}
.menu ul li a{font-size: 15px;}
.menu ul li.on{ border-left: 4px solid #dca55d;}
.menu ul li.on a{color: #920807;}

.box{width: 926px; min-height: 645px; _height:645px; float: right; margin-top: 12px; display: inline;}
.box .th{height: 42px; width: 100%; line-height: 42px; border-bottom: 2px solid #920807;color: #724598; font-size: 18px;float: left; display: inline-block;}
.box .th p{color: #920807; font-size: 18px;float: left; display: inline-block;}
.box .th .local{float: right; padding-right: 6px; color: #333; display: block;}
.box .th .local a{color: #333;}
.box ul{min-height: 597px; _height:597px; display: block; float: left; width: 100%;}
.box ul li{height: 42px; line-height: 42px; border-bottom: 1px dotted #dcdcdc; background: url(list_style.png) no-repeat left center; padding-left: 15px; margin: 0; font-weight: normal;}
.box ul li a:hover{color:#920807;}
.box ul li span{color: #666; float: right;}
.pages{padding: 10px 0; text-align: center; line-height: 32px; height: 32px; width: 100%; float: left;}

/*内容页*/
.content{padding: 6px 0 12px 0; float: left;}
.content .title{line-height: 28px; font-size: 20px; font-weight: bold; text-align: center; padding: 15px 0px; margin: 0 20px; border-bottom: 1px dotted #dcdcdc;}
.content .txt{text-align: center; color: #888; line-height: 28px; padding: 10px 0;}
.con{min-height: 400px; _height:400px; padding: 5px 15px;}
.con,.con p,.con div,.con span,.con font,.con strong,.con b{font-size: 16px !important; line-height: 32px !important; font-family: "微软雅黑" !important;}
.con img{max-width: 100%;}
.con b,.con strong{font-weight: bold;}
.con table{margin:0 auto !important;}
.con table tr td{border:1px solid #dcdcdc !important;}

/*列表页图片*/
.box .img_list{width: 945px; height: auto; overflow:hidden; margin-top: 20px; margin-bottom: 50px;}
.box .img_list li{width: 222px; height:190px; float: left; margin-right: 12px; margin-bottom: 10px;text-align: center; opacity: 0.8; padding-left: 0; background: none; border-bottom: none;}
.box .img_list li a{ font-size: 14px; color: #666; line-height:30px; display: block; width: 220px; height: 188px; border: 1px solid #ddd;}
.box .img_list li img{width: 216px; height: 152px; padding: 2px; display: block; float: left;}
.box .img_list li span{display: block; height: 32px; line-height: 32px; float: left; width: 100%; text-align: center;}
.box .img_list li a:hover{ border: 1px solid #DC520D; opacity: 1;}
.box .img_list li a:hover span{ color: #DC520D;}


/*校园风光*/
.mkeFocus{height:595px; width: 750px; background:#fff;border: 1px solid #C9CACB; margin: 30px 0 30px 80px;float: left;}
.mkeUl {margin: 0px auto; height: 595px;  width: 750px; position: relative; overflow:hidden; }
.mkeUl ul {position: absolute; left: 0px; top: 0px; height: 595px; margin-top: 0; margin-bottom: 0;}
.mkeUl ul li{float: left; text-align: center; font: 20px Arial; width:750px; overflow:hidden; padding-left: 0; background: none; border-bottom: none; height: 595px;}
.mkeUl ul li img{width: 750px; height: 527px;}
.ml_xy ul li a p{line-height:42px; margin-block-start: 0em !important;margin-block-end: 0em !important; font-size: 20px;}
.mkeNum {height: 35px; width: 37px; position: absolute; z-index: 1; left: 265px; bottom: 0px; font: 20px Arial; background:url(banNum.jpg) left top no-repeat; }
.mke_ns1 {line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 0px; top: 0px; }
.mke_ns2 {line-height: 16px; color: #9FA0A0; text-align: center; display: block; height: 16px; width: 16px; position: absolute; right: 0px; bottom: 0px; }
.mke_ns3 {line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; left: 12px; top: 9px; }
.mkeLbtn {background: url(kelBtn.png) no-repeat; height: 52px; width: 30px; position: absolute; left: 0px; top: 374px; cursor: pointer; z-index: 10;}
.mkeRbtn {position: absolute; top: 374px; right: 0px; background: url(kerBtn.png) no-repeat; height: 98px; width: 30px; cursor: pointer; z-index: 10;}
.mx_bt{width:36px; height:98px; top:212px;}
.mb_lf{left:6px;}
.mb_ri{right:6px;}
.sm_js{left:10px; bottom:18px;}

.box .img_phone_list{display: none;}