@charset "utf-8";
/*
	MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
	Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/
.data-banner {background-image:url("../images/banner/banner.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:560px;}

.data-banner .banner-hint {z-index:9;height:300px;padding-top:100px;border-radius:5px;}
.data-banner .banner-hint h2 {font-size:48px;color:#fff;letter-spacing:10px;text-shadow:-1px -1px #fff,1px 1px #333;font-family:'aliFangYuan',sans-serif;text-align:center;}
.data-banner .banner-hint ul {padding-top:120px;}
.data-banner .banner-hint ul p {font-size:20px;color:#fff;padding-bottom:50px;font-family:'aliFangYuan',sans-serif;}
.data-banner .banner-hint ul li {float:left;font-size:18px;color:#fff;margin-right:20px;border:#FFF 1px solid;border-radius:25px;padding:5px 18px;}
.data-banner .banner-hint ul li a {color:#fff;font-family:'aliFangYuan',sans-serif;}
.data-banner .banner-hint ul li:hover {background:#FFFFFF;}
.data-banner .banner-hint ul li:hover a {color:#000;}

/*临时的*/
.containerBg {
    background-image: url('../images/linshi/a.png'),url('../images/linshi/b.png'),url('../images/linshi/c.png'),linear-gradient(180deg,#1677ff 55%,#39c5ff 83%,rgba(88,159,255,0));
    background-repeat: no-repeat;
    background-position: center 400px,left -2px,100% 0,top;
    background-size: 100% 230px,966px 621px,838px 621px,100% 621px;
}



/*资讯列表背景*/
.news-list-banner {background-image:url("../images/banner/banner-02.jpg");background-repeat:no-repeat;background-position:center center;background-size:cover;width:100%;height:252px;}
.news-list-banner .banner-title {z-index:9;height:252px;padding-top:60px;border-radius:5px;}
.news-list-banner .banner-title h2 {font-size:48px;color:#fff;letter-spacing:10px;font-family:'aliFangYuan',sans-serif;padding-bottom:30px;}
.news-list-banner .banner-title p {font-size:30px;color:#fff;padding-bottom:50px;font-family:'aliFangYuan',sans-serif;}

/*资讯左右分割*/
.news-left {float:left;width:1220px;margin-right:20px;}
.news-left .left-box {background:#FFF;border-radius:8px;overflow:hidden;}
.news-left .left-box h1 {line-height:48px;font-weight:bold;font-size:30px;padding:26px 26px;margin:0;}
.news-left .left-box h2 {position:relative;padding-left:22px;margin:20px 20px 10px 20px;font-family:'aliFangYuan',sans-serif;}
.news-left .left-box h2::after {content:'';position:absolute;width:5px;height:18px;background:#f20000;left:0;box-shadow:3px 0px 10px -1px #f20000;border-radius:3px;margin-top:1px;}
.news-left .left-box h2 span {float:right;font-size:14px;color:#888;cursor:pointer;}
.news-left .left-box h2 span a {color:#888;font-family:'aliFangYuan',sans-serif;}
.news-left .left-box h2 span i {font-style:normal;color:#888;padding:0 6px;font-family:simsun;}
.news-left .left-box h2 span:hover a {color:#f20;}
.news-left .left-box h2 span:hover i {color:#f20;}


.news-right {float:right;width:360px;}
.news-right .right-info {background:#fff;border-radius:8px;padding:20px;}
.news-right .right-info h2 {position:relative;padding-left:20px;padding-bottom:10px;font-family:'aliFangYuan',sans-serif;}
.news-right .right-info h2::after {content:'';position:absolute;width:5px;height:18px;background:#f20000;left:0;box-shadow:4px 0px 10px -1px #f20000;border-radius:3px;margin-top:1px;}

/* 新闻分类列表 */
.news-list-cat {margin-left:-15px;overflow:hidden;}
.news-list-cat li {float:left;width:80px;background:#F2F2F2;line-height:34px;height:34px;overflow:hidden;border-radius:20px;margin-left:15px;margin-top:13px;margin-bottom:2px;padding:0 8px;text-align:center;font-size:14px;}
.news-list-cat li:hover {background:#FF0000;border-radius:30px;color:#fff;}
.news-list-cat li:hover a {color:#fff;}
.news-list-cat .list-cat-on {line-height:34px;height:34px;background:#FF0000;overflow:hidden;color:#fff;}
.news-list-cat .list-cat-on a {color:#fff;}


/* 新闻首页分类 */
.news-index-cat {background:#fff;border-radius:8px;width:360px;padding-bottom:20px;}
.news-index-cat h2 {position:relative;padding:20px 20px 5px 20px;margin-left:20px;font-family:'aliFangYuan',sans-serif;}
.news-index-cat h2::after {content:'';position:absolute;width:5px;height:18px;background:#f20000;left:0;box-shadow:4px 0px 10px -1px #f20000;border-radius:3px;margin-top:1px;}
.news-index-cat ul {overflow:hidden;}
.news-index-cat li {float:left;width:80px;background:#F2F2F2;line-height:34px;height:34px;overflow:hidden;border-radius:20px;margin-left:18px;margin-top:13px;margin-bottom:2px;padding:0 8px;text-align:center;font-size:14px;}
.news-index-cat li:hover {background:#FF0000;border-radius:30px;color:#fff;}
.news-index-cat li:hover a {color:#fff;}
.news-index-cat .list-cat-on {line-height:34px;height:34px;background:#FF0000;overflow:hidden;color:#fff;}
.news-index-cat .list-cat-on a {color:#fff;}

/*新闻首页列表*/
.news-index-tag {background:#FFF;border-radius:8px;}
.news-index-tag h2 {position:relative;padding-top:20px;padding-left:22px;margin:0 20px;font-family:'aliFangYuan',sans-serif;}
.news-index-tag h2::after {content:'';position:absolute;width:5px;height:18px;background:#f20000;left:0;box-shadow:3px 0px 10px -1px #f20000;border-radius:3px;margin-top:1px;}
.news-index-tag ul {position:relative;zoom:1;padding:20px 20px;overflow:hidden;}
.news-index-tag li {overflow:hidden;}
.news-index-tag li .span-text {float:left;font-size:14px;}
.news-index-tag li .span-text .p-title {line-height:32px;font-size:18px;font-weight:700;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-index-tag li .span-text .p-introduce {color:#888;line-height:23px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-index-tag li .span-text .p-addtime {position:absolute;top:135px;}
.news-index-tag li .span-text .p-addtime em {padding-right:20px;font-style:normal;color:#888;font-size:12px;}

.news-index-tag .li-imgtext {height:152px;}
.news-index-tag .li-imgtext .span-img {width:232px;height:150px;margin-right:20px;float:left;border-radius:8px;border:1px solid #ddd;}
.news-index-tag .li-imgtext .span-img img {margin:6px;width:220px;height:138px;border-radius:8px;}
.news-index-tag .li-imgtext .span-text {width:926px;}
.news-index-tag .li-imgtext .span-text .p-addtime {top:150px;}

.news-index-tag .li-text {height:118px;}
.news-index-tag .li-text .span-text .p-addtime {top:125px;}
.news-index-tag ul:hover {background:rgb(0 0 0/3%);box-shadow:0px 6px 6px -6px rgb(0 0 0/20%);}
.news-index-tag ul:last-child {box-shadow:none;}

.news-index-tag .divmore {text-align:center;padding:25px 0px 25px 0;height:50px;line-height:50px;overflow:hidden;font-size:16px;}
.news-index-tag .divmore a {font-weight:560;padding:8px 45px;border-radius:50px;background:linear-gradient(90deg,rgb(255 0 0),rgb(255, 119, 0));box-shadow:0 5px 10px 0 rgba(255,87,0,0);color:#fff !important;}
.news-index-tag .divmore a:hover {background:linear-gradient(-90deg,rgb(255 0 0),rgb(255, 119, 0));}


/*新闻列表*/
.news-list-tag {}
.news-list-tag ul {position:relative;background:#FFF;zoom:1;padding:20px;overflow:hidden;margin-bottom:20px;border-radius:8px;}
.news-list-tag li {overflow:hidden;}
.news-list-tag li .span-text {float:left;font-size:14px;}
.news-list-tag li .span-text .p-title {line-height:32px;font-size:18px;font-weight:700;margin-bottom:10px;}
.news-list-tag li .span-text .p-introduce {color:#888;line-height:23px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-list-tag li .span-text .p-addtime {position:absolute;top:135px;}
.news-list-tag li .span-text .p-addtime em {padding-right:20px;font-style:normal;color:#888;font-size:12px;}

.news-list-tag .li-imgtext {height:152px;}
.news-list-tag .li-imgtext .span-img {width:232px;height:150px;margin-right:20px;float:left;border-radius:8px;border:1px solid #ddd;}
.news-list-tag .li-imgtext .span-img img {margin:6px;width:220px;height:138px;border-radius:8px;}
.news-list-tag .li-imgtext .span-text {width:926px;}
.news-list-tag .li-imgtext .span-text .p-addtime {top:150px;}

.news-list-tag .li-text {height:118px;}
.news-list-tag .li-text .span-text .p-addtime {top:125px;}
.news-list-tag ul:hover {background:#F2F2F2;box-shadow:0 0 15px rgb(0 0 0/20%);}

.content img {border-radius:15px;}


/*文字新闻*/
.news-tag-text {padding-top:5px;}
.news-tag-text li {padding-bottom:10px;}
.news-tag-text h3 {max-height:56px;line-height:28px;margin-bottom:8px;font-weight:500;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-tag-text p {color:#888;}
.news-tag-text li:last-child {padding-bottom:0px;}

/*图片新闻*/
.news-tag-pic {}
.news-tag-pic li:first-child {position:relative;margin-top:6px;border-bottom:none;padding-bottom:6px;}
.news-tag-pic li:first-child img {width:320px;height:220px;border-radius:5px;border:none;}
.news-tag-pic li:first-child h3 {position:absolute;width:266px;background:rgba(225, 225, 225, 0.8);border-radius:5px;text-align:center;z-index:90;bottom:26px;left:20px;padding:6px;max-height:60px;line-height:30px;color:#333;font-size:14px;font-style:normal}
.news-tag-pic li:first-child p {display:none;}

.news-tag-pic li img {float:left;width:100px;height:68px;border:#EEEEEE 1px solid;margin-right:10px;border-radius:5px;}
.news-tag-pic li {overflow:hidden;margin-top:16px;position:relative;border-bottom:#EEEEEE 1px solid;padding-bottom:16px;}
.news-tag-pic li h3 {display:block;padding:0px 0;line-height:20px;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-tag-pic li p {display:block;padding:2px 0;font-size:12px;position:absolute;left:115px;top:50px;color:#888;}
.news-tag-pic li p span {right:-137px;position:absolute;}
.news-tag-pic li:last-child {border-bottom:none;padding-bottom:0px;}

/*浮动加载*/
.news-right .fd_active {position:fixed;top:100px;z-index:6;}



.show-info {padding-bottom:16px;border-bottom:#f4f4f4 1px solid;margin:0 26px;}
.show-info span {padding-right:20px;font-size:14px;color:#666;}
.show-info ul img {padding-left:16px;}

.pages-subnav {margin:20px 26px;padding:16px 26px;line-height:38px;font-size:14px;background:#f8f8f8;overflow:hidden;border-radius:10px;}
.pages-subnav li {width:50%;height:38px;overflow:hidden;float:left;}
.pages-subnav h3 {font-size:18px;overflow:hidden;letter-spacing:2px;}

/*资讯简介*/
.introduce-box {margin:26px;border-radius:10px;padding:40px 50px;color:#666;background-color:#f8f8f8;line-height:30px;position:relative;font-style:normal;font-size:15px;letter-spacing:2px;}
.introduce-box:before {position:absolute;top:20px;left:20px;display:block;width:16px;height:14px;background:url(../images/icon/icon-colon.png) no-repeat;content:''}
.introduce-box:after {position:absolute;right:20px;bottom:20px;display:block;width:16px;height:14px;background:url(../images/icon/icon-colon.png) -16px 0 no-repeat;content:''}


/*上一页下一页*/
.list-np {position:relative;overflow:hidden;font-size:14px;margin-left:-20px;}
.list-np ul {float:left;margin-left:20px;padding:15px 5px 15px 5px;background:#FFFFFF;width:590px;height:100px;border-radius:10px;}
.list-np li {position:absolute;}
.list-np span {color:#b5b7bb;font-size:12px;}
.list-np h2 {font-size:16px;height:44px;line-height:22px;margin:10px 0;font-weight:500;}
.list-np p {color:#adaeaf;font-size:12px;bottom:15px;}
.list-np .np_prev i {float:left;display:inline-block;width:38px;height:68px;background:url('../images/np_prev.png') no-repeat 0 30px;background-size:38px;}
.list-np .np_prev li {float:left;padding-left:48px;width:420px;}
.list-np .np_next i {float:right;display:inline-block;width:38px;height:68px;background:url('../images/np_next.png') no-repeat 0 30px;background-size:38px;}
.list-np .np_next li {float:right;padding-right:48px;text-align:right;width:540px;}


/*同类相关*/
.similarbox {margin:16px 18px 18px 18px;overflow:hidden;}
.similarbox li {float:left;width:50%;font-size:14px;height:36px;line-height:36px;}
.similarbox li a {position:relative;display:block;overflow:hidden;padding-right:10px;padding-left:15px;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}
.similarbox li a:before {position:absolute;top:15px;left:5px;width:4px;height:4px;border-radius:50%;background:#999;content:""}
.similarbox li a:hover:before {background:#F20000}

/*首页幻灯*/
.news-index-slide {height:500px;position:relative;border-radius:10px;overflow:hidden;}
.news-index-slide .bd {border:0;background:#FFF;}
.news-index-slide .bd li {position:relative;text-align:center;}
.news-index-slide .bd li img {width:100%;height:auto;border:0;padding:0;border-radius:10px;}
.news-index-slide .hd_ul {position:absolute;bottom:20px;z-index:30;padding:0 4px;left:42%;}
.news-index-slide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:0 3px;border-radius:50px;background-color:rgba(255, 255, 255, 0.7);margin:0 7.5px;overflow:hidden;text-indent:-999px;}
.news-index-slide .hd ul li.on {background:#D80A1C;width:15px}
.news-index-slide .hda-next,.hda-prev{position:absolute;top:40%;z-index:9;width:35px;height:70px;overflow:hidden;cursor:pointer;border-radius:3px;opacity:.15;text-indent:-999px;background-repeat:no-repeat;transition:opacity .2s linear 0s;}
.news-index-slide .hda-prev{left:15px;background:url('../images/slide_prev.png') no-repeat;Opacity:0.8;}
.news-index-slide .hda-prev:hover {background-image:url('../images/slide_prev_hover.png');-moz-opacity:0.8;-khtml-opacity:0.8;Opacity:0.8;Filter:alpha(opacity=80);}
.news-index-slide .hda-next{right:15px;background:url('../images/slide_next.png') no-repeat;Opacity:0.8;}
.news-index-slide .hda-next:hover {background-image:url('../images/slide_next_hover.png');-moz-opacity:0.8;-khtml-opacity:0.8;Opacity:0.8;Filter:alpha(opacity=80);}


/*详情列表幻灯*/
.news-show-slide {width:360px;position:relative;}
.news-show-slide .thumb img {width:100%;height:360px;border:0;padding:0;border-radius:8px;}
.news-show-slide .hd {position:absolute;top:330px;width:360px;height:8px;line-height:8px;z-index:11;text-align:center;}
.news-show-slide .hd li {display:inline-block;background:#ffffff;width:8px;height:8px;margin:0 3px;border-radius:50px;}
.news-show-slide .hd li.on {background:#D80A1C;width:15px}
.news-show-slide .prev,.news-show-slide .next {position:absolute;left:0%;top:45%;display:block;width:25px;height:50px;background: #000000 url('../images/slider-arrow.png') -113px 9px no-repeat;filter:alpha(opacity=50);opacity:0.5;border-radius:3px;}
.news-show-slide .next {left:auto;right:0%;background-position:4px 9px;}
.news-show-slide .prev:hover,.news-show-slide .next:hover {filter:alpha(opacity=100);opacity:1;}
.fd-fixon {position:fixed;top:135px;z-index:6;}


/*首页教程搜索*/
.news-show-search {background:#fff;border-radius:8px;padding:20px;overflow:hidden;}
.news-show-search input {background-color:#f5f5f5;color:#ABABAB;width:255px;height:38px;line-height:38px;outline:none;float:left;font-size:14px;border-radius:3px 0 0 3px;border:1px solid #dddddd;}
.news-show-search .s-btn {height:38px;width:65px;color:#fff;background-color:#D80A1C;border:0;line-height:38px;text-align:center;float:left;border-radius:0 3px 3px 0;margin:0;padding:0;}




/*浮动分享*/
.floating-share {width:65px;position:absolute;background:#fff;border-radius:8px;left:50%;margin-left:-890px;margin-top:0px;text-align:center;padding:15px 0;}
.floating-share p {display:block;color:#222;font-size:12px;font-style:normal;padding:5px 5px 0 5px;}
.floating-share b { font-weight:400;}
.floating-share .ul_likes {cursor:pointer;}
.floating-share .ul_likes i {display:block;height:45px;background:url('../images/icon/icon_01.png') no-repeat;background-size:45px;background-position:center;margin-bottom:5px;}
.floating-share .ul_likes::after{content:'';display:inline-block;margin-top:20px;width:24px;height:1px;background:#e8e8e8}
.floating-share .ul_comments {margin-top:20px;}
.floating-share .ul_comments i {display:block;height:24px;background:url('../images/icon/icon_02.png') no-repeat;background-size:24px;background-position:center;}
.floating-share .ul_favorites {margin-top:30px;cursor:pointer;}
.floating-share .ul_favorites i {display:block;height:24px;background:url('../images/icon/icon_03.png') no-repeat;background-size:24px;background-position:center;}
.floating-share .ul_shares {border-radius:50px;margin:20px 13px 9px 13px;width:39px;height:39px;background:#F0F1F4 url('../images/icon/icon_04.png') no-repeat;background-size:24px;background-position:center;}



.floating-share .ul_submission {margin-top:30px;cursor:pointer;}
.floating-share .ul_submission i {display:block;height:24px;background:url('../images/icon/icon_05.png') no-repeat;background-size:24px;background-position:center;}
.floating-share ul:hover{opacity:.7;cursor:pointer;}
.floating-share .ul_haibao {margin-top:30px;cursor:pointer;}
.floating-share .ul_haibao i {display:block;height:24px;background:url('../images/icon/floating-poster.png') no-repeat;background-size:24px;background-position:center;}

.floating-share.fd_active {position:fixed;top:100px;z-index:6;}