@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; transition: all 0.5s; }
a:hover{ 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;}
.more { float:right;}

.headerTool{line-height:60px;position: relative;width: 100%;top: 0;z-index:4;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; /*background:url(../img/gkico.png) no-repeat 0;*/}
/*.govLinks .li4 a { background:url(../img/zxico.png) no-repeat 0} */
.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:#427fbb}
.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{}
body{text-align: center;min-width: 1200px;}
.siteWidth{position: relative;max-width: 1400px;_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;}
#header{position: relative;background: url(../img/body.jpg) center 0 no-repeat #f9f9f9;}
#header .siteWidth{height: 700px;position: relative;}
#header .siteWidth #logo {width:328px;display:block;}
#header .siteWidth img{margin: 30px 0;}
#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;margin-top: -70px;z-index: 1;border-radius: 5px;}

.lzlx {background:#F2F9FF;margin:0 auto;width:1200px;padding:50px 100px;border-radius:5px;text-align:left;line-height:50px;font-size:22px;margin-top:-90px;position: relative; margin-bottom:40px;}

.tzggbox { overflow:hidden; }
.tzggbox .hd {height:69px;line-height:69px;border-bottom:1px solid #D9D9D9;margin-bottom: 15px;}
.tzggbox .hd h3 { font-size:40px; font-family:simsun; font-weight:bold; color:#1C528F; border-bottom:3px solid #1C528F; float:left; height:67px; padding:0 20px}
.tzggbox .hd h3 a { color:#1C528F }
.tzggbox .hd h3 a b { color:#B30001; }

.row .more {position:absolute;right:0;line-height: 60px;}
.rowTi { text-align:center;}
.rowTi a{ display:inline-block; font-size:40px; font-family:simsun; font-weight:bold; color:#1C528F; border-bottom:3px solid #1C528F; height:67px; padding:0 20px; margin-bottom:40px;}
.rowTi a {color: #1C528F!important;}
.rowTi a b { color:#B30001; }

.zcjcbox {background:url(../img/zcjcboxbg.jpg) no-repeat center;height:450px;padding: 75px 0;}
.zcjcbox .hd {text-align:center;margin-bottom:60px;line-height: 60px;}
.zcjcbox .hd li { display:inline-block; background:#84A5CA; height:60px; line-height:60px; border-radius:5px; font-size:24px; color:#fff; margin:0 20px; transition:all 0.5s;}
.zcjcbox .hd li a { color:#fff; display:block; padding:0 50px; }
.zcjcbox .hd li.on { background:#CC0001 }
.zcjcbox .bd ul { margin:0 -1.2% }
.zcjcbox .bd li { float:left; width:18.6%; margin:0 1.2%; background:rgb(255 255 255 / 70%); box-shadow: 0 0 20px #BEE0F8; border-radius:10px; padding:35px 2%; line-height:32px; height:64px; overflow:hidden; margin-bottom:40px; transition:all 0.5s;}
.zcjcbox .bd li a { transition:all 0.5s;}
.zcjcbox .bd li:hover { background:#c00; }
.zcjcbox .bd li:hover a { color:#fff;}

.zcjdbox:after { content:""; display:block; clear:both;}
.zcjdbox .infoList { margin:0 -1.2%}
.zcjdbox .infoList li {float:left;width:43.6%;margin:0 1.2%;background:rgb(255 255 255 / 70%);box-shadow: 0 0 20px #BEE0F8;border-radius:10px;padding:30px 2%;line-height:32px;height:32px;overflow:hidden;margin-bottom: 30px;white-space: nowrap;transition:all 0.5s;text-overflow: ellipsis;}
.zcjdbox li a { transition:all 0.5s;}
.zcjdbox li:hover { background:#1c528f; }
.zcjdbox li:hover a { color:#fff;}

/*footer*/
#footer{position:relative;z-index: 1;padding: 30px 0;text-align:left;color:white;background: #015293;font-size:14px;min-height: 120px;}
#footer .copyRight{line-height: 30px;color: white;text-align: left;padding: 15px 390px 0 160px;}
#footer .copyRight p {white-space:nowrap;}
#footer .copyRight .footrow2 {display:inline-block;margin-right: 2%;}
#footer .copyRight .footrow3 {display: inline-block;margin-right: 2%;clear: left;}
#footer .copyRight .footrow4 { display:inline-block;margin-right: 2%;}
#footer .copyRight .footrow5 { display:inline-block;}
#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: 14px;font-size: 12px;text-align:center;width: 100px;height: 120px;background: #fff;color: #333;}
#footer .wxcode img{width: auto;height: 120px;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: auto;height: 120px;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{background-color: #fff; padding: 30px;}
.row{margin-bottom: 50px;}
.focusbox{width: 720px;overflow: hidden;position: relative;float: left;margin-right: 40px;}
.focusbox .hd{position: absolute; z-index: 1; right: 20px; bottom: 20px; text-align: center;}
.focusbox .hd ul{zoom: 1;}
.focusbox .hd ul li{float: left; margin: 0 5px; width: 10px; height: 10px; line-height: 10px; text-align: center; background: #fff; cursor: pointer; font-size: 12px; border-radius: 50%;}
.focusbox .hd ul li span{display: none;}
.focusbox .hd ul li.on{background-color: #0a4cc4;color: #fff; transform:scale(1.6)}
.focusbox .bd{height: 420px; position: relative; overflow: hidden;}
.focusbox .bd li{position: relative;}
.focusbox .bd .pic{position: relative; z-index: 0;}
.focusbox .bd .pic img{width: 720px;height: 420px;display: block;}
.focusbox .bd .con{position: absolute;width: 100%;z-index: 1;bottom: 0;height: 50px;line-height: 50px;text-align: left;text-indent: 20px;}
.focusbox .bd .con .title{position: absolute;width: 100%;bottom: 0;left: 0;z-index: 1;}
.focusbox .bd .con .title a{color: #fff;font-size: 16px;}
.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;background: linear-gradient( to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 66%));}
.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;}


/* 文章列表页 ----------------------------------*/
.noSideContent { background:#fff; padding:0 20px;}
.newsList{padding: 0 10px;}
.newsList li{height: 40px;line-height: 40px;overflow: hidden;padding-left: 30px;background: url(../img/list_icon2.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 #2978b0;}
.mainBox .mHd h3{float: left;padding: 0 30px;color: #2978b0;font-weight: bold;font-size: 40px;font-family: simsun;font-weight: bold;}
.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 #0f73c9; text-decoration: none; color: #0f73c9;}
.page .current{background: #0f73c9; 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;}
.infoList li{line-height: 40px;padding: 4px 0 4px 10px;overflow: hidden;font-size: 16px;}
.infoList .date{float: right; color: #999; font-size: 12px; margin-left: 15px;}
.infoList .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: #0f73c9; 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: #0f73c9;}
.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}
/*--
颜色代码
#BB0000 深色标题
#ddd 淡蓝色边框
--*/