@charset "UTF-8";

.cate-name {
    margin: 0;
    position: relative;
    font-size: 24px;
    font-weight: bolder;
    line-height: 1em;
}
.padd{ padding: 0 30px !important;}
.box-title { border-bottom: 1px solid #114455; }

.box-title:before, .box-title:after { content: " "; display: table; }

.box-title:after { clear: both; }

.box-title.cmc { margin-top: 6px; }

.box-title.cmc h3 { font-size: 22px; }

.box-title h3 { margin: 0; float: left; position: relative; font-family: 'Century Gothic','microsoft yahei'; font-size: 26px; font-weight: bolder; }

.box-title h3 a { color: #114455; }

.box-title h3 a:hover { color: #F55; }

.box-title h3 a:before { content: ""; display: inline-block; height: .75em; width: 3px; background: #114455; vertical-align: baseline; margin-right: 10px; }

.box-title h3 sub { float: right; margin-left: 0.6em; font-size: 12px; line-height: 1em; padding-top: 1.2em; color: #1a1a1a; }

.box-title i.arrow-right { float: right; position: relative; padding-right: 15px; margin-top: 10px; transition: all 0.3s; }

.box-title i.arrow-right a { color: #276; }

.box-title i.arrow-right:after { content: " "; position: absolute; width: 6px; height: 10px; right: 0.2em; top: 0.5em; background: url(jt-right.png); }

.box-title i.arrow-right:hover { padding-right: 20px; }

.box-title small { line-height: 3em; float: right; }

.box-title small a { color: #276; }

.box-title small a:hover { color: #d43; }

@media (max-width: 767px) { .box-title.cmc h3 { font-size: 19px; }
  .box-title h3 { font-size: 20px; } }


#loadNextPageBtn { padding: 50px 0; border-top: 1px solid #ddd; background: #f2f2f2; color: #555; text-align: center; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }
#loadNextPageBtn span { width: 15rem; font-size: 1.2rem; }
#loadNextPageBtn small { margin: 0; color: #999; }
#displaypagenum { display: table; margin: 0 auto; margin-top: 30px;font-size:14px;clear:both;    border-collapse: collapse; }

#displaypagenum { display: table; margin: 0 auto; margin-top: 30px; font-size: 14px; clear: both; }

#displaypagenum .page, #displaypagenum .next { text-align: center; width: 3em; line-height: 3em; color: #555; display: table-cell; border: 1px solid #d2d2d2; padding: 0 3px; }

#displaypagenum .page:hover, #displaypagenum .next:hover { color: #145; background-color: #ddd; cursor: pointer; border-color: #ddd; }

#displaypagenum span.page { color: #fff; background: #114455;border-color: #114455; }

#displaypagenum .nextbtn { background: url(../images/page-right.png) no-repeat 50% 50%; }

#displaypagenum .prevbtn { background: url(../images/page-left.png) no-repeat 50% 50%; }

@media(max-width:767px){#displaypagenum {display:none}}

.breadcrumb { line-height: 28px; }

.breadcrumb:before { content: ""; background: url(../images/position.png) no-repeat center bottom; float: left; height: 23px; width: 20px; line-height: 28px; margin-right: 5px; color: #888; }

.breadcrumb a:last-child { color: #ed5641; }

.special-report .article { position: relative; }

.special-report .article .pic img { display: block; width: 100%; }

.special-report .article .title { position: absolute; left: 0; bottom: 0; right: 0; }

.special-report .article .title a { font-size: 16px; line-height: 2.5em; color: #fff; position: relative; z-index: 2; margin: .5em 1em; }

.special-report .article .title i { position: absolute; left: 0; bottom: 0; right: 0; top: 0; background: #000; opacity: .5; filter: alpha(opacity=50); }



.vertical { padding: 10px; border: 1px solid #acacac;  }

.vertical .img { transition: linear all .15s; display: block; overflow: hidden; position: relative; border: 1px solid #e8e8e8; }

.vertical .img img { display: block; transition: ease-out .15s all; filter: blur(0);filter:none \9;width:100%; }

.vertical .img span { position: absolute; left: 0; right: 0; bottom: 0; top: 0%; opacity: 0; transition: ease-in-out .15s all; overflow: hidden; }

.vertical .img span i { position: absolute; left: 0; right: 0; bottom: 0; font-size: 12px; margin: 60px 15px; font-style: normal; }

.vertical .img span strong { position: absolute; left: 0; top: 40%;text-align:center; right: 0; padding:.5em; transition: ease-in-out .15s transform; transform: scale(1.3); font-size: 16px; line-height: 1.5em;filter:alpha(opacity=0); }

.vertical .img:after { display: none; background-color: #000; opacity: 0.1; filter: alpha(opacity=10); position: absolute; left: 0; bottom: 0; right: 0; top: 0; }

.vertical .title { display: block; font-size: 18px; line-height: 1.4em; box-sizing: border-box; padding: 1em 5px; }

.vertical:hover { box-shadow: 0 0   20px #ddd; }

.vertical:hover .title { color: #114455; }

.vertical:hover .img { border-color: #888; }

.vertical:hover .img a { color: #000; }

.vertical:hover .img span { opacity: 1; display: block;display:none \9 }

.vertical:hover .img span i { color: #888; }

.vertical:hover .img span strong { color: #000; transform: scale(1);filter:alpha(opacity=100); }

.vertical:hover .img:after { display: block; }

.vertical:hover .img:after { width: 100%; }

.vertical:hover .img img { filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=7,   MakeShadow=false); filter: blur(12px);filter:none \9;-webkit-filter: blur(12px); -o-filter: blur(12px); -moz-filter: blur(12px); -ms-filter: blur(12px); transform-origin: center; }

@media (max-width: 767px) { .vertical { padding: 0; border: none; }
  .vertical:hover { box-shadow: none; }
  .vertical:hover .img { border: none; transition: none; }
  .vertical:hover .img img { filter: none; }
  .vertical .img { border: none; }
  .vertical .img img { border: 1px solid #e8e8e8; padding: 8px; }
  .vertical .img span { position: static; opacity: 1; display: block; }
  .vertical .img span strong { display: block; padding: 0; position: static; transform: none; margin-top: .5em; height: 3em; overflow: hidden; font-weight: normal;color:#333; }
  .vertical .img span i { display: none; position: static; margin: 0; } }
@media (max-width: 1199px) and (min-width: 961px){
	.nav-main .nav-bar li a {padding: 0 12px\9;margin: 0;}
	.vertical .img span strong{font-size:14px;}
}