body {background:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0;}
.content_list {width:1200px;overflow:hidden;clear:both;margin:70px auto;}
.left-nav {width:180px;float:left;background:#f9f9f9;padding-bottom:15px;}
.main_left {width:660px;float:left;margin-left:30px;}
.main_right {width:300px;float:right;}

/*左侧分类*/
.left-nav .hd h2 {text-align:center;font-size:16px;font-weight:400;background:#00BFFF;font-size:20px;line-height:50px;color:#fff;border-radius:5px 5px 0 0;}
.second-nav .cate_box {padding:10px 10px 5px 20px;position:relative;}
.second-nav .cate_box h4 {font-size:15px;font-weight:700;color:#00BFFF;line-height:27px;position:relative;z-index:2;}
.second-nav .cate_box h4 a {color:#00BFFF;}
.second-nav .cate_box p {color:#191919;line-height:24px;padding-right:10px;}
.second-nav .cate_box p a {margin-right:15px;display:inline-block;}

/*main_left*/
.nav-search {margin:2px auto 0;position:relative;clear:both;overflow:hidden;}
.nav-search .so-txt {width:559px;height:36px;color:#999;font-size:14px;border:1px silver solid;border-right:0;line-height:36px;padding-left:10px;float:left;border-radius:5px 0 0 5px;}
.nav-search .hsbn {position:absolute;right:0;top:0;border-radius:0px 5px 5px 0px;float:right;width:102px;height:38px;line-height:38px;text-align:center;border:none;outline:none;color:#FFFFFF;cursor:pointer;background:#00BFFF url(../images/search.png) no-repeat center center;}
.nav-search  .hsbn:hover {background-color:#00aFFF}
.focus3 {margin-top:25px;clear:both;overflow:hidden;}
.focus3 .focus3_li {float:left;width:210px;height:150px;position:relative;margin-right:15px;}
.focus3 .focus3_li:last-child {margin-right:0px;}
.focus3_li img {width:100%;height:100%;}
.focus3_li .text {width:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:-webkit-linear-gradient(top,transparent,#000);background:-o-linear-gradient(top,transparent,#000);background:linear-gradient(180deg,transparent,#000);position:absolute;left:0;bottom:0;color:#fff;line-height:30px;}
.focus3_li .text b {margin:10px;display:inline-block;}
.focus3 .focus3_li .text {font-size:14px;line-height:18px;}
.focus3 .focus3_li .text:hover{ color:#00BFFF;}
.all_news,.mb_hot {margin-top:35px;}
.all_news h2,.mb_hot h2 {position:relative;height:30px;line-height:30px;color:#333;font-size:22px;padding-left:13px;}
.all_news h2 .icot,.mb_hot h2 .icot {height:18px;width:4px;background:#00BFFF;position:absolute;top:6px;left:0;}

/*article_list*/
.article_root {padding:0px 10px 0px 0px;}
.article_root ul {clear:both;padding:0;list-style:none;}
.article_root ul h2 {font-size:16px;color:#689200;font-weight:normal;}
.article_root ul li {padding:12px 0;border-bottom:1px solid #eee;width:660px;overflow:hidden;}
.article_root ul li:hover {background:#f9f9f9;}
.article_root ul li .zixun_img {width:145px;height:110px;float:left;margin-right:20px;margin-top:8px; position:relative;}
.article_root ul li .zixun_img img {width:145px;height:110px;}
.article_root ul li .zixun_img .video{width:145px;height:110px; background: rgba(0,0,0,0.50);position: absolute; left: 0;top: 0;}
.article_root ul li .zixun_img .video .v_img{ display:inline-block;width:52px; height:52px; margin-left:-26px; margin-top:-26px; position:absolute; left:50%; top:50%;}
.article_root ul li .zixun_content {width:490px;float:left;height:auto;}
.article_root ul li .zixun_content h3 a {font-size:18px;font-weight:normal;height:35px;line-height:30px;font-weight:bold;}
.article_root ul li .zixun_content h3 a span {color:#00BFFF;margin-left:10px;white-space:nowrap;}
.article_root ul li .zixun_content h3 a:hover {color:#00BFFF;}
.article_root ul li .zixun_content p.intro_con {color:#777;line-height:20px;height:40px;overflow:hidden;margin-top:10px;}
.article_root ul li .zixun_content .list_tag {margin:10px 0 0;color:#999;}
.article_root ul li .zixun_content .list_tag a {display:inline-block;font-size:12px;background-color:#f0f0f0;margin-right:10px;border-radius:20px;padding:2px 10px;color:#999;}
.article_root ul li .zixun_content .list_tag a:hover {color:#00BFFF;}
.article_root ul li .zixun_content .more_sh {line-height:27px;font-size:12px;_font-size:12px;margin-top:8px;overflow:hidden;}
.article_root ul li .zixun_content .more_sh .catename{ float:left;margin-right:15px;}
.article_root ul li .zixun_content .more_sh .catename a{ color:#666}
.article_root ul li .zixun_content .more_sh .catename a:hover{color:#00BFFF;}
.article_root ul li .zixun_content .more_sh .list_conment a {display:inline-block;margin-left:20px;color:#aaa;padding-left:23px;background:url(../images/comment.gif) 0px 6px no-repeat;width:85px;float:left}
.more_sh .list_conment a:hover {text-decoration:underline;}
.zixun_content .more_sh .more_right {float:right;padding:0px 2px;color:#666;}
.more_right .yj {background:url(../images/pageview.png) no-repeat;background-size:22px auto;display:inline-block;width:22px;height:19px;vertical-align:-2px;margin-right:5px;text-indent:-9999em;}
.more_right .mess {background:url(../images/message.png) no-repeat;background-size:20px auto;display:inline-block;width:20px;height:19px;vertical-align:-4px;margin-right:5px;margin-left:20px;text-indent:-9999em;}
.share_direction {float:left;line-height:28px;color:#AAAAAA;}
.article_root ul li cite {font-style:normal;color:#666;display:block;float:left;}

.more_all .loadmore {display:block;width:660px;height:35px;line-height:35px;text-align:center;background:#f1f1f1;font-weight:bold;font-size:14px;color:#333;}
.more_all .loadmore:hover {background:#eee;color:#00BFFF;}

/*热门模板*/
.mb_cont {padding-top:15px;width:320px;overflow:hidden;clear:both;padding-bottom:40px;}
.wf-container {width:140px;position:relative;margin-bottom:20px;float:left;margin-right:15px;padding-bottom:5px;border:1px solid #eaeaea;box-shadow:#eaeaea 0 0 8px;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;overflow:hidden;border-radius:5px;}
.wf-container:hover {opacity:0.9;border-color:#00BFFF;box-shadow:rgba(215,0,0,.3) 0 0 8px;transform:translateY(-4px);-webkit-transform:translateY(-4px);cursor:pointer;}
.wf-container .item_thumb {position:relative;}
.wf-container .item_thumb img {width:140px; height:210px; display:block;}
.wf-container .who_share_s {clear:both;}
.wf-container .who_share_s .share_info {padding:8px 0 3px 10px;float:left;font-size:13px;width:138px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wf-container .pageview {float:right;padding:5px 8px 0 0;font-size:12px;color:#ff7372}
.wf-container .pageview .good {background:url(../images/good.png) no-repeat;background-size:20px auto;width:20px;display:inline-block;height:20px;vertical-align:-3px;}
.wf-container .who_share_s .n {color:#525252;}
.wf-container .who_share_s .n:hover {color:#00BFFF;text-decoration:none;}
.wf-container .func {width:280px;height:443px;background:rgba(0,0,0,0.60);position:absolute;left:0;top:0;display:none;}
.wf-container .screen_s {width:180px;margin:85px auto 0;text-align:center;}
.wf-container .screen_c {color:#fff;margin-top:10px;height:30px;line-height:30px;}
.wf-container .screen_s .go_start {background:#00BFFF;padding:8px 20px;color:#fff;margin-top:30px;display:block;border-radius:5px;}
.wf-container  a.go_start:hover {text-decoration:none;}
.see_more {clear:both}
.see_more{display:block;border:1px solid #ddd;width:130px;height:30px;line-height:30px;font-size:14px;margin:0 auto;color:#666;clear:both;text-align:center;border-radius:25px; background:#f1f1f1}
.see_more:hover {text-decoration:none;background:#00BFFF;color:#fff;border-color:#00BFFF;}




/*article-detail start*/
.location {height:31px;border-bottom:1px #f0f0f0 solid;line-height:18px;font-size:14px;color:#333;}
.content_list_detail{width:1050px;overflow:hidden;clear:both;margin:70px auto;}
.detail_content {padding-top:25px;}
.detail_content_left {width:850px;float:left;}
.detail_content_right {width:300px;float:right;}
.article-title {border-bottom:1px solid #eee;padding:0 0 15px;}
.article-title h1 {font-size:28px;font-weight:700;line-height:38px;color:#333;}
.article-title .article-info {font-size:14px;line-height:20px;color:#999;padding-top:20px;}
.article-title .article-info .pageview {margin-left:15px;}
.article-title .article-info .tag {float:right;padding-left:25px;}
/*.article-title .article-info .tag a {color:#00BFFF;}
.article-title .article-info .tag a:hover {text-decoration:underline;}*/
.content {padding:25px 0 30px;}
#article {font-size:16px;box-sizing:border-box;line-height:1.9;outline:0;overflow-y:auto;tab-size:4;-moz-tab-size:4;text-align:left;word-wrap:break-word;}
#article p {padding:10px 0 20px;}
#article img{max-width:720px; height:auto; display:block;margin:0 auto;padding:10px;}
#article .video_play{ width:711px; display:block; height:400px; text-align:center; margin:15px auto; background:#000; overflow:hidden;}
#article .video_play video{ max-height:711px; height:400px;}
img:hover {opacity:0.9;}

.theend {position:relative;text-align:center;width:152px;margin:0 auto;text-transform:uppercase;font-family:Politica;}
.theend:after {content:"";display:block;width:100%;height:1px;background:#e8e8e8;position:absolute;top:50%;left:0;z-index:-1;}
.theend span {display:inline-block;background:#fff;padding:0 5px;font-size:18px; color:#666;}

.tag_share{margin:35px 0 0 0; overflow:hidden; clear:both; border-bottom:1px solid #eee; padding-bottom:35px;}
.baidushare{ float:right;}
.article_tag{  width:380px; height:28px; overflow:hidden; float:left;}
.article_tag span{float: left;display: inline-block;height: 28px; line-height:14px;width: 17px;font-size:12px;color: #fff;background: #00BFFF; text-align:center;overflow:hidden;}
.article_tag li{ float:left;}
.article_tag li a{ padding:0px 8px; background:#f0f0f0;margin:0 0 0 3px;height: 28px;display: inline-block; line-height:30px; font-size:14px; }

.mb_hot .comment_num{ float:right; font-size:14px; color:#00BFFF}
.mb_hot .comment_num:hover,.mb_hot .more_reads:hover{ color:#00aFFF;}
.ct_content{ border:1px solid #ddd; border-radius:10px; height:155px; margin-top:10px;}
.border-blue{ border-color:#00BFFF;}
.ct_content textarea{ width:100%; border:none; border-radius:10px; padding:5px 10px; height:90px;overflow-x: hidden; overflow-y: auto;resize:none; box-sizing: border-box;}
.ct_content .s_button{ float:right; border:none; background:#00BFFF; padding:10px 40px; color:#fff; margin-right:20px; border-radius:25px; font-size:16px;}
.ct_content .s_button:hover{ background:#00aFFF;}

/*more-read*/
.more_read{ width:870px;}
.mb_hot .more_reads{float:right; font-size:14px; color:#00BFFF; margin-right:30px;}
.focus4 {clear:both;overflow:hidden;}
.focus4 .focus4_li {float:left;width:265px;height:190px;position:relative;margin-right:20px;margin-top:20px; border:1px solid #eee;}
.focus4 .focus4_li:last-child {margin-right:0px;}
.focus4_li img {width:100%; height:150px; display:block}
.focus4_li .text {width:100%;color:#666;line-height:30px; padding:10px; background:#f5f5f5; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.focus4_li .text b {display:inline-block;}
.focus4 .focus4_li .text {font-size:14px;line-height:18px;}
.focus4 .focus4_li .text:hover{ color:#00BFFF;}
.focus4 .video{width:100%; height:150px; background: rgba(0,0,0,0.50);position: absolute; left: 0;top: 0;}
.focus4 .video .v_img{ display:inline-block;width:52px; height:52px; margin-left:-26px; margin-top:-26px; position:absolute; left:50%; top:50%;}
/*article-detail end*/


/*page*/
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li {display:inline}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg>li>a,.pagination-lg>li>span {padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span {padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-top-right-radius:3px;border-bottom-right-radius:3px}
.pagination a{ cursor:pointer;}
.pagination>.active>a{background-color: #00BFFF;border-color: #00BFFF;}
.pagination>.active>a:hover{background-color: #00aFFF;border-color: #00aFFF;}
.pagination>li>a{color: #666;}
.pagination>li>a:hover,.pagination>li>a:focus{color: #00BFFF;}