@charset "utf-8";
/* CSS Document calc */
/* Design For QQ:257654 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote {padding:0; margin:0;} 
input:focus,textarea:focus,button:focus,select:focus{outline:none;} 
h1,h2,h3,h4,h5,h6,h7 {font-weight:normal}
ul,li {list-style-type:none;}
img {border:0px; padding:0; margin:0;}
.footclear {clear:both}

body {font-size:12px; color:#333333; font-family:Microsoft Yahei, Tahoma, simhei}
a {font-size:12px; color:#333333; text-decoration:none; behavior:url("js/onfocus.htc")}
a:visited , a:active {color:#333333;}
a:hover {color:#EC185B; text-decoration:underline}

::-webkit-input-placeholder { /* WebKit browsers */ color: #C1C1C1; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #C1C1C1; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #C1C1C1; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #C1C1C1;} 

/* 通栏广告通用样式 */
.through_banner {width:1200px; height:100px; margin:20px auto}

/* 顶部样式 */
#tophull {width:100%; height:40px; line-height:40px; margin:0 auto; background:#FAFAFA; border-bottom:1px solid #EEEEEE; color:#999999}
#tophull a {color:#999999; cursor:pointer; display:block}
#topinside {width:1200px; height:auto; margin:0px auto}
#topinside .topleft {float:left; width:600px; height:auto}
#topinside .topright {float:left; width:600px; height:auto}
#topinside .topright ul li {float:right; width:80px; height:16px; line-height:16px; margin:12px 0; text-align:center; border-right:1px solid #DDDDDD}
#topinside .topright ul .phone {border:none; background:url(../images/setting.png) no-repeat 20px 0; padding-left:10px}
#topinside .topright ul .phone span {float:left; width:200px; height:200px; display:none; background:url(../images/quick.jpg); position:relative; top:13px; right:140px}
#topinside .topright ul .phone:hover span {display:block; 
filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
-moz-box-shadow: 2px 2px 10px #141414;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #141414;/*safari或chrome*/
box-shadow:2px 2px 10px #141414;/*opera或ie9*/}
#topinside .topright ul .QQ {width:150px; color:#FF3366}
#localtime {float:left; margin:0 15px}

#logohull {width:1200px; height:110px; margin:0px auto}
#logohull .logo {float:left; width:250px; height:110px; margin-right:50px; background:url(../images/logo-r.jpg) no-repeat center; cursor:pointer; display:block}
#logohull .searchhull {float:left; width:370px; height:35px; border:1px solid #E4E4E4; border-radius:5px; margin:45px 60px 0 0}
#logohull .searchhull .searchinside {float:left; width:370px; height:35px;}
#logohull .searchhull .searchinside .lefttxt {float:left; width:320px; height:35px; margin-left:10px}
#logohull .searchhull .searchinside .lefttxt input {float:left; width:320px; height:35px; line-height:35px; border:none; background:none; color:#666666}
#logohull .searchhull .searchinside .rightbut {float:left; width:40px; height:35px; background:url(../images/search_bg.png)}
#logohull .searchhull .searchinside .rightbut input {float:left; width:20px; height:20px; margin:8px 0 0 10px; cursor:pointer}
#logohull .function {float:left; width:468px; height:70px; margin-top:20px; text-align:center; overflow:hidden; display:block}

/* 导航样式 */
#menu-mother {width:100%; height:80px; margin:0px auto; background:#0074BF}
#menu-mother .menu {width:1200px; height:70px; margin:0px auto; padding:5px 0}
#menu-mother .menu span {float:left; width:69px; height:70px; background:url(../images/setting.png) no-repeat}
#menu-mother .menu .bgimg00 {background:none; width:67px}
#menu-mother .menu .bgimg01 {background-position:-70px 9px}
#menu-mother .menu .bgimg02 {background-position:-172px 9px}
#menu-mother .menu .bgimg03 {background-position:-272px 12px}
#menu-mother .menu ul {float:left}
#menu-mother .menu ul li {float:left; width:85px; height:31px; line-height:31px; text-align:center; padding:2px 5px}
#menu-mother .menu ul li a {font-size:14px; color:#FFFFFF; text-decoration:none; display:block}
#menu-mother .menu ul li a:hover {border-radius:5px; background:#0068AE}
#menu-mother .menu .bgdiv01 {width:259px; height:70px}
#menu-mother .menu .bgdiv02 {width:453px; height:70px}
#menu-mother .menu .bgdiv03 {width:354px; height:70px}

/* 首页幻灯片 */
#slides {float:left; overflow:hidden; position:relative; z-index:100}
.slides_container {width:100%; height: 255px; overflow:hidden; position:relative}
.slides_container div.slide {width:100%; height:auto}
.pagination {float:left; width:100px; position:absolute; right:-20px; bottom:10px; z-index:9999}
.pagination li {float:left; margin:0}
.pagination li a {float:left; width:8px; height:0px; padding-top:8px; margin-right:4px; background:url(../images/setting.png) no-repeat -400px 0; overflow:hidden; display:block}
.pagination li.current a {background-position:-400px -12px;}
.caption {z-index:500; position:absolute; height:30px; line-height:30px; padding-left:10px; left:0; background:rgba(0,0,0,.7); width:100%; color:#FFFFFF}
.i-slides {width:400px; height:255px; margin-bottom:20px}
.i-slides nobr {float:left; width:300px; height:30px; overflow:hidden; text-overflow:ellipsis}
.i-slides img {width:400px; height:255px}

/* 首页名师指导 */
.teacher-top-left {float:left; width:330px; height:28px; line-height:28px; font-size:18px}
.teacher-top-right {float:left; width:70px; height:28px}
.teacher-list {float:left; width:400px; height:auto; overflow:hidden; margin-top:10px}
.teacher-list ul {float:left; width:420px; height:auto;}
.teacher-list ul li {float:left; width:90px; height:120px; margin:0 13px 10px 0; text-align:center}
.teacher-list ul li img {width:90px; height:90px}

/* 模拟select */
#select {float:left; width:68px; border:1px solid #D0D0D0; background:#FFFFFF; border-radius:5px; position:relative; z-index:1000}
#select ul {margin:0px; padding:0px; height:auto; overflow-x:scroll}
#select ul li, #select span {width:100%; height:26px; line-height:26px; background:#FAFAFA; cursor:pointer; display: block}
#select ul li {text-indent:6px; color:#999999}
#select span {background:url(../images/setting.png) -345px -29px no-repeat; text-indent:6px}
#select ul li:hover {background:#E5E5E5; color:#333333}

/* 文字广告链接 */
.ad-text {width:1200px; height:auto; margin:10px auto}
.ad-text ul li {float:left; width:200px; height:30px; line-height:30px; text-align:center}
.ad-text ul li a {font-size:14px}

/* 首页新闻 */
#index-one {width:1200px; height:auto; margin:20px auto 0px auto}
#index-one .one-left {float:left; width:400px; height:auto; margin-right:20px}
#index-one .one-center {float:left; width:460px; height:auto; margin-right:20px}
#index-one .one-right {float:left; width:298px; height:563px; border:1px solid #EBEBEB}

#index-one .one-center .headnews {float:left; width:460px; height:90px; line-height:22px; color:#999999; margin-bottom:20px}
#index-one .one-center .headnews a {float:left; width:460px; height:auto; line-height:25px; text-align:center; font-size:20px; font-weight:bold; margin-bottom:10px}
#index-one .one-center .headnews span {float:left; width:460px; height:45px; overflow:hidden}
#index-one .one-center .newslist {float:left; width:460px; height:auto; border-top:1px solid #E4E4E4}
#index-one .one-center .newslist ul {margin-top:18px; clear:both}
#index-one .one-center .newslist ul li {float:left; width:435px; height:30px; line-height:30px; background:url(../images/setting.png) no-repeat -435px 14px; padding-left:25px;overflow: hidden;}
#index-one .one-center .newslist ul li a {font-size:14px}

#index-one .one-right .one-ad {width:280px; height:90px; margin:5px auto 0px auto}

/* 互动徐州&彭城助学 */
.tab {width:280px; height:auto; margin:5px auto}
.tab-nav {height:30px; overflow:hidden; text-align:center}
.tab-nav a {float:left; display:block; width:80px; height:29px; line-height:29px; border-bottom:1px solid #C9C9C9;  text-decoration:none; color:#C9C9C9; font-size:18px; margin-right:10px}
.tab-nav a.current {border-bottom:1px solid #EC185B; color:#666666}
.tab-con {float:left; position:relative; width:280px; height:auto}
.tab-con-item {float:left; width:280px; display:none; margin-top:5px; position:relative}
.tab-con-item .tab-more {float:left; width:40px; height:30px; line-height:30px; text-align:right; position:absolute; right:0; top:-30px}
.tab-con-item .tab-more a {color:#EC185B}
.tab-con-item .tab-img {float:left; width:280px; height:178px}
.tab-con-item .tab-img img {width:280px; height:178px}
.tab-con-item ul li {float:left; width:265px; height:30px; line-height:30px; background:url(../images/setting.png) no-repeat -447px 13px; padding-left:15px; overflow:hidden; text-overflow:ellipsis}
.tab-con-item ul li:hover {background:url(../images/setting.png) no-repeat -450px -30px;}
.tab-index {display:block}

/* 官方活动 */
#act-top {width:1200px; height:20px; margin:30px auto 20px auto; background:url(../images/setting.png) 0 -65px}
#act-top h1 {float:left; width:90px; height:20px; line-height:20px; border-left:5px solid #EC185B; text-align:center; font-size:18px; background:#FFFFFF}
#act-top h2 {float:left; width:auto; height:20px; line-height:20px; padding-right:10px; text-align:center; font-size:18px; background:#FFFFFF; color:#CCCCCC}
#act-top a {float:right; width:40px; height:20px; line-height:12px; color:#EB185A}

#act-div {width:1200px; height:170px; margin:15px auto 20px auto}
#act-div .act-img {float:left; width:861px; height:170px}
#act-div .act-img ul li {float:left; width:267px; height:170px; margin-right:20px; position:relative}
#act-div .act-img ul li img {width:267px; height:170px}
#act-div .act-img ul li span {float:left; width:267px; height:30px; line-height:30px; background:rgba(0,0,0,.7); text-align:center; position:absolute; overflow:hidden; text-overflow:ellipsis; left:0; bottom:0}
#act-div .act-img ul li a {color:#DDDDDD}
#act-div .act-img ul li a:hover {color:#FFFFFF}

#act-div .act-list {float:left; width:339px; height:170px}
#act-div .act-list ul li {float:left; width:330px; height:28px; line-height:28px; background:url(../images/setting.png) no-repeat -450px 14px; padding-left:9px; overflow:hidden; text-overflow:ellipsis}
#act-div .act-list ul li a {font-size:14px}

/* 首页主体新闻 */
#index-news {width:1200px; height:auto; margin:30px auto -20px auto}
#index-news .news-left {float:left; width:400px; height:auto; margin-right:20px}
#index-news .tab-list {float:left; width:460px; height:auto; margin-right:20px}
#index-news .news-right {float:left; width:300px; height:auto}

.food-top, .video-top, .book-top {float:left; width:400px; height:20px; background:url(../images/setting.png) 0 -65px; margin-bottom:20px}
.food-top h1, .video-top h1, .book-top h1 {float:left; width:90px; height:20px; line-height:20px; border-left:5px solid #FF6600; text-align:center; font-size:18px; background:#FFFFFF}
.food-top h2, .video-top h2, .book-top h2 {float:left; width:auto; height:20px; line-height:20px; padding-right:10px; text-align:center; font-size:18px; background:#FFFFFF; color:#CCCCCC}
.food-top a, .video-top a, .book-top a {float:right; width:40px; height:20px; line-height:12px; color:#EB185A}
.video-top h1 {border-left:5px solid #93207B}
.book-top {width:300px}
.book-top h1 {border-left:5px solid #00CCFF}

.food-list {float:left; width:400px; height:auto; overflow:hidden; margin-bottom:20px}
.food-list ul {float:left; width:420px; height:auto}
.food-list ul li {float:left; width:190px; height:146px; margin:0 20px 21px 0;text-align:center; overflow:hidden; text-overflow:ellipsis;}
.food-list ul li img {width:190px; height:121px}


/* 视频列表 */
*:after{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.container {float:left; width:400px; height:auto; overflow:hidden}
.effects {float:left; width:420px; padding:0; margin:0; }
.effects ul li {float:left; width:190px; height:146px; margin:0 20px 21px 0; text-align:center; overflow:hidden; text-overflow:ellipsis; cursor:pointer}
.effects ul li:hover {color:#FF0033; text-decoration: underline}
.effects .img {position: relative; float:left; overflow: hidden}
.effects .img img {display:block; width:190px; height:121px}
.overlay {display:block; position:absolute; z-index:20; background:rgba(0, 0, 0, 0.7); overflow:hidden; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition: all 0.5s;}
a.close-overlay {display:block; position:absolute; top:0; right:0; z-index:100; width:45px; height:45px; font-size:20px; font-weight:700; color:#fff; line-height:45px; text-align:center; background-color:#000; cursor:pointer;}
a.close-overlay.hidden {display:none;}
a.expand {display: block; position: absolute; z-index: 100; width: 60px; height: 60px; border: solid 5px #fff; text-align: center; color: #fff; line-height: 50px; font-weight: 700; font-size: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;}
#effect .overlay{top: 0; bottom: 0; left: 0; right: 0; opacity: 0;}
#effect .overlay a.expand{top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#effect .img.hover .overlay{opacity: 1;}
#effect .img.hover .overlay a.expand{width:60px; height:60px; -webkit-border-radius:50px; -moz-border-radius:50px; -ms-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
.expand {background:url(../images/play.png) no-repeat center}


.composition {float:left; width:298px; height:auto; border:1px solid #EEEEEE; margin-bottom:20px}
.com-top {width:280px; height:35px; margin:5px auto 0px auto; font-size:18px;}
.com-top a {float:right; width:40px; height:25px; line-height:35px; color:#EB185A; text-align:right}
.com-list {width:280px; height:auto; margin:0px auto 10px auto}
.com-list ul li {float:left; width:265px; height:30px; line-height:30px; background:url(../images/setting.png) no-repeat -445px 13px; padding-left:15px; overflow:hidden; text-overflow:ellipsis}
.com-list .com-img {float:left; width:280px; height:178px}
.com-list .com-img img {width:280px; height:178px}

.book-list {float:left; width:300px; height:auto; overflow:hidden}
.book-list ul {float:left; width:320px; height:auto}
.book-list ul li {float:left; width:140px; height:180px; margin:0 20px 20px 0; text-align:center; overflow:hidden; text-overflow:ellipsis;}
.book-list ul li img {width:140px; height:160px}

/* 首页新闻TAB */
.tab-news {float:left; width:460px; height:auto; margin-bottom:30px}
.tab-nav-news {height:30px; overflow:hidden; text-align:center; background:url(../images/setting.png) 2px -51px}
.tab-nav-news a {float:left; display:block; width:80px; height:29px; line-height:29px; border-bottom:1px solid #C9C9C9; text-decoration:none; color:#C9C9C9; font-size:18px; margin-right:10px}
.tab-nav-news a.current {border-bottom:1px solid #EC185B; color:#666666}
.news-con {float:left; position:relative; width:460px; height:auto}
.news-con-item {float:left; width:460px; height:auto; display:none; margin-top:5px}
.news-con-item .tab-more {float:left; width:40px; height:30px; line-height:30px; text-align:right; position:absolute; right:0; top:-30px}
.news-con-item .tab-more a {color:#999999}
.news-con-item .tab-img {float:left; width:140px; height:89px; margin:5px 10px 5px 0}
.news-con-item .tab-img img {width:140px; height:89px}
.news-con-item .tab-txt {float:left; width:310px; height:89px; margin:5px 0}
.news-con-item .tab-txt h1 {float:left; width:310px; height:20px; line-height:20px; font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis}
.news-con-item .tab-txt h1 a {font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis}
.news-con-item .tab-txt h4 {float:left; width:310px; height:60px; line-height:20px; color:#C0C0C0; overflow:hidden; margin-top:10px}
.news-con-item ul li {float:left; width:440px; height:30px; line-height:30px; background:url(../images/setting.png) no-repeat -447px 14px; padding-left:15px; overflow:hidden; text-overflow:ellipsis}
.news-con-item ul li a {font-size:14px}
.tab-index {display:block}

/* 首页图库TAB */
#tab-photo {width:1200px; height:380px; margin:0px auto}
#tab-photo .photo-top {float:left; width:1200px; height:30px; background:url(../images/setting.png) 0 -60px}
#tab-photo h1 {float:left; width:90px; height:20px; line-height:20px; border-left:5px solid #FF3366; text-align:center; font-size:18px; background:#FFFFFF; margin-top:5px}
#tab-photo h2 {float:left; width:auto; height:20px; line-height:20px; padding-right:10px; text-align:center; font-size:18px; background:#FFFFFF; color:#CCCCCC; margin-top:5px}

.tab-nav-photo {float:left; width:270px; height:30px; overflow:hidden; text-align:center; background:#FFF; margin-left:750px}
.tab-nav-photo a {float:left; display:block; width:80px; height:29px; line-height:29px; border-bottom:1px solid #C9C9C9; text-decoration:none; color:#C9C9C9; font-size:18px; margin-left:10px}
.tab-nav-photo a.current {border-bottom:1px solid #EC185B; color:#666}
.photo-con {float:left; position:relative; width:460px; height:auto; z-index:500}
.photo-con-item {float:left; width:1200px; height:auto; display:none; margin-top:20px; overflow:hidden}
.photo-con-item ul {float:left; width:1218px; height:auto}
.photo-con-item ul li {float:left; width:186px; height:140px; margin:0 17px 30px 0; text-align:center; overflow:hidden; text-overflow:ellipsis}
.photo-con-item ul li img {width:186px; height:118px}
.photo-con-item ul li:hover img {opacity:0.85}
.photo-con-item ul li a {font-size:14px}
.tab-index {display:block}

/* 友情链接 */
#flink {width:100%; height:auto; margin:20px auto 0px auto; padding:10px 0; background:#0065A8}
#flink .flink {width:1200px; height:auto; line-height:30px; margin:0px auto; color:#59A5D5}
#flink .flink a {color:#59A5D5; margin:0 10px}
#flink .flink a:hover {color:#80BADF}
#flink .flink span {padding:3px 3px 4px 10px; margin-right:10px; font-size:14px; font-weight:bold; background:#005A97; border-radius:5px}
 
/* 版权信息 */
#copyright {width:100%; height:auto; margin:0px auto; line-height:25px; padding:20px 0; background:#0074BF; color:#FFFFFF; text-align:center}
#copyright a {color:#FFFFFF}

/* 分享按钮 */
#share-but {width:50px; height:350px; position:fixed; right:25px; bottom:50px}
#share-but a {float:left; width:50px; height:50px; background:url(../images/sheraicon.png) no-repeat; margin-bottom:10px; display:block}
#share-but a.bshare-weixin {background-position:0 -150px}
#share-but a.bshare-sinaminiblog {background-position:0 -100px}
#share-but a.bshare-qqmb {background-position:0 0}
#share-but a.bshare-qzone {background-position:0 -50px}
#share-but a.bshare-qqim {background-position:0 -200px}

/****************************************************************************************************************************************************************************/
#main_tophere {width:1165px; height:35px; line-height:35px; margin:20px auto; border-bottom:2px solid #E0E0E0; padding-left:35px; background:url(../images/setting.png) no-repeat -428px -129px}
#main_tophere span {color:#FF3333; font-weight:bold}
#main_tophere .soft {float:right; width:560px; height:30px; line-height:30px}
#main_tophere .soft a {float:left; width:70px; height:30px; text-align:center; margin-left:10px; background:#F0F0F0; display:block; border-radius:3px; text-decoration:none}
#main_tophere .soft a:hover {background:#FF0033; color:#FFFFFF;}
#main_tophere .soft a.hover {background:#FF0033; color:#FFFFFF;}

#main-select {width:1200px; height:0px; margin:0px auto; position:relative}
#main-select .main-select {float:left; width:70px; position:absolute; right:0; top:-55px}

/* 新闻列表样式 */
#main {width:1200px; height:auto; margin:20px auto}
#main .newslist {float:left; width:870px; height:auto; margin-right:30px; margin-bottom:30px}
#main .mainleft {float:left; width:870px; height:auto; margin-right:30px; margin-bottom:30px; overflow:hidden}
#main .mainright {float:left; width:300px; height:auto}
#main .newsread {float:left; width:840px; height:auto; margin-right:30px; padding-right:29px; border-right:1px dashed #D0D0D0}
#main .icondiv {float:left; width:300px; height:1000px; margin-right:30px; display:block; position:relative}
#main .marginnone {margin:0px}
#sidebar {width:300px}

.list01 li {float:left; width:850px; height:130px; margin:0 0 50px 10px}
.list01 li .newsimg {float:left; width:201px; height:130px; margin-right:20px}
.list01 li .newsimg img {width:201px; height:130px}
.list01 li .newstxt {float:left; width:629px; height:130px}
.list01 li .newstxt h3 {float:left; width:629px; height:30px; line-height:30px}
.list01 li .newstxt h3 a {font-size:20px; font-weight:bold}
.list01 li .newstxt h4 {float:left; width:629px; height:20px;; line-height:20px; font-weight:normal; margin-bottom:10px; color:#D0D0D0}
.list01 li .newstxt span {float:left; width:629px; height:70px; line-height:22px; font-size:14px; color:#9F9F9F; overflow:hidden}

/* 侧栏内容样式 */
.r-top {float:left; width:300px; height:20px; background:url(../images/setting.png) 0 -65px; margin-bottom:10px}
.r-top h1 {float:left; width:90px; height:20px; line-height:20px; border-left:5px solid #FF6600; text-align:center; font-size:18px; background:#FFFFFF}
.r-top h2 {float:left; width:auto; height:20px; line-height:20px; padding-right:10px; text-align:center; font-size:18px; background:#FFFFFF; color:#CCCCCC}
.r-top a {float:right; width:40px; height:20px; line-height:12px; color:#EB185A}

.r-border01 h1 {border-left:5px solid #49BC26}
.r-border02 h1 {border-left:5px solid #00B6E6}
.r-border03 h1 {border-left:5px solid #FF3333}
.r-border04 h1 {border-left:5px solid #572354}
.r-border05 h1 {border-left:5px solid #490C82}

.r-teacher-list {float:left; width:300px; height:auto; overflow:hidden; margin-bottom:20px}
.r-teacher-list ul {float:left; width:315px; height:auto;}
.r-teacher-list ul li {float:left; width:90px; height:110px; margin:0 15px 10px 0; text-align:center}
.r-teacher-list ul li img {width:90px; height:90px}

/* 侧栏幻灯片 */
.r-slides {width:300px; height:191px; margin-bottom:30px}
.r-slides img {width:300px; height:191px}
.r-slides nobr {float:left; width:200px; height:30px; overflow:hidden; text-overflow:ellipsis}
.r-margin {margin-bottom:10px}

/* 侧栏广告 */
.AD-list {float:left; width:300px; height:auto; overflow:hidden}
.AD-list ul {float:left; width:320px; height:auto}
.AD-list ul li {float:left; width:140px; height:60px; margin:0 20px 20px 0}
.AD-list ul li img {width:140px; height:60px}
.AD-list ul li:hover img {opacity:0.85}

/* 侧栏作文 */
.r-com-list {float:left; width:300px; height:auto; margin-bottom:30px}
.r-com-list ul li {float:left; width:285px; height:30px; line-height:30px; background:url(../images/setting.png) no-repeat -450px 15px; padding-left:10px; overflow:hidden; text-overflow:ellipsis}
.r-com-list ul li a {font-size:14px}
.r-com-list .com-img {float:left; width:300px; height:191px}
.r-com-list .com-img img {width:300px; height:191px}

/* 侧栏图片展示 */
.r-photo {float:left; width:300px; height:auto; margin-bottom:10px}
.r-photo ul li {float:left; width:300px; height:191px; margin-bottom:20px; position:relative}
.r-photo ul li span {float:left; width:300px; height:30px; line-height:30px; background:rgba(0,0,0,.7); text-align:center; position:absolute; left:0; bottom:0; overflow:hidden; text-overflow:ellipsis}
.r-photo ul li img {width:300px; height:191px}
.r-photo ul li a {color:#DDDDDD}
.r-photo ul li a:hover {color:#FFFFFF}

/* 侧面视频 */
#r-video {float:left; width:300px; height:auto; overflow:hidden; margin-bottom:20px}
#r-video .container {float:left; width:300px; height:auto; overflow:hidden}
#r-video .effects {float:left; width:320px; padding:0; margin:0; }
#r-video .effects ul li {float:left; width:140px; height:105px; margin:0 20px 20px 0; text-align:center; overflow:hidden; text-overflow:ellipsis; cursor:pointer}
#r-video .effects ul li:hover {color:#FF0033; text-decoration: underline}
#r-video .effects .img {position: relative; float:left; overflow: hidden}
#r-video .effects .img img {display:block; width:140px; height:89px}

/* 分页样式 */
.dux-page .first-page{display: none;}
.dux-page .last-page{display: none;}
.dux-page {width:600px; height:30px; margin:20px auto；clear:both;}
.dux-page a {font-size:13px; color:#333333; line-height:30px; font-weight:bold; text-decoration:none}
.dux-page a:hover {color:#F1A607}
.dux-page .dotdiv {float:left; width:10px; height:30px; line-height:30px} 
.dux-page .prev-page {float:left; width:60px; height:30px; text-align:center; background:url(../images/setting.png) no-repeat -100px -340px; margin:0 7px 0 7px}
.dux-page .prev-page:hover {background:url(../images/setting.png) no-repeat -100px -290px}
.dux-page .prev-page a {width:60px; height:30px; display:block}
.dux-page .next-page {float:left; width:60px; height:30px; text-align:center; background:url(../images/setting.png) no-repeat -100px -340px; margin:0 7px 0 7px}
.dux-page .next-page:hover {background:url(../images/setting.png) no-repeat -100px -290px}
.dux-page .next-page a {width:60px; height:30px; display:block}
.dux-page .num-page {float:left; width:30px; height:30px; text-align:center; background:url(../images/setting.png) no-repeat -100px -240px; margin:0 7px 0 7px}
.dux-page .num-page:hover {background:url(../images/setting.png) no-repeat -100px -190px}
.dux-page .num-page a {width:30px; height:30px; display:block}
.dux-page a.hoverdiv {background:url(../images/setting.png) no-repeat -100px -140px; color:#FFFFFF}
.dux-page input {float:left; width:38px; height:28px; line-height:28px; text-align:center; border:1px solid #CCCCCC; background:#FFFFFF}
.dux-page .active-page , .dux-page .active-page:hover {background:url(../images/setting.png) no-repeat -100px -140px; color:#FFFFFF}

/* 新闻阅读样式 */
#main .newsread {float:left; width:840px; height:auto; margin-bottom:30px; margin-right:30px; padding-right:29px; border-right:1px dashed #D0D0D0}
#main .newsread h5 {float:left; width:840px; height:auto; line-height:35px; font-size:26px; font-weight:normal}
#main .newsread .newsdate {float:left; width:840px; height:35px; line-height:35px; color:#C0C0C0}
#main .newsread .newsdigest {float:left; width:800px; height:auto; line-height:25px; font-size:14px; padding:20px; color:#999; background:#F0F0F0; border-radius:5px; margin-bottom:20px}
#main .newsread .newstxt {float:left; width:840px; height:auto; line-height:30px; font-size:16px;}
#main .newsread .newstxt a {font-size:16px; text-decoration:none; border-bottom:1px dashed #333333}
#main .newsread .newstxt img {margin:10px 0}

#related {float:left; width:840px; height:290px; border-top:2px solid #E1E1E1; margin-top:30px}
#related .newsimg {float:left; width:400px; height:255px; margin:20px 50px 0 30px; position:relative}
#related .newsimg img {width:400px; height:255px}
#related .newsimg span {float:left; width:400px; height:30px; line-height:30px; text-align:center; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,.7); overflow:hidde}
#related .newsimg span a {color:#FFFFFF; font-size:14px; font-weight:bold; text-decoration:none}
#related .newslist {float:left; width:350px; height:270px; margin:12px 0 0 0}
#related .newslist span {float:left; width:350px; height:40px; line-height:40px; font-size:16px; font-weight:bold}
#related .newslist ul li {float:left; width:350px; height:29px; line-height:29px; overflow:hidden}
#related .newslist ul li a {font-size:14px}

/* 作文阅读样式 */
#main .textread {float:left; width:1200px; height:auto; margin-bottom:30px}
#main .textread h5 {float:left; width:1200px; height:auto; line-height:35px; text-align:center; font-size:26px; font-weight:normal}
#main .textread .newsdate {float:left; width:1200px; height:35px; line-height:35px; color:#C0C0C0; text-align:center;}
#main .textread .newstxt {float:left; width:1200px; height:auto; line-height:50px; font-size:16px; margin:17px 0; background:url(../images/texread-bg.gif)}
#main .textread .newstxt a {font-size:16px; text-decoration:none; border-bottom:1px dashed #333333}
#main .textread .newstxt p {margin:0; padding:0}

/* 名师点拨 */
#teacher{width:1250px; height:auto; margin:20px auto}

#portfoliolist {width:1250px; height:auto; margin:20px auto}
#portfoliolist .portfolio {float:left; width:200px; height:200px; margin:25px 25px; overflow:hidden; position:relative}
#portfoliolist .portfolio span {float:left; width:200px; height:30px; line-height:30px; text-align:center; color:#FFFFFF; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.7)}
#portfoliolist .portfolio img {width:200px; height:200px}
#portfoliolist .portfolio:hover img {opacity:0.85}

/* 官方活动
#act {float:left; width:900px; height:auto}
#act li {float:left; width:418px; height:402px; margin:0 30px 30px 0; background:#ECECEC; border:1px solid #ECECEC; border-radius:5px; cursor:pointer}
#act li:hover {background:#FFF; border:1px solid #DBDBDB}
#act li:hover h1 {color:#FF0033}
#act li .act-photo {float:left; width:400px; height:255px; margin:10px 10px 5px 10px}
#act li h1 {float:left; width:400px; height:25px; line-height:25px; font-size:16px; color:#000; overflow:hidden; text-overflow:ellipsis; margin:0 10px; font-weight:bold}
#act li h2 {float:left; width:400px; height:25px; line-height:25px; font-size:12px; color:#ACACAC; margin:0 10px}
#act li h3 {float:left; width:400px; height:70px; line-height:22px; color:#666666; overflow:hidden; margin:0 10px}
 */
#act {float:left; width:900px; height:auto}
#act li {float:left; width:870px; height:276px; margin:0 30px 30px 0; background:#ECECEC; border:1px solid #ECECEC; border-radius:5px; cursor:pointer}
#act li:hover {background:#FFF; border:1px solid #DBDBDB}
#act li:hover h1 {color:#FF0033}
#act li .act-photo {float:left; width:400px; height:255px; margin:10px 10px 5px 10px}
#act li h1 {float:left; width:430px; max-height: 70px; overflow: hidden; line-height:35px; font-size:20px; color:#000; margin:10px 10px 0; font-weight:bold;word-wrap: break-word;}
#act li h2 {float:left; width:400px; height:45px; line-height:45px; font-size:16px; color:#ACACAC; margin:0 10px}
#act li h3 {float:left; width:400px; max-height: 120px; overflow: hidden; line-height:30px;  font-size:16px; color:#666666; overflow:hidden; margin:0 10px}
@media screen and (max-width: 765px) and (min-width: 0px) {
#act {float:left; width:96%; margin: 2%; height:auto}
#act li {float:left; width:100%; height:auto; margin:0 30px 10px 0; background:#ECECEC; border:1px solid #ECECEC; border-radius:5px; cursor:pointer}
#act li:hover {background:#FFF; border:1px solid #DBDBDB}
#act li:hover h1 {color:#FF0033}
#act li .act-photo {float:left; width:95%; height:auto; margin:10px 10px 5px 10px}
#act li h1 {float:left; width:95%; max-height: 70px; overflow: hidden; line-height:24px; font-size:18px; color:#000; margin:3px 10px 0; font-weight:bold;word-wrap: break-word;}
#act li h2 {float:left; width:95%; height:35px; line-height:35px; font-size:14px; color:#ACACAC; margin:0 10px}
#act li h3 {float:left; width:95%; max-height: 46px; overflow: hidden; line-height:22px;  font-size:14px; color:#666666; overflow:hidden; margin:0 10px 10px;}
#act li .act-photo img {width:100%;}
}

/* 图库 */
.photo-list {width:1200px; height:auto; margin:20px auto; overflow:hidden}
.photo-list ul {float:left; width:1218px; height:auto}
.photo-list ul li {float:left; width:186px; height:140px; margin:0 17px 30px 0; text-align:center; overflow:hidden; text-overflow:ellipsis}
.photo-list ul li img {width:186px; height:118px}
.photo-list ul li:hover img {opacity:0.85}
.photo-list ul li a {font-size:14px}

/* 图书推荐 */
#book-list {width:1200px; height:auto; margin:20px auto; overflow:hidden}
#book-list ul {float:left; width:1272px; height:auto}
#book-list ul li {float:left; width:140px; height:180px; margin:0 72px 40px 0; text-align:center; overflow:hidden; text-overflow:ellipsis;}
#book-list ul li img {width:140px; height:160px}

/* 视频库 */
#videodiv {width:1200px; height:auto; margin:0px auto}
#videodiv a {font-size:14px}
#videodiv .playdiv {float:left; width:500px; height:362px; margin-right:20px}
#videodiv .videodiv {float:left; width:660px; height:362px; background:#F3F3F3; border-radius:5px; padding:10px}
#videodiv .videodiv h1 {float:left; width:660px; height:35px; line-height:35px; overflow:hidden}
#videodiv .videodiv h1 a {font-size:22px; font-weight:normal}
#videodiv .videodiv .newsdate {float:left; width:660px; height:35px; line-height:35px; color:#C0C0C0}
#videodiv .videodiv span {float:left; width:660px; height:50px; font-size:14px; line-height:25px; margin-bottom:15px; padding-bottom:20px; background:url(../images/headnewsbottom.gif) repeat-x bottom; color:#858585; overflow:hidden}

#video_list {width:1200px; height:auto; margin:20px auto; overflow:hidden}
#video_list ul {float:left; width:1220px; height:auto} 
#video_list ul li {float:left; width:280px; height:200px; margin:0 25px 25px 0; text-align:center; overflow:hidden; text-overflow:ellipsis;}
#video_list ul li a {font-size:14px}
#video_list ul li img {width:280px; height:175px}

/*2016-05-24对联*/
.left-banner {float:left; width:100px; height:300px; position:fixed; left:5px; top:300px}
.right-banner {float:left; width:100px; height:300px; position:fixed; right:5px; top:300px}

/*2016-06-20二维码*/
.weixin {float:left; width:50px; height:50px; position:fixed; right:25px; bottom:120px; background:url(../images/weixin.png) no-repeat; z-index:99998}
.weixin .weixin-jpg {float:left; width:158px; height:188px; background:url(../images/wx_xysd.jpg) no-repeat; position:relative; display:none; z-index:99999}
.weixin:hover .weixin-jpg {display:block; bottom:80px; right:170px}

/* 视频自适应宽度 */
.video {position:relative; padding-bottom:56.25%; height:0}
.video iframe,
.video object,
.video embed {position:absolute; top:0; left:0; width:100%; height: 100%;}

.main-video {position:relative; padding-bottom:56.25%; height:0}
.main-video iframe,
.main-video object,
.main-video embed {position:absolute; top:0; left:0; width:500px; height:380px;}

#index-one .one-right .one-ad {width:280px; height:90px; margin:5px auto 0px auto; position:relative}
#index-one .one-right .one-ad embed {position:absolute; top:0; left:0; width:280px; height:90px;}

.index-swf {width:1200px; height:100px; margin:20px auto; position:relative}
.index-swf embed {position:absolute; top:0; left:0; width:1200px; height:100px;}

/*<p class="video"><iframe src="xxxxx" frameborder="0" allowfullscreen=""></iframe></p>*/

/*
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,124,0" name="flashplayer" width="500" height="362" id="flashplayer">
  <param name="movie" value="http://static.video.qq.com/TencentPlayer.swf" /><param name="quality" value="high" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="flashvars" value="vid={$list.vedio}" /><param name="wmode" value="transparent"><embed src="http://static.video.qq.com/TencentPlayer.swf" width="500" height="362" allowfullscreen="true" allowscriptaccess="always" flashvars="vid={$list.vedio}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" type="application/x-shockwave-flash" wmode="transparent" name="flashplayer"></embed>
 </object>
*/

/* 吊帘广告开始 */
.curtain-small {width:100%; height:100px; margin:0px auto; background:url(http://act.pcjyedu.cn/themes/default/2016/love/images/ad-100.jpg) center; display:block; cursor:pointer}
.curtain-big {width:100%; height:400px; margin:0px auto; background:url(http://act.pcjyedu.cn/themes/default/2016/love/images/ad-400.jpg) center; display:none; cursor:pointer}

/*1129补充*/
.scrollAD {position:relative; width:400px; height:780px; overflow:hidden; margin-left:50px}
.scrollAD .items {position:absolute; width:20000em; height:70px; clear:both}
.scrollAD .items li {float:left; width:400px; height:70px}
.scrollAD img {float:left; width:400px; height:70px}

/*1201补充公安备案号*/
.gongan {padding-left:25px; background:url(../images/gongan.png) no-repeat 0 0}

/*乔迁之喜*/
#allmain {float:left; width:100%; height:100%; background:rgba(0,0,0,0.9); position:fixed; top:0px; left:0px; z-index:10000000}
#allmain .allimg {width:600px; height:848px; margin:20px auto; border-radius:5px; background:url(http://www.pcjyedu.cn/themes/edu/sound/edu_img.jpg) no-repeat center}

/* 2017-04-25 添加首页学校广告Tab */
#school {width:1200px; height:auto; margin:20px auto; position:relative}
.school {float:left; width:1200px; height:auto}
.school-tab {float:left; width:1099px; height:35px; border-bottom:1px solid #333; padding-left:101px}
.school-tab a {float:left; height:30px; line-height:30px; font-size:13px; text-decoration:none; color:#333; display:block; padding:0 10px; background:#FC0; border-radius:5px 5px 0 0; margin:5px 1px 0 1px; transition:all 0.3s}
.school-tab a.current {color:#FFF; background:#DF2828; transition:all 0.3s}
.school-con {float:left; position:relative; width:1198px; background:#F9F9F9; border-radius:0 0 5px 5px; border:1px solid #EEE; border-Ttop:none}
.school-list {float:left; width:1198px; display:none; position:relative}
.school-list ul li {float:left; height:25px; margin:10px}
.school-list ul li a {height:23px; line-height:22px; padding:0 10px; border:1px dashed #DF2828; border-radius:15px; font-size:13px; text-decoration:none; transition:all 0.3s; display:block}
.school-list ul li a:hover {height:23px; line-height:22px; background:#DF2828; color:#FFF; transition:all 0.3s; display:block}
.school-list ul li span {height:25px; line-height:24px; padding:0 10px; border-radius:15px; font-size:13px; background:#DF2828; color:#FFF; display:block; cursor:pointer}
.school-contact {float:right; width:400px; height:30px; line-height:30px; margin-top:5px; text-align:center; color:#DF2828; font-weight:bold; font-size:13px; position: absolute ; right:0}
.tab-index {display:block}

#school_select {float:left; width:100px; height:35px; background:#333; color:#FFF; text-align:center; position:absolute; border-radius:5px 5px 0 0; z-index:1000}
#school_select ul {margin:0px; padding:0px; height:auto}
#school_select ul li {color:#FFF; text-align:center; transition:all 0.6s}
#school_select ul li:hover {background:#222; transition:all 0.6s}
#school_select ul li, #school_select span {width:100%; height:35px; line-height:35px; background:#333; font-size:13px; cursor:pointer; display:block}
#school_select span {background:url(../images/school_select.png) 7px center no-repeat; font-weight:bold; font-size:13px}
#school01,#school02,#school03 {display:none}