/*
* @Author: ZhangJiaoLong
* @Date:   2017-10-20 09:01:13
* @Last Modified by:   ZhangJiaoLong
* @Last Modified time: 2017-12-28 17:10:39
*/
.frame-main{padding: 10px 0;}

.location{background: url('../../images/english/location.png') left center no-repeat; color: #666666; font-size: 20px; height: 50px; line-height: 50px; margin: 0 0 10px 0; border-bottom: 2px solid #863242; padding:0 0 0 20px;}
.location span{ color: #863242; font-size: 24px; padding-left: 10px; }

.list-text li{ background: #FFF; border-bottom: 1px dotted #7E7E7E; padding: 15px 0;}
.list-text li a{ display: block; }
.list-text li .title{ color: #444444; font-size: 18px; padding-bottom: 5px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;}
.list-text li .intro{ font-size: 14px; color: #999999; font-family: "Times New Roman"; line-height: 1.8  }
.list-text li .date{ font-size: 14px; color: #999999; padding-top: 10px; font-family: "arial" }
.list-text li:hover .title{color: #ae0a1b;}

/*图文新闻列表*/
.news-img li { padding: 0 10px; }
.news-img li a { display: block; border-bottom: 1px solid #E7E7E7; padding: 17px 0; position: relative; }
.news-img li a .news { display: block; padding: 0 0px 0 20px; width: }
.news-img li a .img { display: block; width: 180px; height: 110px; float: left; 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 .month { font-size: 2.4em; }
.news-img li a .year { font-size: 1.8em; }
.news-img li a .news-title { font-size: 1.6em; color: #333333; 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: #666666; line-height: 1.8 }
.news-img li a .date { font-size: 1.4em; color: #999999; padding: 8px 0; }
.news-img li a:hover .news-title { color: #ae0a1b }
.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); }

/*图片列表*/
.img-list li { display: block; width: 25%; 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 { display: block; width: 100%; height: 168px; opacity: .8; filter: Alpha(opacity=80); -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease }
.img-list li .name { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; color: #fff; font-size: 1.4em; text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000'); background: rgba(0, 0, 0, 0.5); }
.img-list li:hover .name { background: #ae0a1b;opacity: 0.7; filter: Alpha(opacity=70); }
.img-list li:hover img { opacity: 1; filter: Alpha(opacity=100); }


/*文章内容样式*/
.article-title .title { font-size: 24px; font-weight: bold; line-height: 1.8; margin-bottom: 5px; padding: 10px 0 0 0; color: #3d8406 }
.article-title .ftitle { font-size: 16px; padding: 5px 0 10px 0; color: #FF833B; line-height: 1.8 }
.article-title .info { font-size: 14px; line-height: 30px; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; color: #666666; }
.article-title .info .beform { margin-left: 15px; }
.article-title .info span { padding-right: 20px; color: #333; }
.article-title .info span a { color: #333; }
.article-content { padding: 10px 0 20px 0; font-size: 16px; min-height: 500px; }
.article-content p { font-size: 16px; padding: 6px 0; line-height: 1.8; color: #333333; width: 100% !important; }
.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: 10px 0; border-top: 1px solid #dddddd; font-size: 16px; }
.change-btn div { padding: 3px 0; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }
.change-btn a { color: #30343c; }
.change-btn a:hover { color: #FF5A31; }

/*分页样式*/
.page { line-height: 50px; margin-top: 10px; text-align: center; font-size: 1.4em; }
.page a,.page a b { color: #999999; background: #F7F7F7; padding: 8px 10px; -webkit-border-radius: 3px; border-radius: 3px; }
.page b { background: #ae0a1b; color: #FFFFFF; padding: 8px 10px; -webkit-border-radius: 3px; border-radius: 3px; }
.page a:hover{background: #ae0a1b; color: #FFFFFF;  }
.page a.total{ cursor: not-allowed; }


/*1023-1200 内容宽度990 页面内容居中 */
@media only screen and (max-width:1200px) {

}

/*768-1024  内容宽度740  两边间距14 页面内容居中 */
@media only screen and (max-width:1023px) {
.img-list li{width: 33.333333%}
.news-img li a .news-intro{height: 60px; overflow: hidden;}
}

/*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) {
.img-list li{width: 50%}
.news-img li a .img{float: none; width: 100%; height: auto;}
.news-img li a .news{padding: 10px 0}
.news-img li a .news-intro{height: auto;}
}

/* 480-639  按百分比缩放 */
@media only screen and (max-width:639px) {


}
/* 380-479  按百分比缩放 */
@media only screen and (max-width:479px) {
    .img-list li{width: 94%; margin: 0 auto; float: none;}
    .img-list li img{height: auto; width: 100%;}
    .page .number-btn{ display: none; }
}
/* 360-479  按百分比缩放 */
@media only screen and (max-width:379px) {

}