﻿body { padding: 0; margin: 0; background: #fff; overflow-x: hidden }
.banner { width: 100%; min-width: 100%;}
.banner img { width: 100%; }
.main-content { width:100%;}


/** 详情 **/
.news-content { width: 75%; margin: 0 auto; padding: 25px 60px; }
.news-content .leftnav_box { width: 240px; height: auto; overflow: hidden; float: left }
.news-content .leftNav { clear: both; overflow: hidden; }
.news-content .leftNav dt { height: 80px; width: 240px; background: url(../images/i-013.png) no-repeat left top; font-size: 24px; color: #fff; font-weight: bold; line-height: 80px; text-align: center; margin-bottom: 1px; }
.news-content .leftNav dd { display: block; overflow: hidden; }
.news-content .leftNav dd span { display: block; clear: both; overflow: hidden; height: 40px; padding: 0 15px; background: #fafafa url(../images/leftico1.png) no-repeat 190px center; }
.news-content .leftNav dd span a { height: 39px; display: block; line-height: 39px; padding-left: 10px; color: #666; font-size: 14px; border-bottom: 1px solid #e6e6e6; }
.news-content .leftNav dd span a:visited { color: #666 }
.news-content .leftNav dd span a:hover { color: #fff; }
.news-content .leftNav dd span a:active { color: #666 }
.news-content .leftNav dd:hover span { background: #152d79 url(../images/leftico2.png) no-repeat 190px center; }
.news-content .leftNav dd.hover span { background: #152d79 url(../images/leftico2.png) no-repeat 190px center; }
.news-content .leftNav dd:hover span a { color: #fff; border-bottom: none }
.news-content .leftNav dd.hover span a { color: #fff; border-bottom: none }
.news-content .leftnav_box .contactBox { overflow: hidden; clear: both; width: 240px; position: relative; display: block; }
.news-content .leftnav_box .contactBox.h130 { height: 130px; }
.news-content .leftnav_box .contactBox.h160 { height: 160px; }
.news-content .leftnav_box .contactBox span { height: 30px; width: 190px; margin-left: 50px; line-height: 30px; font-size: 24px; color: #fff; display: block; padding-left: 35px; position: absolute; left: 0; top: 50%; margin-top: -15px; }
.news-content .leftnav_box .contactBox span.span1 { background: url(../images/leftico3.png) no-repeat left center }
.news-content .leftnav_box .contactBox span.span2 { background: url(../images/leftico4.png) no-repeat left center }
.news-content .leftNav dd div { overflow: hidden; clear: both; display: none; padding: 5px 0; }
.news-content .leftNav dd.hover div { display: block; font-size: 14px; }
.news-content .leftNav dd div a { display: block; line-height: 30px; clear: both; padding: 0 0 0 30px; }
.news-content .leftNav dd div a.hover { color: #152d79; font-weight: bold; }
.news-content .main { width: calc(100% - 260px); margin: 0 auto;  font-family: "微软雅黑";float:right }
.news-content .main .location { width: 100%; height: 40px; clear: both; border-bottom: 2px solid #c3c3c3; position: relative; margin-bottom: 30px }
.news-content .main .location span { height: 40px; line-height: 35px; font-size: 18px; color: #152d79; background: url(../Images/ico2.png) no-repeat left bottom; position: absolute; left: 0; top: 0; }
.news-content .main .location p { line-height: 35px; height: 35px; color: #666; padding: 0 15px 0 25px; background: url(../Images/location.png) no-repeat left center; }
.news-content .main .location p a.on { color: #152d79; }
.news-content .main .location .fr { float: right }
.news-content .main .location .hover:last-child { color: #152d79 }
.news-content .main .news-title { width:100%;font-size:32px;font-weight:600;text-align:center;margin-top:20px;}
.news-content .main .news-add-time { width:100%;margin-top:20px; text-align:center;color:#999;font-size:18px;margin-bottom:50px;}
.news-content .main .content { width:100%;margin-bottom:60px;}
.news-content .main .content img { max-width:100%;height:auto!important}
.news-content .main .pre-news { width: 800px; height: 60px; background: #f8f5f5;line-height:60px; text-indent:60px;margin-top:10px; }
.news-content .main .pre-news a { color: #000; text-decoration: none; font-size: 14px; ;float:right;width:670px;text-align:left }
.news-content .main .pre-news a font { float: left; text-align: left; width: 640px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; text-indent:0 }
.news-content .main .pre { background-image: url(../images/i-105.png); background-size: 20px; background-repeat: no-repeat; background-position: 20px center }
.news-content .main .next { background-image: url(../images/i-104.png); background-size: 20px; background-repeat: no-repeat; background-position: 20px center;margin-bottom:100px; }
.smallVide { position:fixed;right:0;top:0;width:400px!important;height:auto!important;}
.smallVide video { width: 400px; height: 350px;background:#000 }
@media (max-width: 1024px) {
 .banner { width: 100%; min-width: 100%;  }
 .news-content { width: 98vw; margin: 0 auto;padding:0 }
 .news-content .main { width:100%; margin: 0 auto; font-family: "微软雅黑"; }
 .news-content .main .news-title { width: 100%; font-size: 32px; font-weight: 600; text-align: center; margin-top: 20px; }
 .news-content .main .news-add-time { width: 100%; margin-top: 20px; text-align: center; color: #999; font-size: 18px; margin-bottom: 50px; }
 .news-content .main .content { width: 100%; margin-bottom: 60px; }
 .news-content .main .content img { max-width: 100% }
 .news-content .main .pre-news { width: 800px; height: 60px; background: #f8f5f5; line-height: 60px; text-indent: 60px; margin-top: 10px; }
 .news-content .main .pre-news a { color: #000; text-decoration: none; font-size: 14px;; float: right; width: 670px; text-align: left }
 .news-content .main .pre-news a font { float: left; text-align: left; width: 640px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; text-indent: 0 }
 .news-content .main .pre { background-image: url(../images/i-105.png); background-size: 20px; background-repeat: no-repeat; background-position: 20px center }
 .news-content .main .next { background-image: url(../images/i-104.png); background-size: 20px; background-repeat: no-repeat; background-position: 20px center; margin-bottom: 100px; }
 #videoArea { width:100%!important;}
    .fr { display: none }
}

 .pager { width: 100%; margin: 20px auto; text-align: center; *overflow: visible !important }
 .pager .pager_wrap { display: inline-block; *display: inline; *zoom: 1; *overflow: visible !important }
 .pager .pager_wrap a { cursor: pointer; text-decoration: none; height: 40px; width: 40px; border-radius: 5px; line-height: 40px; background: #ddd }
 .pager .pager_wrap b, .pager .pager_wrap i, .pager .pager_wrap em { font-style: normal; font-weight: normal; }
 .pager .pager_wrap b { float: left; margin-left: 10px; color: #fff; font-size: 12px; height: 28px; line-height: 28px; }
 .pager .pager_wrap b a, .pager .pager_wrap i { display: block; float: left; line-height: 40px; margin: 0 5px; color: #000; font-size: 18px; }
 .pager .pager_wrap i { border: none; }
 .pager .pager_wrap b .jump_to { width: 35px; margin: 0px 5px; padding-left: 5px; color: #dedede; background-color: transparent; border: solid 1px #DDDDDD; font-size: 12px; }
 .pager .pager_wrap b .btn_ok { padding: 3px 8px; margin-left: 5px; border: none; background-color: #fff; color: #2c4530; font-size: 13px; }
 .pager .pager_wrap .currPager { background: #0563c9; color: #ffffff; font-weight: bold; }
 .pager .pager_wrap a:hover { background: #0563c9; color: #ffffff; }
 .pager .pager_wrap .select { width: 60px; border: 1px solid gray; }
 .pager .pager_wrap .prePage { height: 40px; margin-right: 10px; width: 80px; background: #ddd }
 .pager .pager_wrap .prePage:hover { }
 .pager .pager_wrap .nextPage { height: 40px; margin-left: 10px; width: 80px; background: #ddd }
 .pager .pager_wrap .nextPage:hover { }