﻿@charset "UTF-8";
/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局
*/
/* Css Reset */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{vertical-align:top;border:0}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
dd,div,dl,dt,li,ol,ul{zoom:1}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
article,aside,dialog,figure,footer,header,menu,nav,section,time{margin:0;padding:0;display:block;zoom:1}

/* Public */
body{color: #333; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none;}
a{color: #333; text-decoration: none; outline: none;}
a:hover{color: #309D86; text-decoration: none;}
.clear{clear: both;}
.blank{display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{height: 1%;}
* + html .clearfix{min-height: 1%;}
.fl{float: left;}
.fr{float: right;} 
.hide{display: none;}
input[type=button],
input[type=submit],
input[type=file],
button{cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

.headerTool{line-height:60px;position: relative;width: 100%;top: 0;z-index:100;height:60px;background: #38a2d9;font-size: 14px;}
.headerTool .bg{position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 60px;line-height: 60px;float: left;overflow: hidden;background-color: #242424;opacity: .50;filter: alpha(opacity=35);}
.govLinks{width: auto; float: left; color: white;}
.govLinks li { float:left; margin:0 15px 0 0;}
.govLinks li a { padding-left:20px;}
.govLinks li a{color: white;}
.govLinks a:hover{text-decoration: none; color: #ddd;}
.languageLinks{width: auto; float: left; margin-left: 70px;}
.languageLinks a{margin:0 4px; font-size: 12px; color: white;}
.languageLinks a:hover{text-decoration: none; color: #ddd;}

.headerTool .links{width:auto;float:right}
.headerTool .links>dl{position:relative;float:left;color:#146ac1;margin-top:11px}
.headerTool .links>dl>dt{line-height:38px;position:relative;z-index:11;float:left;height:38px;color:#fff;padding:0 5px 0 30px;background:url(../img/headericon.png) 7px 8px no-repeat}
.headerTool .links>dl>dt>a{color:#fff}
.headerTool .links>dl>dt>a:hover{text-decoration:none;color:#ddd}
.headerTool .links>dl.znjqr dt{background-position:8px -110px}
.headerTool .links>dl.phone dt{background-position:8px -143px}
.headerTool .links>dl.pad dt{background-position:8px -169px}
.headerTool .links>dl.site dt{background-position:8px -202px}
.headerTool .links>dl.tw dt{background-position:8px -231px;cursor:pointer}
.headerTool .links>dl.en dt{background-position:8px -258px}
.headerTool .links>dl.bs dt{background:url(../img/bsico.png) no-repeat 5px;padding-left:40px}
.headerTool .links>dl.topUser dt{padding-left:8px;background:0 0;color:#333}
.headerTool .links .userLogged,.headerTool .links .userLogged a{color:#fff}
.headerTool .links>dl.topUser .loggedin .spe,.headerTool .links>dl.topUser .notlogged .spe{margin:0 10px}
.headerTool .links>dl.topUser .loginbutton{background:url(../img/userico.png) no-repeat 0;padding-left:22px}
.headerTool .links>dl>dd{position:absolute;top:38px;right:50%;display:none;clear:both;margin-right:-54px;padding:7px;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.headerTool .links>dl>img{width:100px;height:100px}
.headerTool .links>dl>i{font-size:0;line-height:0;position:absolute;z-index:8;top:-10px;left:50%;display:block;width:0;margin-left:-3px;border-width:5px;border-style:dashed;border-color:transparent;border-bottom-style:solid;border-bottom-color:#fff}
.headerTool .links .on dd{display:block}
.headerTool .links .site dd{top:38px;right:-1px;width:400px;margin-right:0;padding:10px;border:1px solid #6e99b9;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.15);-moz-box-shadow:2px 2px 5px rgba(0,0,0,.15);box-shadow:2x 2px 5px rgba(0,0,0,.15)}
.headerTool .links .site dd i{display:none}
.headerTool .links .site dd table tr td div{overflow:hidden;width:30px;height:60px;text-align:center;writing-mode:vertical-lr}
.headerTool .links .site ul{overflow:hidden}
.headerTool .links .site li{line-height:26px;float:left;min-width:55px;height:26px;padding:0 4px 0 15px;color:#666;background:url(../img/icons.png) 4px -2320px no-repeat}
.headerTool .links .site li a{color:#146ac1}
.headerTool .links #siteLast.on dt{background-color:#309D86}
.headerTool .links>dl>dt{border-radius:25px;border:1px solid transparent;height:20px;line-height:20px;padding:5px 12px 5px 35px;margin-top:3px;background-position:8px 5px;transition:all .5s}
.headerTool .links>dl>dt:hover{border:1px solid rgb(255 255 255 / 50%)}

#headerst .headerTop #slbBtn, #header #slbBtn, .banner #slbBtn {margin-left: 295px!important;top:40px!important;}
#headerst .headerTop .wza, #header .wza, .banner .wza {margin-left: 160px!important; top:40px!important;}

/* frame */
html{background: #F3F3F3;}
body{text-align: center;min-width: 1200px;}
.siteWidth{position: relative; max-width: 1300px; _width: 1200px; margin: 0 auto; text-align: left}
.topBar{height: 28px; line-height: 28px; background-color: #ffffff;box-shadow: 0px 1px 3px 0px rgba(3, 0, 0, 0.06);opacity: 0.8; font-size: 12px; overflow: hidden}
.topBar .links{float: right;}
.topBar .links a{margin: 0 10px;}
html{background: url(../img/body.jpg) center 60px no-repeat;background-color: #f8faf5;}
#header .siteWidth{height: 570px; position: relative;}
#header .siteWidth img{margin: 30px 0;}
#header .siteWidth .ban-tex{position: absolute;left: 0;right: 0;margin: auto;top: 145px;}
#header .siteWidth h3{font-size: 80px; font-weight: 600; font-stretch: normal; line-height: 160px; letter-spacing: 4px; color: #eff37e; text-align: center; text-shadow: 6px 6px 0px #0c88b5;}
.banner .Home {position:absolute;left: 50%;top: 40px;border: 1px solid #c00;margin-left: 450px;margin-top: 3px;height:32px;line-height:32px;display:inline-block;border-radius:32px;padding:0 20px 0 50px;background:#fff url(../img/backico.png) no-repeat 18px;vertical-align: top;font-size: 16px;color: #c00;}
.content{position: relative;width: 1200px;overflow: hidden;margin: 0 auto;text-align: left;z-index: 1;}

/*footer*/
#footer{position:relative;z-index: 1;padding: 30px 0;text-align:left;color:white;background: #309D86;font-size:14px;}
#footer .copyRight{line-height: 30px;color: white;text-align: left;padding: 15px 390px 15px 160px;}
#footer .copyRight p { white-space:nowrap}
#footer .copyRight .footrow2 {/* display:inline; */margin-right: 2%;}
#footer .copyRight .footrow3 {display: inline;margin-right: 2%;clear: left;}
#footer .copyRight .footrow4 {display:inline;margin-right: 2%;}
#footer .copyRight .footrow5 {/* display:inline; */}
#footer .copyRight img{vertical-align: middle;}
#footer .copyRight a{color:white; text-decoration:none;}
#footer .copyRight a:hover{color: #ddd;}
#footer .footDzjg,
#footer .footerWzjc,
#footer .wzafw,
#footer .wxcode,
#footer .wzafw,
#footer .szfwxcode,
#footer .footerZfzc{position: absolute; z-index: 1; width: auto; float: left;}
#footer .footDzjg{left: 60px;top: 27px;}
#footer .footerWzjc{right: 65px; top: 0;}
#footer .footerZfzc{right: 280px;top: 65px;}
#footer .wzafw{right: 280px;top: 0px;}
#footer .wxcode{right: 170px;top: 0;line-height: 16px;font-size: 12px;text-align:center;width: 100px;height: 120px;background: #fff;color: #333;}
#footer .wxcode img{width: 102px;display: block;clear: both;margin: 0 auto 0;}
#footer .szfwxcode{right: 60px;top: 0;line-height: 14px;font-size: 12px;text-align:center;width: 100px;height: 120px;background: #fff;color: #333;}
#footer .szfwxcode img{width: 102px;display: block;clear: both;margin: 0 auto 0;}

.nav{height: 70px; line-height: 70px; background-color: #0083de; position: absolute; width: 1200px; left: 0; right: 0; bottom: 0; border-radius: 8px 8px 0 0; margin: auto;}
.nav ul{overflow: hidden; padding: 0 40px;}
.nav li{float: left;}
.nav li a{color: #fff; display: block; padding: 0; width: 140px; font-size: 18px; font-weight: 600;}
.nav li.on1 a,.nav li:hover a{background-color: #ffe757; color: #0083de;}
/* 首页 ----------------------------------*/
.index_box{opacity: 0.85;background: linear-gradient(180deg, #F7FAF1 48.91%, rgba(255, 255, 255, 0.22) 98.36%); padding: 30px;margin-bottom: 20px;}
.row .ihd{margin-bottom: 25px;}
.row .ihd h3{width: 170px;height: 53px;line-height: 53px;margin: auto;padding-left: 75px;position: relative;}
.row .ihd h3 i{width: 127px;height: 58px;background: url(../img/hd_bg.png) 0 no-repeat;position: absolute;left: 0;right: 0;z-index: 9;}
.row .ihd h3 a{display: block;width: 170px;height: 53px;line-height: 53px;background: #309D86;color: #fff;font-size: 20px;font-weight: 700;text-indent: 55px;position: relative;top: 2px;}
.focusbox{width: 600px; overflow: hidden; position: relative; float: left; margin-right: 30px;}
.focusbox .hd{position: absolute; z-index: 1; right: 17px; bottom: 16px; text-align: center;}
.focusbox .hd ul{overflow: hidden; zoom: 1;}
.focusbox .hd ul li{float: left; margin: 0 3px; width: 15px; height: 15px; line-height: 15px; text-align: center; background: #D9D9D9; cursor: pointer; font-size: 12px; border-radius: 50%;}
.focusbox .hd ul li span{display: none;}
.focusbox .hd ul li.on{background-color: #B23030; color: #fff;}
.focusbox .bd{height: 400px; position: relative; overflow: hidden;}
.focusbox .bd li{position: relative;}
.focusbox .bd .pic{position: relative; z-index: 0;}
.focusbox .bd .pic img{width: 600px;height: 400px;display: block;}
.focusbox .bd .con{position: absolute; width: 100%; z-index: 1; bottom: 0; height: 50px; line-height: 50px; text-align: left; text-indent: 10px;}
.focusbox .bd .con .title{position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; text-indent: 20px;}
.focusbox .bd .con .title a{color: #fff; font-size: 14px;}
.focusbox .bd .con .titleBg{position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=70); opacity: 0.7; height: 50px;}
.focusbox .con .date{position: absolute; left: 0; bottom: 0; width: 70px; height: 70px;background-color: #2978b0; line-height:1;display: none;}
.focusbox .con .date .dd,.focusbox .con .date .ym{display:block; color: #ffffff; text-align: center; font-size: 14px; text-indent: 0;}
.focusbox .con .date .dd{font-size: 30px; font-weight: 600; margin: 11px 0 5px;}
.tzggbox{float: right; width: 510px;}
.tzggbox .ihd{height: 40px; line-height: 40px; background: url(../img/hd1.png) right center no-repeat; margin-bottom: 39px;}
.tzggbox .ihd .more { float:Right; color:#fff; font-size:14px; padding-right:20px;}
.tzggbox .ihd h3{float: left; font-size: 28px;font-weight: 600;font-style: italic;font-stretch: normal;letter-spacing: 0px;}
.tzggbox .ihd h3 a{color: #2978b0;}
.tzggbox .toplist .n,.ibd .toplist .n{font-size: 16px;height: 44px;line-height: 44px; padding-left: 15px; background: url(../img/list_icon.png) 0 center no-repeat;}
.tzggbox .toplist .n a{color: #333;}
.tzggbox .toplist .n a:hover{color: #147D53;}
.tzggbox .toplist .n .date{float: right; font-size: 16px; color: #999999;}
.tzgg_box{border: 1px solid rgba(87, 145, 48, 0.55);background: rgba(255, 255, 255, 0.52);box-shadow: 0px 0px 15px 0px rgba(167, 201, 187, 0.78);margin-bottom: 40px;}
#gg{ padding: 20px 50px;}
#gg .title{ text-align: center; font-size: 22px; font-weight: bold; color: #147D53; }
#gg .intro{ padding-top: 10px; line-height: 30px; font-size: 14px; color: #333; }

.text_box{margin-bottom: 40px;}
.text_box .pub_box{width: 580px;}
.text_box .row .ihd{height: 53px;line-height: 53px;}
.text_box .row .ihd h3{float: left;}
.text_box .row .ihd .more{float: right;display: block;width: 84px;height: 28px;line-height: 28px;color: #fff;text-align: center;background: #309D86;margin: 13px 0px;}
.text_box .ibd .toplist .n{height: 58px;line-height: 58px;padding: 0 20px;border: 1px solid rgba(87, 145, 48, 0.55);background: rgba(255, 255, 255, 0.50);margin-bottom: 15px;}
.text_box .ibd .toplist .n a{float: left;font-size: 16px;}
.text_box .ibd .toplist .n .date{float: right;font-size: 16px;color: #333;}
.text_box .ibd .toplist .n:hover{background-color: #309D86;;}
.text_box .ibd .toplist .n:hover a,.text_box .ibd .toplist .n:hover .date{color: #fff;}
.text_box .ibd .toplist .t{border-bottom: 1px solid rgba(87, 145, 48, 0.55);background: rgba(255, 255, 255, 0.50);padding: 17px 20px;margin-bottom: 15px;}
.text_box .ibd .toplist .t .title .tit{color: #147D53;font-size: 18px;font-weight: 700;}
.text_box .ibd .toplist .t .intro{font-size: 14px;line-height: 24px;line-height: 24px;margin: 8px 0;}
.text_box .ibd .toplist .t .intro .more{display: none;}
.text_box .ibd .toplist .t .date{font-size: 14px;line-height: 1;}

/* 文章列表页 ----------------------------------*/
.noSideContent { background:#fff; padding:0 20px;}
.newsList{padding: 0 10px;}
.newsList li{height: 40px;line-height: 40px;overflow: hidden;padding-left: 15px;background: url(../img/list_icon.png) 0 50% no-repeat;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;}
.newsList .split{background: none; border-bottom: 1px dotted #ccc; height: 1px; overflow: hidden; font-size: 0; line-height: 0; margin: 15px 0;}
.newsList .date{float: right; color: #999;}
.list_box{background: #fff; padding: 30px 0;}
.side{float: left; width: 240px;}
.mainContent{float:right; width: 958px;border: solid 1px #eeeeee;}
.sideBox{margin-bottom: 20px;}
.sideBox .hd{height: 89px; line-height: 89px;background-color: #0083de; text-align: center; font-size: 24px; color: #fff;}
.sideBox .bd{padding: 10px 0;}
.sideBox .bd .menuList li{height: 50px; line-height: 50px; border-left: 5px solid #fff; text-align: center;}
.sideBox .bd .menuList li a{display:block; color: #333333; font-size: 14px;}
.sideBox .bd .menuList li.on,.sideBox .bd .menuList li:hover{background-color: #e8eff4; border-left: 5px solid #0083de;}
.sideBox .bd .menuList li.on a,.sideBox .bd .menuList li:hover a{font-weight: 600;}
.mainBox .mHd{height: 84px;line-height: 84px;border-bottom: 2px solid #309D86;}
.mainBox .mHd h3{float: left;padding: 0 30px;color: #309D86;font-weight: bold;font-size: 32px;}
.mainBox .mHd .path{float: right; height: 84px; line-height: 84px; margin-right: 30px;}
.mainBox .mBd{padding: 30px;}
.path{font-size:14px; color: #333333; font-weight: 600;}
.path a,
.path span{margin: 0 5px; color: #333;}
.art-path{height: 65px; line-height: 65px; border-bottom: 1px solid #dddddd; padding-left: 20px; background: url(../img/round.png) 5px 50% no-repeat;}
.newlist li{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #d9d9d9;}
.newlist li .pic{float: left; margin-right: 30px;}
.newlist li .con .title{font-size: 18px; line-height: 20px; color: #333333; margin-bottom: 10px;}
.newlist li .con .intro{font-size: 14px; line-height: 25px; color: #616161;}
.newlist li .con .date{font-size: 14px; line-height: 25px; color: #969696;}
/* url_方块样式分页 */
.page{font-size: 0; text-align: center; padding: 25px 0; clear: both; line-height: 34px;}
.page a,
.page span{display: inline-block; *display: inline; zoom: 1; border: 1px solid #d4d4d4; padding: 0 15px; margin-right: 5px; font-size: 12px; color: #666666; height: 30px; line-height: 30px; border-radius: 3px;}
.page a:hover{border: 1px solid #309D86; text-decoration: none; color: #309D86;}
.page .current{background: #309D86; border: 1px solid #0f73c9; color: #fff !important; font-weight: bold; padding: 0 12px;}
.page select{height: 23px; line-height: 23px; padding: 0 8px; background: #fff; border: 0 solid #d1d1d1; vertical-align: middle;}
/* .page .disabled{pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} */
.sidePicList{text-align: center;}
.sidePicList li{margin-bottom: 15px;}
.sidePicList .pic{padding: 1px; border: 1px solid #ddd; margin-bottom: 5px;}
.sidePicList .pic img{width: 100%}
.sidePicList .title{text-align: left; line-height: 28px; height: 56px; overflow: hidden;}
.infoListA li{line-height: 22px; padding: 8px 0 8px 12px; background: url(../img/icons.png) 0 -74px no-repeat; border-bottom: 1px dotted #ccc; overflow: hidden; font-size: 14px;}
.infoListA .date{float: right; color: #999; font-size: 12px; margin-left: 15px;}
.infoListA .last{border-bottom: 0}
.picList li{margin-bottom: 15px; font-size: 14px;}
.picList .pic a{padding: 1px; border: 1px solid #ddd; display: block;}
.picList .pic img{width: 100%;}
.picList .pic a:hover{border-color: #bbb}
.picList .title{line-height: 24px; padding-top: 5px;}
.picList .last{margin-bottom: 0}
/* 图片-列表页 ----------------------------------------- */
.picPageList{margin-right: -40px; overflow: hidden; text-align: center; padding: 0 10px;}
.picPageList li{border: 1px solid #ddd; float: left; width: 31%; margin: 0 15px 20px 0; *display: inline; position: relative; background: #fff; overflow: hidden;}
.picPageList .pic{margin: 3%;}
.picPageList .pic img{height: auto; width: 100%;}
.picPageList .title,
.picPageList .titleBg{position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.picPageList .titleBg{background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2}
.picPageList .title a{color: #fff; padding: 0 10px; display: block; font-size: 14px}
.picPageList li:hover{border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0;}
.picPageList li:hover .title,
.picPageList li:hover .titleBg{height: 56px;}
/* 文章内容页 -----------------------------------------*/
.articleCon{text-align: left; padding: 0px 50px 20px;}
.printArea .title{font-size: 25px; line-height: 1.5; text-align: center; margin-bottom: 30px; color: #309D86; font-weight: 500;}
.printArea .subTitle{font-size: 20px; color: #555; text-align: center; margin-bottom: 20px;}
.printArea .property{font-size: 14px; margin-bottom: 20px; padding: 0px 10px 25px; text-align: center; color: #777; border: none!important; border-bottom: 1px dashed #c7c7c7!important; background: transparent!important;}
.printArea .property span{padding: 0 5px;}
.printArea .conTxt{color: #333; font-size: 16px; line-height: 2; padding: 0 0 20px 0; overflow: hidden;}
.printArea .conTxt img{display: block; margin: auto!important; max-width: 800px; height: auto !important;}
.printArea .conTxt p{margin-bottom: 20px;}
.printArea .conTxt a{color: blue; text-decoration: underline;}
.printArea .conTxt em{font-style: italic;}
.printArea .conTxt ul,
.printArea .conTxt ol{padding-left: 2em;}
.printArea .conTxt ul li{zoom: normal; list-style: square; text-indent: 0 !important;}
.printArea .conTxt ol li{zoom: normal; list-style: decimal; text-indent: 0 !important;}
.printArea .conTxt h1{font-size: 2em; margin: .67em 0;}
.printArea .conTxt h2{font-size: 1.5em; margin: .75em 0;}
.printArea .conTxt h3{font-size: 1.17em; margin: .83em 0;}
.printArea .conTxt h5{font-size: .83em; margin: 1.5em 0;}
.printArea .conTxt h6{font-size: .75em; margin: 1.67em 0;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong{font-weight: bolder;}
.printArea .vedioPlayer{position: relative; z-index: 1500; background: #000; width: 800px; text-align: center; margin: 20px auto; height: 480px;}
.articleCon .userControl{font-size: 14px; overflow: hidden; text-align: center; padding: 10px 0; height: 40px;}
.articleCon .userControl span{position: relative; top: -31px;}
.articleCon .userControl .a{color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox{display: inline-block;}
.articleCon .page{padding: 10px 0; text-align: center; overflow: hidden;}
.articleCon .others{margin: 30px 0;}
.articleCon .others span{font-size: 16px; color: #309D86;}
.articleCon .others a,.articleCon .others .date{font-size: 16px; color: #333333;}
.articleCon .others a:hover{color: #0f73c9;}
.articleCon .others .prev,
.articleCon .others .next{padding: 5px 0;}
/* 相关信息 */
#relativeInfo{border-bottom: 1px solid #ddd;}
#relativeInfo .bd{padding: 10px 0 20px 0;}
#relativeInfo ul{overflow: hidden;}
#relativeInfo li{float: left; width: 50%;}
.pic a{display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
.pic a:hover{filter: alpha(opacity=80);opacity: .8;}
.pic a:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewX(-30deg);-moz-transform: skewX(-30deg);transform: skewX(-30deg);}
.pic a:hover:before{left: 150%;transition: left 1s ease 0s}

.editor{
    text-align: right;
    color: #888888;
    font-size: 16px;
    padding-bottom: 30px;
}
.editor a{margin-right: 20px;color: #888888;}
/*--
颜色代码
#BB0000 深色标题
#ddd 淡蓝色边框
--*/

