@charset "utf-8";
/*img{ width: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    vertical-align: top;
}
  */ 
.homepage{ padding-bottom:50px;}

/*left*/
.lefttopad a img{ display:block; width:825px; height:90px;}
.crumb{ font-size:14px; padding-top:18px;}
.crumb a{text-decoration: none; color: #3f3b3b;}
.crumb a:hover{color:#007bcd; cursor:pointer;}

.detailed{ margin-top:28px;}
.detailed h1{ font-size:27px; line-height:40px; font-weight:bold;}
.userInfo{  margin-top:15px;font-size:14px;line-height:14px;color:#949494} 
.userInfo a ,.userInfo span{font-size:14px; line-height:14px; color:#949494; margin-right:20px;}
.userInfo a.editor{ color:#3ca5f6; }
.userInfo a.editor:hover{ text-decoration:underline;}
.keytxt b{ display:none;}
.keytxt{ background:#f6faff; border-left:3px solid #dde9f6; margin-top:30px; padding:22px 40px; font-size:14px; line-height:28px; color:#494949;}
#ArticleContent{ padding-top:25px;}
#ArticleContent p{ font-size:17px!important; line-height:34px!important; margin-bottom:25px!important;}
#ArticleContent p img{ display:block; width:825px; height:auto;}
#ArticleContent h2, #ArticleContent h3, #ArticleContent h4, #ArticleContent h5, #ArticleContent h6 { font-size: 18px !important; line-height: 34px !important; margin-bottom: 25px !important; font-weight: bold; }
#ArticleContent p a { color: #3ca5f6; }
.detailed p.statement{ font-size:14px; color:#878787;}
.detailed p.statement span ,.detailed p.statement a{ color:#eb5350;}
.detailed p.statement a{ padding:0 5px;}
.detailed p.notice{ font-size:14px; color:#878787; margin-top:10px; margin-bottom:0;}
.tryend{ text-align:center; padding:45px 0 100px;}
.tryend b{ display:block; font:bold 30px/30px "Microsoft Yahei"; color:#1b82d2;}
.tryend p{ font:15px/15px "Microsoft Yahei"; color:#636363; margin-top:15px;}
.tryend p a { color:#379be9;}

.articletab{ margin-top:20px;line-height:32px; font-size:14px; color:#878787;}
.articletab a{ background:#f6f6f6; padding:0 20px; height:32px; border-radius:32px; font-size:13px; color:#556699; display:inline-block; line-height:32px; margin-left:10px;}
.articletab a:hover{ background:#f0f0f0;}


/*����*/
.thumbs-up{ margin-top:30px; }
.thumbs-up a{ width:72px; height:72px; border-radius:72px; border:1px solid #f0efef; display:block; margin:0 auto; background:#ffffff; text-align:center; font-size:14px; color:#8c8c8c; }
.thumbs-up a em{ display:block; background:url(../images/icon.png) no-repeat 0 -50px; width:28px; height:26px; margin:15px 0 0 24px;}
.thumbs-up a span{ display:block; margin-top:3px; }
.thumbs-up a:hover{ background:#ff505a; border:1px solid #ff505a;}
.thumbs-up a:hover em{ background:url(../images/icon.png) no-repeat 0 0;}
.thumbs-up a:hover span{ color:#ffffff;}
.thumbs-select a { background: #ff505a; border: 1px solid #ff505a; }
.thumbs-select a em { background: url(../images/icon.png) no-repeat 0 0; }
.thumbs-select a span { color: #ffffff; }
.thumbs-up p{ color:#7a7a7a; font-size:14px; text-align:center; margin-top:10px;}


/*������Ϣ*/
.arteditor{ background:#ffffff; border:1px solid #f4f4f4; -moz-box-shadow:1px 1px 8px #f4f4f4; -webkit-box-shadow:1px 1px 8px #f4f4f4; box-shadow:1px 1px 8px #f4f4f4; margin-top:18px; padding:20px 28px;}
.arteditor:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.artleft{ float:left; width:480px; } 
.artright{ float:right; width:280px;}
.artleft dl:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.artleft dl dt{ float:left; width:40px; height:40px; border-radius:40px; margin-right:10px; overflow:hidden;}
.artleft dl dd{ float:left; width:430px;}
.artleft dl dt a img{ display:block; width:40px; height:40px; border-radius:40px;}
.artleft dl dd p a{ font-size:15px; margin-right:8px;}
.artleft dl dd p em{ border:1px solid #ffa12d; height:18px; border-radius:18px; color:#ffa726; font-size:12px; font-style:normal; padding:0 6px; }
.artleft dl dd span{ display:block; font-size:12px; color:#848484; margin-top:7px;text-overflow: ellipsis;overflow:hidden;white-space:nowrap;word-wrap: normal;}
.artright ul{ margin-top:15px;}
.artright ul li{ float:right; margin-left:20px; font-size:12px; color:#ababab; padding-left:20px;}
.artright ul li.artnumb{ background:url(../images/icon.png) no-repeat 0 -130px;}
.artright ul li.readnumb{ background:url(../images/icon.png) no-repeat 0 -98px;}
.authorList { margin-bottom: 30px; }

/*��������*/
.artcomment{ margin-top:60px;}

/*�������*/
.aboutnews { margin-top: 54px; }
.aboutnews b.artitle { background: url(../images/icon.png) no-repeat 0 -165px; font-weight: bold; color: #3f3b3b; font-size: 23px; padding-left: 10px; }
.newsbox ul { margin-top: 16px; width: 874px; }
.newsbox ul:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.newsbox ul li { float: left; width: 242px; margin-right: 49px; }
.newsbox ul li:last-child { margin-right: 0; }
.newsbox ul li a { display: block; border: 1px solid #f4f4f4; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; padding-bottom: 15px; }
.newsbox ul li a img { display: block; width: 240px; height: 165px; }
.newsbox ul li a:hover { box-shadow: 0 5px 15px rgba(45,50,55,.2); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); color: #3f3b3b; }
.newsbox ul li a span { font-size: 14px; line-height: 22px; height: 44px; display: block; margin: 15px 15px 0; overflow: hidden; }

/*����Ƽ�*/
.artsubject{ margin-top:54px;position:relative; }

.subjectleft{ width:100px; float:left; margin-right:40px;}
.subjectright{ width:685px; float:left; padding-top:31px;}
.flot .subjectleft{position:fixed;top:25px;z-index:9999;width:100px;}
.flot .subjectright{ position:relative; left:140px;}

.subjectleft b.artitle{ background:url(../images/icon.png) no-repeat 0 -165px; font-weight:bold; color:#3f3b3b; font-size:23px; padding-left:10px; margin-bottom:30px; display:block;}
.leftmenu{ border:1px solid #f6f6f6; background:#ffffff;}
.leftmenu ul li a{display:block;height: 46px;font:14px/46px "Microsoft Yahei";color:#666666;text-align:center;border-bottom:1px solid #f6f6f6;}
.leftmenu ul li.subcur a ,.leftmenu ul li a:hover{ background:#00568f; color:#ffffff;}


 /*�Ҳ���*/
.activead{ border:1px solid #f8f8f8; margin-bottom:10px;}
.activead a p{ width:298px; height:204px; display:block; overflow:hidden;}
.activead a img{ display:block; width:298px; height:204px;}
.activead a span{ background:#f8f8f8; display:block;  text-align:left; font-size:13px; color:#3f3b3b; line-height:22px; padding:10px 19px;}
.activead a:hover span{ color:#007bcd;}



/*24Сʱ����*/
.righthotnews { background: #f8f8f8; padding: 21px 25px 26px; margin-bottom: 10px; }
.quicktitle { margin-top: 8px; }
.quicktitle b { border-left: 3px solid #eb5350; padding-left: 10px; height: 17px; display: block; overflow: hidden; font: 18px/16px "Microsoft Yahei"; color: #3f3b3b; }
.data { margin-top: 20px; }
.data ul li { font-size: 14px; color: #5b5757; margin-top: 20px; overflow: hidden; }
.data ul li a { float: left; width: 220px; font-size: 14px; color: #5b5757; line-height: 24px; }
.data ul li a:hover { color: #007bcd; }
.data ul li span { width: 28px; height: 25px; display: block; float: left; }
.data ul li span.hot { background: url(../images/hottu.gif) no-repeat 0 -7px; }
.data ul li span.seq2 { background: url("../images/number.png") no-repeat 0px -58px; }
.data ul li span.seq3 { background: url("../images/number.png") no-repeat 0px -120px; }
.data ul li span.seq4 { background: url("../images/number.png") no-repeat 0px -183px; }
.data ul li span.seq5 { background: url("../images/number.png") no-repeat 0px -227px; }

/**/
.contentList{  padding:15px 0px ; border-bottom:0 !important; overflow: hidden;transition: all 0.2s linear;-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;}
.contentList:hover{-ms-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15);box-shadow: 0 15px 30px -20px rgba(0, 0, 0, 0.15); -moz-transform: translate3d(0, -2px, 0);  -ms-transform: translate3d(0, -2px, 0);  -webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.contentList:hover dl dt img{-webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1)}
@-webkit-keyframes zoomIn {0% {-webkit-transform:scale3d(1, 1, 1)}50% {-webkit-transform:scale3d(1.2, 1.2, 1.2)}}

.contentList dl dt{ width:208px; height:143px; overflow:hidden; float: left; margin-right: 20px;}
.contentList dl dt a img{ display:block; width:208px; height:143px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.contentList dl dt a:hover img{-webkit-transform: scale(1.04);-moz-transform: scale(1.04);-ms-transform: scale(1.04);-o-transform: scale(1.04);transform: scale(1.04);}
.contentList dl dd{ width:457px; float: left;}
.contentList h2.bigtitle{ font-size: 18px; font-weight: bold; line-height:28px;color: #3f3b3b;}
.contentList p.details{font-size:13px; line-height:22px; color:#b3b3b3; /*height:44px; overflow: hidden; */margin-top:10px;}
.contentList p.details a{color: #b3b3b3;}
.contentList p.details a:hover{color:#007bcd;}

.authorThumbs a .authorName { float: left; color: #bbbbbb; font-size: 14PX; line-height: 25PX; margin-right: 17px }
.authorThumbs a.icon { width: 23px; height: 20px; display: inline-block; margin-right: 17px; float: left; }
.authorThumbs a.likes { background: url("../images/icon.png") no-repeat 5px -4px; cursor: pointer; }
.authorThumbs a.likes:hover { color: #bbbbbb; }
.authorThumbs a:hover.likes{ background: url("../images/icon.png") no-repeat 5px -41px; }
.authorThumbs a.num { width: auto;margin-right:23px }
.authorThumbs a.likesSelection { background: url("../images/icon.png") no-repeat 5px -41px; }
.authorThumbs a.message { background: url("../images/icon.png") no-repeat 0px -74px; }
.authorThumbs a:hover.message { background: url("../images/icon.png") no-repeat 0px -109px; }
.authorThumbs a.messageSelection { background: url("../images/icon.png") no-repeat 0px -109px; }
.authorThumbs a.lock { background: url("../images/icon.png") no-repeat 2px -148px; }
.authorThumbs a:hover.lock { background: url("../images/icon.png") no-repeat 2px -185px; }
.authorThumbs a.lockSelection { background: url("../images/icon.png") no-repeat 0px -185px; }
.authorThumbs span.original { color: #3ca5f6; font-size: 13px; padding-right: 15px; float: left; margin-top: 2px;line-height:22px }
.authorThumbs span.recommend { float: right; color: #eb5350; border: 1px solid #efb9b9; border-radius: 2px; font-size: 12px; padding: 1px 4px; }
.picContent ul{ width:714px; overflow: hidden; margin-top: 20px;}
.picContent ul li{float:left; margin-right:30px; width:208px; height:143px; overflow:hidden;border-radius:6px;}
.picContent ul li a img{ display:block; width:208px; height:143px;border-radius:6px; overflow:hidden;}
.picContent ul li a:hover img{-webkit-animation:zoomIn 2s cubic-bezier(0.42,0,.58,1)}
@-webkit-keyframes zoomIn {0% {-webkit-transform:scale3d(1, 1, 1)}50% {-webkit-transform:scale3d(1.2, 1.2, 1.2)}}



.authorThumbs .time{float: left; color: #bbbbbb; font-size: 14PX; line-height: 25PX; /*margin-left: 18px;*/}


.seemoreArticle a{ width:160px; height:33px; border:1px solid #e8e8e8; border-radius:3px; display:block; text-align:center; font-size:14px; line-height:33px; color:#666666; margin:40px auto 0;}


/*�ɹ���Ŀ*/
.quicknews { width: 250px; float: left; background: #f8f8f8; padding: 21px 25px; margin-bottom: 10px; }
.quicktitle { margin-top: 8px; }
.quicktitle a { float: right; font: 12px/16px "Microsoft Yahei"; color: #bebdbd; }
.quicktitle b { border-left: 3px solid #eb5350; padding-left: 10px; height: 17px; display: block; overflow: hidden; font: 18px/16px "Microsoft Yahei"; color: #3f3b3b; }
.quicknews .container { height: 398px; overflow: hidden; margin-top: 15px; }

.supply{ font-size: 14px; color: #3f3b3b;margin-top: 21px;}
.quicknews .supply ul li{ line-height: 33px;}
.quicknews .supply ul li span{ float: left; margin-top: 0px; line-height:33px;font-size: 12px;color: #b2b2b2;width:50px}
.quicknews .supply ul li p{ width: 200px;font-size: 14px; float: left;}
.quicknews .supply ul li b{ font-weight: normal; color: #3ca5f6; padding-right: 7px; margin-right: 7px; /*border-right: 1px solid #e4e0e0;*/display:block;float:left;width:35px }
.quicknews .supply ul li b span{ border-right: 1px solid #e4e0e0;  padding-right: 7px; color: #3ca5f6;  width:25px; display:inline-block; height:13px; overflow:hidden; line-height:13px; margin-top:10px; }
.quicknews .supply ul li a{ display: block; float:left; width:132px; height:33px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap: normal;}


/**�ѵ�����ʾ*/
.end-prompt { position: absolute; top: 147%; left: 318%; padding: 30px 0; width: 220px; margin-left: -110px; text-align: center; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.65); border-radius: 4px; _background-color: #000; z-index: 4; }
.end-promptTwo { position: absolute; top: 45%; left: 57%; padding: 30px 0; width: 220px; margin-left: -110px; text-align: center; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.65); border-radius: 4px; _background-color: #000; z-index: 4; }
.end-promptThree { position: absolute; /* top: 233%; */ /* left: 57%; */ padding: 30px 0; width: 220px; margin-left: 450px; margin-top: -70px; text-align: center; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.65); border-radius: 4px; _background-color: #000; z-index: 4; }

/** ����ҳԤ����ʽ*/
.preview { position: fixed; top: 35%; left: 35%; background: url(../images/preview.png); width: 600px; height: 536px; z-index: 20; }

/*����ҳ��������ʽ*/
.subheading { font-size: 20px; margin-top: 15px; padding-bottom: 10px; line-height: 35px; }
.contentDetailed{width:820px;overflow: hidden;}
.contentDetailed img{max-width:820px;}
/*视频展示*/
.videoShow{ width:825px; height:464px; margin-top:28px; overflow:hidden;}
.videoShow iframe{ width:825px; height:464px; display:block; overflow:hidden!important; }
/*20211227*/

.artFot{ margin-top:30px;}

.artFot:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }

.artFot .thumbs-up{ float:left; width:324px; margin-top:0;}

.artFot .wxCode{ float:left; width:176px; text-align:center;}

.artFot .foded{ float:left; width:325px; text-align:center;}


.artFot .wxCode p{ width:74px; height:74px; margin:0 auto;}

.artFot .wxCode p img{ display:block; width:100%;}

.artFot .wxCode span{ display:block; font-size:14px; line-height:20px; color:#7A7A7A; margin-top:10px;}



.artFot .foded a{ display:block;}

.artFot .foded a p{ display:block; width:72px; height:72px; background:#FFFFFF; border:1px solid #F0EFEF; border-radius:72px; margin:0 auto; text-align:center;}

.artFot .foded a p em{ display:block; background:url(../images/pc_news_detail_unsel@2x.png) no-repeat left center; background-size:28px 28px; width:28px; height:28px; margin:15px auto 0;}

.artFot .foded a p span{ font-size:14px; color: #7A7A7A; margin-top:3px;}

.artFot .foded a i{display:block; font-size:14px; line-height:20px; color:#7A7A7A; margin-top:10px; font-style:normal;}



.artFot .foded a:hover p ,.artFot .foded a.fodCur p{ display:block; width:72px; height:72px; background: #FE6F35; border:1px solid #FE6F35; border-radius:72px; margin:0 auto; text-align:center;}

.artFot .foded a:hover p em ,.artFot .foded a.fodCur p em{ display:block; background:url(../images/pc_news_detail_sel@2x.png) no-repeat left center; background-size:28px 28px; width:28px; height:28px; margin:15px auto 0;}

.artFot .foded a:hover p span ,.artFot .foded a.fodCur p span{ font-size:14px; color: #ffffff; margin-top:3px;}