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_bg { padding-bottom:25px; border-bottom: 1px solid #f5f5f5; }
.header .info { width: 1200px; height: 70px; margin: 0 auto; padding: 25px 0 25px; 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: #666; }
.header .info .crumb p span { height: 16px; line-height: 16px; color: #666; }
.header .info .crumb p a { height: 16px; line-height: 16px; color: #666; }

.ms { width: 100%; box-sizing: border-box; display: inline-block; }
.ms h1 { display: inline-block; width: 100%; margin-top: 20px; margin-bottom: 20px; color: #363636; font-size: 34px; font-weight:bold; box-sizing: border-box; }
.ms .info { display: inline-block; width: 100%; height: 36px; line-height: 36px; padding: 10px 0; border-top: #f5f5f5 solid 1px; border-bottom: #f5f5f5 solid 1px; }
.ms span { display: inline-block; height: 20px; line-height: 20px; font-family: 'NotoSansSC',"΢ÈíÑźÚ"; }
.ms span i { display: inline-block; width: 15px; height: 15px; margin-right: 10px; background: url(../common/icon.png) no-repeat; vertical-align: -2px; content: ''; }
.ms span a { margin-right: 10px; }
.ms span:nth-child(1) i { background-position: -110px -35px; }
.ms span:nth-child(3) i { background-position: -35px -35px; margin-left: 30px; }
.ms span:nth-child(2) i { background-position: -85px -60px; margin-left: 30px; opacity: 0.5 }
.ms .dot { width: 4px; height: 4px; border-radius: 50%; background: #999; line-height: 20px; vertical-align: middle; }
.ms b { font-family: 'NotoSansSC',"΢ÈíÑźÚ"; display: inline-block; height: 20px; line-height: 20px; font-weight: normal; }
.ms ul { padding-top: 10px; float: right; }
.ms li { height: 25px; line-height: 25px; border-right: #e1e0e0 solid 1px; float: left; display: flex; justify-content: center; flex-wrap: wrap; position: relative; z-index: 5; }
.ms li .icon { display: inline-block; background: url(../common/share.png) no-repeat; }
.ms li.share .icon { width: 28px; height: 22px; margin-right: 35px; background-position: 0 -200px; cursor: pointer; }
.ms li.share:hover .icon { background-position: -50px -200px; }
.ms li.share .wx { position: absolute; display: none; top: 40px; left: -35px; width: 162px; height: 171px; padding-top: 26px; background: url(../common/share.png) no-repeat -110px -200px; text-align: center; }
.ms li.share:hover .wx { display: inline-block; }
.ms li .wx #wx1 { width: 129px; height: 129px; display: inline-block; }
.ms li .wx #wx1 img { width: 100%; height: 100%; display: block; }
.ms li .wx .txt { font-size: 14px; color: #202020; display: inline-block; font-size: 14px; color: #202020; }
.ms li.zan { border-right: 0; }
.ms li.zan .icon { margin-left: 23px; margin-right: 16px; width: 22px; height: 21px; background-position: 0 -250px; }
.ms li.zan .icon:hover { background-position: -50px -250px; }
.ms li.zan p { display: inline-block; padding-right: 27px; font-size: 12px; color: #5b5b5b; font-weight: 500; }
.ms li.zan p:hover { color: #299ef9; }
.ms li.zan i { position: absolute; right: -5px; top: 0; font-size: 16px; color: red; font-style: normal; display: none; }
.ms li.zan em { position: absolute; right: 15px; top: -35px; width: 70px; height: 28px; line-height: 28px; font-size: 12px; color: #fff; font-style: normal; background: rgba(0,0,0,0.6); text-align: center; border-radius: 3px; display: none; }

.flow { position: fixed; z-index: 99; width: 50px; height: 240px; left: 50%; margin-left: -652px; top: 50%; margin-top: -32px; font-family: 'NotoSansSC',"΢ÈíÑźÚ"; display: inline-block; }
.flow li { width: 100%; display: inline-block; position: relative; padding-right: 17px; }
.flow li .icon { float: left; background: url(../common/share.png) no-repeat; }
.flow li.share .icon { width: 37px; height: 32px; background-position: 0 0; display: inline-block; float: left; }
.flow li.share:hover .icon { background-position: -50px 0; }
.flow li.share .wx { width: 171px; height: 186px; background: url(../common/share.png) no-repeat -100px 0; position: absolute; top: -7px; right: -170px; display: none; }
.flow li.share:hover .wx { display: inline-block; }
.flow li.share .wx #wx2 { padding: 18px 0 0 25px; width: 129px; height: 129px; display: inline-block; }
.flow li.share .wx #wx2 img { width: 100%; height: 100%; display: block; }
.flow li.share .wx .txt { padding-top: 4px; padding-left: 35px; font-size: 14px; color: #202020; display: inline-block; }
.flow li.zan { margin-top: 45px; }
.flow li.zan .icon { width: 37px; height: 34px; background-position: 0 -50px; cursor: pointer; }
.flow li.zan .icon:hover { background-position: -50px -50px; }
.flow li.zan p:hover { color: #178ff3; }
.flow li.zan i { position: absolute; right: -20px; top: 0; font-size: 16px; color: red; font-style: normal; display: none; }
.flow li.zan em { position: absolute; right: -2px; top: -30px; width: 70px; height: 28px; line-height: 28px; font-size: 12px; color: #fff; font-style: normal; background: rgba(0,0,0,0.6); text-align: center; border-radius: 3px; display: none; }
.flow li > p { margin-top: 10px; margin-left: 2px; width: 100%; font-size: 12px; color: #5b5b5b; /*text-align: center;*/ display: inline-block; }

.main { width: 770px; float: left; }
.main .content a { color: #222222; text-decoration: underline; font-weight: normal; }
.main .content a:link, .main .content a:visited { text-decoration: none; border-bottom: 1px dashed #000;}
.main .content a:hover, .main .content a:active { color: #ef8200; text-decoration: none; border-bottom: 1px dashed #ef8200; }
.main .content { overflow: hidden; text-align: justify; font-size: 18px; color: #404040; box-sizing: border-box;  font-family: 'NotoSansSC',"΢ÈíÑźÚ"; }
.main .content p,.main .content h2,.main .content h3,.main .content h4 { line-height: 1.777777777; margin: 20px 0; text-indent: 2em; color: #404040; letter-spacing: 0.5px; }
.main .content h2 { font-weight:bold; font-size: 22px; text-indent: 0em; }
.main .content h3 { font-weight:bold; font-size: 20px; text-indent: 0em; }
.main .content h4 { font-weight:bold; font-size: 18px; text-indent: 0em; }
.main .content img { display: block; max-width: 100%; height: auto; margin: 0 auto; margin-bottom: 12px; border-radius: 7px; }
.main .content iframe { display: block; max-width: 100%; width: 100%; height: 433px; margin: 0 auto; margin-bottom: 12px; border-radius: 7px; }
.main .content video { display: block; max-width: 100%; height: auto; margin: 0 auto; margin-bottom: 12px; border-radius: 7px; }
.main .content span { font-size: 16px; color: #333; margin: 12px 0 0 0; }
.main .content strong { /*display: inline-block; overflow: hidden; width: 100%; height:25px; text-indent: 0em;*/ font-weight: bold; }
.main .content .tag { margin: 0 0 22px 0em; font-size: 18px; color: #2c2c2c; line-height: 30px; font-family: 'NotoSansSC',"΢ÈíÑźÚ"; letter-spacing: 0.5px; }
.main .content .tag a { margin-right: 20px; }

.main .content table { width:100%; table-layout: fixed; border-collapse:collapse; }
.main .content td { border:1px solid #ccc; padding:6px 10px; word-break: break-word;}
.main .content td p { text-indent: 0em; text-align-:center; }

.main .pic { width: 100%; height: 48px; background: #fff; }
.main .pic .title { margin-bottom: 20px; float: left; z-index: 1; position: relative; border-bottom: 1px solid #178ff3; }
.main .pic .title a { display: block; width: 100%; height: 48px; font-size: 22px; color: #333; text-align: center; line-height: 48px; }
.main .pic .title .grayline { position: absolute; top: 48px; width: 748px; z-index: 0; border-bottom: 1px solid #dcdcdc; }
.main .pic .title .blueline { position: absolute; top: 48px; width: 88px; z-index: 0; border-bottom: 1px solid #178ff3; }
.main .pic ul { clear: both; }
.main .pic li { width: 25%; padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; float: left; text-align: center; }
.main .pic li a { font-size: 12px; }
.main .pic li figure { position: relative; width: 152px; height: 122px; margin-bottom:10px; border: 1px solid #f6f6f6; border-radius: 3px; overflow: hidden; }
.main .pic li img { width: 100%; margin: 0 0 10px; }
.main .pic li img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.main .pic li p { height: 40px; color: #707070; font-size: 14px; line-height: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.main .pic li p:hover { color: #ef8200; transition: all 0.8s; -webkit-transition: all 0.8s; }
.main .pic li span { font-size: 15px; color: #da1927; padding-top: 5px; display: inline-block; }

/* Ïà¹ØÎÄÕ * ±¾ÖÜÈÈÃÅ */
.main .tab { width: 100%; display: inline-block; }
.main .tab .tit { width: 100%; height: 43px; line-height: 43px; border-bottom: #dcdcdc solid 1px; font-size: 20px; display: block; }
.main .tab .tit div { margin-right: 30px; float: left; cursor: pointer; }
.main .tab .tit .current { border-bottom: #178ff3 solid 1px; color: #178ff3; }
.main .tab ul { width: 100%; overflow: hidden; }
.main .tab ul li { width: 100%; padding: 20px 20px 20px 0; border-bottom: #dcdcdc solid 1px; float: left; box-sizing: border-box; }
.main .tab ul li:last-child { border-bottom: none; }
.main .tab ul li figure { margin: 0; float: left; position: relative; width: 143px; height: 106px; border: 1px solid #f6f6f6; border-radius: 3px; overflow: hidden; }
.main .tab ul li figure a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-align: center; }
.main .tab ul li figure img { width: 100%; height: 100%; border-radius: 3px; }
.main .tab ul li figure img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.main .tab ul li dl { width: 565px; padding-left: 20px; float: left; }
.main .tab ul li dt { font-size: 20px; color: #333; line-height: 40px; height: 80px; overflow: hidden; text-align: justify; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.main .tab ul li dt a { color: #333; }
.main .tab ul li dt a:hover { color: #ef8200; }
.main .tab ul li dd { font-size: 13px; line-height: 1; color: #6b6b6b; position: relative; bottom: -12px; }
.main .tab ul li dd span i { display: inline-block; width: 15px; height: 15px; padding-right: 8px; background: url(../common/icon.png) no-repeat; vertical-align: bottom; }
.main .tab ul li dd span:nth-child(1) i { background-position: -10px -35px; }
.main .tab ul li dd span:nth-child(2) i { background-position: -85px -35px; margin-left: 20px; }

.main .tags { width: 100%; }
.main .tags h3.title { width: 100%; height: 48px; text-align: left; border-bottom: 1px solid #dcdcdc; position: relative; box-sizing: border-box; }
.main .tags h3.title span { display: inline-block; height: 48px; font-size: 22px; color: #333; line-height: 48px; border-bottom: 1px solid #178ff3; box-sizing: border-box; }
.main .tags ul { padding: 10px 0; overflow: hidden; display: inline-block; }
.main .tags li { float: left; width:135px; font-size: 14px; line-height: 42px; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main .tags li:last-child a { margin-right: 20px; }

.fixed { position: fixed; top: 0; width: 370px; background: #fff; }

/* ÓÒ²à */
.side { width: 370px; float: right; padding-top:10px }
.side .title { overflow: hidden; height: 48px; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; margin-bottom: 20px; }
.side .title p { float: left; padding-left: 10px; color: #666666; font-size: 22px; border-left: 2px solid #178ff3; cursor: pointer; margin-top: 10px; }

.side .pic { width: 370px; position: relative; overflow: hidden; text-align: center; border: 1px solid #f6f6f6; margin-bottom: 20px; }
.side .pic dt { width: 370px; height: 211px; border-radius: 3px; overflow: hidden; }
.side .pic dt img { margin-top: 0; width: 370px; height: 211px; display: inline-block; cursor: pointer; transition: all 1s; -webkit-transition: all 1s; border-radius: 3px; }
.side .pic dt img:hover { transform: scale(1.1); -webkit-transform: scale(1.1); }
.side .pic dd { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; padding:0 10px; font-size: 16px; color: #fff; background: url(../common/bg_h1.png) repeat; border-radius: 0 0 3px 3px; box-sizing: border-box; }
.side .pic dl dd a { color: #fff; opacity: 0.8; }
.side .pic dl:hover dd a {  opacity: 1.0; }

.side .txt { width: 100%; box-sizing: border-box; overflow: hidden; }
.side .txt { line-height: 30px }
.side .txt li { line-height: 30px; position: relative; margin-bottom: 14px; overflow: hidden; font-size: 16px; color: #000; }
.side .txt li i { display: inline-block; width: 9px; height: 10px; margin-top: 10px; background: url(../common/icon.png) no-repeat -35px -85px; }

.side .tab { width: 100%; clear: both; }
.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: 10px 0; }
.side .tab ul:nth-of-type(2) { display: none; }
.side .tab ul li { position: relative; margin: 15px 0; }
.side .tab ul 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 ul li a:hover { color: #ef8200; }
.side .tab ul li em { background: #999999; 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; }
.side .tab ul li:nth-child(1) em { background: #ef8200; }
.side .tab ul li .time { display: none; float: right; color: #666; vertical-align: middle; }
.side .tab ul li:nth-of-type(1) .time { color: #178ff3; }
.side .tab ul li .con { display: none; width: 100%; height: 105px; margin-top: 18px; }
.side .tab ul li .con .left { float: left; border-radius: 3px; }
.side .tab ul li .con .left a { width: 110px; height: 110px; margin: 0 20px 0 40px; }
.side .tab ul li .con .left img { width: 110px; height: 110px; border-radius: 3px; }
.side .tab ul li .con .right { width: 100px; float: left; }
.side .tab ul 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 ul 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 ul li .con .right .a- { display: none; }
.side .tab ul li .con .right .b- { display: none; }
.side .tab ul li .con .right .c- { display: none; }
.side .tab ul li .current { display: block; }

.side .swiper { position: relative; float: left; width: 370px; height: 277px; overflow: hidden; margin-bottom: 20px; }
.side .swiper ul { position: absolute; top: 0; left: 0; }
.side .swiper li { float: left; width: 370px; height: 277px; position: relative; overflow: hidden; border-radius: 3px; }
.side .swiper li:hover img { transform: scale(1.1); }
.side .swiper li img { width: 370px; height: 277px; border-radius: 3px; }
.side .swiper li p { position: absolute; overflow: hidden; bottom: 0; padding: 10px; width: 100%; line-height: 25px; font-size: 16px; background: url(../common/bg_h72.png) repeat-x; text-align: center; box-sizing: border-box; }
.side .swiper li p a { color: #fff; opacity: 0.8; }
.side .swiper li:hover p a { opacity: 1.0; }
.side .swiper .prev,
.side .swiper .next { position: absolute; width: 20px; height: 40px; top: 118px; background: url(../common/icon.png) no-repeat; cursor: pointer; opacity: 0.6; }
.side .swiper .prev { left: 10px; background-position: -105px -325px; }
.side .swiper .next { right: 10px; background-position: -150px -325px; }
.side .swiper:hover .prev,
.side .swiper:hover .next { opacity: 1.0; }

@media(max-width:1371px) {
	.flow { margin-left: -657px; }
}