/*
 * author: jinbo
 * time: 2022-01-24
*/
html,body,h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,iframe,textarea,input,button,p,span,a,em,i,s,img,s,b,strong,form,label,table,tbody,tfoot,thead,tr,th,td,hr,video{margin:0;padding:0}
body{font:14px/1.8 "\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;color:#333; min-width:1200px;background:#f7f9fa;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
em,i,s,b{font-style:normal;}
ol,ul{list-style: none;}
img{border:none;}
a,textarea,select,input{resize:none;outline:none; font-family:"\5FAE\8F6F\96C5\9ED1",Tahoma,Arial,sans-serif;}
a{color:#444;text-decoration:none;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s; transition:all .2s ease-out 0s;}
a:hover {text-decoration:none;color:#f30;}
::-webkit-input-placeholder {color:#aaa;} 
:-moz-placeholder {color:#aaa;} 
::-moz-placeholder {color:#aaa;} 
:-ms-input-placeholder {color:#aaa;}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both;}
.clearfix {*zoom:1;}

.wrap{width:1200px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.mt10{margin-top: 10px;}
.mt20{margin-top:20px;}
.box320{width:320px;}
.box860{width:860px;}
.box840{width: 840px;}
.pdlr{padding: 10px 15px;}
.bgwhite{background: #fff;}
.icons{background-image: url(../images/icons.png);background-repeat: no-repeat;}

.header{position:fixed;z-index:9;width:100%;height:80px;background:#fff;-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);}
.logo{float:left;width: 124px;height: 60px;margin:12px 40px 0 0;}
.head-block{height:100px;}

.nav{float:left;padding:18px 10px 0 15px;}
.nav ul li{float: left;padding:0 28px;font-size: 16px; color: #444;}
.nav ul li a{position: relative;display:block;height:48px;line-height:48px;}
.nav ul li.on a:after{content: '';position: relative;top: -4px;display: block;width:80%;margin:0 auto; height: 4px; border-radius:4px;background: #ff6600;}
.header-extend{position:relative;float:right;}
.header-extend .search,.header-extend .mobile,.header-extend .wechat{float:left;padding:0 20px;}
.header-extend .icons{display: block; width:24px;height:80px;-webkit-transition: none; -moz-transition:none;transition: none;} 
.header-extend .icons-search{background-position:0 28px;}
.search-mask{display:none;position: fixed;z-index: 8;left: 0;right: 0;top: 0;bottom: 0; filter: alpha(opacity=60);-moz-opacity: .6; -khtml-opacity: .6;opacity: .6; background: #000;}
.seach-box{display:none;position: absolute;top:100px;right:0;width:360px;height:56px;background:#fff;}

.search-text{float:left;width:250px;height:24px; line-height:24px;padding:16px 10px;border:0 none;}
.search-btn{float:left;width:90px;height:56px;background:#f60; font-size:16px;border:0 none; color:#fff;cursor: pointer;}
.search-btn:hover{background:#f30;}
.header-extend .icons-mobile{background-position:0 -40px;}
.header-extend .icons-mobile:hover{background-position:-64px -40px;}
.header-extend .icons-wechat{background-position:0 -104px;}
.header-extend .icons-wechat:hover{background-position:-64px -104px;}
.header-extend .icons-x{background-position:0 -370px;}
.header-extend .mobile{position: relative;}
.mobile-code{display:none;position: absolute;top:70px;left:-40px;padding:10px;width:124px;background:#fff; -webkit-box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);box-shadow: 0 1px 6px 0 rgba(0,0,0,.1);}
.mobile-code img{display: block; margin: 0 auto; }
.mobile-code p{margin-top:10px;text-align: center;font-size:14px; }
.header-extend .wechat{position: relative;}


.slide{position: relative;width:860px;height:360px;}
.slide-list{width:860px;height:360px;}
.slide-list ul li{position:absolute;width:860px;height:360px;display: none;}
.slide-list ul li:first-child{display:block;}
.slide-list ul li a{display:block;width:860px;height:360px; overflow: hidden;}
.slide-list ul li a img{  -webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s}
.slide:hover .slide-list ul li a img{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.slide-mask{ position: absolute;left:0;bottom:0; width: 100%;height:126px;background: linear-gradient(to bottom,transparent,rgba(0,0,0,1)); }
.slide-bt{position: absolute;left:0;bottom:52px;width:630px;padding:0 20px;font-size: 20px; line-height: 26px;font-weight: bold;}
.slide-bt a{color:#fff;}
.slide-control{position: absolute;left:0;bottom:16px;width:630px;padding:0 20px;}
.slide-control ul li{position:relative;float:left;width:12px;height:12px;margin-right:10px;-webkit-border-radius:100%; border-radius:100%;-webkit-box-sizing: border-box;box-sizing: border-box;background:#ccc; cursor: pointer;}
.slide-control ul li.on{background:none;border:2px solid #f60;}
.slide .prev,.slide .next{position: absolute;top:50%;width: 32px;height: 48px;margin-top:-24px;opacity:.6; cursor: pointer;}
.slide .prev{left:10px;background-position:-109px -188px; }
.slide .next{right:10px; background-position:7px -188px; }
.slide:hover .prev, .slide:hover .next{opacity:1;}



.news-list ul li{padding: 30px;border-bottom: 1px solid #efefef; overflow: hidden;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;}
.news-list ul li:hover {-webkit-box-shadow: 0 0 8px 6px hsla(0,0%,74%,.5);box-shadow: 0 0 8px 6px hsla(0,0%,74%,.5);}
.news-list ul li .img{float:left;position:relative;width:240px;height: 160px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.news-list ul li .img span{position: absolute;z-index: 2;top: 10px; left: 10px; padding: 0 12px; height: 20px;font-size: 12px; color: #fff;filter: alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;background: #000;border-radius: 100px;line-height: 20px;}
.news-list ul li .img img{ -webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s}
.news-list ul li .img:hover img{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.news-list ul li .info{position:relative;float:right;width: 530px;height: 160px;}
.news-list ul li .info .bt{font-size: 20px;font-weight: 700;color: #333;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 2; max-height: 64px;margin-bottom: 15px;line-height: 28px;}
.news-list ul li .info p{max-height: 62px; line-height: 20px;font-size: 14px;font-weight: 400;color: #737373;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-list ul li .ms{position: absolute;bottom:5px;width:100%;height:24px;line-height:24px;color: #b3b2b2;font-size: 12px;}
.news-list ul li .ms .write img{float:left;display:inline-block;width:24px;height:24px;margin: auto 6px auto 0; border-radius: 100%;box-shadow: 0 2px 2px rgba(51,51,51,.2);background:#fff;}
.news-list ul li .ms .write span{float:left;height:24px;line-height: 24px;color:#b3b2b2;margin-right: 6px;}
.news-list ul li .ms .time{color: #b3b2b2;font-size: 12px;}
.titles .bt{float: left;position: relative;height: 28px;padding-left: 10px;line-height: 28px;font-size: 16px;font-weight: 600;}
.titles .bt:before{content: ""; position: absolute;top: 5px;left:0;width: 3px;height:16px;background:#f30; }
.titles.pd {padding: 10px 10px 10px 15px;}
.hot-rec ul li.first {position: relative;width: 290px;height: 193px;margin: 15px 0;padding: 0;border-bottom: 0;}
.hot-rec ul li.first .items-img{width: 290px;height: 193px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}
.hot-rec ul li.first .items-img img{width: 290px;height: 193px;-webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s}
.hot-rec ul li.first .items-img:hover img{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.hot-rec ul li.first .items-infos{ position: absolute;bottom:0;left:0;width:270px;padding: 5px 10px;background: -o-linear-gradient(top,transparent,rgba(0,0,0,.7));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.7))}
.hot-rec ul li.first .items-infos .bt{max-height: 36px;margin-bottom: 5px;line-height: 18px;color: #fff;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hot-rec ul li.first .items-infos .info{color: #fff;font-size: 12px;}
.hot-rec ul li.first .items-infos .info .icons-view{display: inline-block;width: 14px;height:14px;background-position:-64px -496px;vertical-align: middle;margin: 1px 4px 0 0;}
.hot-rec ul li.first:before{ content: "TOP 1";z-index: 2; position: absolute;left: 0;top: 10px;display: block;width: auto;height: auto;padding: 3px 6px 3px 4px;color: #fff; font-size: 12px; line-height: 12px;font-weight: 600;font-style: italic;text-align: center;border-radius: 0 10px 10px 0;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);background: -o-linear-gradient(315deg,#f84975 10%,#f36 100%);background: linear-gradient(135deg,#f84975 10%,#f36);}
.hot-rec ul li .items-img{float: left;width: 120px;height: 80px;margin-right: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; overflow: hidden;}

.hot-rec ul li{position: relative;padding: 15px 0;border-bottom: 1px solid #efefef; overflow: hidden; }
.hot-rec ul li:last-child{border-bottom: 0}
.hot-rec ul li .items-img img{width: 120px;height: 80px;-webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s}
.hot-rec ul li .items-img:hover img{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.hot-rec ul li .items-infos .bt{max-height: 40px;margin-bottom: 8px;line-height: 20px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hot-rec ul li .items-infos .info{font-size: 12px;}
.hot-rec ul li .items-infos .info .icons-view{display: inline-block;width: 14px;height:14px;background-position:-128px -496px;vertical-align: middle;margin: 1px 4px 0 0;}
.hot-rec ul li:nth-child(2):before {content: "TOP 2";z-index: 2; position: absolute;left: 0;top: 10px;display: block;width: auto;height: auto;padding: 3px 6px 3px 4px;color: #fff; font-size: 12px; line-height: 12px;font-weight: 600;font-style: italic;text-align: center;border-radius: 0 10px 10px 0;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);background: -o-linear-gradient(315deg,#ff7a66 10%,#ff2d2d 100%);background: linear-gradient(135deg,#ff7a66 10%,#ff2d2d)}
.hot-rec ul li:nth-child(3):before {content: "TOP 3";z-index: 2; position: absolute;left: 0;top: 10px;display: block;width: auto;height: auto;padding: 3px 6px 3px 4px;color: #fff; font-size: 12px; line-height: 12px;font-weight: 600;font-style: italic;text-align: center;border-radius: 0 10px 10px 0;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);  background: -o-linear-gradient(315deg,#f59f55 10%,#ff6922 100%);background: linear-gradient(135deg,#f59f55 10%,#ff6922)}

.common-list ul li{position: relative;padding: 5px 0 10px 12px;font-size: 14px;max-height: 48px;line-height: 24px;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.common-list ul li:before{content: ""; position: absolute; left: 0;top: 12px;  width: 0;height: 0;line-height: 0;border: 4px solid transparent;border-left: 5px solid #ccc}


.lately ul li{padding:10px 0;}
.lately ul li a{display: block; overflow: hidden;}
.lately ul li .img{float:left;display:inline-block;width:120px;height:80px;margin-right:15px; overflow: hidden;}
.lately ul li .img img{width:120px;height:80px;-webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s;transition: all .2s ease-out 0s}
.lately ul li .img:hover img{-webkit-transform: scale(1.04);-ms-transform: scale(1.04);transform: scale(1.04);}
.lately ul li .bt{ height: 40px;line-height: 20px;margin-bottom: 16px;font-size: 14px;font-weight: 500;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; text-overflow: ellipsis; word-break: break-all;overflow: hidden;}
.lately ul li .time{font-size: 12px;font-weight: 500;color: #b3b2b2;}

.friends .tit{height: 40px;background: #f3f3f3; overflow: hidden;}
.friends .tit .bt{float:left;height: 40px;line-height: 40px;color: #333;font-size: 16px;margin-bottom: 15px;font-weight: bold;padding-left: 15px; border-left: 3px #f30 solid;}
.friends .tit span{float:right;height: 40px;line-height: 40px;padding-right:20px;font-size:12px; color:#888;}
.friends ul{padding: 15px;}
.friends ul li{float:left;margin-right:18px;margin-bottom:8px; white-space: nowrap;}

.footer{margin-top: 10px;padding: 10px 0; text-align: center;color: #888;font-size: 13px;}


.bread{font-size: 12px;color: #999;}
.bread a{color:#666;}
.bread a:hover{color: #4889f3;}
.bread .icons{position: relative;top: 7px;display: inline-block;width: 16px;height: 18px;background-position: 0 -496px;margin-right: 4px;}


.pages {margin:20px 0;text-align:center; clear:both;}
.pages span,.pages a {display:inline-block; margin-right:1px;margin-bottom:10px; color:#666;background:#fff;}
.pages a,.pages span {padding:8px 16px; border:1px solid #e6e6e6; }
.pages a:hover,.pages a.on {background: #f30;; border:1px solid #f30; color:#fff; text-decoration:none; }
.pages ul li{display:inline-block; margin-right:2px;margin-bottom:10px; color:#666;}
.pages ul li.thisclass{padding:8px 16px;background: #f30;; border:1px solid  #f30;; color:#fff; text-decoration:none; }


.classfiy ul{padding:10px 0;}
.classfiy ul li{float:left;display:inline-block;width:91px; height:28px;margin:5px 5px 0 0;background:#f2f2f2;}
.classfiy ul li a{display:inline-block;width:91px; height:28px; line-height:28px ; text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; }
.classfiy ul li a:hover{background:#f30; color:#fff;}

.article-box{padding: 20px;}

.article-title{font-size: 32px;color: #000;margin-bottom: 10px;}
.article-infos{padding:10px 0 20px 0; line-height: 28px;border-bottom:1px solid #f2f2f2;color:#999;}
.article-infos .writer{float:left;}
.article-infos .writer span{float:left;height:28px;line-height: 28px;padding:0 40px 0 0;color:#1e4aa1;}
.article-body{ padding:20px 0;font-size: 16px;line-height: 28px; color: #757575;}
.article-body p {padding:10px 0;}
.article-body h2 {margin:10px 0;font-size:24px;color:#000;overflow:hidden;padding-bottom: 12px;text-indent:14px;}
.article-body h2:before {content: "";float: left;display: block;width: 5px;height: 20px;background-color: #f30;margin: 6px 5px 0 0;}
.article-body h3{margin:10px 0;font-size:22px;color:#111;}
.article-body a{color:#ff9136;padding:0 4px;}
.article-body img{display:block;max-width:90%;margin:0 auto;}
.article-body table{width:100% !important;border-collapse:collapse;}
.article-body table th{background:#fff; padding:1px 2px; line-height:2.2em; text-align:center;}
.article-body table th{background:#c00; color:#fff; padding:0 10px; height:36px; line-height:20px;}
.article-body table td{text-align:center; border:1px solid #e2e2e2 !important; padding:5px;}

.next-flash .split {font-size: 16px;line-height: 54px;border-bottom: 1px solid #F0F0F0; color: #333;margin-bottom: 20px}
.next-flash .tit {font-size: 18px;line-height: 24px;color: #333; margin-bottom: 12px;display: block}
.next-flash .tit:hover { color: #4889f3;}
.next-flash .content {font-size: 14px;color: #666;line-height: 23px;margin-bottom: 12px}
.next-flash .pre-post-time {font-size: 12px;color: #969696}
.notice{margin:40px 0;color:#aaa;font-size:12px;line-height:28px;}