html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul, li { list-style: none; }
a { text-decoration: none; cursor: pointer; }
input, select, textarea { margin: 0; padding: 0; font-size: 100%; font: inherit; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; outline: 0; box-shadow: none; }
html { word-wrap: break-word; word-break: break-all; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
html { font: 14px/1.5 "PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:focus, a:active, a:hover { outline: 0; }
a { color: #333; text-decoration: none; }
a:hover { color: #ef8200; text-decoration: none; transition: all 0.8s; -webkit-transition: all 0.8s; }
img { display: inline-block; border-radius: 3px; transition: all 0.8s; -webkit-transition: all 0.8s; behavior: url(../common/ie-css3.htc); }

.clearfix { zoom: 1; display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
.hidden { display: none; }
.bold { font-weight: bold; }
.clear { clear: both; }

/*header*/
.header .info { width: 1200px; height: 70px; margin: 0 auto; padding: 25px 0 0; background: #ffffff; box-sizing: border-box; }
.header .info .logo { float: left; line-height: 46px; margin-left: 10px; font-size: 30px; color: #ef8200; font-weight: bold; }
.header .info .logo img { height: 46px; margin-top: 2px; }
.header .info .logo span { display: inline-block; width: 220px; height: 46px; background: url(../common/logo.png) no-repeat; background-size: auto 42px; vertical-align: middle; }
.header .info .search { float: right; margin-top:6px; }
.header .info .search #select { float: left; width: 65px; height: 38px; color: #6f6f6f; cursor: pointer; position: relative; z-index: 3; background: #ffffff; border: 1px solid #ef8200; box-sizing: border-box; margin-right: -1px; }
.header .info .search #select span { display: block; padding: 0 9px; text-align: center; background-position: -8px -165px; font-size: 14px; line-height: 36px; color: #ef8200; }
.header .info .search #select span:after { content: ''; display: inline-block; width: 8px; height: 4px; margin: 0 0 3px 6px; background: url(../common/icon.png) no-repeat -110px -10px; }
.header .info .search #select span:hover:after { background-position: -110px -20px; }
.header .info .search #select ul { display: none; width: 65px; background: #fc697a; line-height: 28px; text-align: center; position: absolute; top: 36px; left: -1px; font-size: 12px; }
.header .info .search #select li { color: #ef8200; border-left: 1px solid #ef8200; border-right: 1px solid #ef8200; font-size: 14px; font-weight: normal; background: #ffffff; text-align: left; padding-left: 10px; }
.header .info .search #select li:hover { color: #fff; background: #ef8200; opacity: 0.8; }
.header .info .search #select li:last-child { border-bottom: 1px solid #ef8200; }
.header .info #form { float: left; height: 38px; }
.header .info #form .text { float: left; height: 38px; width: 218px; background: #fff; line-height: 36px; text-indent: 12px; font-size: 12px; color: #aaa; padding: 0; border: 1px solid #ef8200; box-sizing: border-box; text-indent: 1em; }
.header .info #form .text:focus { outline: none; }
.header .info #form .submit:focus { outline: none; }
.header .info #form .submit { width: 80px; height: 38px; padding: 0; float: left; color: #fff; cursor: pointer; border: 1px solid #ef8200; border-left: none; background: #ef8200; font-size: 14px; }

.header .info .crumb { float: left; margin-left: 15px; }
.header .info .crumb p { height: 16px; margin-top: 26px; line-height: 16px; padding-left: 10px; font-size: 12px; color: #a0a0a0; }
.header .info .crumb p span { height: 16px; line-height: 16px; color: #a0a0a0; }
.header .info .crumb p a { height: 16px; line-height: 16px; color: #a0a0a0; }

.header .midNav_bg { width: 100%; height: 40px; margin: 0 auto; margin-top: 30px; background: #178ff3; }
.header .midNav { width: 1200px; height: 40px; margin: 0 auto; background: #178ff3; }
.header .midNav li { /*width: 12.5%;*/ width: 11.11%; height: 40px; float: left; text-align: center; }
.header .midNav li a { display: block; width: 100%; height: 100%; font-size: 16px; color: #fff; line-height: 40px; text-decoration: none; }
.header .midNav li a:hover { background: #046de3; }
.header .midNav li .home { background: #046de3; }

.header .subnav_bg { display: none; width: 100%; margin: 0 auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #f8f8f8; }
.header .subnav { width: 1200px; height: 39px; margin: 0 auto; position: relative; background: #f8f8f8; overflow: hidden; }
.header .subnav dl { width: auto; float: left; margin-left: 10px; }
.header .subnav dt { display: block; width: 18px; height: 18px; float: left; margin-top: 8px; margin-right: 10px; background: url(../common/icon.png) no-repeat -10px -85px; }
.header .subnav dd { float: left; width: auto; height: 34px; padding: 0; }
.header .subnav dd a { position: relative; display: inline-block; margin: 0; font-size: 12px; color: #dfdfdf; height: 34px; line-height: 34px; overflow: hidden; text-align: center; width: auto; }
.header .subnav dd a span { position: relative; padding: 0 10px; color: #666666; border-right: 1px solid #ddd; }
.header .subnav dd a span.current { color: #ef8200; }
.header .subnav dd a:hover span { color: #ef8200; }
.header .subnav dd a:last-child span { border-right: 0px solid #ddd; }

.swiper { width: 100%; min-width:1200px; margin: 0 auto; }
.swiper .tempWrap { position: absolute; top: 0; left: 0; }
.swiper .con { overflow: hidden; position: relative; width:100%; height: 500px; margin: 0 auto; background-color: rgba(0, 0, 0, .8); }
.swiper  li { position: relative; width: 1200px; height: 500px; }
.swiper  li img { width: 100%; height: 100%; border-radius: 0px; } 
.swiper  li span { position: absolute; top:50%; left:0; width: 100%; height:166px; line-height: 166px; margin-top:-83px; padding:0 80px; font-size: 80px; color: #ffffff; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
.swiper  li span { background-color: rgba(0, 0, 0, 0.5); }
.swiper  li span a { color: #fff;  }
.swiper .dot { position: absolute; left: 50%; bottom: 15px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.swiper .dot span { float: left; width: 43px; height: 3px; margin: 0 8px; background: #fff; opacity: .5; }
.swiper .dot .on { height: 6px; opacity: 1; margin-top: -3px; }
.swiper .btn { position: absolute; display: block; top: 0; height: 500px; }
.swiper .btn .bg { position: absolute; background-color: transparent; width: 100%; height: 500px; }
.swiper .btn.left  { left: 0; }
.swiper .btn.right { right: 0; }
.swiper .btn .prev { right: -60px; position: absolute; cursor: pointer; width: 60px; height: 166px; background: rgba(255,255,255,.06); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; }
.swiper .btn .next { left: -60px; position: absolute; cursor: pointer; width: 60px; height: 166px; background: rgba(255,255,255,.06); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; }
.swiper .btn .prev:before { position: absolute; content: ""; width: 20px; height: 45px; background: url(../common/icon.png) -20px -325px no-repeat; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0.1; }
.swiper .btn .next:before { position: absolute; content: ""; width: 20px; height: 45px; background: url(../common/icon.png) -65px -325px no-repeat; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0.1; }

.swiper:hover .btn.left, .swiper:hover .btn.right { width: 60px; }
.swiper:hover .btn .prev, .swiper:hover .btn .next { background: rgba(255,255,255,.1); }
.swiper:hover .btn .prev:before, .swiper:hover .btn .next:before { opacity: 0.1; }
.swiper:hover .btn:hover .prev, .swiper:hover .btn:hover .next { background: rgba(255,255,255,.2); }
.swiper:hover .btn:hover .prev:before, .swiper:hover .btn:hover .next:before { opacity: 0.2; }

.f1 { display: none0; width: 100%; margin: 0 auto; }
.f1 .main { position: relative; float: left; width: 580px; height: 300px; margin-top: 20px; overflow: hidden; }
.f1 .main i { position: absolute; top: 30px; left: 30px; display: block; padding: 0 15px; color: #fff; line-height: 26px; font-size: 16px; background: #178ff3; }
.f1 .main .pic { position: absolute; width: 580px; height: 300px; }
.f1 .main .pic li { position: relative; width: 580px; height: 300px; float: left; }
.f1 .main .pic li a { display: block; width: 580px; height: 300px; overflow: hidden; border-radius: 3px; }
.f1 .main .pic li a img { width: 580px; height: 300px; border-radius: 3px; }
.f1 .main .pic li a img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f1 .main .pic li a p { width: 580px; height: 44px; line-height: 44px; font-size: 18px; text-align: center; background: url(../common/bg_h1.png) repeat; position: absolute; bottom: 0; left: 0; color: #fff; text-indent: 1em; border-radius: 0px 0px 3px 3px; }
.f1 .main .pic li a:hover p { opacity: 0.8; }
.f1 .main .dot { width: 100px; height: 10px; position: absolute; top: 20px; right: 0; }
.f1 .main .dot li { width: 8px; background: #fff; height: 8px; float: left; margin: 0 5px; border-radius: 50%; }
.f1 .main .dot .current { background: #178ff3; }
.f1 .side { float: right; width: 580px; height: 300px; margin-top: 20px; }
.f1 .side .a { position: relative; width: 100%; height: 160px; overflow: hidden; }
.f1 .side .a .tag { position: relative; display: inline-block; height: 20px; float: left; line-height: 20px; font-size: 14px; color: #fff; background: #ef8200; padding: 0 10px; margin-left: 0px; }
.f1 .side .a .tag:after { position: absolute; display: inline-block; width: 6px; height: 9px; background: url(../common/icon.png) no-repeat -55px -85px; top: 4px; right: -5px; content: ""; }
.f1 .side .a .top1 { display: inline-block; margin-left: 10px; }
.f1 .side .a .top1 h3 { line-height: 24px; font-size: 24px; color: #333; font-weight: normal; }
.f1 .side .a .top1 h3 a { line-height: 24px; font-size: 24px; color: #333; font-weight: normal; display: block; }
.f1 .side .a .top1 h3 a:hover { color: #ef8200; }
.f1 .side .a .text { width: 100%; padding: 12px 0; border-bottom: 1px solid #ddd; }
.f1 .side .a .text p { text-indent: 2em; font-size: 12px; color: #999; line-height: 20px; }
.f1 .side .a .text a { font-size: 12px; color: #178ff3; }
.f1 .side .a .text a:hover { color: #ef8200; }
.f1 .side .a ul { width: 100%; padding: 12px 0 16px; overflow: hidden; }
.f1 .side .a li { width: 50%; float: left; }
.f1 .side .a li i { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #666; line-height: 12px; vertical-align: middle; }
.f1 .side .a li a { display: inline-block; width: 260px; height: 21px; line-height: 21px; margin-left: 6px; font-size: 12px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.f1 .side .a li a:hover { color: #ef8200; }
.f1 .side .a li:nth-of-type(even) { padding-left: 10px; box-sizing: border-box; }
.f1 .side .b { margin-top: 0px; }
.f1 .side .b a { position: relative; display: inline-block; width: 270px; height: 140px; float: left; overflow: hidden; border-radius: 3px; }
.f1 .side .b a img { width: 100%; height: 140px; border-radius: 3px; }
.f1 .side .b a img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f1 .side .b a p { width: 100%; height: 44px; line-height: 44px; background: url(../common/bg_h1.png) repeat; position: absolute; bottom: 0; left: 0; color: #fff; font-size: 16px; text-align: center; }
.f1 .side .b .left { margin-right: 20px; }
.f1 .side .b a:hover p { opacity: 0.8; }

.f2 { width: 100%; margin: 0 auto; overflow: hidden; }
.f2 .main { width: 790px; float: left; margin-top: 20px; }
.f2 .main .title { position: relative; height: 44px; overflow: hidden; border-bottom: none; box-sizing: border-box; }
.f2 .main .title p { position: relative; float: left; height: 44px; padding-bottom: 12px; color: #222222; font-size: 24px; border-bottom: 1px solid #178ff3; box-sizing: border-box; cursor: pointer; z-index: 1; }
.f2 .main .title .more { float: right; color: #178ff3; font-size: 16px; text-decoration: none; line-height: 38px; }
.f2 .main .title .more:hover { color: #ef8200; text-decoration: underline; }
.f2 .main .title .more span { font-family: "simsun"; }
.f2 .main .title .line { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #dcdcdc; }
.f2 .main .a { padding: 26px 0 0; }
.f2 .main .a dl { position: relative; width: 790px; height: 218px; margin-bottom: 15px; border-bottom: 1px solid #dedede; }
.f2 .main .a dl:nth-of-type(0) { margin-bottom: 0; border-bottom: none; }
.f2 .main .a dt { position: relative; width: 272px; height: 204px; float: left; }
.f2 .main .a dt a { display: block; width: 100%; height: 100%; text-align: center; font-size: 12px; line-height: 26px; overflow: hidden; border-radius: 3px; }
.f2 .main .a dt a span { position: absolute; top: 10px; left: 10px; z-index: 1; display: none; width: 78px; height: 26px; color: #fff; background: #023762; }
.f2 .main .a dt a img { width: 100%; border-radius: 3px; }
.f2 .main .a dt a img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f2 .main .a dd { padding: 0 20px 0 295px; }
.f2 .main .a dd h3 { font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.f2 .main .a dd h3 a { color: #333; font-size: 20px; text-decoration: none; }
.f2 .main .a dd h3 a:hover { color: #ef8200; }
.f2 .main .a dd p { height: 96px; margin-top: 20px; color: #666; font-size: 16px; text-align: justify; line-height: 24px; overflow: hidden; text-indent: 2em; }
.f2 .main .a dd .info { position: absolute; bottom: 10px; right: 20px; font-size: 16px; color: #999; }
.f2 .main .a dd .info i { background: url(../common/icon.png) no-repeat; }
.f2 .main .a dd .writer { margin-right: 50px; float: left; }
.f2 .main .a dd .writer i { display: inline-block; width: 15px; height: 15px; margin: 0 4px; background-position: -60px -35px; vertical-align: middle; margin-top: -2px; }
.f2 .main .a dd .time { float: right; }
.f2 .main .a dd .time i { display: inline-block; width: 15px; height: 15px; margin: 0 4px; background-position: -135px -35px; vertical-align: middle; margin-top: -2px; }
.f2 .main .a dd .timeago { display: inline-block; }
.f2 .main .b { position: relative; width: 790px; height: 411px; overflow: hidden; border-radius: 3px; border: 1px solid #f6f6f6; }
.f2 .main .b img { width: 100%; height: 100%; border-radius: 3px; }
.f2 .main .b:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f2 .main .b .con { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); color: #fff; text-decoration: none; }
.f2 .main .b .con span { position: absolute; top: 30px; left: 30px; display: block; padding: 0 15px; color: #fff; line-height: 26px; font-size: 16px; background: #178ff3; }
.f2 .main .b .con h3 { position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; line-height: 65px; margin: 0; font-size: 28px; font-weight: normal; color: #fff; background: url(../common/bg_h1.png) repeat; padding: 0 10px; box-sizing: border-box; text-align: center; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.f2 .main .b .con:hover h3 { opacity: 0.8; }
.f2 .main .b .con p { margin: 30px; line-height: 28px; }
.f2 .side { width: 370px; float: right; margin-top: 10px; }
.f2 .side .title .change { float: right; margin-top: 5px; font-size: 16px; color: #cdcdcd; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.f2 .side .title .change:hover { color: #ef8200; text-decoration: none; }
.f2 .side .title .change i { display: inline-block; width: 16px; height: 16px; margin: 0 4px; background: url(../common/icon.png) no-repeat -285px -35px; vertical-align: middle; }
.f2 .side .a { margin-top: 26px; overflow: hidden; }
.f2 .side .a .txt { position: relative; float: left; overflow: hidden; width: 176px; height: 132px; margin-left: 14px; border-radius: 3px; border: 1px solid #f6f6f6; }
.f2 .side .a .txt:first-child { margin-left: 0; }
.f2 .side .a .txt a { position: relative; display: inline-block; width: 176px; height: 132px; overflow: hidden; }
.f2 .side .a .txt a p { width: 176px; height: 24px; background: url(../common/bg_h1.png) repeat; position: absolute; bottom: 0; left: 0; line-height: 24px; color: #fff; font-size: 12px; text-align: center; }
.f2 .side .a .txt a:hover p { opacity: 0.8; }
.f2 .side .a .txt a img { width: 176px; height: 132px; border-radius: 3px; }
.f2 .side .a .txt a img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f2 .side .b { width: 100%; height: 247px; margin: 15px 0; padding: 0; box-sizing: border-box; overflow: hidden; }
.f2 .side .b li { position: relative; height: 36px; line-height: 36px; margin-bottom: 0; overflow: hidden; }
.f2 .side .b li i { display: inline-block; width: 8px; height: 8px; background: url(../common/icon.png) no-repeat -385px -10px; }
.f2 .side .b li a { display: inline-block; float: right; overflow: hidden; width: 360px; line-height: 36px; color: #666; font-size: 14px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; }
.f2 .side .b li a:hover { color: #ef8200; }
.f2 .side .c { padding-top: 13px; }
.f2 .side .c a { position: relative; display: block; width: 366px; height: 183px; overflow: hidden; border-radius: 3px; border: 1px solid #f6f6f6; }
.f2 .side .c a img { width: 100%; height: 100%; border-radius: 3px; }
.f2 .side .c a img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f2 .side .c a span { position: absolute; bottom: 0; display: block; width: 100%; height: 44px; line-height: 44px; padding: 0 10px 0; background: url(../common/bg_h1.png) repeat; color: #fff; font-size: 18px; text-align: center; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.f2 .side .c a:hover span { opacity: 0.8; }
.f2 .side .c .line { display: block; width: 366px; height: 1px; background: #dcdcdc; margin: 21px 0 21px 0; }
.f2 .side .c .first:hover span { color: #ef8200; text-decoration: underline; }
.f2 .side .c .sec:hover span { color: #ef8200; text-decoration: underline; }

.f3 { width: 100%; margin: 20px auto 0; padding-bottom: 10px; }
.f3 .title { position: relative; height: 44px; overflow: hidden; border-bottom: none; box-sizing: border-box; }
.f3 .title p { position: relative; float: left; height: 44px; padding-bottom: 12px; color: #222222; font-size: 24px; border-bottom: 1px solid #178ff3; box-sizing: border-box; cursor: pointer; z-index: 1; }
.f3 .title .more { float: right; color: #178ff3; font-size: 16px; text-decoration: none; line-height: 38px; }
.f3 .title .more:hover { color: #ef8200; text-decoration: underline; }
.f3 .title .more span { font-family: "simsun"; }
.f3 .title .line { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #dcdcdc; }
.f3 .con { border-top: none; padding-top: 26px; overflow: hidden; }
.f3 .con .left { width: 600px; height: 386px; float: left; }
.f3 .con .left:hover span { opacity: 0.8; }
.f3 .con .left a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; border-radius: 3px; border: 1px solid #f6f6f6; }
.f3 .con .left a img { width: 100%; height: 444px; border-radius: 3px; }
.f3 .con .left a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f3 .con .left a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; padding:0 10px 0 10px; font-size: 24px; line-height: 65px; text-align: center; color: #fff; background: url(../common/bg_h1.png) repeat; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.f3 .con .right { width: 570px; float: right; }
.f3 .con .right a { position: relative; height: 188px; display: block; float: left; overflow: hidden; border-radius: 3px; }
.f3 .con .right a img { width: 278px; height: 218px; border-radius: 3px; }
.f3 .con .right a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; padding:0 10px 0 10px; font-size: 14px; line-height: 36px; text-align: center; color: #fff; background: url(../common/bg_h1.png) repeat; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.f3 .con .right a:hover span { opacity: 0.8; }
.f3 .con .right a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.f3 .con .right .a { margin: 0 10px 0 0; border: 1px solid #f6f6f6; }
.f3 .con .right .b { margin: 0 0 0 0; border: 1px solid #f6f6f6;}
.f3 .con .right .c { margin: 10px 10px 0 0; border: 1px solid #f6f6f6;}
.f3 .con .right .d { margin: 10px 0 0 0; border: 1px solid #f6f6f6;}

.tips { width: 790px; float: left; }
.tips .nav { position: relative; width: 100%; height: 53px; display:none0; }
.tips .nav .content { height: 53px; float: left; text-align: center; border-bottom: 1px solid #dcdcdc; }
.tips .nav .content .tit { font-size: 22px; height: 53px; line-height: 53px; }
.tips .nav .content .tit .bg { position: absolute; display: block; z-index: -1; top: 0; left: 0; width: 790px; height: 53px; border-bottom: 1px solid #dcdcdc; background: #fff; }
.tips .nav .content .fixed { position: fixed; z-index: 2; top: 0; width: 790px; /*width: 263px; width: 395px;*/ height: 53px; line-height: 53px; font-size: 22px; background: #fff }
.tips .nav .content .fixed:hover { border-bottom: 1px solid #178ff3; }
.tips .nav .content.current { border-bottom: 1px solid #178ff3; }
.tips .nav .content.current a { display: block; width: 100%; color: #178ff3; height: 100%; border-bottom: 1px solid #178ff3; }
.tips .list .content { width: 790px; height: auto; display: none; }
.tips .list .show { display: block; }
.tips .list { position: static; display: block; left: 0; width: 100%; padding: 26px 0; background: #fff; }
.tips .list dl { position: relative; width: 790px; height: 218px; margin-bottom: 15px; border-bottom: 1px solid #dedede; }
.tips .list dl:nth-of-type(4) { border-bottom: none; }
.tips .list dl:last-of-type { border-bottom: none; }
.tips .list dt { position: relative; width: 272px; height: 204px; float: left; }
.tips .list dt a { display: block; width: 100%; height: 100%; text-align: center; font-size: 12px; line-height: 26px; overflow: hidden; border-radius: 3px; }
.tips .list dt a img { width: 100%; border-radius: 3px; }
.tips .list dt a span { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url(../common/bg_h1.png) repeat; text-align: center; }
.tips .list dt a span .player { width: 68px; height: 68px; border-radius: 50%; margin-top: 65px; }
.tips .list dt a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.tips .list dt a:hover .player { transform: scale(1); }
.tips .list dd { padding: 0 20px 0 295px; }
.tips .list dd h3 { text-align: justify; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.tips .list dd h3 a { font-size: 20px; text-decoration: none; }
.tips .list dd h3 a:hover { color: #ef8200; }
.tips .list dd p { height: 96px; margin-top: 20px; color: #666; font-size: 16px; text-align: justify; line-height: 24px; overflow: hidden; text-indent: 2em; }
.tips .list dd .info { position: absolute; bottom: 10px; right: 20px; font-size: 16px; color: #999; }
.tips .list dd .info i { background: url(../common/icon.png) no-repeat; }
.tips .list dd .writer { margin-right: 50px; float: left; }
.tips .list dd .writer i { display: inline-block; width: 15px; height: 15px; margin: 0 4px; background-position: -60px -35px; vertical-align: middle; margin-top: -2px; }
.tips .list dd .time { float: right; }
.tips .list dd .time i { display: inline-block; width: 15px; height: 15px; margin: 0 4px; background-position: -135px -35px; vertical-align: middle; margin-top: -2px; }
.tips .list dd .timeago { display: inline-block; }
.tips .list .insert { display: block; width: 100%; height: 315px; margin-bottom: 30px; color: #333; }
.tips .list .insert .left { position: relative; width: 400px; height: 315px; float: left; overflow: hidden; border-radius: 3px; }
.tips .list .insert .left h3 { position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; font-size: 18px; line-height: 40px; text-align: center; color: #fff; background: url(../common/bg_h1.png) repeat; font-weight: normal; }
.tips .list .insert .left img { width: 100%; height: 100%; border-radius: 3px; }
.tips .list .insert .left img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.tips .list .insert .right { position: relative; width: 390px; height: 314px; padding: 0 15px; float: right; box-sizing: border-box; background: #f4f4f4; }
.tips .list .insert .right h3 { padding: 15px 0; font-size: 20px; text-align: justify; font-weight: normal; word-break: break-all; }
.tips .list .insert .right h3:hover { color: #ef8200; transition: all 0.8s; -webkit-transition: all 0.8s; }
.tips .list .insert .right p { width: 100%; height: 120px; margin: 15px 0; font-size: 16px; line-height: 24px; text-align: justify; color: #666; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-indent: 2em; }
.tips .list .insert .right .info { position: absolute; bottom: 10px; right: 20px; font-size: 16px; color: #999; }
.tips .list .insert .right .info i { background: url(../common/icon.png) no-repeat; }
.tips .list .insert .right .info .writer { margin-right: 50px; float: left; }
.tips .list .insert .right .info .writer i { display: inline-block; width: 15px; height: 15px; margin: 0 4px; background-position: -60px -35px; vertical-align: middle; margin-top: -2px; }
.tips .list .insert .right .info .time { float: right; }
.tips .list .insert .right .info .time i { display: inline-block; width: 15px; height: 15px; margin: 0 4px; background-position: -135px -35px; vertical-align: middle; margin-top: -2px; }
.tips .list .insert .right .info .timeago { display: inline-block; }

.side .title { overflow: hidden; height: 44px; padding-bottom: 0; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; }
.side .title p { padding-left: 8px; float: left; font-size: 24px; color: #333333; border-left: 2px solid #178ff3; }

.side { float: right; padding-top: 10px; width: 370px; }
.side .video { position: relative; width: 370px; height: 275px; margin: 13px 0; overflow: hidden; }
.side .video .img { position: absolute; width: 370px; height: 275px; }
.side .video .img li { position: relative; float: left; }
.side .video .img li a { display: block; width: 370px; height: 275px; border-radius: 3px; }
.side .video .img li a img { width: 100%; height: 100%; }
.side .video .img li a p { width: 370px; height: 68px; background: url(../common/bg_h1.png) repeat; position: absolute; bottom: 0; left: 0; line-height: 24px; color: #fff; font-size: 16px; text-align: center; color: #333; background: #efefef; padding: 10px 20px; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.side .video .img li a p:hover { color: #ef8200; }
.side .video .img li a span { position: absolute; top: 50%; left: 50%; width: 45px; height: 45px; margin: -15px 0 0 -23px; background: url(../common/icon.png) -260px -325px no-repeat; _background: 0; -webkit-transition: opacity 0.8s ease-in; -moz-transition: opacity 0.8s ease-in; -ms-transition: opacity 0.8s ease-in; transition: opacity 0.8s ease-in; opacity: 0.6; }
.side .video .img li a:hover span { opacity: 1.0; visibility: visible; }
.side .video .circle { width: 90px; height: 10px; position: absolute; bottom: 80px; left: 138px; z-index: 2; }
.side .video .circle li { width: 8px; background: #fff; height: 8px; float: left; margin: 0 5px; border-radius: 50%; }
.side .video .circle .current { background: #178ff3; }
.side .isgood { }
.side .isgood dl { width: 366px; height: 100px; margin: 15px 0; }
.side .isgood dt { position: relative; width: 130px; height: 100px; float: left; overflow: hidden; border-radius: 3px; border: 1px solid #f6f6f6; }
.side .isgood dt span { position: absolute; z-index: 1; display: block; width: 28px; height: 18px; text-align: center; line-height: 18px; color: #fff; font-size: 12px; background: #000000; opacity: 0.8; cursor:pointer; }
.side .isgood dt img { width: 100%; height: 100%; border-radius: 3px; }
.side .isgood dt img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.side .isgood dd { float:right; width:220px; height: 100px; }
.side .isgood dd a { display:block; height:75px; font-size: 16px; color: #666; overflow: hidden; }
.side .isgood dd a:hover { color: #ef8200; }
.side .isgood dd span { float:left; color: #999; }

.side .tab { width: 100%; clear: both; padding: 26px 0 0 0; }
.side .tab .tit { width: 100%; overflow: hidden; border: none }
.side .tab .tit div { width: 50%; float: left; font-size: 22px; text-align: center; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; box-sizing: border-box; cursor: pointer; }
.side .tab .tit .current { color: #178ff3; background: #fff; border-bottom: none; border-top: 2px solid #178ff3; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.side .tab ul { padding: 11px 0; }
.side .tab ul:nth-of-type(2) { display: none; }
.side .tab li { position: relative; margin: 15px 0; }
.side .tab li a { display: inline-block; /*width: 300px;*/ width: 340px; height: 22px; line-height: 22px; padding-left: 25px; color: #666; vertical-align: middle; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.side .tab li a:hover { color: #ef8200; }
.side .tab li .num { display: none; float: right; color: #666; vertical-align: middle; }
.side .tab li:nth-of-type(1) .num { color: #178ff3; }
.side .tab li em { background: #999999; }
.side .tab li:nth-of-type(1) em,
.side .tab li:nth-of-type(2) em,
.side .tab li:nth-of-type(3) em { background: #ef8200; }
.side .tab li .con { display: none; width: 100%; height: 105px; margin-top: 18px; }
.side .tab li .con .left { float: left; border-radius: 3px; }
.side .tab li .con .left a { width: 110px; height: 110px; margin: 0 20px 0 40px; }
.side .tab li .con .left img { width: 110px; height: 110px; border-radius: 3px; }
.side .tab li .con .right { width: 100px; float: left; }
.side .tab li .con .right span { display: block; width: 100px; color: #fff; background: #ef8200; text-align: center; font-size: 14px; border-radius: 3px; margin-top: 5px; }
.side .tab li .con .right span a { display: block; margin-bottom: 10px; height: 26px; line-height: 26px; color: #fff; background: #ef8200; text-align: center; width: 100px; padding: 0; border-radius: 3px; }
.side .tab li .con .right .a { display: none0; }
.side .tab li .con .right .b { display: none0; }
.side .tab li .con .right .c { display: none0; }
.side .tab li .current { display: block; }

.side .rank { width: 100%; clear: both; }
.side .rank ul { padding: 11px 0; }
.side .rank li { position: relative; margin: 15px 0; }
.side .rank li a { display: inline-block; /*width: 300px;*/ width: 340px; height: 22px; line-height: 22px; padding-left: 25px; color: #666; vertical-align: middle; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.side .rank li a:hover { color: #ef8200; }
.side .rank li .num { display: none; float: right; color: #666; vertical-align: middle; }
.side .rank li:nth-of-type(1) .num,
.side .rank li:nth-of-type(2) .num,
.side .rank li:nth-of-type(3) .num { color: #178ff3; }
.side .rank li em { background: #999999; }
.side .rank li:nth-of-type(1) em,
.side .rank li:nth-of-type(2) em,
.side .rank li:nth-of-type(3) em { background: #ef8200; }
.side .rank li .con { display: none; width: 100%; height: 105px; margin-top: 18px; }
.side .rank li .con .left { float: left; border-radius: 3px; }
.side .rank li .con .left a { width: 110px; height: 110px; margin: 0 20px 0 40px; }
.side .rank li .con .left img { width: 110px; height: 110px; border-radius: 3px; }
.side .rank li .con .right { width: 100px; float: left; }
.side .rank li .con .right span { display: block; width: 100px; color: #fff; background: #ef8200; text-align: center; font-size: 14px; border-radius: 3px; margin-top: 5px; }
.side .rank li .con .right span a { display: block; margin-bottom: 10px; height: 26px; line-height: 26px; color: #fff; background: #ef8200; text-align: center; width: 100px; padding: 0; border-radius: 3px; }
.side .rank li .con .right .a { display: none0; }
.side .rank li .con .right .b { display: none0; }
.side .rank li .con .right .c { display: none0; }
.side .rank li .current { display: block; }

.side .photo { margin-bottom: 30px; }
.side .photo .con { position: relative; width: 366px; height: 183px; margin: 26px 0 0; overflow: hidden; border-radius: 3px; }
.side .photo .con:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.side .photo .con img { width: 100%; height: 100%; border-radius: 3px; }
.side .photo .con a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; color: #fff; font-size: 16px; text-align: center; line-height: 183px; background: rgba(0, 0, 0, 0.4); }
.side .photo .con a:hover { opacity: 1.0; }

em { background-color: rgb(255, 102, 0); display: block; font-family: Arial; font-size: 12px; font-stretch: 100%; font-style: normal; font-variant-caps: normal; font-variant-east-asian: normal; font-variant-ligatures: normal; font-variant-numeric: normal; font-weight: 400; height: 16px; top: 5px; left: 0px; line-height: 16px; list-style-image: none; list-style-position: outside; list-style-type: none; position: absolute; text-align: center; width: 16px; color: #fff; }