/*
* @Author: ZhangJiaoLong
* @Date:   2017-06-09 10:16:02
* @Last Modified by:   WangWenbing
* @Last Modified time: 2018-04-11 09:28:27
*/
body{background: #F6F6F6;}
.frame-banner {position: relative; overflow: hidden; margin-bottom: 20px;}
.frame-banner img{display: block;width: 100%;}
.frame{margin-top: -130px; }
.frame-left{ width: 260px; float: left; }
.frame-right{ width: 920px; float: right; }
.main{ background: #FFF url('../images/frame/line.png') no-repeat left top;background-size: 100%; min-height:610px; padding: 10px; margin-bottom: 20px;}

/* 左侧菜单 */
.sidebar-wrap{ background: #FFF; margin-bottom: 10px; padding-bottom: 170px;background: #fff url('../images/frame/flower.png') no-repeat 60% 98%;position: relative;}
.sidebar-name{height: 110px;text-align: center;  background: #C93533; color: #FFF; }
.sidebar-name h2{padding-bottom:5px; font-family: "华文楷体";font-size: 3.6em;padding-top: 20px; }
.sidebar-name span{display: block;font-size: 1.6em;font-family: "Times New Roman";}
ul.sidebar { display: block;padding: 10px;}
ul.sidebar li { display: block; }
ul.sidebar li a { display: block; height: 45px; background: url('../images/frame/next.png') 90% center no-repeat; line-height: 45px; border-bottom: 1px solid #E7E7E7; color: #333; font-size: 1.6em; padding-left: 30px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear }
ul.sidebar li a.selected,ul.sidebar li a:hover { background: #3F3F3F url('../images/frame/sidebar_on.png') 90% center no-repeat; color: #fff; }
ul.sidebar li ul { display: none; padding-bottom: 10px; background: #FFFFFF }



/* 联系方式 */
.sidebar-link{overflow: hidden;padding: 0 10px;position: absolute; bottom: 10px;}
.sidebar-link img{display: block;}

/*文字新闻列表*/
.list-text li { display: block;  position: relative; height: 50px; border-bottom: 1px dashed #E5E5E5;background: url('../images/frame/list.png') no-repeat left center;transition: all .3s ease;}
.list-text li a { display: block; font-size: 1.4em; line-height:50px; padding: 0 100px 0 15px; color: #444444; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;transition: all .3s ease; }
.list-text li span { font-family: "Arial"; position: absolute; right: 0; top: 7px; color: #888888; font-size: 1.4em; width: 100px;  line-height:41px; text-align: right; padding-right: 10px; transition: all .3s ease;}
.list-text li:hover {background: url('../images/frame/list_on.png') no-repeat left center;/*  border-bottom: 1px solid  #C93533; */}
.list-text li:hover a { color: #C93533;}
.list-text li:hover span { color: #C93533 }
.list-text li .line{ width: 0; display: block; height:1px; background: #C93533; position: absolute; left:0; bottom: -1px; }
.list-text li:hover .line{ width: 100%; -webkit-transition: all 2s ease; -o-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease }


/*日期+标题+简介*/
.date-news li { position: relative; border-bottom: 1px dashed #E5E5E5; height: 56px;}
.date-news li a{ display: block; position: relative; padding:0 20px 0 110px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;line-height:65px; font-size: 1.6em; color: #444444;background: url('../images/frame/more.png') no-repeat right center;-webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.date-news li .date { background: #3F3F3F; color: #fff;font-family: "Arial";font-size: 1.4em; text-align: center; width: 100px; position: absolute;left: 0; top: 17px; padding: 6px 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease  }
.date-news li .news-info{ padding:0 0 0 20px; }
.date-news li .line{ width: 0; display: block; height:1px; background: #C93533; position: absolute; left:0; bottom: -1px; }
.date-news li:hover .line{ width: 100%; -webkit-transition: all 2s ease; -o-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease }
.date-news li:hover .date{ background: #C93533; color: #FFF; -webkit-border-radius: 5px; border-radius: 5px; }
.date-news li:hover a{color: #C93533;background: url('../images/frame/more_on.png') no-repeat right center;}

/*图文新闻列表*/
.news-img li { padding: 0 20px; position: relative;}
.news-img li a { display: block; border-bottom: 1px solid #E7E7E7; padding: 40px 0 10px 210px; position: relative;overflow: hidden;}
.news-img li a .news { display: block; padding: 0 0px 0 20px; }
.news-img li a .img { display: block; width: 210px; height: 126px;position:absolute; left:0;margin-right: 10px; 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.6em; color: #444444; padding: 0 0 8px 0; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.news-img li a .news-intro { font-size: 1.4em; color: #999999; line-height: 1.8 }
.news-img li a .date {font-family: "Arial";font-size: 1.4em; color: #A9A9A9; padding-top: 30px; }
.news-img li a:hover .news-title { color: #C93533; }
.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 a .line{ width: 0; display: block; height:1px; background: #C93533; position: absolute; left:0; bottom: 0px; }
.news-img li a:hover .line{ width: 100%; -webkit-transition: all 2s ease; -o-transition: all 2s ease; -moz-transition: all 2s ease; transition: all 2s ease }

/*图片列表*/
.img-list{ padding-top: 5px; }
.img-list li{ display: block; width: 33.3333%; overflow: hidden; padding: 10px;background: url('../images/frame/pic_bg.png') no-repeat center;background-size: 100% 100%;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%;position: relative; }
.img-list li img{ display: block; width: 100%; height: 156px;  }
.img-list li span{display: block;width: 100%;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');color: #fff;text-align: center;font-size: 1.6em;position: absolute;left: 0;bottom: 0;}
.img-list li:hover { top: -3px;background: url('../images/frame/pic_bgon.png') no-repeat center;background-size: 100% 100%; }
.img-list li:hover span{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99C93533',endColorstr='#99C93533');background: rgba(201, 53, 51, 0.5);}


/* 视频列表 */
.video-list{ padding-top: 5px; }
.video-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; }
.video-list li a{ display: block; width: 100%; height: 100%; border-bottom: 1px solid #E5E5E5;}
.video-list li .img{position: relative;overflow: hidden;}
.video-list li img{ display: block; width: 100%; height: 168px;  }
.video-list li .img:before{content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);position: absolute;left: 100%;top: 0; -webkit-transition: all .5s linear;-o-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear; }
.video-list li p{ height: 40px; line-height: 40px; color:#444444; font-size:1.6em; padding-left: 25px;background: url('../images/frame/more.png') no-repeat left center;-webkit-transition: all .5s linear;-o-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear; }
.video-list li a:after{content: "";width:68px;height: 68px;background: url('../images/frame/play.png') no-repeat center;background-size: 100%;position: absolute;top: 20%;left: 50%;margin-left: -34px; }
.video-list li .line { height: 1px; background: #C93533; width: 0; /* margin: 0 auto; */ -webkit-transition: all .5s linear;-o-transition: all .5s linear;-moz-transition: all .5s linear;transition: all .5s linear; }
.video-list li:hover a{border-color: #fff;}
.video-list li:hover p{ color: #C93533;background: url('../images/frame/more_on.png') no-repeat left center; }
.video-list li:hover .line{ width: 100%; }
.video-list li:hover .img:before{left: 0;}

/* 人物列表内容 */
.list-person{padding-bottom:30px;}
.list-person li{display: table;padding: 15px;margin-top: 20px;background: #F3F3F3 ;position: relative; transition: all .3s ease;}
.list-person li .img{display:table-cell;vertical-align: middle;width:160px;}
.list-person li img{display:block;width: 100%;height:240px; }
.list-person li .intro-box{display:table-cell;vertical-align: top;padding-left: 20px;}
.list-person  .intro-box h4{font-size:1.8em;padding-top: 15px;color: #444444; }
.list-person  .intro-box span{display: block;font-size: 1.6em;color: #999999;padding: 10px 0 40px;}
.list-person  .intro-box p{display: block;font-size: 1.4em;color: #999999;line-height: 2}

/* 下载页 */
.download-list { padding: 20px; overflow: hidden; }
.download-list li { width:100%;  border-bottom: 1px solid #EBEBEB;position:relative;padding-bottom:10px;padding-left:55px;padding-right: 80px;margin-bottom: 10px;}
.download-list li img { display: inline-block; width: 40px; height: 47px; position: absolute;left: 0;top: 5px;}
.download-list li h4 { font-size: 1.6em; color: #000000; line-height: 30px; padding-bottom: 5px;}
.download-list .download-info span{display: inline-block;color: #777777;font-size: 1.4em;padding-left: 20px;padding-right: 20px;background-repeat: no-repeat;background-position: left center;}
.download-list .download-date{background-image: url('../images/frame/time.png');}
.download-list .download-view{background-image: url('../images/frame/download.png');}
.download-list .download-author{background-image: url('../images/frame/author.png');}
.download-list .download-box a { display: block;position: absolute;text-align: center;width: 75px;height: 26px;line-height: 26px;right: 0;top:20px;font-size: 1.4em;border:1px solid #F0F0F0; color: #333333; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.download-list li:hover h4{color: #C93533;}
.download-list li:hover a{background: #C93533;color: #fff;}
/*文章内容样式*/
.article-title .title{text-align: center;font-family: "华文楷体";padding-top: 20px;border-bottom: 1px solid #D66766;position: relative;padding-bottom: 10px}
.article-title .title:before,.article-title .title:after{content: "";width: 5px;height: 5px;background: #C93533;position: absolute;bottom: -3px;}
.article-title .title:before{left: 0;}
.article-title .title:after{right: 0;}
.article-title .title h1{ font-size: 3em; text-align: center;  color: #040404; }
.article-title .title h2{font-size: 2.4em; color: #040404; line-height: 1.8}
.article-title .info { font-size: 1.4em; line-height: 30px; text-align: center; padding-bottom: 10px;  color: #333;padding-top: 10px;  }
.article-title .info .beform{ margin-left: 15px; }
.article-title .info span { padding-right:20px; color: #666666; }
.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; }

/* 联系我们 */
.contact-box{margin-bottom: 20px;}
.main-contact h3{font-size:2.4em;color: #000;line-height: 70px;text-align: center;font-weight: bold;font-family: "华文楷体";}
.main-content{background-color: #F1F1F1;position: relative;overflow: hidden;padding: 10px 0;}
.main-content p{color: #363636;font-size: 1.6em;line-height: 40px;padding-left: 25px;}

.mapBg{ padding: 5px;border:1px solid #EEEEEE;margin-top: 20px;}
.BMap_omCtrl,.anchorBL,.BMap_stdMpCtrl{display: none !important;}
#dituContent{width:100%; height:382px; border: none !important;}
#dituContent img{ max-width:none !important;}
.BMapLabel{color: #F54336 !important;font-size:1.2em !important;border: none !important;box-shadow: 0 0 2px #FCD6C6;padding: 2px 5px !important;top: -50px !important; }


/*上一篇、下一篇*/
.change-btn { line-height: 30px; padding: 20px 0 0; border-top: 1px solid #dddddd; font-size: 1.6em;overflow: hidden; }
.change-btn div{white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;width: 49%; }
.change-btn .prev{float: left;}
.change-btn .next{float: right;text-align: right;}
.change-btn a {color: #30343c; }
.change-btn a:hover { color: #C93533; }

/*1023-1200 内容宽度990 页面内容居中 */
@media only screen and (max-width:1199px) {
.frame-right{ width:730px; }
.img-list li img{ height: 125px; }
.video-list li img{ height: 130px; }
.news-img li a .date{padding-top: 5px;}
}

/*768-1024  内容宽度740  两边间距14 页面内容居中 */
@media only screen and (max-width:1023px) {
.frame{margin-top: 0;}
.frame-left{ display: none; }
.frame-right{ width:auto; float: none; }
.frame-banner{ height: 180px; }
.news-img li{ padding: 0px; }
.news-img li a .news{ padding: 0 0 0 20px; }
.video-list li img{ height: 140px; }
.line{display: none !important;}
.download-list .download-info{display: none;}
.download-list{padding:0;}
.download-list li{padding-bottom: 0;}
.download-list li h4{white-space: nowrap;overflow: hidden;text-overflow:ellipsis;padding-bottom: 0;line-height: 60px;}
}

/*ipad竖屏：(orientation:portrait)  ipad横屏：(orientation:landscape) */
@media only screen and (width:768px) and (orientation:portrait) {

}

/*640-767 内容宽度590 两边间距25 页面内容居中 */
@media only screen and (max-width:767px) {
.frame-banner{ height: 140px; }
.frame-banner .text{ width: 180px; height: 60px; line-height: 60px; font-size: 2em; }
.article-title .info .beform{ display: none; }
.article-title .info .view{ display: none; }
.article-content{ padding: 10px 0 }
.list-text li a{font-size: 1.2em;}
.list-text li span{font-size: 1em;}
.date-news li .day{ font-size: 2em; }
.news-img li a{padding: 40px 0 10px 10px; }
.news-img li a .img{ display: block; width: auto; height: auto; float: none; position: relative;margin-bottom: 20px; }
.news-img li a img{ width: auto; height: auto; max-width: 100%; display: block; margin: 0 auto; }
.news-img li a .news{ display: block; padding: 0 }
.img-list li{ width: 50%; }
.img-list li img{ height: 160px; }
.video-list li{ width: 50%; }
.video-list li img{ height: 160px; }
.date-news li .date{font-size: 1.2em;}
.date-news li a{font-size: 1.2em;}
.list-person li .img{display: none;}
.list-person li .intro-box{padding-left: 0;}
.list-person  .intro-box h4{padding-top: 0;}
.list-person  .intro-box span{padding: 10px 0;}
.change-btn div{width: 100%;padding:3px 0;}
.change-btn .prev{float: none;}
.change-btn .next{float: none;}
.article-title .title h1{font-size: 2.4em;}
.article-title .title h2{font-size: 1.6em;}
}

/* 480-639  按百分比缩放 */
@media only screen and (max-width:639px) {
.frame-banner{margin-bottom: 0;}
.img-list li img{height: 120px;}
.video-list li img{ height: 140px; }

}
/* 320-479  按百分比缩放 */
@media only screen and (max-width:479px) {
.date-news li .date{font-size: 1.4em;width: 85px;}
.date-news li a{font-size: 1.4em;padding: 0 20px 0 90px;}
.date-news li .title{ font-weight: bold; }
.img-list li{ width: auto; float: none; }
.img-list li img{ display: block; width: 100%; height: auto; }
.video-list li{ width: auto; float: none; }
.video-list li img{ display: block; width: 100%; height: auto; }
.list-text li a,.list-text li span{font-size: 1.4em;}
.change-btn{padding: 0;}
.change-btn div{padding: 0;}
}