﻿@charset "utf-8";


#content { padding-bottom: 100px; padding-top: 100px;}


/* 文章-父列表页 -----------------------------------------*/ 
/* 侧栏导航 */
#sideMenu {
    margin-bottom: 20px;
    text-align: center;
}
#sideMenu .hd {
    color: #fff;
    background: url(../../Base/img/green.jpg) repeat;
    line-height: 50px;
    height: 50px;
    font-size: 18px;
    padding: 0 15px;
}
#sideMenu .bd {
    padding: 0 10px;
}
#sideMenu .bd li a {
    display: block;
    color: #666;
    border-bottom: 1px dashed #e5e5e5;
    line-height: 24px;
    padding: 8px 10px;
    font-size: 15px;
}
#sideMenu .bd li:hover a,#sideMenu .bd li.on a {
    color: #4ab344;
} 


/* Map360 */
.Map360 { min-width: 1200px; width: 100%;}
.Map360 .hd { text-align: center; padding-top: 20px; }
.Map360 .hd h3 { font-size: 20px; color: #49b247;}
.Map360 .hd span { display: block; text-align: center; position: relative; line-height: 30px; height: 30px; color: #989898; font-size: 14px; width: 266px; margin: 0 auto;}
.Map360 .hd span:after,.Map360 .hd span:before { display: block; content:""; height: 1px; position: absolute; top:50%; background-color: #989898; width: 50px;}
.Map360 .hd span:after { right: 0;}
.Map360 .hd span:before { left: 0;}

/* focusWrap */
.focusWrap {
    overflow: hidden;
    margin-bottom: 20px;
}
.focusWrap .focusBox {
    margin-right: 20px;
}
.focusWrap .topicList {
    overflow: hidden;
    zoom: 1;
}
.focusWrap .topicList .t {
    padding-bottom: 14px;
    margin-bottom: 14px;
}
.focusWrap .topicList .n {
    height: 26px;
    line-height: 26px;
}
/* 循环栏目 */
.pageBoxLoop {
    overflow: hidden;
}
.pageBox {
    width: 48.5%;
    margin-bottom: 10px;
}
.pageBox .hd {
    height: 40px;
    line-height: 36px;
    overflow: hidden;
    border-bottom: 3px double #93c08d;
}
.pageBox h3 {
    float: left;
    font-size: 16px;
    padding-left: 10px;
}
.pageBox h3 a {
    color: #48b247;
}
.pageBox .hd .more {
    display: block;
    font-size: 12px;
    color: #fff;
    border-radius:5px;
    background-color: #93c08d;
    padding: 0 8px;
    height: 25px;
    float: right;
    line-height: 25px;
    margin-top: 8px;
}
.pageBox .hd .more:hover {
    background-color: #83ad7d;
}
.pageBox .bd {
    height: 185px;
    padding: 10px 5px;
    overflow: hidden;
}
.pageBoxLoop1 .pageBox {
    width: 100%;
}
.pageBoxLoop1 .pageBox .bd {
    height: auto;
}




/* box-keti */
.box-keti { clear: both; margin-top: 30px; min-height: 200px; margin-bottom: 20px; }
.box-keti .pic { width: 280px; height: 200px; float: left; margin-right: 30px; padding-left: 10px;}
.box-keti .pic img { max-width: 280px; border-radius: 10px;}
.box-keti .con { overflow: hidden; position: relative;}
.box-keti .title { font-size: 18px; line-height: 30px; color: #8e8e8e; margin-bottom: 10px;}
.box-keti .title a { color: #8e8e8e;}
.box-keti .intro p { border-bottom: 1px dashed #d7d7d7; line-height: 24px; padding: 5px 0; }
.box-keti .btn-more { display: block; width: 100px; height: 30px; line-height: 30px; color: #fff; font-size: 14px; background-color: #93c08d; position: absolute; right: 0; bottom: 2px; border-radius:5px; text-align: center;}
.box-keti .btn-more:hover { background-color: #f0b430;}


/* pageBox-keti */
.pageBox-keti { margin-bottom: 20px;}
.pageBox-keti .hd { background-color: #83ad7d; height: 45px; line-height: 45px; padding: 0 15px;}
.pageBox-keti .hd h3 { float: left; font-size: 16px;}
.pageBox-keti .hd h3 a { color: #fff;}
.pageBox-keti .hd a.more { float: right; color: #fff;}
.pageBox-keti .bd { border: 1px solid #efefef; padding: 20px;}


/* topKt */
.topKt { overflow: hidden; margin-right: -20px;}
.topKt li { float: left;  border: 1px solid #ededed; height: 348px; width: 285px; margin-right: 15px; margin-bottom: 20px;}
.topKt .pic a { display: block; height: 180px; width: 100%; background: url(../../Base/img/logo.png) no-repeat center; -webkit-background-size: 90% auto; background-size: 90% auto;}
.topKt .pic img { display: none;}
.topKt .title { line-height: 24px; font-size: 16px; max-height: 48px; overflow: hidden; padding: 0 20px; text-align: center; margin-bottom: 25px;}
.topKt .intro { padding: 0 20px; font-size: 14px; line-height: 22px; color: #666; max-height: 66px; overflow: hidden;}


/*点击排行 S*/
.sideBox {
    padding: 0 15px;
    background: #f5f5f5;
    margin-bottom: 20px;
}
.sideBox .hd {
    border-bottom: 2px solid #ddd;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}
.sideBox .hd span,
.sideBox .hd a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-bottom: 2px solid #046cbb;
    color: #333;
}
.sideBox .bd {
    overflow: hidden;
}


/* mainBox */
.mainBox .mHd { text-align: center; margin-bottom: 55px; }
.mainBox .mHd h3 { font-size: 60px; line-height: 64px; height: 64px; color: #b39d92; padding-bottom: 25px; position: relative;}
.mainBox .mHd span.Eng { display: block; font-size: 20px; color: #faccb4; line-height: 26px; margin-bottom: 10px;}
.mainBox .mHd h3:before { position:absolute;content:'';left:50%; margin-left: -29px;bottom: 0;height: 6px;width: 58px;background-image: url(../../Base/img/line-2.png); background-position: center;
    animation: slide 10s linear infinite;
    -webkit-animation: slide 10s linear infinite;}

@keyframes slide{
    from { background-position: 0 0; }
    to { background-position: -200px 0; }
}

@-webkit-keyframes slide{
    from { background-position: 0 0; }
    to { background-position: -200px 0; }
}




.mainBox .mBd {
    padding: 20px 0;
}
.mainBox .mHd .path {
    float: right;
    height: 64px;
    line-height: 64px;
    display: none;
}
.mainBox .mHd .path em {
    padding-left: 15px;
    background: url("../../Base/img/icon.png") no-repeat 0 -248px;
}
/* 文章子-列表页 -----------------------------------------*/
/* 图文列表 */
.pageTPList {
    margin-top: -12px
}
.pageTPList li {
    padding: 22px 15px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
}
.pageTPList .pic {
    padding-top: 5px;
    float: left;
    margin-right: 15px;
    width: 140px;
}
.pageTPList .pic img {
    width: 100%;
    height: auto;
}
.pageTPList .con {
    overflow: hidden;
    zoom: 1
}
.pageTPList .title {
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;
}

.pageTPList .intro {
    line-height: 25px;
    color: #777;
    max-height: 50px;
    overflow: hidden;
    font-size: 14px;
    text-indent: 2em;
}
.pageTPList .title a:hover {
    text-decoration: none
}

.pageTPList .others {
    font-size: 13px;
    color: #666;
}
.pageTPList .others a {
    color: #666;
}

.pageTPList .others span {
    margin-right: 15px;
}

.pageTPList .others .more-btn a {
    display: inline-block;
    background-color: #dca330;
    padding: 0 15px;
    color: #fff;
    float: right;
}
.pageTPList .others .more-btn a:hover {
    background-color: #8c0000;
}

.pageTPList .node {
    margin-right: 15px;
}
.pageTPList .last {
    border-bottom: 0;
    margin-bottom: 0;
}
.pageTPList .on {
    background: #F9F9F9
}

.pageTPList-date .pic { display: none;}
.pageTPList-date span.date { display: block; width: 64px; height: 44px; background-color: #f1f1f1; padding: 20px 10px; text-align: center; float: left; margin-right: 20px;}
.pageTPList-date span.date i,.pageTPList-date span.date em { display: block; font-size: 18px; line-height: 22px; color: #666;} 
.pageTPList-date span.date em { font-size: 12px;}

/* newsList */
.newsList { padding: 0 20px;}
.newsList li {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 1px dashed #e4e4e4;
}
.newsList .date {
    float: right;
    color: #999;
    font-size: 14px;
}

/* 友情链接列表页 -----------------------------------------*/
.friendLinkList {
    overflow: hidden;
    zoom: 1;
}
.friendLinkList li {
    width: 28%;
    height: 36px;
    line-height: 36px;
    padding: 0 3.5% 0 1.5%;
    background: url(../../Base/img/icon.png) 0 17px no-repeat;
    float: left;
    overflow: hidden;
}

/* 联系我们 ------------------------------------------- */
.telBox { border: 1px solid #d8d8d8; padding: 20px 30px; line-height: 40px; width: 60%; float: left; margin-top: 35px;}
.telBox span { font-weight: bold; font-size: 20px; line-height: 40px; }
.telBox span.p2 { float: right;}
.ewmBox { float: right; width: 160px; background: url(../../Base/img/icons-wx2.png) no-repeat left center; padding-left: 55px;}

/* 文章内容页 -----------------------------------------*/
.articleCon {
    text-align: left;
}
.printArea .title {
    font-size: 30px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 40px;
    color: #b39d92;
}
.printArea .subTitle {
    font-size: 20px;
    color: #555;
    text-align: center;
    margin-bottom: 20px;
}
.printArea .property {
    font-size: 14px;
    margin-bottom: 25px;
    padding: 10px;
    text-align: center;
    color: #777;
    border-bottom: 1px solid #989898;
    border-top: 1px solid #989898;
}
.printArea .property span {
    padding: 0 5px;
}
.printArea .conTxt {
    color: #858687;
    font-size: 16px;
    line-height: 32px;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.printArea .conTxt img {
    max-width: 1000px;
    height: auto !important;
}
.printArea .conTxt p {
    margin-bottom: 20px;
}
.printArea .conTxt a {
    color: blue;
    text-decoration: underline;
}
.printArea .conTxt em {
    font-style: italic
}
.printArea .conTxt ul, .printArea .conTxt ol {
    padding-left: 2em;
}
.printArea .conTxt ul li {
    zoom: normal;
    list-style: square;
    text-indent: 0 !important
}
.printArea .conTxt ol li {
    zoom: normal;
    list-style: decimal;
    text-indent: 0 !important;
}
.printArea .page {
    padding: 10px 0;
    text-align: center;
}
.printArea .vedioPlayer {
    background: #000;
    width: 800px;
    text-align: center;
    margin: 20px auto;
    height: 480px;
}
.articleCon .userControl {
    font-size: 14px;
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
    text-align: left;
    margin-bottom: 20px;
    padding: 10px 0;
}
.articleCon .userControl .a {
    color: #777;
    margin: 10px 10px 0 0;
    float: left;
}
.articleCon .userControl .bdsharebuttonbox {
    float: right;
}
.articleCon .others {
    padding: 10px 0;
    margin-bottom: 15px;
}
.articleCon .others .prev, .articleCon .others .next {
    padding: 3px 0;
}
/*点赞与收藏*/
.likes-group { overflow: hidden; text-align: center; margin-bottom: 30px; height: auto; }
.likes-group li { width: 60px; border-radius: 30px; height: 60px; background: #f0f0f0; display: inline-block; }
.likes-group a { font-size: 12px; padding-top: 28px; display: inline-block; }
.likes-group .Likes { background: url(../../base/img/btnicon.png) no-repeat 4px -108px; }
.likes-group .Collection { background: url(../../base/img/btnicon.png) no-repeat 4px -50px; }
.likes-group .addLikes { background: url(../../base/img/btnicon.png) no-repeat 10px -351px; }
.likes-group .addCollection { background: url(../../base/img/btnicon.png) no-repeat 15px -293px; }

/* 智能标签 */
.articleCon .smart-tags{margin-bottom: 20px !important}

/* 相关信息 */
#relativeInfo {
    border-bottom: 1px dashed #ddd;
}
#relativeInfo .hd h3 {
    font-size: 18px;
    color: #046cbb
}
#relativeInfo .bd {
    padding: 10px 0 20px 0;
}
#relativeInfo ul {
    overflow: hidden;
}
#relativeInfo li {
    float: left;
    width: 50%;
}
/* 图片-列表页 ----------------------------------------- */
.picPageList { margin-right: -30px;}
.picPageList li { float: left; margin-right: 30px; margin-bottom: 30px; }
.picPageList li:nth-child(3n) { margin-right: 0;}
.picPageList .pic { width: 370px; height: 300px; overflow: hidden; border-radius: 15px;}
.picPageList .pic img { display: block; width: 100%; height: 300px; transition: all 500ms ease;}
.picPageList .pic:hover img {opacity: .80; transform: scale(1.1); } 
.picPageList .title { display: none;}





/* 图片经过效果 */
.picPageList .pic a{ display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
.picPageList .pic a:hover{filter: alpha(opacity=80);opacity: .8;}
.picPageList .pic a:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);transform: skewX(-30deg);}
.picPageList .pic a:hover:before{left: 150%;transition: left 1s ease 0s}

.picTeacherList li { height: 410px;}


.picBoxLoop {
    overflow: hidden
}
.picBoxLoop .pageBox {
    width: 100%;
}
.picBoxLoop .pageBox .bd {
    height: auto;
}
.photoContent .mainBox {
    float: none;
    width: 100%;
}
/* 信息提示页 ---------------------------------------------- */
.Showms{background: #fff;padding: 2% 4%;overflow:hidden;width: 650px;margin:30px auto;}
.Showms .top,.Showms .bottom,.Showms .Shadow{ display:none }
.Showms .MS{overflow:hidden; zoom:1;}
.Showms .titWrong{color:#c00;border-bottom:1px solid #ccc;padding: 10px 0;margin-bottom:15px;font-size:18px;}
.Showms .BUT{padding: 25px 0 15px 0;}
.Showms .BUT a{ padding:0 15px;height:36px; line-height:36px; display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; margin-right:15px;
    background:#eee; border:1px solid #ccc; font-size:14px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#eee));
    background: -moz-linear-gradient(#FFFFFF, #eee);
    background: -ms-linear-gradient(#FFFFFF, #eee);
    background: -o-linear-gradient(#FFFFFF, #eee);
    background: linear-gradient(#FFFFFF, #eee);
}
.Showms .BUT a:hover{ color:#c00; border:1px solid #aaa; text-decoration:none;}
/* 其它 */
.voteList li {
    padding-left: 25px;
    background: url(../../Base/img/icon.png) no-repeat 0px -275px;
}

