/*图库样式*/

/*css public*/
html, body { font-size: 14px; color: #333; background: #fff, min-width:1200px; }
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, legend, button, input, textarea, th, td { margin: 0; padding: 0 }
body, button, input, select, textarea { font-family: "Microsoft YaHei", "SimSun", "Arial" }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
form { display: inline; }
ul, ol { list-style: none }
li { list-style-type: none; padding: 0; margin: 0 }
i, em { font-style: normal; }
strong { font-weight: normal; }
a { text-decoration: none; color: #333 }
a:hover { text-decoration: none; color: #cb2925; }
img { vertical-align: top; border: 0; -ms-interpolation-mode: bicubic }
button, input, select, textarea { font-size: 100%; border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
input { vertical-align: middle; border: none }
input, button, select, textarea { outline: none }
textarea { resize: none }
.red, .red a { color: #d54721 !important; }
.blue { color: #4d8ac8; }
.gray { color: #999; }
.linkblue { color: #1085c9; }
.show { display: block }
.hide { display: none }
.clear { clear: both; }
.clearfix { *zoom: 1 }
.clearfix:after, .clearfix:before { display: table; content: "" }
.clearfix:after { clear: both }
.bd:after { clear: both; *zoom: 1 }
.fl { float: left }
.fr { float: right }
.warp { width: 1200px; margin: 0 auto }
.bg-pink { background: #f55072 }
.bgw { background: #fff }
.w196 { width: 196px; }
.w216 { width: 216px; }
.w226 { width: 226px; }
.w292 { width: 292px; }
.w300 { width: 300px; }
.w326 { width: 326px; }
.w514 { width: 514px; }
.w520 { width: 520px; }
.w600 { width: 600px; }
.w680 { width: 680px; }
.w880 { width: 880px; }
.h176 { height: 176px; }
.h198 { height: 198px; }
.h210 { height: 210px; }
.h211 { height: 211px; }
.h306 { height: 306px; }
.ad_h310 { height: 310px; overflow: hidden; }
.mt20 { margin-top: 28px; }
.mb100Im { margin-bottom: 100px !important; }
.ico { width: 16px; height: 16px; background: url(../images/icon.png) no-repeat; vertical-align: middle; display: inline-block; }
.ico-circle { background-position: -2px -2px; height: 18px; width: 18px; }
.ico-arrow { background-position: -25px -4px; height: 14px; width: 10px; }

/*路径*/
.path { font-size: 16px; height: 48px; line-height: 48px; color: #999; }
.path a { color: #999; }
.path a:hover { color: #333; }
.path h1 { font-size: 16px; color: #999; font-weight: normal; display: inline-block; }
.path em { padding: 0 4px; color: #999 }
.path span { color: #999 }

/*头部*/
.head-box { color: #999; height: 185px; }
.head-box a { color: #999; }
.head-box a:hover { color: #cb2925; }
.head-box .logo-img { width: 193px; height: 64px; margin-right: 105px; }
.head-box .logo-img img { width: 100%; height: 100%; margin-top: 44px; }
.head-box .search { margin-top: 57px; }
.head-box .search input { width: 418px; height: 36px; border: 1px solid #f55072; padding: 0 14px; font-size: 16px; color: #666; }
.head-box .search input::-webkit-input-placeholder { color: #999; }
.head-box .search .bottom { margin-top: 6px; }
.head-box .search .btn { width: 110px; height: 38px; background: #f55072; color: #fff; cursor: pointer; font-size: 16px; line-height: 36px; }
.head-box .search .more { border: none; height: 22px; background: none; color: #999; }
.head-box .search strong { float: left; height: 22px; line-height: 22px; }
.head-box .search ul { float: left; overflow: hidden; width: 450px; height: 24px; line-height: 24px; }
.head-box .search li { display: inline-block; margin-right: 4px; }
.head-box .tag { margin-top: 18px; width: 340px; height: 16px; overflow: hidden; float: right; }
.head-box .tag ul { float: right; max-width: 340px; height: 16px; overflow: hidden; }
.head-box .tag li { float: left; border-right: 1px solid #999; height: 16px; line-height: 16px; padding: 0px 10px; }
.head-box .tag li:last-child { border-right: none; }
.head-box .navigation { margin-top: 18px; }
.head-box .navigation ul { font-size: 0; }
.head-box .navigation li { display: inline-block; font-size: 16px; height: 42px; line-height: 42px; }
.head-box .navigation li.on { background: #ef2851; }
.head-box .navigation li a { color: #fff; display: block; padding: 0 30px; }
.head-box .navigation li:hover a { color: #fff; }
.head-box .navigation li:hover { background: #ef2851; }

/*tp 幻灯*/
.focus { position: relative; width: 780px; height: 430px; background-color: #000; margin-top: 28px; }
.focus img { width: 100%; height: 100%; }
.focus .shadow .title { width: 260px; height: 65px; padding-left: 30px; padding-top: 20px; }
.focus .shadow .title a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; }
.focus .btn { position: absolute; bottom: 34px; left: 510px; overflow: hidden; zoom: 1; }
.focus .btn a { position: relative; display: inline; width: 13px; height: 13px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .btn a:hover, .focus .btn a.current { cursor: pointer; background: #fc114a; }
.focus .fPic { position: absolute; left: 0px; top: 0px; }
.focus .D1fBt { overflow: hidden; zoom: 1; height: 16px; z-index: 10; }
.focus .shadow { width: 750px; padding: 0 15px; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 48px; line-height: 48px; text-align: center; background: rgba(0, 0, 0, 0.5); overflow: hidden; }
.focus .shadow p { color: #fff; font-size: 18px; overflow: hidden; display: block; }
.focus .shadow a { color: #fff; font-size: 13px; }
.focus .fcon { position: relative; width: 100%; float: left; display: none; background: #000 }
.focus .fcon img { display: block; }
.focus .fbg { bottom: 52px; right: 310px; position: absolute; transform: translateX(-50%); height: 21px; text-align: center; z-index: 200; }
.focus .fbg div { margin: 4px auto 0; overflow: hidden; zoom: 1; height: 14px }
.focus .D1fBt a { position: relative; display: inline; width: 10px; height: 10px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #D9D9D9; }
.focus .D1fBt .current, .focus .D1fBt a:hover { background: #f46651; }
.focus .D1fBt img { display: none }
.focus .D1fBt i { display: none; font-style: normal; }
.focus .prev, .focus .next { position: absolute; width: 40px; height: 74px; background: url(../images/focus_btn.png) no-repeat; }
.focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 0; cursor: pointer; }
.focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px 0; cursor: pointer; }
.focus .prev:hover { background-position: 0 -74px; }
.focus .next:hover { background-position: -40px -74px; }

/*幻灯2*/
.banner02 { margin-top: 10px; }
.banner02 .b-slide { height: 286px; position: relative; width: 514px }
.banner02 .b-slide .bd ul { height: 286px; overflow: hidden; width: 514px; overflow: hidden }
.banner02 .b-slide .bd ul li { float: left; margin-right: 12px; text-align: center; width: 514px; position: relative; }
.banner02 .b-slide .bd ul li a img { height: 286px; width: 514px; }
.banner02 .b-slide .bd ul li a { background: #fff; display: block; width: 514px; }
.banner02 .b-slide .bd ul li a span { position: absolute; bottom: 0px; left: 0; height: 38px; font-size: 14px; line-height: 38px; color: #fff; text-align: center; width: 100%; padding: 0 20px; background: rgba(0, 0, 0, 0.5); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.banner02 .b-slide .bd ul li a:hover { color: #ef2851; }
.banner02 .b-slide .hd { bottom: 34px; right: 166px; transform: translateX(-50%); position: absolute; text-align: center; width: 90px; z-index: 9; }
.banner02 .b-slide .hd ul li { background: #999; border-radius: 100%; display: inline-block; height: 8px; margin: 0 5px; text-indent: -9999px; width: 8px; }
.banner02 .b-slide .hd ul li.on { background: #ee4b4b; display: inline-block; height: 8px; width: 8px; }
.banner02 .b-slide .arrow a { cursor: pointer; display: block; height: 70px; width: 40px; }
.banner02 .prev, .banner02 .next { position: absolute; width: 40px; height: 74px; background: url(../images/focus_btn.png) no-repeat; }
.banner02 .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 0; cursor: pointer; }
.banner02 .next { top: 50%; margin-top: -37px; right: 0; cursor: pointer; background-position: -40px 0; }
.banner02 .prev:hover { background-position: 0 -74px; }
.banner02 .next:hover { background-position: -40px -74px; }

/*通用section*/
.section>.hd { height: 60px; line-height: 60px; border: 1px solid #e5e5e5; padding-left: 16px; background: #f1f1f1; }
.section .lab { float: right; }
.section .lab ul { height: 60px; font-size: 0; }
.section .lab li { display: inline-block; position: relative; font-size: 14px; }
.section .lab li a { color: #999; display: inline-block; padding-left: 18px; overflow: hidden; width: 80px; height: 60px; }
.section .lab li a:hover { color: #ef2851; }
.section .lab li:not(:last-child):before { content: ''; position: absolute; top: 23px; right: 0px; height: 14px; width: 1px; background: #999; }
.section>.hd .btn { width: 72px; color: #999; text-align: center; border: 2px solid #fff; float: right; padding: 1px 0; margin: 17px 16px 0 -2px; line-height: normal; }
.section>.hd .btn:hover { color: #ef2851; }
.section>.hd .btn:hover .ico-arrow { background-position: -37px -4px; height: 14px; width: 10px; }
.section .ico-circle { float: left; margin-top: 22px; margin-right: 10px; }
.section h3 { font-size: 22px; color: #333; display: inline-block; float: left; }
.pic-sd-box { font-size: 0; }
.pic-sd-box li img { width: 100%; height: 100%; }
.pic-sd-box li { display: inline-block; position: relative; margin-top: 8px; margin-left: 8px; }
.pic-sd-box li p { position: absolute; bottom: 0px; height: 38px; font-size: 14px; line-height: 38px; color: #fff; text-align: center; background: rgba(0, 0, 0, 0.5); width: 100%; padding: 0 20px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pic-sd-box li:hover p { color: #ef2851; }
.lab-list label { font-size: 16px; }
.lab-list ul { font-size: 0; display: inline-block; }
.lab-list li { display: inline-block; font-size: 16px; margin-top: 14px; margin-left: 10px; height: 28px; line-height: 28px; border-radius: 14px; }
.lab-list li a { display: block; padding: 0 22px; border-radius: 14px; border: 1px solid #d2d2d2; }
.lab-list li a:hover { background: #f55072; color: #fff; border-radius: 14px; border: 1px solid #f55072; }

/*home*/
.banner { margin-bottom: 30px; }
.banner-r { width: 408px; }
.banner-r { margin-top: 20px; }
.hot-tag { margin-bottom: 30px; }
.hot-tag .bd { border: 1px solid #e5e5e5; border-top: 0; padding: 12px 15px 18px; }
.hot-tag .bd ul { font-size: 0; }
.hot-tag .bd li { margin-left: 4px; display: inline-block; margin-top: 6px; font-size: 16px; background: #f8f8f8; text-align: center; height: 38px; line-height: 38px; width: 142px; overflow: hidden; }
.hot-tag .bd li a { display: block; }
.hot-tag .bd li:hover { background: #f55072; }
.hot-tag .bd li:hover a { color: #fff; }
.hot-tag .bottom ul { margin-left: -10px; }
.hot-tag .bottom li { margin-left: 10px; height: 176px; width: calc(100% / 5 - 10px); }
.pic-h5 { margin-bottom: 30px; }
.pic-h5 .bd ul { font-size: 0; margin-left: -10px; }
.pic-h5 .bd li { font-size: 14px; color: #fff; width: calc(100% / 5 - 10px); margin: 10px 0px 0px 10px; height: 288px; }
.pic-w4 { margin-bottom: 49px; }
.pic-w4 .bd ul { font-size: 0; margin-left: -10px; }
.pic-w4 .bd li { font-size: 14px; color: #fff; width: calc(100% / 4 - 10px); margin: 10px 0px 0px 10px; height: 210px; }
.pic-w4c .bd { padding: 4px 20px 30px 7px; border: 1px solid #e5e5e5; }
.pic-w4c li { font-size: 14px; color: #fff; width: 279px; margin: 9px 0px 0px 13px; height: 210px; }
.scenery { margin-bottom: 30px; }
.scenery .focus { height: 286px; width: 514px; margin-top: 20px; }
.scenery .focus .shadow { width: 484px; }
.scenery .banner-r { width: 674px; margin-top: 0px; }
.scenery .banner-r li { margin-left: 10px; }
.scenery .banner-r li { margin-top: 10px; }
.scenery .tag { padding: 2px 8px 8px 2px; margin-top: 6px; border: 1px solid #e5e5e5; }
.scenery .tag ul { font-size: 0 }
.scenery .tag li { margin-left: 6px; display: inline-block; margin-top: 6px; font-size: 14px; background: #f8f8f8; text-align: center; height: 36px; line-height: 36px; width: 94px; overflow: hidden; }
.scenery .tag li a { display: block; }
.scenery .tag li:hover { background: #f55072; }
.scenery .tag li:hover a { color: #fff; }
.car { margin-bottom: 30px; }
.car .bd { border: 1px solid #e5e5e5; border-top: 0; padding-bottom: 24px; }
.car .bd ul { font-size: 0; }
.car .bd li { font-size: 14px; display: inline-block; width: calc(100% / 16); text-align: center; margin-top: 24px; }
.car .bd li img { width: 52px; height: 42px; margin-bottom: 12px }
.car .bd li p { width: 100%; overflow: hidden; height: 19px; }
.car .bottom ul { margin-left: -9px; }
.car .bottom li { margin-left: 10px; margin-top: 10px; }
.about-tag { position: relative; margin-bottom: 30px; }
.about-tag .hd { position: absolute; color: #fff; top: 19px; left: 0px; font-size: 18px; width: 120px; height: 42px; line-height: 42px; padding-left: 18px; background: url(../images/tag-bg.png) no-repeat; }
.about-tag h3 { font-size: 18px; }
.about-tag .bd { padding: 10px 14px 30px 4px; border: 1px solid #e5e5e5; }
.about-tag ul { font-size: 0; }
.about-tag li:first-child { margin-left: 126px; }
.about-tag li { display: inline-block; font-size: 16px; margin-top: 20px; margin-left: 10px; height: 28px; line-height: 28px; border-radius: 14px; }
.about-tag li a { display: block; padding: 0 22px; border-radius: 14px; border: 1px solid #d2d2d2; }
.about-tag li a:hover { background: #f55072; color: #fff; border-radius: 14px; border: 1px solid #f55072; }
.friendly { margin-bottom: 100px; }
.friendly .bd { padding-bottom: 30px; padding-top: 4px; border: 1px solid #e5e5e5; border-top: 0; }
.friendly li { margin-left: 22px; margin-top: 12px; margin-right: 2px; display: inline-block; font-size: 16px; }

.indexTj{margin-bottom:30px;}
.indexTj .bd{padding-bottom:30px;padding-top:4px;border:1px solid #e5e5e5;border-top:0;}
.indexTj li{margin-left:22px;margin-top:12px;margin-right:2px;display:inline-block;font-size:14px;width:208px;height:19px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

/*搜索*/
.search-title { margin-bottom: 10px; }
.search-title .hd { height: auto; }
.search-title h1 { font-size: 22px; }
.search-title h1 span { color: #f55072; }
.fr .lc .tag-box ul { font-size: 0; height: 340px; overflow: hidden; margin-left: -6px; margin-top: 8px; }
.fr .lc .tag-box li { display: inline-block; font-size: 15px; margin-top: 14px; margin-left: 6px; height: 28px; line-height: 28px; border-radius: 14px; }
.fr .lc .tag-box li a { display: block; padding: 0 13px; border-radius: 14px; border: 1px solid #d2d2d2; }
.fr .lc .tag-box li a:hover { background: #f55072; color: #fff; border-radius: 14px; border: 1px solid #f55072; }

/*图片内页*/
.img-dt { border: 1px solid #e5e5e5; padding-top: 36px; margin-bottom: 30px; }
.img-dt .hd { text-align: center; }
.img-dt .hd h1 { font-size: 28px; font-weight: normal; margin-bottom: 10px; text-align: center; }
.img-dt .hd span { color: #999; margin-top: 16px; margin-right: 24px; }
.img-dt .hd span a { color: #999; }
.img-dt .hd a { color: #666; }
.img-dt .hd a:hover { color: #cb2925; }
.img-dt .hd em { color: #999; margin-right: 24px; }
.img-dt .bd .img-top { width: 1200px; height: auto; overflow: hidden; font-size: 0; }
.img-dt .bd .activeimg { height: 660px; margin-top: 14px; position: relative; overflow: hidden; }
.img-dt .bd .activeimg img { width: 1200px; height: 660px; }
.img-dt .bd .scroll { height: 98px; width: 1200px; overflow: hidden; }
.img-dt .bd .scroll li { width: 140px; height: 88px; float: left; margin: 10px 10px 0 0; }
.img-dt .bd .scroll div { width: 140px; height: 88px; float: left; margin: 10px 10px 0 0; background: #f4f4f4; }
.img-dt .bd .scroll li img { width: 100%; height: 100%; }
.img-dt .bd .scroll div label { text-align: center; height: 36px; display: block; padding: 25px 10px; }
.img-dt .tag { margin-top: 18px; margin-bottom: 8px; }
.img-dt .tag ul { display: inline-block; }
.img-dt .tag li { display: inline-block; height: 22px; margin-right: 14px; padding: 0 6px; background: #7d7d7d; color: #fff; line-height: 22px; border-radius: 11px; }
.img-dt .tag li:hover { background: #cc2826; }
.img-dt .tag li a { color: #fff; }
.img-dt p { line-height: 26px; font-size: 16px; padding: 0 50px; margin-top: 50px; }
.img-dt .lab-list { padding: 0 50px; margin-top: 8px; margin-bottom: 40px; }
.show-page { position: relative; overflow: hidden; width: 1200px; text-align: center; height: 850px }
.show-page.hauto { height: auto; margin-top: 14px; }
.show-page .bigPic { position: relative; text-align: center; vertical-align: middle; width: 1180px !important; height: auto !important }
.show-page .bigPic li { width: 1180px; height: auto; margin: 0 10px; position: relative; }
.show-page .bigPic li a.img { width: 1180px; height: auto; display: table-cell; vertical-align: middle; text-align: center }
.show-page .bigPic li h4 { padding: 0 80px 0 120px; margin-top: 0px; height: 50px; overflow: hidden; text-align: left; font-size: 14px; color: #666 }
.show-page .bigPic li img {     vertical-align: middle; height: 600px; max-width: 1024px; }
.show-page .smallPic { width: 708px; float: left }
.show-page .smallPic ul { width: 9999px }
.show-page .smallPic li { display: inline-block; margin: 0 5px; vertical-align: middle; text-align: center; display: table-cell; float: left }
.show-page .smallPic li a { width: 108px; height: 108px; display: table-cell; vertical-align: middle; text-align: center }
.show-page .smallPic img { max-height: 100px; max-width: 100px; border: 4px solid #f7f7f7 }
.show-page .smallPic .on img { border-color: #ccc }
.show-page .smallScroll { width: 806px; height: 100px; margin: 0 198px; }
.show-page .smallScroll .sPrev, .show-page .smallScroll .sNext { display: block; float: left; margin: 35px 10px 0; width: 28px; height: 38px; background: url(../images/s-arrow.png) no-repeat; text-indent: -9999px; }
.show-page .smallScroll .sNext { background-position: right top }
.show-page .pageState { position: absolute; bottom: 160px; left: 30px; font-size: 18px; color: #999 }
.show-page .pageState span { font-size: 36px; color: #f55072 }
.show-page .nextP a, .show-page .prevP a { width: 100px; height: 100px; padding: 0 6px 6px 0; background: url(../images/np.gif) no-repeat; display: table-cell; vertical-align: middle; text-align: center }
.show-page .prevP { bottom: 8px; left: 30px }
.show-page .nextP { bottom: 8px; right: 30px }
.show-page .np a img { max-width: 100px; max-height: 100px; vertical-align: middle }
.show-page .nextP, .show-page .prevP { display: table-cell; vertical-align: middle; text-align: center; width: 106px; height: 146px; position: absolute; text-align: center; bottom: -8px; }
.show-page .nextP:hover, .show-page .prevP:hover { color: #f55072 }
.show-page .prevs, .show-page .nexts { width: 41px; height: 73px; display: block; position: absolute; top: 50%; margin-top: -65px; background: url(../images/show-arrow.png) no-repeat; display: none }
.show-page:hover .prevs, .show-page:hover .nexts { display: block }
.show-page .prevs { left: -10px }
.show-page .nexts { right: -8px; background-position: -41px -0; }
.show-page .prevs:hover, .show-page .nexts:hover { opacity: 0.5; filter: alpha(opacity=50) }
.pic-h6 .bd { padding: 4px 20px 30px 7px; border: 1px solid #e5e5e5; }
.pic-h6 li { font-size: 14px; color: #fff; width: 182px; margin: 9px 0px 0px 13px; height: 270px; }
.you-like { margin-top: 28px; margin-bottom: 30px; }
.you-like .list-a { border: 1px solid #e5e5e5; border-top: 0; padding: 8px 19px 30px; }
.you-like .list-a  .pic-sd-box ul { font-size: 0; margin-left: -7px; margin-top: 2px; }
.you-like .list-a  .pic-sd-box li { height: 176px; width: 226px; margin-left: 7px; margin-top: 16px; }
.you-like .list-b { padding: 26px 20px 38px; border: 1px solid #e5e5e5; border-top: 0; }
.you-like .list-b .hd { border-bottom: 1px dashed #b5b5b5; padding-bottom: 18px; margin-bottom: 14px; font-size: 20px; text-align: center; }
.you-like .list-b .tag-list ul { font-size: 0; margin-left: -4px; }
.you-like .list-b .tag-list li { margin-left: 4px; display: inline-block; margin-top: 6px; font-size: 16px; background: #eee; text-align: center; height: 38px; line-height: 38px; width: 142px; overflow: hidden; }
.you-like .list-b .tag-list li a { display: block; }
.you-like .list-b .tag-list li:hover { background: #f55072; }
.you-like .list-b .tag-list li:hover a { color: #fff; }
.you-like .list-b .pic-h6 { margin-left: -13px; }
.you-like .list-b .pic-w4c { margin-left: -13px; }
.new-push { margin-bottom: 100px; }
.new-push .bd { padding-bottom: 48px; padding-top: 12px; border: 1px solid #e5e5e5; border-top: 0; }
.new-push li { margin-left: 22px; margin-top: 12px; margin-right: 2px; display: inline-block; font-size: 16px; }

/*栏目*/
.column { margin-bottom: 30px; }
.column .fl .banner02 { margin-top: 0 }
.column .fl .banner02 .b-slide { height: 344px; position: relative; width: 600px }
.column .fl .banner02 .b-slide .bd ul { height: 344px; overflow: hidden; width: 600px; overflow: hidden }
.column .fl .banner02 .b-slide .bd ul li { float: left; margin-right: 12px; text-align: center; width: 600px; position: relative; }
.column .fl .banner02 .b-slide .bd ul li a img { height: 344px; width: 600px; }
.column .fl .banner02 .b-slide .bd ul li a { background: #fff; display: block; width: 600px; }
.column .fl .banner02 .b-slide .bd ul li a span { position: absolute; bottom: 0px; left: 0; height: 48px; font-size: 16px; line-height: 48px; color: #fff; text-align: center; width: 100%; padding: 0 20px; background: rgba(0, 0, 0, 0.5); overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.column .fl .banner02 .b-slide .bd ul li a:hover { color: #ef2851; }
.column .fl .banner02 .b-slide .hd { bottom: 44px; right: 209px; transform: translateX(-50%); position: absolute; text-align: center; width: 90px; z-index: 9; }
.column .fl { }
.column .fr { width: 570px; }
.column .fr .message { /*margin-top: 4px;*/ border-bottom: 1px dashed #b5b5b5; padding-bottom: 18px; }
.column .fr .message h2 { color: #f55072; font-size: 24px; }
.column .fr .message p { font-size: 16px; color: #888; margin-top: 6px; line-height: 28px; max-height: 84px; overflow: hidden; }
.column .fr .hot-pic { margin-top: 12px; }
.column .fr .hot-pic h3 { font-size: 24px; margin-bottom: 4px; }
.column .fr .hot-pic ul { font-size: 0 }
.column .fr .hot-pic li { font-size: 15px; display: inline-block; margin-top: 7px; margin-left: 9px; height: 20px; }
.column .fr .hot-pic li em { height: 18px; line-height: 18px; width: 18px; text-align: center; background: #bfbfbf; color: #fff; overflow: hidden; display: inline-block; margin-right: 10px; }
.column .fr .hot-pic .fl li:nth-child(1) em { background: #f55072 }
.column .fr .hot-pic .fl li:nth-child(2) em { background: #fc7204 }
.column .fr .hot-pic .fl li:nth-child(3) em { background: #fdbc02 }
.column .fr .hot-pic .fl, .column .fr .hot-pic .fr { width: 285px; }
.column .fr .hot-pic li p { color: #888; width: 248px; display: inline-block; overflow: hidden; height: 19px; }
.column .fr .hot-pic li:hover p { color: #f55072; }
.catlist ul { font-size: 0;    max-height: 78px;
    overflow: hidden; }
.catlist li { display: inline-block; font-size: 16px; margin-top: 9px; margin-left: 10px; height: 30px; line-height: 28px; border-radius: 14px; }
.catlist li a { display: block; padding: 0 22px; border-radius: 14px; border: 1px solid #d2d2d2; color: #888; }
.catlist li a:hover { background: #f55072; color: #fff; border-radius: 14px; border: 1px solid #f55072; }

/*标签页*/
.tagImg-box { border: 1px solid #e5e5e5; margin-bottom: 30px; border-bottom: 0; position: relative; }
.tagImg-box:after { content: ''; height: 1px; width: 1200px; position: absolute; bottom: 0px; left: 0; background: #eee; }
.tagImg-box:last-child { margin-bottom: 100px; }
.tagImg-box .section>.hd { border: none; border-bottom: 1px solid #e5e5e5; }
.tagImg-box .Img { padding-left: 8px; border-bottom: 1px dashed #dcdcdc; }
.tagImg-box .Img ul { overflow: hidden; font-size: 0; }
.tagImg-box .Img li { font-size: 14px; display: inline-block; width: 156px; margin-left: 12px; margin-top: 18px; }
.tagImg-box .Img li p { text-align: center; margin: 8px 0 14px; }
.tagImg-box .Img img { height: 128px; width: 156px; }
.tagImg-box .tag { width: 100% }
.tagImg-box .tag ul { font-size: 0; }
.tagImg-box .tag li { width: 10%; position: relative; display: inline-block; text-align: center; height: 52px; font-size: 16px; border-bottom: 1px dashed #dcdcdc; line-height: 52px; overflow: hidden; }
.tagImg-box .tag li a { display: block; }
.list-box { width: 900px; position: relative; }
.list-box .about { width: 174px; height: 304px; position: absolute; top: 0px; left: 0px; z-index: 1; background: #fff; border: 1px solid #e0e0e0; padding: 0 20px; }
.list-box .about .hd { height: 30px; line-height: 30px; margin-top: 33px; }
.list-box .about .hd i { margin-top: -6px; margin-right: 6px; }
.list-box .about h3 { display: inline-block; font-size: 18px; }
.list-box .about ul { font-size: 0; height: 204px; overflow: hidden; margin-left: -6px; }
.list-box .about li { display: inline-block; font-size: 16px; margin-top: 12px; margin-left: 6px; height: 28px; line-height: 28px; border-radius: 14px; }
.list-box .about li a { display: block; padding: 0 13px; border-radius: 14px; border: 1px solid #d2d2d2; }
.list-box .about li a:hover { background: #f55072; color: #fff; border-radius: 14px; border: 1px solid #f55072; }
.list-box .blank_box { width: 216px; height: 306px; }
.list-box .list ul { font-size: 0; margin-top: -8px; margin-left: -12px; }
.list-box .pic-sd-box li { margin-left: 12px; }
.list-box img { width: 100%; height: 100%; }
.fr .lc { width: 285px; border: 1px solid #e0e0e0; margin-bottom: 14px; }
.fr .hd { padding: 16px 14px 0 }
.fr .bd { padding: 0 20px 30px }
.fr .lc .ico-circle { float: left; margin-top: 6px; margin-right: 10px; }
.fr .lc h3 { font-size: 22px; color: #333; display: inline-block; float: left; }
.fr .lc .no-box ul { padding-top: 7px; }
.fr .lc .no-box li { margin-top: 10px; font-size: 15px; }
.fr .lc .no-box li em { height: 18px; line-height: 18px; width: 18px; text-align: center; background: #bfbfbf; color: #fff; overflow: hidden; display: inline-block; margin-right: 10px; }
.fr .lc .no-box li:nth-child(1) em { background: #f55072 }
.fr .lc .no-box li:nth-child(2) em { background: #fc7204 }
.fr .lc .no-box li:nth-child(3) em { background: #fdbc02 }
.fr .lc .no-box li p { font-size: 15px; text-align: left; width: 217px; display: inline-block; overflow: hidden; height: 18px; }
.fr .lc .no-box .top { color: #fff; background: #bebebe; font-size: 13px; height: 18px; width: 18px; line-height: 18px; display: inline-block; text-align: center; margin-right: 10px; }
.fr .lc .gyl-box ul { padding-top: 6px; }
.fr .lc .gyl-box li { margin-top: 12px; font-size: 15px; position: relative; padding-left: 14px; height: 20px; width: 98%; overflow: hidden; }
.fr .lc .gyl-box li:before { content: ''; width: 4px; height: 4px; position: absolute; top: 8px; left: 0px; background: #f55072; display: inline-block; vertical-align: middle; border-radius: 50%; }

/*专题*/
.special .fl { width: 196px; padding: 4px 10px 10px; border: 1px solid #e5e5e5; }
.special .fl .title { font-size: 18px; text-align: right; height: 52px; line-height: 52px; overflow: hidden; margin-top: 6px; background: #f1f1f1; }
.special .fl .title.current { background: #f55072; color: #fff; }
.special .fl .title.current .spe-arrow { background-position: -4px -28px; height: 24px; }
/*.special .fl .title:hover { background: #f55072; color: #fff; }
.special .fl .title:hover .spe-arrow { background-position: -4px -28px; height: 24px; }*/
.special .fl .title span { float: left;
    padding-left: 14px;
    max-width: 144px;
    overflow: hidden;
    display: inline-block; }
.special .fl .title .spe-arrow { background-position: -26px -28px; height: 24px; padding-right: 12px; }
.special .fr { width: 970px; border: 1px solid #e5e5e5; border-bottom: none; position: relative; }
.special .fr ul { font-size: 0; }
.special .fr li { width: calc(25% - 20px); padding-left: 20px; position: relative; display: inline-block; height: 52px; font-size: 16px; border-bottom: 1px dashed #dcdcdc; line-height: 52px; overflow: hidden; }
.special .fr:after { content: ''; height: 1px; width: 970px; position: absolute; bottom: 0px; left: 0; background: #eee; }
.special .fr .normal {display: none;}

/*专题内页、标签内页*/
.tag-dt { border: 1px solid #e0e0e0; padding: 18px 30px 10px 16px; border-bottom: 0; }
.tag-dt .fl img { width: 358px; height: 232px; }
.tag-dt .fl>p { font-size: 16px; color: #888; margin-top: 4px; text-align: center; }
.tag-dt .fr { width: 768px; }
.tag-dt .fr .message { margin-top: 8px; border-bottom: 1px dashed #b5b5b5; padding-bottom: 15px; font-size: 16px; color: #888; line-height: 30px; max-height: 83px; overflow: hidden; }
.tag-dt .fr .message h2 { color: #f55072; font-size: 24px; display: inline-block; margin-right: 26px; }
.tag-dt .fr .hot-pic { margin-top: 18px; }
.tag-dt .fr .hot-pic h3 { font-size: 24px; margin-bottom: 9px; }
.tag-dt .fr .hot-pic ul { font-size: 0 }
.tag-dt .fr .hot-pic li { font-size: 14px; display: inline-block; margin-top: 9px; margin-left: 9px; }
.tag-dt .fr .hot-pic li em { height: 18px; line-height: 18px; width: 18px; text-align: center; background: #bfbfbf; color: #fff; overflow: hidden; display: inline-block; margin-right: 10px; }
.tag-dt .fr .hot-pic .fl:first-child li:nth-child(1) em { background: #f55072 }
.tag-dt .fr .hot-pic .fl:first-child li:nth-child(2) em { background: #fc7204 }
.tag-dt .fr .hot-pic .fl:first-child li:nth-child(3) em { background: #fdbc02 }
.tag-dt .fr .hot-pic .fl, .tag-dt .fr .hot-pic .fr { width: 256px; }
.tag-dt .fr .hot-pic li p { color: #888; font-size: 15px; text-align: left; width: 219px; display: inline-block; overflow: hidden; height: 19px; }
.tag-dt .fr .hot-pic li:hover p { color: #f55072; }
.tag-hot { padding: 16px; border: 1px solid #e0e0e0; margin-bottom: 32px; }
.tag-hot a { display: block; }
.tag-hot .fl img { height: 360px; width: 588px; }
.tag-hot .fr { width: 571px; padding-left: 7px; }
.tag-hot .fr .pic ul { font-size: 0; }
.tag-hot .fr .pic li { display: inline-block; margin-bottom: 9px; }
.tag-hot .fr .pic li:first-child { margin-right: 11px; }
.tag-hot .fr .pic img { height: 180px; width: 280px; }
.tag-hot .hot ul { font-size: 0; }
.tag-hot .hot li { font-size: 18px; width: 142px; height: 84px; display: inline-block; line-height: 84px; text-align: center; margin-left: 1px; margin-top: 1px; }
.tag-hot .hot li a { display: block; }
.tag-hot .hot li:nth-child(4n-3) { margin-left: 0; }
.tag-hot .hot li:first-child { font-size: 20px; font-weight: bold; color: #fff; background: #f66180; }
.tag-hot .hot li:nth-child(2) { background: #fbebef; }
.tag-hot .hot li:nth-child(3) { background: #ffebce; }
.tag-hot .hot li:nth-child(4) { background: #ccebfd }
.tag-hot .hot li:nth-child(5) { background: #ffeefd; }
.tag-hot .hot li:nth-child(6) { background: #f2fee5; }
.tag-hot .hot li:nth-child(7) { background: #ffe3e5; }
.tag-hot .hot li:nth-child(8) { background: #eafdf5; }

/*分页*/
.page { padding-top: 30px; height: 58px; text-align: center; background: #fff; }
.page ul { position: relative; left: 50%; float: left; }
.page li { position: relative; right: 50%; float: left; }
.page a { padding: 6px 11px; margin: 2px; color: #666; border-radius: 2px; border: 1px solid #e5e5e5; background-color: #f5f5f5 }
.page a:hover, .page a:active { color: #54b1f3; border-color: #54b1f3; background-color: #fff }
.page span { padding: 6px 11px; margin: 2px; border-radius: 2px; }
.page span.on { color: #fff; border: solid 1px #54b1f3; background-color: #cc2826; }
.page span.disabled { color: #ccc; border: solid 1px #f5f5f5 }
#pagination { margin: 20px 0; height: 38px; }
.pagination > li { position: relative; right: 50%; float: left }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; border-radius: 4px; margin: 5px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 3; color: #f55072; border-color: #f55072; background-color: #fff }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; cursor: default; color: #fff; border: solid 1px #f55072; background-color: #f55072; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #a0a0a0; border: #ddd 1px solid; background-color: #fff; cursor: not-allowed; }
.pagination-sm > li > a, .pagination-sm > li > span { color: #666; border: #dcdcdc 1px solid; background-color: #f5f5f5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/*尾部*/
.fixed-bottom { position: fixed; bottom: 0; }
.foot-box { width: 100%; }
.footer { background: #4b4f55; padding-top: 60px; padding-bottom: 40px; width: 100%; }
.footer .logo-img { width: 219px; height: 69px; margin-right: 48px; margin-top: 62px; float: left; }
.footer .logo-img img { width: 100%; height: 100%; }
.footer .tag { padding: 0px 22px 0 52px; margin-top: -10px; width: 236px; float: left; border-left: 1px solid #616569; height: 208px; }
.footer .tag .tag-list { height: 94px; overflow: hidden; }
.footer .tag .tag-list:first-child { margin-bottom: 30px; margin-top: -10px; overflow: hidden; }
.footer .tag h3 a { color: #c9c9c9; }
.footer .tag h3 { margin-bottom: 4px; }
.footer .tag a, .footer .tag p { color: #999; }
.footer .tag a:hover { color: #cb2925; }
.footer .tag ul { font-size: 0; }
.footer .tag li { margin-top: 5px; font-size: 14px; display: inline-block; margin-right: 18px; }
.footer .tag p { line-height: 22px; }
.foot-box .bottom { font-size: 12px; color: #888; background: #000; height: 48px; line-height: 48px; text-align: center; }