* {word-wrap: break-word;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html,body{width:100%;}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: url(/ammb/images/longbjt2.png) repeat;
    background-attachment: fixed;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* 可选的阴影美化效果 */
}
body{background: #f1f1f1;font-family: "Microsoft Yahei",tahoma,arial,\5b8b\4f53,Helvetica,sans-serif;font-size:14px;color:#333;margin:0;padding:0;overflow-x:hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,hr,p{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6,p{line-height:inherit;font-weight:normal;}
div,dl,dt,dd,ol,ul,li{zoom:1;list-style-type:none;font-weight:normal;font-style:normal;}
caption,em,th,i {font-weight:normal;font-style:normal;}
input,textarea{outline:none;font-family: "Microsoft Yahei",tahoma,arial,\5b8b\4f53,Helvetica,sans-serif;}
input:focus,textarea:focus,button:focus { outline: none; }
fieldset{border: none;}
pre{max-width:100%;white-space:pre-wrap;font-family: "Microsoft Yahei",tahoma,arial,\5b8b\4f53,Helvetica,sans-serif;word-wrap:break-word;}
table {empty-cells: show; border-collapse: collapse;}
th,td{vertical-align:top;}
img{border:none;}
.maximg img {max-width:100%;}
a {color:#333;text-decoration:none;transition:All 0.3s ease-in-out;}
a:hover {text-decoration:none; color:#ff6600;}

.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.ofh{overflow:hidden;}
.xddw{position:relative;}
.jddw{position:absolute;}
.noview{display:none;}
.mousehand{cursor:pointer}
.clear{clear:both;}
.clear:after{display:block;clear:both;visibility:hidden;height:0;font-size:0;content:".";}
.clearfix{clear:both;overflow:hidden;zoom: 1}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.yj5{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.bd1{border:1px solid #ddd;}
.bdbt1{border-bottom: 1px solid #ddd;}
.bdbt2{border-bottom: 1px dashed #ddd;}
.nobd{border:none !important;}
.fontnm{font-weight:400 !important;font-style:normal !important;}
.fontbd{font-weight:700 !important;}
.f10{font-size:10px !important;}
.f12{font-size:12px !important;}
.f14{font-size:14px !important;}
.f16{font-size:16px !important;}
.f18{font-size:18px !important;}
.f20{font-size:20px !important;}
.f24{font-size:24px !important;}
.f30{font-size:30px !important;}
.f36{font-size:36px !important;}
.lh14{line-height:14px !important;}
.lh18{line-height:18px !important;}
.lh24{line-height:24px !important;}
.lh30{line-height:30px !important;}
.lh36{line-height:36px !important;}
.lh48{line-height:48px !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.bgfff{background:#fff !important;}
.bg-main{background:#0a8 !important;}
.bg-blue{background:#0ae !important;}
.bg-yellow{background:#f60 !important;}
.bg-red{background:#f00 !important;}
.bg-green{background:#2c7 !important;}
.bg-black{background:#000 !important;}
.bg-gray{background:#999 !important;}
.text-fff{color:#fff !important;}
.text-main{color:#0a8 !important;}
.text-blue{color:#0ae !important;}
.text-yellow{color:#f60 !important;}
.text-red{color:#f00 !important;}
.text-green{color:#2c7 !important;}
.text-black{color:#000 !important;}
.text-gray{color:#999 !important;}

.fcinp{border: 1px solid #ddd;min-width:200px;height:30px;padding:2px 5px;background: #fff;}
.fcinp:hover{border:1px solid #ccc;background-color:#eee;}
.fcbtn{position:relative;border: solid 1px #ddd;background: transparent;display:inline-block;line-height: 1.5;text-align:center;cursor:pointer;font-size:14px;padding: .375em 1em;}
.fcbtn[class*='bg-']{color: #fff !important;border-color: transparent !important;}
.fcbtn[class*='bg-']:hover::before {position: absolute;content: "";width:100%;height:100%;top: 0;left: 0;background-color: rgba(0,0,0,.05);border-radius: inherit;}
.fcbtn-mini{padding: .125em .5em;font-size:12px;}
.fcbtn-big{padding: .625em 1.25em;font-size:16px;}
.fcbtn-block {display: block;width: 100%;}
.fcbtn[disabled]{pointer-events:none;cursor:not-allowed;webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}

.htitle { text-align: center; font-weight: 700; font-size: 36px; margin: 30px auto }
.whitebg { background: #fff; border: 1px solid #eee; }
.plr20 {padding: 0 20px;}
.blank { height: 20px }
h1 { font-size: 28px }
h2 { font-size: 18px }
h3 { font-size: 16px }

.basetable{margin:5px auto;line-height:26px;}
.basetable td{border:1px solid #ccc;padding:8px 5px;}

.full{width:100%;}
.box, article { width: 1200px; margin: auto; overflow: hidden;clear:both;}
.left-box { width: 860px; float: left }
.right-box { width: 320px; float: right }

/*header*/
/*header { margin: 0; width: 100%; z-index: 9; transition: all 0.4s; background: #fff }*/
.logo-section { padding: 10px 0; }
.logo { width: 240px; float: left; overflow: hidden; }
.logo a{ display: block; }
.logo img {max-width: 100%;max-height:70px;}

/*search*/
.search { float: right; margin-top:20px; width: 400px; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; outline: none; width: 320px; background: #f3f3f3; float: left; text-indent: 1em; }
.search input.input_submit { border: 0; color: #fff; outline: none; line-height: 36px; font-size: 15px; width: 80px; cursor: pointer; letter-spacing: 5px;background: #888;}

/*topnav*/
.topnav { width: 100%; background: #222222; }
.topnav h2 { color: #fff; position: absolute; top: 0; padding-left: 10px; font-weight: normal; height: 40px; line-height: 40px; display: none; }
.topnav h2 a{ color: #fff;}
.topnav:before { display: table; content: " "; }
.topnav:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

nav { text-align: center; line-height: 50px; width: 100%; }
nav #starlist { margin: auto; max-width: 1200px;}
#starlist li { position: relative; display: inline; float: left; font-size: 16px;}
#starlist li a { display: inline; float: left; padding: 0 20px; color: #fff; }
#starlist li a:hover,#starlist li a.on { background: #888888; }
#selected { position: relative }
#starlist ul.sub { padding: 5px 0; position: absolute; left: 0; top: 50px; background: #888888; z-index: 9; display: none;}
#starlist ul.sub li { height: 34px; line-height: 34px; margin-left: 0; width: 100%; font-size: 14px; }
#starlist ul.sub li a { padding: 0; display: block; width: 100%; }
#starlist ul.sub li a:hover { background: #222222; }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: #888888; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; }
#starlist li:hover ul.sub { display: block;}

#mnavh { display: none; width: 70px; height: 40px; background: #222222; text-align: center; }
.navicon { display: block; position: relative; width: 30px; height: 3px; background-color: #fff; margin-top: 20px; float: left; margin-left: 20px; }
.navicon:before, .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fffefe; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
.menu:after { content: ""; position: absolute; right: 5px; top: 24px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu:hover:after { transform: rotate(180deg) }

/*********  数字榜  <li><span class="num">1</span>标题</li>   **************/
.hotbang{}
.hotbang li{overflow:hidden;font-size:14px;}
.hotbang li .more{float:right;text-align:right;color:#999;font-size:12px;}
.hotbang li .num{display:inline-block;width:20px;height:18px;line-height:18px;margin-right:10px;text-align: center;font-size:12px;color:#fff;background-color:#bbb;border-radius:2px;}
.hotbang li:nth-child(1) .num{background-color: #dd514c;}
.hotbang li:nth-child(2) .num{background-color: #f37b1d;}
.hotbang li:nth-child(3) .num{background-color: #5eb95e;}

.nor li{position:relative;padding-left:12px;}
.nor li:before {content: "";width:0;height:0;overflow:hidden;font-size: 0; line-height: 0; border: 4px solid transparent;border-left: 4px solid #999;position:absolute;left:0;top:11px;}
.nor li span{float:right;font-size:12px;}

/**********首页  ********/
.banner { width: 60%; float: left; height: 340px; }

.Slide{position: relative;overflow: hidden;width:100%;height: 100%;}
.slide-cont{position: relative;overflow: hidden;width: 100%;height: 100%;}
.slide-item{position: absolute;left: -665px;width: 100%;height: 100%;}
.slide-item a{display: block;width: 100%;height: 100%;}
.slide-item img{width: 100%;height: 100%;}
.slide-txt{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 50px;}
.slide-txt .txt_bg{width: 100%;height: 50px;background: #0f0f0f;opacity: .7;filter: alpha(opacity=70);}
.slide-txt a{position: absolute;top: 0;left: 0;display: inline-block;overflow: hidden;width: 100%;height: 50px;color: #fff;font-size: 20px;line-height: 50px;text-indent: 2%;}
.slide-nav{position: absolute;right: 20px;bottom: 19px;z-index: 2;display: inline-block;overflow: hidden;width: auto;height: 11px;}
.slide-nav a{float: left;display: block;overflow: hidden;margin-left: 5px;width: 11px;height: 11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;background: #929292;text-indent: -99em;cursor: pointer;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;-ms-transition: all .5s ease;}
.slide-nav .nownav{width: 21px;background: #ff4939;}
#prev, #next{position: absolute;top: 129px;display: none;width: 57px;height: 72px;background: rgba(0, 0, 0, 0.2);text-align: center;line-height: 72px;}
#prev{left: 0}
#next{right: 0}
#prev i, #next i{font-size: 60px;line-height: 72px;color: rgba(0, 0, 0, 0.25);}
#prev: hover, #next: hover{background: #FF4939}
#prev: hover i, #next: hover i{color: #fff}

.headline-box { width: 38%; float: right; }
.headline-news { overflow: hidden; padding: 17px 31px 21px; }
.headline-news-title { margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #0092d8; }
.headline-news-title a { color: #222222; }
.headline-news-title span { float: left; font-size: 12px; font-weight: normal; border: #ff6600 1px solid; padding: 0 5px; border-radius: 3px; color: #ff6600; margin: 4px 8px 0 0; }
.headline-news-smalltext { line-height: 20px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; height: 60px; margin-bottom: 10px; color: #888; }
.headline-news-list { border-top: #ddd 1px solid; padding-top: 10px; }
.headline-news-list li { padding-left: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; position: relative }

/*tab*/
#tab { border-bottom: #e4e3e3 1px solid; margin: 20px }
#tab li { font-size: 16px; margin-right: 20px; padding: 0 10px 10px; position: relative;cursor: pointer; display: inline-block }
#tab li:after { content: ""; background: #222222; background: linear-gradient(to right, #222222 0%, #888888 100%); width: 20%; height: 2px; position: absolute; bottom: -1px; left: 40%; opacity: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
#tab li:hover:after, #tab li.tab-current:after { opacity: 1; width: 100%; margin: auto; display: block; left: 0; }
#tab li.tab-current { color: #222222; }

#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }

.tab-a-more { position: absolute; right: 20px; top: 16px; }
.tab-a-more a { display: block; background-size: 32px; overflow: hidden; width: 50px; height: 30px; }
#tab-content { margin: 20px; overflow: hidden; }
.tab-a-more a i { position: absolute; top: 16px; width: 8px; height: 8px; animation: bounce_fountainG 1.2s linear infinite; border-radius: 8px; background: #09F; }
.tab-a-more a i:first-child { right: 20px; animation-delay: .4s; background: #09F; }
.tab-a-more a i:nth-child(2) { right: 10px; animation-delay: .6s; background: #3c0; }
.tab-a-more a i:nth-child(3) { right: 0; animation-delay: .8s; background: #f60; }
@keyframes bounce_fountainG { 
0% {transform:scale(1);}
100% {transform:scale(.3);}
}

/*tuijian-news*/
.tuijian-news { position: relative }
.tuijian-news #tab-content section:nth-child(n) .tuijian-news-pic span { background: #0CF; }
.tuijian-news #tab-content section:nth-child(2n) .tuijian-news-pic span { background: #F60; }
.tuijian-news #tab-content section:nth-child(3n) .tuijian-news-pic span { background: #3C0; }
.tuijian-news #tab-content section:nth-child(5n-1) .tuijian-news-pic span { background: #0CF; }
.tuijian-news-pic { width: 30%; float: left; overflow: hidden; }
.tuijian-news-pic i { display: block;height: 160px;width: 100%;margin: auto;overflow: hidden;line-height: 100%;position: relative;}
.tuijian-news-pic i img { width: 100%; height: 100%;vertical-align: middle; display: inline-block; transition: .5s; }
.tuijian-news-pic i:hover img { transform: scale(1.2); }
.tuijian-news-pic i span { position: absolute; right: 0; font-size: 12px; padding: 2px 5px 2px 10px; top: 10px; background: #0CF; color: #fff; border-radius: 3px 0 0 3px; line-height: normal; }
.tuijian-news-pic h2 { color: #222222; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 10px 0; }
.tuijian-news-pic h2 a { color: #222222 }
.tuijian-news-pic p { color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; height: 60px; line-height: 20px; font-size: 14px; }
.btn-blue-border { width: 60%; margin: 16px auto 0; border: 1px solid #ddd; color: #999; display: block; letter-spacing: 2px; border-radius: 2px; transition: all 0.3s; line-height: 40px; text-align: center; }
.btn-blue-border:hover { background: #222222; border-color: #0976dc; color: #fff; }
.tuijian-news-list { width: 70%; float: right; }
.tuijian-news-list ul li { width: 50%; float: left; margin-bottom: 20px; }
.tuijian-news-list ul li:nth-child(5), .tuijian-news-list ul li:nth-child(6) { margin-bottom: 0 }
.tuijian-news-list ul li a {display:block;margin: 0 0 0 20px;border:#ddd 1px solid;padding: 10px;transition: all 0.5s;}
.tuijian-news-list ul li span { width: 70px; height: 70px; font-size: 12px; text-align: center; overflow: hidden; background: #ababab; color: #fff; float: left; margin: 0 10px 0 0; transition: all 0.5s; }
.tuijian-news-list ul li b { display: block; font-size: 16px; margin-top: 16px; }
.tuijian-news-list ul li h3 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; margin-bottom: 10px; }
.tuijian-news-list ul li p { font-size: 14px; color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 20px; height: 40px; }
.tuijian-news-list ul li:hover span { background: #222222 }

/*pics*/
.pics {position: relative;padding-bottom: 20px;}
.pic-list-img li { width: 20%; overflow: hidden; float: left; text-align: center; }
.pic-list-img li a { display: block; margin: 10px; overflow: hidden; }
.pic-list-img li span { color: #888; font-size: 14px; display: block; margin-top: 5px; height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.pic-list-img li i { overflow: hidden; display: block; height: 130px; line-height: 130px; }
.pic-list-img li i img { width: 100%;height: 100%; vertical-align: middle; display: inline-block; transition: .5s; }
.pic-list-img li i:hover img { transform: scale(1.2); }
.pics .pic-list-img li:first-child { width: 40% }
.pics .pic-list-img li:first-child i { height: 305px; line-height: 305px; position: relative; }
.pics .pic-list-img li a:hover span { color: #222222 }
.pics .pic-list-img li:first-child i em { position: absolute; right: 0; font-size: 12px; padding: 2px 5px 2px 10px; top: 10px; background: #0cf; color: #fff; border-radius: 3px 0 0 3px; line-height: normal; font-style: normal; }

/*news*/
.news { position: relative }
.news-zuixin li { width: 48%; float: left; overflow: hidden; margin-bottom: 20px; }
.news-zuixin li:nth-child(odd) { float: left }
.news-zuixin li:nth-child(even) { float: right }
.news-zuixin li section { border-bottom: #eee 1px solid; overflow: hidden; }
.news-zuixin-pic { display: block; overflow: hidden; width: 100px; height: 70px; line-height: 70px; float: left; margin-right: 10px; }
.news-zuixin li img { width: 100%;height:100%; display: inline-block; vertical-align: middle; transition: .5s; }
.news-zuixin li:hover img { transform: scale(1.2); }
.news-zuixin h2 { font-size: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; margin: 3px 0 5px 0; }
.news-zuixin li:hover h2 a { color: #FF4000; }
.news-zuixin p { font-size: 14px; color: #888; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 20px; height: 40px; }
.news-zuixin span { width: 100%; float: left; clear: both; font-size: 12px; margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 20px; line-height: 20px; }
.news-zuixin span a { display: block; float: left; margin-right: 15px; position: relative; padding-left: 10px; }
.news-zuixin span a:before { position: absolute; content: ""; width: 3px; height: 3px; background: #222222; left: 0; top: 8px; }

/*videos*/
.videos { position: relative; }
.videos-list li { width: 25%; float: left; overflow: hidden; margin-bottom: 10px; }
.videos-list li a { overflow: hidden; display: block; margin: 0 7px; border: #f1f1f1 1px solid; }
.videos-list li i { height: 160px; line-height: 100%; overflow: hidden; display: block;}
.videos-list li i img { width: 100%;height:100%; display: inline-block; vertical-align: middle; transition: .5s; }
.videos-list li i:hover img { transform: scale(1.2); }
.videos-list li h2 { color: #333; padding:5px 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-size: 15px;background-size: 20px; }
.videos-list li:hover h2 { color: #FF4000; }
.videos-list li p { font-size: 12px; color: #999; overflow: hidden; margin: 5px 0; padding: 0 3px; }
.videos-list .datetime { float: left; font-weight: normal; }
.videos-list .viewd { float: right;  }

/*ziyuan*/
.wenzi { position: relative }
.wenzi-list li { margin-bottom: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-left: 20px; width:48%;margin-left:2%;float:left;}
.wenzi-list li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0; top: 10px; }
.wenzi-list li span { float: right; font-size: 12px; color: #888;padding-right:15px;}

/*news-title*/
.news-title {border-bottom: #e4e3e3 1px solid;margin: 20px;padding-bottom: 10px;overflow: hidden;}
.news-title h2 {color: #222222;font-size: 16px;font-weight: normal;position: relative;float: left;/* width: 84px; */text-align: center;}
.news-title h2 a { color: #222222; }
.news-title h2:after {content: "";background: #222222;background: linear-gradient(to right, #222222 0%, #888888 100%);width: 100%;height: 2px;position: absolute;bottom: -10px;left: 0;}

/*tags*/
.tags { position: relative; overflow: hidden; }
.tags ul { margin: 0 20px 20px; overflow: hidden }
.tags ul a { display: block; float: left; font-size: 12px; width: 10%; text-align: center; height:36px; margin-bottom: 4px; background-color: #f1f1f1; color: #615f5f; padding: 10px 0; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tags ul a:after, .tags ul a:before { content: ""; background: #fff; top: 0; width: 2px; height: 100%; position: absolute; }
.tags ul a:after { right: 0; }
.tags ul a:before { left: 0 }
.tags ul a:hover { background: #222222; color: #fff; }

/*links*/
.links ul { margin: 0 20px 20px; overflow: hidden; }
.links ul a { float: left; margin: 0 10px; line-height: 40px; padding: 0 5px; position: relative; display: block; }
.links ul a:after { content: ""; background: #222222; background: linear-gradient(to right, #222222 0%, #888888 100%); width: 20%; height: 2px; position: absolute; bottom: 0; left: 40%; opacity: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.links ul a:hover:after { opacity: 1; width: 100%; margin: auto; display: block; left: 0; }


/*列表*/
.blogs-list ul { padding: 0 20px 20px; }
.blogs-list ul li {overflow: hidden;border-bottom: 1px dashed #d3d3d3;padding: 20px 0;}
.blogs-list ul li:first-child{ padding-top:0}
.blogs-list li h2 {font-size: 16px;margin-top: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 10px;}
.blogs-list li h2 em { display: inline-block; font-style: normal; font-size: 12px; background: #f60; color: #fff; padding: 0 3px; font-weight: normal; margin-right: 10px; }
.blogs-list li h2 a {color: #222222;}
.blogs-list li i {width: 200px;height: 120px;line-height: 100%;overflow: hidden;float: left;margin-right: 15px;}
.blogs-list li i img {width: 100%;min-height: 120px;display: inline-block;transition: .5s;}
.blogs-list li i:hover img { transform: scale(1.2); }
.blogs-list li p {color: #888;line-height: 22px;height: 43px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size: 14px;margin-top: 10px;}
.blogs-list li span {font-size: 14px;margin-top: 10px;overflow: hidden;float: left;margin-right: 80px;color: #8e8e8e;}
.blogs-list li span a { display: inline-block;color: #0976dc;border: #222222 1px solid;padding: 3px 10px;border-radius: 3px;margin-right: 5px;font-size: 12px;margin-bottom: 5px; }
.blogs-list li span a:nth-child(1) { background: #222222; color: #fcfeff }
.blogs-list ul li h2:hover a { color:#000 }


/*********侧栏********/

.side-title { font-size: 16px; border-bottom: 1px solid #eee; color: #484848; font-weight: normal; position: relative; margin-bottom: 10px; padding-bottom: 10px }
.side-title:after { content: ""; position: absolute; width: 64px; height: 2px; content: ""; background: #000; left: 0; bottom: -1px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.side-title:hover:after { width: 80px; }

.sidesort{}
.sidesort ul{padding:10px;overflow:hidden;}
.sidesort ul a{display:inline-block;width:45%;height:35px;line-height:35px;margin:5px 0 5px 3%;text-align:center;font-size:14px;border-radius:18px;background:#f5f5f5;}
.sidesort ul a:hover{background:#666;color:#fff;}
.sidesort ul a.on{background:#666;color:#fff;}

/*hits*/
.paihang { padding: 20px }
.paihang ul { overflow: hidden; }
.paihang ul li { height: 30px; line-height: 30px; margin-bottom: 5px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.paihang ul li:hover { -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }

.topnews { display: block; margin: 20px 0; background: #000; position: relative; overflow: hidden; border-radius: 3px; height: 150px; }
.topnews img { opacity: .7; transition: all 0.5s; width: 100%; height: 100%;}
.topnews span { bottom: 0; position: absolute; bottom: 30%; left: 0; right: 0; color: #FFF; text-align: center; font-size: 15px; padding: 0 40px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; line-height: 22px; }
.topnews:hover img { opacity: .9; transform: scale(1.1); }

.suiji { padding: 20px; overflow: hidden }
.suiji ul { overflow: hidden; padding-top: 10px }
.suiji li { line-height: 22px; margin-bottom: 10px; position: relative; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.suiji li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0px; top: 10px; }


/******内页图排列 css控制图片宽高比例******/
.autopiclist{width:25%;float:left;text-align:center;}
.autopiclist .pic{width:95%;height:0;padding-bottom:95%;margin:auto;border:1px solid #dfdfdf;overflow:hidden;position:relative;}
.autopiclist .h2w{padding-bottom:105% !important;}
.autopiclist .pic img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transition: All 0.4s ease-in-out;}
.autopiclist .pic img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.autopiclist .bt{width:95%;margin:5px auto;height:30px;line-height:30px;overflow:hidden;}
.autopiclist .info{width:95%;margin:auto;height:20px;line-height:20px;overflow:hidden;text-align:left;}
.autopiclist .info span{font-weight:700;color:#eb155b;font-size:14px;padding-right:10px;}
.autopiclist .info del{color:#666;}
.autopiclist .tmbt{margin:0 2.5%;width:95%;height:30px;line-height:30px;overflow:hidden;text-align:center;font-size: 14px;color: #fff;background: rgba(0, 0, 0, 0.4);position:absolute;bottom:0;}

/***主体内容部分***/
.newstext-box { padding: 0 20px 20px; }

.news-title-h1 {font-size: 24px;margin-bottom: 20px;}
.picview-other { overflow: hidden; color: #888; margin-bottom: 25px;}
.picview-other span { display: inline-block;padding-right:10px; }

.newstext { font-size: 16px; line-height: 30px; margin-bottom: 10px; overflow: hidden; }
.newstext video { margin: 20px auto; display: block; max-width: 100% !important; height: auto !important; z-index: 0; }
.newstext p {line-height: 30px;margin-bottom: 10px;}
.newstext span{display:inline}
.newstext img { max-width: 100% !important; height: auto !important; margin: 10px auto;display: block; }
.newstext table {margin:5px auto;line-height:26px;width:100% !important;}
.newstext table td{border:1px solid #ddd;padding:8px 5px;}
.newstext h1,.newstext h2, .newstext h3, .newstext h4, .newstext h5, .newstext h6 {padding-left: 10px;font-size: 18px;line-height: 1.2;border-left: 4px solid #3ca5f6;margin: 30px 0 20px;font-weight:700;}
.newstext q{display:none;}

.artkey{margin:15px 0;font-size:14px;}

.copynotice {width: 100%;margin: 0 0 20px;padding: 10px 15px;font-size: 14px;color: #888;line-height: 24px;border: 1px solid #ccc;border-radius: 3px;background: #f8f8f8;overflow: hidden;}

/**********上下页********/
.fcnext{line-height:30px;margin:20px 0 5px;padding-top:10px;color:#666;border-top:1px dashed #ddd;}
.fcnext a{color:#666;}

.hottag{line-height:32px;font-size:14px;}
.hottag a{display:inline-block;margin:8px 0 0 3px;border: 1px solid #ddd;background:#fff;font-size:14px;padding:0 6px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.hottag a:hover{border: 1px solid #ff6600;background:#ff6600;color:#fff;}

/**********分页********/
#fcpage {clear:both;text-align:center;margin:auto;padding:10px 0;overflow:hidden;}
#fcpage a,#fcpage span{display:inline-block;height:28px;line-height:28px;font-size:12px;margin:0 3px;padding:0 10px;}
#fcpage a{background:#F1F1F1;color:#666;}
#fcpage a:hover,#fcpage a.on,#fcpage span{color:#fff;background:#666;}

/*footer*/
footer { background: #333; width: 100%; padding: 30px 0px 20px; color: #777; font-size: 14px; position: relative; overflow: hidden }
footer:before { content: ""; background: #34aadc linear-gradient(to left, #222222, #5ac8fa, #007aff, #5ac8fa); height: 10px; width: 100%; position: absolute; top: 0; left: 0; }
footer .wp{ text-align: center; padding: 0 10px; clear: both; line-height: 30px;}
footer a { color: #777; }
footer a:hover { color:#fff; }

/**** 指向时产生半透明遮罩 <li class=onbantm><a ><img></a></li> ****/
.onbantm{position:relative;}
.onbantm a:hover:before{content: '';width:100%;height:100%;display:block;background: rgba(0, 0, 0, 0.5);position:absolute;left:0;top:0;z-index: 1;}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
body { overflow-x: hidden }
.box, article { width: 100%; }
#starlist li { margin-right: 0; width: 9%;}
#starlist li a { padding: 0 10px; }
.left-box, .page-box { width: 68%; }
.right-box { width: 31% }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
body { overflow-x: hidden }
.box, article { width: 960px; }
#starlist li { margin-right: 0; width: 9%;}
#starlist li a { padding: 0 10px; }
.ad-big, .left-box { width: 68%; }
.ad-small, .right-box { width: 31% }
.pics-list-price li i { height: 120px; line-height: 120px }
.page-title { width: 23% }
.page-box { width: 70% }
.pics .pic-list-img li:first-child i { height: 265px; line-height: 265px; }
.pic-list-img li i { height: 110px; line-height: 110px; }
}
 @media screen and (min-width: 850px) and (max-width: 959px) {
body { overflow-x: hidden }
.box, article { width: 100%; }
nav #starlist { width: 100%;}
#starlist li { margin-right: 0; width: 9%; font-size: 14px;}
#starlist li a { padding: 0 10px; }
.banner { width: 56% }
.Slide .slide-txt a{font-size:16px}
.headline-box { width: 42% }
.left-box { width: 68%; }
.right-box { width: 31% }
.pics .pic-list-img li:first-child i { height: 225px; line-height: 225px; }
.pic-list-img li i { height: 90px; line-height: 90px; }
.pics-list-price li i { height: 110px; line-height: 110px }
.pics-list-price li a { margin: 0 2px }
.videos-list li i { height: 110px }
.page-title { width: 23% }
.page-box { width: 68% }
}
@media screen and (max-width: 849px) {
.links{ display:none;}
body { overflow-x: hidden }
.box, article { width: 100%; }
.toolbar-open, .toolbar { top: 40% }
.logo-section { display: none }
article { /*! margin-top: 30px */ }
.topnav { /*! position: fixed !important; */left: 0; top: 0; z-index: 99; background: rgba(0,0,0,.6); border-top: #222222 40px solid; }
nav #starlist { width: 50%;float:right;}
#mnavh { /*! display: block; */ /*! top: -40px; */ position: absolute; right: 0; }
#starlist { display: none;}
#starlist li { width: 100%; margin: 0; background: #fff; border-bottom: #eee 10px solid; }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #222222; background: #fff; }
#starlist li a { text-align: left; text-indent: 2em; color: #000; width: 100%; padding: 0; }
#starlist ul.sub { background: none; width: 100%; display: block; position: initial; padding: 0; max-height: 420px;overflow: hidden;overflow-y: auto;}
#starlist ul.sub:before { display: none }
#starlist ul.sub li { border-bottom: none; width: 100%; overflow: hidden; line-height: 40px !important; border-top: none; height: 40px !important; }
#starlist ul.sub li:first-child { border-top: #eee 1px solid }
#starlist ul.sub li a { display: block; padding-left: 10px; text-indent: 3em; }
#starlist ul.sub li:hover a, #starlist li:hover a { background: none }
#starlist ul.sub li #selected { color: #000 !important }
.menu:after { content: "";width:0;height:0;overflow:hidden;font-size: 0; line-height: 0; border: 4px solid transparent;border-top: 4px solid #999;position:absolute;right:20px;top:24px; }
.menu:hover:after { transform: none; color: #222222; }
.menu span { display: block; ; position: absolute; width: 50px; height: 50px; background: #fff; top: 0; right: 0; border-left: #eee 1px solid; }
#starlist li:last-child { padding-bottom: 100%; }
#starlist ul.sub li:last-child { padding-bottom: 0 }
.toolbar-open { display: none }
.banner { width: 50% }
.Slide .slide-txt a{font-size:16px}
.headline-box { width: 48% }
.tuijian-news-list ul li { margin-bottom: 10px }
.tuijian-news-pic i { height: 140px }
.left-box { width: 100%; float: none; }
.right-box { width: 100%; margin-top: 20px; float: none; }
.pics .pic-list-img li:first-child i { height: 205px; line-height: 205px; }
.pic-list-img li i { height: 80px; line-height: 80px; }
.videos-list li i { height: 110px; }
.tags ul a { width: 14% }
.tags ul a:nth-child(n+22) { display: none }
.blogs-list ul { padding: 0 10px 10px;}
.blogs-list ul li { border-bottom: #eee 1px solid; padding: 10px 0; }
.blogs-list li i { display: none; }
.blogs-list li i { width: 106px; height: 80px; float: right; margin-right: 0; margin-left: 10px; }
.blogs-list li i img { width: 100%; height: 100%; }
.blogs-list li h2 { white-space: inherit; overflow: hidden; margin-top: 0; font-size: 16px; font-weight: normal; display: table-cell; vertical-align: middle; }
.blogs-list li h2 a { color: #000 }
.paihang .topnews, .suiji .topnews { display: none; }
.middle-inner { display: block }
#sidetab { margin: 20px 10px 0 }
.pics-list-box li a, .pics-list-price li a { margin: 0 5px 5px }
.pics-list-box li i { height: 110px; }
.mp-pics ul li a { height: 70px; line-height: 70px }
.pics-list-price li i { height: 110px; line-height: 110px }
.page-box { width: 55%; }
.topnav h2 { /*! display: block; */ /*! top: -40px; */}
}
@media screen and (max-width: 768px) {
.left-box { width: 100% }
aside { width: 100% !important; height: auto !important; }
.mp-pics ul li a { height: 110px; line-height: 110px; }
.page-title { width: 30%; float: left; }
.page-box { width: 60%; }
.endmenu { display: block }
}
 @media screen and (max-width: 700px) {
.banner {width: 100%; height: 0;padding-bottom:55%;position:relative;}
.Slide {display: block;height: 100%;width: 100%;float: none;position:absolute;top:0;left:0;overflow: hidden;}
.slide-txt{height: 36px;}
.slide-txt .txt_bg{height: 36px;}
.Slide .slide-txt a{height: 36px;line-height: 36px;font-size:16px}
.slide-nav{bottom: 12px;}
.headline-box { width: 100%; }
.tuijian-news-list ul li { width: 100%; }
.tuijian-news-list ul li:nth-child(n+4) { display: none }
.videos-list li i { height: 90px; }
.pics-list-price li { width: 33.3333% }
.videos-list .viewd, .wenzi-list li span { display: none }
.blogs-list li h2 b{font-weight:400;}
}
@media screen and (max-width: 480px) {
.Slide .slide-txt a{font-size:14px}
.search-page .search { margin-right: 10px; width: 80%; }
.search-page .search input.input_text { width: 76%; }
.search-page .search input.input_submit { background: none; }
.gd-box { overflow-x: scroll; }
#tab { width: auto; white-space: nowrap; overflow-x: scroll; }
.tab-a-more { top: 6px; }
.whitebg { border: none; overflow: hidden; }
.suiji,.paihang{ padding: 10px; }
.smalltext { display: none }
.news-title { margin: 10px 0;}
.news-title h2 { width: fit-content; padding-left: 10px; }
.news-title h2:after { left: 10px; width: 90% }
.page-position{padding-left:5px;}
#tab { margin: 10px 0 }
#tab-content { margin: 0; padding: 0 10px }
.tuijian-news-pic { width: 100%; margin-top: 10px; }
.btn-blue-border { display: none }
.tuijian-news-pic i { height: 190px; margin-bottom: 10px; }
.tuijian-news-pic i img { margin: auto; max-width: 100%; }
.tuijian-news-pic i span { display: none }
.tuijian-news-pic h2 { margin: 5px 0 }
.tuijian-news-pic p { -webkit-line-clamp: 2; height: 40px; }
.tuijian-news-list { width: 100%; margin: 20px 0; }
.tuijian-news-list ul li a { margin: 0 }
.right-box { margin-top: 10px; }
.pics .pic-list-img li:first-child { width: 50%; }
.pics .pic-list-img li:first-child i { height: 100px; line-height: 100%; }
.pic-list-img li { width: 50%; margin-bottom: 10px; }
.pic-list-img li a { margin: 0 5px }
.pic-list-img li span { text-align: left; font-size: 12px; margin-top: 0; line-height: 20px; }
.pic-list-img li i { height: 100px; line-height: 100%; margin-bottom: 5px; }
.pic-list-img li i img { }
.pic-list-img li:nth-child(n+7) { display: none }
.pic-list-img { padding-bottom: 10px; overflow: hidden; }
.news-zuixin-pic { width: 106px; height: 80px; }
.news-zuixin-pic img { height: 80px; }
.news-zuixin li { width: 100% }
.news-zuixin p { font-size: 12px }
.news-zuixin li:nth-child(n+5) { display: none }
.videos-list li { width: 50% }
.videos-list li:nth-child(n+7) { display: none }
.videos-list li a { margin: 0 3px }
.videos-list li i { }
.videos-list li h2 { font-size: 12px; overflow: hidden; background-size: 20px; line-height: 20px; }
.videos-list li p { display: none }
.wenzi-list li {width:97%;float:none;}
.wenzi-left { width: 100% }
.wenzi-right { display: none }
.tags ul a { width: 33.333%; }
.tags ul a:nth-child(n+13) { display: none }
.tags ul, .links ul { margin: 0 10px 10px; }
.blank { height: 10px; }
.wxbox { width: 100%; text-align: center; margin-bottom: 20px }
.wxbox li { float: none; display: inline-block }
.endnav b { display: none }
.endnav { text-align: center; padding: 0 10px; clear: both; }
.topnav h2 { /*! display: block; */ }
.blogs-box { overflow: hidden }
.hnav, .weizhi { float: left;padding-left: 10px; }
.hnav, .weizhi,.hnav, .weizhi a { font-size: 14px; color: #888; }
.wz-title { display: none; }
.info-pre-next ul li { width: 100%; overflow: hidden; float: none; margin-bottom: 6px; border-bottom: #eee 1px solid; padding-bottom: 6px; }
.info-pre-next ul li:last-child { border-bottom: none }
.info-pre-next ul li:nth-child(1) a { margin-right: 0; }
.info-pre-next ul li:nth-child(2) a { margin-left: 0; }
.otherlink, .pinglun-box { overflow: hidden }
.otherlink ul li { width: 100% }
.plr20 { padding: 0 10px; }
#tab li:hover:after, #tab li.tab-current:after { left: 10px; width: 66px; }
.pics-list-box li { width: 50% }
.mp-pics ul li a { height: 70px; line-height: 70px; }
.mp-pics ul li a img { height: 70px; width: auto; }
.pics-list-price li { width: 50%; margin-bottom: 10px; }
.shopview { width: 90%; padding: 0; border: 0; margin: auto; float: none; }
#pageContents { overflow-x: scroll; }
#pageContents ul { width: 800px; }
.page-title { width: 100%; float: left; }
.page-box { width: 100%; margin-left: 0; padding-left: 0; border: none; margin-top: 10px; }
.page-title li { width: 100px; float: left; margin-right: 10px }
.blogs-list ul { padding: 0 10px 10px;}
.blogs-list ul li { border-bottom: #eee 1px solid; padding: 10px 0; }
.blogs-list li i { width: 106px; height: 80px; float: right; margin-right: 0; margin-left: 10px; }
.blogs-list li i img { width: 100%; height: 100%; }
.blogs-list li h2 { white-space: inherit; overflow: hidden; margin-top: 0; font-size: 15px; font-weight: normal; display: table-cell; vertical-align: middle; }
.blogs-list li h2 a { color: #000 }
footer { padding: 20px 0 10px }
.headline-news { overflow: hidden; padding: 17px 20px 20px; }
.endmenu { display: block }
.swiper-container { height: 230px !important; }
a.btn-add { margin: auto }
span.po-classname { display: none }
.picview-other { font-size: 12px; }
span.po-date { float: left; }
span.po-writer { float: right; }
.picview-other span { margin-right: 0px; }
.news-title-h1 { font-size: 18px; margin-top: 20px; text-align: left; }
.newstext-box { padding: 0 10px 0; }
.arc-title-top { margin: 0; }
.info-pre-next { margin: 10px 0 0; }
.info-pre-next em { font-size: 15px; line-height: 26px; color: #333333; background: #ffffff; }
.info-pre-next ul li i { width: 50px; height: 26px; line-height: 26px; }
.info-pre-next img { display: none; }
.info-pre-next p { display: none; }
.info-pre-next h2 { font-size: 15px; line-height: 26px; color: #333333; font-weight: 500; }
.mp-info { display: none }
.wztitle-list li span { display: none }
.pics-list-price span.pics-btn, .pics-list-price li p { display: none; }
.pics-list-price li h2 { line-height: 20px; font-size: 14px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; white-space: inherit; height: 40px; }
.pics-list-price li i { height: 100px; line-height: 100px; }
.keywords a { font-size: 12px }
.keywords a:last-child { margin-bottom: 20px }
.article-a,.article-b { background: #fff; width: 100%; float: none; }
.ftcopy{ display: none }
}

.full-width-box{width:100%!important;margin-top:20px;float:left;}

.full-width-box .mb{margin-bottom:20px}
.full-width-box .mt{margin-top:20px}
.full-width-box .mr{margin-right:20px}
.full-width-box .br{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.full-width-box .sb{box-shadow:0 1px 3px rgba(26,26,26,.2);background:#fff}

.full-width-box .article-list{width:32%;margin-right:2%;padding: 1.5em;position: relative;}
.full-width-box .article-list:nth-child(3n+3){margin-right:0}
.full-width-box .article-list .content{margin-left:0}
.full-width-box .article-list .intro{padding:0;height: 50px;line-height:25px;color: #888;margin-bottom:10px;overflow: hidden;}
.full-width-box .article-list .content .title{margin: 5px 0}
.full-width-box .article-list p.clearfix{padding-top:0.5em}
.full-width-box .article-list .figure{width:80px;height:80px;padding:10px;border:1px solid #ddd;border-radius: 50%;margin:10px auto 20px;}
.full-width-box .article-list .figure img{width:100%;height:100%;}

@media screen and (max-width: 768px) {
.full-width-box .mb{margin-bottom:10px}
.full-width-box .article-list{width:98% !important;margin-left:1%;margin-right:1%;margin-bottom:15px;border-radius:5px;padding: 3vw;}
.full-width-box .article-list .figure {width: 60px;height: 60px;padding: 5px;border: 0px solid #ddd;margin: 10px 10px 10px 0;float:left;border-radius:0px;}
.full-width-box .article-list .content {margin-left: 70px;margin-right:70px;padding-top:0;position:relative;}
.full-width-box .article-list .content .title{font-size: 14px;text-align:left;font-weight:bold;}
.full-width-box .article-list .content .intro {padding: 0;font-size:12px;height:40px;line-height:20px;text-align:left;}
.full-width-box .article-list p.clearfix {position:absolute;top:24px;right:-70px;}
.full-width-box .article-list p.clearfix .view{font-size:12px;border:1px solid #0a8;padding:3px 5px;border-radius: 3px;}
.full-width-box .article-list p.clearfix .view i{display:none;}
}

.autoshowpc{display:block !important;}
.autoshowmb{display:none !important;}
@media screen and (max-width: 600px) {
.autoshowpc{display:none !important;}
.autoshowmb{display:block !important;}
}