/*
* @Author: ZhangJiaoLong
* @Date:   2017-06-09 10:16:02
* @Last Modified by:   WangWenbing
* @Last Modified time: 2017-12-05 15:37:36
*/
.banner{ position: relative;overflow: hidden;}
.zypx-banner{max-height: 430px; overflow: hidden; margin: 0 !important;position: relative;}
.zypx-banner li{width: 100%;height: 430px; overflow: hidden;}
.banner img { max-width: 100%; display: block; }
.zypx-banner li .zoomIn{width: 368px; margin: 80px auto 0; display: block;}

.frame-wrap{background-color: #fff;position: relative;}
.split{height: 50px;width: 100%;background-color:#F8F8F8;position: absolute;top:0;left: 0;}
.frame-wrap .frame{margin-top: 50px;}
.frame-left { width: 250px; float: left; }
.frame-right { width: 935px; float: right; background-color: #fff; }
.main { background: #FFF; min-height: 610px; padding: 10px; }

/* 左侧菜单 */
.sidebar-wrap { background: #FFF;}
.sidebar-name { height:100px; background:#278BFC url('../images/zypx/sidebar_title.png') center center no-repeat; position: relative; }
.sidebar-name h2 {width: 70%;margin: 0 auto; line-height:100px; font-size: 2.2em; font-weight: bold; color: #fff;position: relative; }
.sidebar-name h2:after { content: ""; width:50px; height: 4px; background-color: #fff; position: absolute; bottom:30px; z-index: 99;left: 0px; }
ul.sidebar { display: block; background: #F3F4F9 url('../images/zypx/sidebar_bottom.png') no-repeat bottom center;padding-bottom:170px;padding-top: 10px; }
ul.sidebar li { display: block; background: #F0F2F5;padding: 0 10px;}
ul.sidebar li:first-child a{border-top: none;}
ul.sidebar li a { display: block;text-align: center; height: 44px;border-bottom: 1px solid #E2E2E2; border-top:1px solid #fff;line-height: 44px; color: #363636; font-size: 1.8em; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; position: relative;}
ul.sidebar li a.selected,
ul.sidebar li a:hover { background-color: #fff; color: #FF5242;border-bottom: 1px solid #FF5242;}
ul.sidebar li a:hover { background-color: #fff; color: #FF5242; }

/* 侧边图片链接 */
.sidebar-link { overflow: hidden; margin-top: 20px; background-color: #fff; padding: 3px;box-shadow: 0 0 3px #999; }
.sidebar-link img { display: block; width: 250px; height: 90px; margin: 0 auto; }


/*日期+标题*/
.date-news{padding-bottom: 20px;}
.date-news li { position: relative; border-bottom: 1px dashed #D8D8D8; position: relative; height: 55px; }
.date-news li:before { content: ""; width: 4px; height: 4px; background-color: #999999; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius:50%;}
.date-news li a { display: block; overflow: hidden; position: relative; }
.date-news li p { width: 80%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 12px; color: #898989; font-size: 1.4em; line-height: 55px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; }
.date-news li span { position: absolute; right: 0; font-family: "Arial"; color: #B5B5B5; top: 20px; font-size: 1.4em; }
.date-news li:hover:before { background-color: #3793FC; }
.date-news li:hover p,
.date-news li:hover span { color: #3793FC; }
/*日期+标题+简介*/
.date-news-list li{overflow: hidden;border-bottom: 1px dotted #F1F1F1;transition: all .3s ease;}
.date-news-list li a{padding: 10px;display: block;height: 130px;}
.date-news-list li h2{line-height:50px;color: #666666;font-size: 1.6em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .3s ease; font-weight:bold;}
.date-news-list li span{color: #999999;font-size: 1.4em;}
.date-news-list li p{font-size: 1.4em;color: #999;line-height: 180%;}
.date-news-list li:hover{background-color: #F3F4F9;}
.date-news-list li:hover h2{color: #278AFB; }
/*图文新闻列表*/
.news-img{padding-bottom: 20px;}
.news-img li { padding: 0 10px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.news-img li a { display: table; width: 100%; border-bottom: 1px dotted #E7E7E7; padding: 20px 0 10px; position: relative; }
.news-img li a .news { display: table-cell; vertical-align: top; padding: 0 0px 0 30px; }
.news-img li a .img { display: table-cell; vertical-align: top; width: 210px; height: 140px; overflow: hidden; }
.news-img li a img { display: block; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.news-img li a .news-title { font-size: 1.8em; color: #666666; padding: 0 0 5px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.news-img li a .news-intro { font-size: 1.4em; color: #999; line-height: 1.8; padding-top:10px; }
.news-img li a .date { font-size: 1.2em; color: #999999; padding: 10px 0; }
.news-img li a:hover .news-title { color: #FF513F; font-weight:bold;}
.news-img li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news-img li .line { width: 0; display: block; height: 2px; background: #278AFB; position: absolute; left: 0; bottom: -1px; }
.news-img li:hover .line { width: 100%; -webkit-transition: all 1.2s ease; -o-transition: all 2s ease; -moz-transition: all 2s ease; -webkit-transition: all 1s ease; transition: all 1s ease }
.news-img li:hover { -webkit-box-shadow: 0 0 3px #DDDDDD; box-shadow: 0 0 3px #DDDDDD; }

/*人物图片列表*/
.person-list {margin-top: 10px;padding-bottom: 20px;}
.person-list li { padding: 0 10px; position: relative; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;border: 1px solid #DBDBDB; margin-bottom: 20px;}
.person-list li:hover{border-color:#278BFC;}
.person-list li a { display: table; width: 100%;  padding: 20px 0 10px; position: relative; }
.person-list li a .news { display: table-cell; vertical-align: top; padding: 0 0px 0 30px; }
.person-list li a .img { display: table-cell; vertical-align: top; width: 280px; height: 168px; overflow: hidden; }
.person-list li a img { display: block; width: 100%; height: 100%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.person-list li a .news-title { font-size: 1.6em; color: #363636; padding: 0 0 5px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding: 5px 0 10px}
.person-list li a .news-intro { font-size: 1.2em; color: #666666; line-height: 1.8 }
.person-list li a span { font-size: 1.2em; color: #666666; padding-bottom: 10px; display: block;}
.person-list li a:hover .news-title { color: #278AFB }
.person-list li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.person-list li:hover { -webkit-box-shadow: 0 0 3px #DDDDDD; box-shadow: 0 0 3px #DDDDDD; }
/*图片列表*/
.img-list { padding-top: 5px;}
.img-list li { display: block; width: 33.3333%; overflow: hidden; float: left; border: 10px solid #fff; position: relative; top: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.img-list li a { display: block; width: 100%; height: 100%; }
.img-list li .img { position: relative; overflow: hidden; }
.img-list li img { display: block; width: 100%; height: 180px; }
.img-list li .img:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); position: absolute; bottom: 100%; left: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.img-list li .img:after { content: ""; width: 41px; height: 41px; background: url('/Public/Home/Default/images/frame/img_view.png') no-repeat center; position: absolute; top: 100%; left: 50%; margin-left: -20px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index: 99; }
.img-list li .name { display: block; width: 100%; background: #FFF; }
.img-list li p { height: 50px; line-height: 50px; color: #666666; font-size: 1.6em; padding-left: 35px; }
.img-list li .line { height: 2px; background: #FF4E00; width: 0; margin: 0 auto; -webkit-transition: all .5s linear; -o-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear; }
.img-list li:hover { top: -3px; }
.img-list li:hover .img:before { top: 0; }
.img-list li:hover .img:after { top: 50%; margin-top: -20px; }
.img-list li:hover p { color: #FF4E00 }
.img-list li:hover .line { width: 100%; }
/*文章内容样式*/
.article-title .title { font-size: 24px; font-weight: bold; line-height: 1.8; margin-bottom: 20px; text-align: center; padding: 20px 0px 15px; color: #387FE3; border-bottom: 1px solid #dddddd; margin: 0 10px; }
.article-title .ftitle { font-size: 16px; text-align: center; color: #333; line-height: 1.8 }
.article-title .info { font-size: 1.4em; line-height: 30px; text-align: center; padding-bottom: 10px; color: #888888; padding-top: 10px; }
.article-title .info .beform { margin-left: 15px; }
.article-title .info span { padding-right: 50px; color: #888888; }
.article-title .info span a { color: #333; }
.article-content { padding: 10px 15px 20px 15px; font-size: 16px; min-height: 500px; }
.article-content p { font-size: 16px; padding: 8px 0; line-height: 1.8; text-indent: 2em; width: 100% !important; }
.article-content a { color: #0F98F2 }
.article-content img { display: block; max-width: 100% !important; height: auto !important; margin: 5px auto; }
.article-content　table { width: 100% !important; }
/*上一篇、下一篇*/
.change-btn { line-height: 30px; padding: 12px 0; position: relative; overflow: hidden; font-size: 1.6em; background-color: #F5F5F5; margin: 0 10px 10px; }
.change-btn div { padding: 3px 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.change-btn a { color: #666666; position: relative; }
.change-btn a:hover { color: #4587E4; }
.change-btn .prev { float: left; padding-right: 40px; background: url('/Public/Home/Default/images/frame/change_run.png') no-repeat left center; padding-left: 30px; margin-left: 20px; }
.change-btn .prev:hover { background: url('/Public/Home/Default/images/frame/change_lon.png') no-repeat left center; }
.change-btn .prev:hover:after { background-color: #387FE3; }
.change-btn .prev:after { content: ""; width: 1px; height: 20px; background-color: #DCDCDC; position: absolute; left: 43px; top: 50%; margin-top: -10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.change-btn .next { float: right; padding-right: 30px; margin-right: 20px; background: url('/Public/Home/Default/images/frame/change_lun.png') no-repeat right center; }
.change-btn .next:hover { background: url('/Public/Home/Default/images/frame/change_ron.png') no-repeat right center; }
.change-btn .next:after { content: ""; width: 1px; height: 20px; background-color: #DCDCDC; position: absolute; right: 43px; top: 50%; margin-top: -10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.change-btn .next:hover:after { background-color: #387FE3; }
.zoomIn { -webkit-animation: zoomIn 1s ease-out; -moz-animation: zoomIn 1s ease-out; -o-animation: zoomIn 1s ease-out; animation: zoomIn 1s ease-out; }
@-webkit-keyframes zoomIn {
    0% {    /* opacity: 0; */
    -webkit-transform: scale(0); transform: scale(0); }
    100% {    /* opacity: 1; */
    -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
}
@-o-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}
@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
    100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
}