@charset "utf-8";
/*全局样式
   Create by:  http://www.shangdoo.com
   Modify by:  QQ284782897 TEL17080036800 
---------------------------------------------------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a,img, ins,strong, dl, dt, dd, ol, ul, li,table,
tbody, th, article, aside, nav, center, section, summary, time {
    margin: 0;
    padding: 0;
	font-family: "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53";}
ins { text-decoration: none; }
li { list-style: none; }
a img, img { -ms-interpolation-mode: bicubic; border:none;}
img{vertical-align:middle;}
.clear {clear:both;height:0px; overflow:hidden;}
.blank10{height:10px;overflow:hidden;}
.blank15{height:15px;overflow:hidden;}
.blank20{height:20px;overflow:hidden;}
.blank30{height:30px;overflow:hidden;}
.blank40{height:40px;overflow:hidden;}
.blank60{height:60px;overflow:hidden;}
h1,h2{ font-weight: normal; }
.text_14{ font-size: 14px; line-height: 150%; }
.bt_18{ font-size: 18px; line-height: 150%; color: #c62e3a; }
/* 公用导航样式*/
.h20 {height: 22px;clear: both;overflow: hidden;}
.h15 {height: 15px;clear: both;overflow: hidden;}
.h5{height: 5px;clear: both;overflow: hidden;}
.mt20{ margin-top: 20px}
.fengye { font-size: 12px; width: 600px; margin-right: 15px; }
iframe { height: 400px; width: 500px; }
a{color:#333;text-decoration:none}
a:hover{ color: #c62e3a; text-decoration: none;text-decoration:none;}
a,a:active,a:focus,input{outline:none}
.container{width:1180px;margin:0 auto;height:auto;zoom:1}
.container:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.mod-sitemap-user,.head-top-rk,.mod-sitemap-wecome,.mod-sitemap-order{display:inline-block;*zoom:1;*display:inline;float:left; }

.cell, .cell2, .cell3{border-collapse:collapse;border-spacing:0;}
.fl{float:left;}
.fr{float:right;}

.clearheight{width:100%;height:1px;overflow:hidden;}

.w-1000{ width:1000px; margin:0 auto; position:relative;}
.w-1005{ width:1005px; margin:0 auto; position:relative;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}
.fixer{ position:fixed; left:0px; top:0px;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px"); z-index:9999;}


/*top START*/
.top { color: #333; height: 31px; border-bottom: 1px solid #e6e6e6; line-height: 31px; _overflow: hidden; background: #f8f8f8; color: #666; min-width: 1200px; font-size: 12px; }
.containerbg{background: #f70; }
.top .mod-sitemap {float: right;display: block; }
.top .mod-sitemap a{color:#666;display:block;float:left; }
.top .mod-sitemap a:hover{color:#ef8200; text-decoration:none; }
.top .mod-sitemap-user {padding-right: 10px}
.top .mod-sitemap-login,.top .mod-sitemap-name,.top .mod-sitemap-exit {padding-right:0 5px;}
.top .mod-sitemap-login{padding-right:5px;color:#ff2832}
.mod-sitemap-register{display:inline-block;*zoom:1;*display:inline; background:url(/statics/images/icon-header.png) no-repeat;color:#fff;width:59px; text-indent:8px;line-height:30px}
.mod-sitemap-register:hover{color:#fff; text-decoration:none}
.top .mod-sitemap-order {margin-left: 4px}
.top .mod-sitemap-order a.my-order { width: 75px; line-height: 18px; text-align: center; display: block; float: left; height: 100%; position: relative; font-size: 12px; color: #333; overflow: hidden; text-decoration: none; border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; z-index: 1 }

.top .mod-dropmenu-pop { position: relative; clear: both; display: none; }
.top .mod-dropmenu-pop .mod-dropmenu-wrap { position: absolute; top: -1px; border: 1px solid #d2efff; background: #fff; white-space: nowrap; left: -95px; padding: 0 10px; z-index: 9 }
.top .mod-sitemap-order a span { float: left; display: inline-block; *zoom:1; *display: inline; margin-left: 7px; padding-top: 7px; }
.top .mod-sitemap-order a.active { background: #fff; border-left: 1px solid #d2efff; border-right: 1px solid #d2efff; z-index: 10; }
.top .mod-iorder-unlogin a { color: #1369c0; }
.top .mod-dropmenu-pop .mod-menu-list { left: -29px; }
.top .drop-info { padding: 10px 0; white-space: nowrap; }
.top .drop-info li { line-height: 24px; color: #666; white-space: nowrap; }
.top .drop-info li span a { padding: 0 3px;}
.c-f60 { color: #f60;}
.top .head-top-rk span { color: #bbb;}
.top .head-top-rk .item{float:left;border:1px solid #F8F8F8;border-width:0 1px;position:relative;z-index:10;
border-color: #f8f8f8;
}
.top .head-top-rk .item.bg{background:url(/statics/images/icon-header.png) -108px -108px no-repeat;position:relative !important;;width:auto;height:auto;display:inherit;opacity:1;}
.top .head-top-rk .item:first-child{background:none}
.top .head-top-rk .item.on{border:1px solid #e6e6e6;border-width:0 1px;background:#fff}
.top .head-top-rk .item.on a{background:#fff;position:relative;z-index:11}
.top .head-top-rk a{padding:0 6px 0 8px;}
.top .head-top-rk a.has-icon{ position: relative;padding-right: 20px;}
.top .head-top-rk a.has-icon .icon_hot{display:inline-block;width:19px;height:21px;background:url(/statics/images/icon-hot2.gif) no-repeat;position:absolute;top:-1px;right:0;}
.top .head-top-rk a i{display:inline-block;*zoom:1;*display:inline;background:url(/statics/images/icon-header.png) no-repeat; vertical-align:middle}
.top .head-top-rk a .samllarrow{width:9px;height:5px;margin-left:4px; background-position:right -13px;}
.top .head-top-rk a .menu{width:8px;height:6px;margin:-4px 5px 0 -2px; background-position:right -23px;float: none;padding: 0;}
.top .head-top-rk a .tel{ font-size: 16px; line-height: 0; font-weight: bold; font-style: italic; color: #db1026; position: relative; top: -1px; left: 0; margin-left: 4px; display: inline; vertical-align: middle }

.top .head-top-rk .sitemap{display:inline-block;*zoom:1;*display:inline;position:relative}
.top .head-top-rk .sitemap-list{display:none;position:absolute;z-index:1;top:30px;left:-1px;background:#fff;border:1px solid #e6e6e6;z-index:4;padding:10px}
.top .head-top-rk .sitemap .sitemap-list dl{clear:left}
.top .head-top-rk .sitemap .sitemap-list dt{font-weight:bold;float:left;position:relative;top:-4px;left:0;margin-right:10px}
.top .head-top-rk .sitemap.one .sitemap-list dt{margin:0 10px 0 8px}
.top .head-top-rk .sitemap .sitemap-list a{line-height:24px; vertical-align:top;white-space:nowrap;}
.top .head-top-rk .item:hover .sitemap-list{display:block}
.top .head-top-rk .sitemap.one .sitemap-list{width:260px}
.top .head-top-rk .sitemap.one .sitemap-list dl{clear:none;float:left;width:84px}
.top .head-top-rk .sitemap.two .sitemap-list{padding: 10px 6px 10px 7px;}
.top .head-top-rk .sitemap.three .sitemap-list{width:260px;padding:10px 10px 10px 14px}
.top .head-top-rk .sitemap.two .sitemap-list dd{float:left;clear:left}
.top .head-top-rk .sitemap.three .sitemap-list a{width:84px}

/*top END*/
.logobg { width: 100%; background-color: #FFF; min-width:1200px;}
.logomain { height: 134px; width: 1180px; margin-left: auto; margin-right: auto; }
.logomain .logo { height: 135px; width: 1180px; float: left;  background: url(/statics/images/logo.png);background-size:1180px 135px; }
.logomain .tel { height: 135px; width: 400px; float: right; background: url(/statics/images/tel.png);background-size:400px 135px;  }
/*header START

/*nav*/
s.con-boxIndex{margin:0 auto;padding:0;width:1200px;_margin-bottom:-6px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
.clearfix{height:1%}
.clearfix{display:block}

.col960 { width: 1180px; margin: auto; }
.navbg { min-width: 1180px; height: 45px; width: 100%; *box-shadow: 1px 1px 7px #396005; position: absolute; z-index: 2; left: 0; background-repeat: repeat-x; margin-top: 0px; margin-right: auto; margin-left: auto; background-color: #0092ee; }
#navul li { float: left; margin-right: 1px; width: 128px; height: 45px; position: relative; text-align: center; line-height: 45px; background-repeat: no-repeat; background-position: right;  font-size: 18px;}
#navul li.navhome { text-align: left; width: 60px; padding-top: 0; padding-right: 0px; padding-bottom: 0; padding-left: 40px; }
#navul li a:link, #navul li a:visited { color: #FFF; }
#navul li ul { display: none; position: absolute; z-index: 10000; left: 0px; background-color: #0092ee; }
#navul li ul li { display: block; width: 128px; float: none; margin-right: 0px; height: 35px; position: relative; line-height: 35px; font-size: 18px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #00a4ff; }
#navul li.navmoon { width: 128px; height: 45px; line-height: 45px; background-repeat: repeat-x; background-color: #00a4ff; }
#navul li.navmoon a { color: #FFF; font-size: 18px; }
#navul li.navhome a:hover { background-color: #00a4ff; color: #0092ee; }
#navul li.navmoon ul { display: block; }
#navul li.navmoon ul a { display: block; width: 128px; height: 35px; line-height: 35px; }
#navul li.navmoon ul a:hover { background-color: #00a4ff; }

.bgone { background-color: #f8f8f8; min-width:1180px; }
.plan { margin-right: auto; margin-left: auto; width: 1180px; text-align: center; }
.tile h1 { text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05); font-size: 24px; color: #FFF; }
.tile h2 { font-weight: 100; margin-top: 20px; transform: translateX(200px); font-size: 12px; color: #FFF; }
.tile p { font-weight: 300; margin-top: 20px; line-height: 25px; transform: translateX(-200px); transition-delay: 0.2s; font-size: 15px; }


/* 窄屏大图
.flexslider{ position: relative; height: 400px; overflow: hidden; background: url(/statics/images/loading.gif) 50% no-repeat; width: 1180px; margin-right: auto; margin-left: auto; }
.slides{position:relative;z-index:1;}
.slides li{height:400px;}
.slides .lik { width: 1180px; height: 580px; margin-right: auto; margin-left: auto; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(/statics/images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;} 
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(/statics/images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(/statics/images/next.png) center center no-repeat;}*/

/** banner START* */
.flexslider { position: relative; min-width:1180px; height: 400px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 400px;}
.slides .lik { width: 1180px; height: 400px; margin-right: auto; margin-left: auto; }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
/** banner end**/

/* scrollmarquee */
.scrollleft{ width: 1180px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 5px; padding-bottom: 0px; }
.scrollleft li{width: 212px; height: 201px; overflow: hidden; float: left; display: inline; padding: 10px; text-align: center; }
.scrollleft li a { display: block; background-color: #FFF; border: 1px solid #FFF; text-decoration: none; }
.scrollleft li a:hover { display: block; background-color: #f3f7fc; border: 1px solid #d2efff; }
.scrollleft li a img{padding: 0px; height: 158px; width: 210px; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #e6e6e6;}
.scrollleft li a span { width: 212px; height: 35px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }

/*footer START*/
footer{ display: block; }
footer#footer{ background: #ffffff url(../images/footerbg.gif) 0 top repeat-x; border-top: solid 5px #d8d8d8; min-width:1180px; width: auto; height: 480px; margin-left: 0; }
footer#footer .inner{ background: url(../images/footer_line.gif) 0 0 repeat-x;width: 1180px;margin: auto}
footer#footer dl{ float: left; width: 190px; margin-right: 10px; margin-bottom: 30px; margin-left: 35px; }
footer#footer dl.last{margin-right: 0}
footer#footer dt{ color: #333; line-height: 49px; margin-bottom: 10px; font-size: 18px; }
footer#footer dd{line-height: 25px;}
footer#footer .goldService{margin-top:50px;margin-right:50px; margin-left: 10px; border-left:dashed 1px #d1d1d1; border-right:dashed 1px #d1d1d1; padding-bottom: 30px}
footer#footer .goldService a{background: url(../images/menu.png) 55px -93px no-repeat;width:190px; height: 119px;display:block;}
footer#footer .foot_nav{text-align: center;background: #e4e4e4; color: #666666; clear: both;line-height: 30px;padding: 0; margin-bottom: 0}
footer#footer .foot_copyright{color: #666; padding-top: 8px;padding-left: 0!important;}
footer#footer .foot_copyright a{color: #666;font-weight: normal; padding-left: 0!important;}
footer#footer .foot_c1{ /*float:left;*/ text-align: center; line-height: 25px; font-size: 14px; }
footer#footer .foot_c2{ /*float:left;*/ text-align:center; margin: auto;width:555px; height:30px; float: none;}

footer#footer .foot_c1 i{ background: #666; display: inline-block; font-size: 0; height: 14px; line-height: 0; margin: 0 7px; overflow: hidden; vertical-align: middle; width: 1px;}
footer#footer .foot_c2 li{ float:left}
footer#footer .foot_c1 a{ text-decoration: none; color: #333; font-size: 14px; }
footer#footer a.nounder:hover{text-decoration: none}
footer#footer .foot_c2 a.foot_icon{display: block; background: url(../images/footimg.png) no-repeat ;height: 40px;}
footer#footer .foot_c2 a.J_iconsaic{background-position: 3px 0px; width: 130px;}
footer#footer .foot_c2 a.J_iconcyberpolice{background-position: 0px -38px; width: 130px;}
footer#footer .foot_c2 a.J_iconmiibeian{background-position:0px -76px;width: 130px;}
footer#footer .foot_c2 a.J_icon12377{background-position: 0px -114px; width: 130px;}
/*footer end*/

/*新公共底部样式*/
.footercopyright{width:100%;box-sizing:border-box;padding:10px 20px 0px 20px;margin-top:0px;}
.footerinner{height:100%;margin:0 auto;position:relative;}
.share{width:274px;margin:0 auto;overflow:hidden;}
.share li{float:left;height:40px;padding:5px 14px;}
.share li img{width:40px;height:40px;cursor:pointer;border-radius:20px;}
.code_wrap{position:absolute;left:50%;top:-235px;margin-left:-450px;width:900px;z-index:50;pointer-events: none;}
.code{width:100%;overflow:hidden;position:relative;}
.code li{float:left;width:200px;height:240px;}
.code li img{width:210px;height:240px;display:none;}
.code li img.weibo{position:absolute;left:244px;}
.code li img.qq{position:absolute;left:312px;}
.code li img.twitter{position:absolute;left:382px;}
.code li img.wechat{position:absolute;left:448px;}
.footerinfo{font-size:16px;text-align:center;color:#333;opacity:0.8;filter:alpha(opacity=80);}
.footerinfoTop{margin:5px 0;}
.footerinfoTop p{line-height:22px;}
.footerinfoBottom{font-size:14px;}
.footerinfoBottom .min{font-size:14px;}
.footerinfoBottom .min a { font-size:14px;}


/*weixin end*/
.contEr .wei{ float: left; display: block; width: 32px; height: 27px; line-height: 400px; overflow: hidden; margin-left: 8px; background-image: url(../images/wxicoa.png); background-repeat: no-repeat; }
#QQIco{ background-position:0px -5px;}
#weixinIco{ background-position:-45px -5px;}
#weiboIco{ background-position:-85px -5px;}
#QQIco:hover,#weiboIco.cur{ background-position:0px -36px;}
#weixinIco:hover,#weixinIco.cur{ background-position:-45px -36px;}
#weiboIco:hover,#QQIco.cur{ background-position:-85px -36px;}
.erweimaBox{ padding:4px; background:#fff; border:1px solid #ccc; position:absolute; z-index:999; left:10px; top:1110px; text-align:center; color:#999; line-height:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden; display:none; width:90px;}
.erweimaBox img{ width:180px; height:180px;}
.erweimaBox .t{ padding-bottom:8px;}
/*weixin end*/

/*文章列表内容系统开始*/
.newsnav{width:1180px;margin:0 auto;height:35px;margin-top:20px; border:#d2efff solid 1px; }
.newsnav ul li{padding:0px 25px; float:left; height:35px; line-height:35px;}
.newsnav ul li:hover{ background:#fafafa;}
.newsnav ul li a{color:#777;font-size:14px;}
.newsnav ul li a:hover{ color:red}
.newsnav ul li.curr{}
.newsnav ul li.curr a{ color:#3C8BCC; font-weight:bold }

.common_newsmain .left{width:290px; float:left}
.common_newsmain .left h4{ height: 40px; line-height: 40px; border-bottom: 1px solid #d2efff; color: #666; padding-left: 12px; padding-right: 12px; background-image: url(/statics/images/line_on.jpg); font-weight: normal; }
.common_newsmain .left h4 a{ font-size: 18px; color: #666666; }
.common_newsmain .left h4 a:hover{ color: #C00; }
.common_newsmain .left h4 span{ float: right; font-size: 14px; }
.common_newsmain .left h4 span em{ font-style: normal; font-size: 14px }
.common_newsmain .left h4 span a{color:#999; font-size:12px; padding-right:3px;}
.common_newsmain .left h4 span a:hover{ color: #C00; font-size: 12px; padding-right: 3px; }
.common_newsmain .left .info{ border: 1px solid #d2efff; background-image: url(/statics/images/sina.png); background-position: bottom; background-repeat: no-repeat; background-color: #FFF; height: 1180px; }
.common_newsmain .left .info ul{ padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.common_newsmain .left .info ul li{ height:35px; line-height:35px;border-bottom:1px dotted #d5d5d5; overflow:hidden}
.common_newsmain .left .info ul li a{font-size:14px;}
.common_newsmain .left .info ul li span{ float:right;color:#999;font-size:11px;}
.common_newsmain .left .info ul li em{width:16px; height:16px;font-size:11px; float:left; background:#EEE; line-height:16px; margin:10px 10px 0px 2px;color:#333; text-align:center; font-style:normal; border:#CCC solid 1px;}
.common_newsmain .left .info ul li em.em01{ background:#059FE5; color:#FFF; border:none;width:17px; height:17px;}

.common_newsmain .left .infohome{ border: 1px solid #d2efff; background-image: url(/statics/images/sinahome.png); background-position: bottom; background-repeat: no-repeat; background-color: #FFF; height: 612px; }
.common_newsmain .left .infohome ul{ padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
.common_newsmain .left .infohome ul li{ height:35px; line-height:35px;border-bottom:1px dotted #d5d5d5;
/*-----溢出文字用省略号点代替---*/
white-space:nowrap;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.common_newsmain .left .infohome ul li a{font-size:14px;}
.common_newsmain .left .infohome ul li span{ float:right;color:#999;font-size:11px;
}
.common_newsmain .left .infohome ul li em{width:16px; height:16px;font-size:11px; float:left; background:#EEE; line-height:16px; margin:10px 10px 0px 2px;color:#333; text-align:center; font-style:normal; border:#CCC solid 1px;}
.common_newsmain .left .infohome ul li em.em01{ background:#059FE5; color:#FFF; border:none;width:17px; height:17px;}

.newscontent{width:1180px;margin:0 auto;margin-top:5px;}
.newscontent .right{ width: 873px; float: right; overflow: hidden; border: 1px solid #d2efff; }
.newscontent .right h1{ font-size: 26px; text-align: center; line-height: 200%; font-weight: normal; margin-top: 10px; }
.newscontent .right h2{ font-size: 18px; height: 40px; line-height: 40px; border-bottom: 1px solid #d2efff; color: #666; padding-left: 12px; padding-right: 12px; background-image: url(/statics/images/line_on.jpg); }
.newscontent .right h2 span{ float: right; font-size: 12px; }
.newscontent .right h2 span em{ font-style: normal; font-size: 12px }
.newscontent .right h2 span a{ color: #666; font-size: 12px; padding-right: 3px; text-decoration: none; }
.newscontent .right h2 span a:hover{ color: #C00; font-size: 12px; padding-right: 3px; text-decoration: none; }

.newscontent .right .dp{ width: 100%; text-align: center; line-height: 30px; color: #666; border-bottom: #d2efff 1px solid; font-size: 12px; }
.newscontent .right .dpa{ width: 100%; line-height: 20px; color: #666; border-bottom: #eee 1px solid; font-size: 12px; }
.newscontent .right .dp a{ font-size: 12px; }
.newscontent .right .dp font{font-size:12px;color:#CC0000}
.newscontent .right .dp span{padding-left:10px}
.newscontent .right .ct{line-height:30px;font-size:16px;color:#333; padding:25px 20px;}
.newscontent .right .ct .ct_box p{}
.newscontent .right .ct .ct_box img{ text-align:center;margin:0px;max-width:750px}
.newscontent .right .ct_mood{border-top:1px solid #d2efff;margin-top:20px;}
.Dg{ width: 1180px; margin: 0 auto; height: 35px; line-height: 35px; margin-top: 10px; color: #666; font-style: normal; font-size: 12px; }
.Dg a{margin:6px;color:#666}

.newscontent .right ul{padding:10px 15px 20px 5px;}
.newscontent .right li{ line-height: 40px; padding-left: 10px; background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: bottom; }
.newscontent .right li em{ width: 16px; height: 15px; font-size: 11px; float: left; line-height: 16px; margin: 12px 5px 0px 2px; color: #fff; text-align: center; font-style: normal; background-image: url(../images/title.gif); }
.newscontent .right a{ font-size: 16px; color: #333; text-decoration: none; line-height: 180%; }
.newscontent .right a:hover{ font-size: 16px; color: #C00; line-height: 180%; text-decoration: none; }
.newscontent .right span#date{ float: right; color: #666; font-size: 14px; }
/*文章列表内容系统结束*/

/* cppic */
.newscontent .right .cppic{ width: 100%; position: relative; margin-right: auto; margin-left: auto; }
.newscontent .right .cppic li{ width: 254px; height: 232px; overflow: hidden; float: left; display: inline; padding: 15px; text-align: center; }
.newscontent .right .cppic li a { display: block; background-color: #f6f5f5; border: 1px solid #e6e6e6; }
.newscontent .right .cppic li a:hover { display: block; background-color: #f3f7fc; border: 1px solid #d2efff; }
.newscontent .right .cppic li a img { padding: 0px; height: 190px; width: 252px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; }
.newscontent .right .cppic li a span { width: 252px; height: 35px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }

/* cppic */
.newscontent .right .prpic{ width: 100%; position: relative; margin-right: auto; margin-left: auto; padding-left: 5px; }
.newscontent .right .prpic li{ width: 254px; height: 295px; overflow: hidden; float: left; display: inline; padding: 15px; text-align: center; }
.newscontent .right .prpic li a { display: block; background-color: #f6f5f5; border: 1px solid #e6e6e6; }
.newscontent .right .prpic li a:hover { display: block; background-color: #fff1f4; border: 1px solid #ff8fa1; }
.newscontent .right .prpic li a img { padding: 0px; height: 252px; width: 252px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e6e6e6; }
.newscontent .right .prpic li a span { width: 252px; height: 35px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; }

/* news */
section { width: 780px; float: right; }
.contbox01,.contbox02{ border: 1px solid #d2efff; border-top: none; border-top: 0px; width: 430px; float: left; background-color: #FFF; }
.contbox02{float:left;}
.title05{ font-size: 16px; height: 42px; line-height: 42px; overflow: hidden; zoom: 1; background-image: url(../images/line_on.jpg); background-repeat: repeat-x; }
.title05 .strong001{border-right:1px solid #d2efff;width:100px;text-align:center;color:#3d5240;font-weight:normal;float:left;display:inline;height:42px;}
.title05 .strong001w{width:120px;}
.title05 span{float:right;}
.title05 span i{font-style:normal;}
.title05 a:hover{text-decoration:none;}
.title05 .strongH02{ cursor: pointer; background-repeat: repeat-x; background-color: #fffcfc; border-top-width: 1px; border-top-style: solid; border-top-color: #d2efff; }
.title05 em{float:right;font-size:12px;margin-right:10px;font-style:normal;}
.title05 em a{ font-weight: normal; color: #3d5240; font-size: 12px; }
.title05 em a:hover{text-decoration:underline;}
.title05 a:hover{ color: #c62e3a; }
.dl03{ margin: 12px 0 0 12px; overflow: hidden; zoom: 1; height: 115px; background-image: url(../images/line.gif); background-position: bottom; background-repeat: repeat-x; }
.dl03 dt{float:left;width:150px;}
.dl03 dt a img { height: 104px; width: 150px; }
.dl03 dd{ float: left; width: 245px; margin-left: 9px; line-height: 21px; color: #979797; font-size: 14px; }
.dl03 dd a:hover{ color: #c62e3a; }
.dl03 dd strong a{font-size:16px;color:#323232;}
.dl03 dd a{ color: #c62e3a; }
.dl03 dd a.a101{color:#627465;}
.ul14{clear:both;margin:0px 0 12px 0;width:405px;overflow:hidden;zoom:1;}
.ul14w{width:305px;}
.ul14ww{width:860px;}
.ul14 li{ margin-left: 5px; line-height: 38px; overflow: hidden; zoom: 1; padding-left: 10px; height: 38px; background-image: url(../images/line.gif); background-repeat: repeat-x; background-position: bottom; }
.ul14 li em{ width: 14px; height: 15px; font-size: 11px; float: left; line-height: 16px; margin: 12px 5px 0px 2px; color: #fff; text-align: center; font-style: normal; background-image: url(../images/title.gif); }
.ul14 li a{ font-size: 16px; color: #323232; text-decoration: none; line-height: 180%; }
.ul14 li a:hover{ font-size: 16px; color: #c62e3a; line-height: 180%; text-decoration: none; }
.ul14 li span#date{ float: right; color: #3d5240; font-size: 12px;}
.co { float: right; width: 875px; }
.cob{border:1px solid #d2efff;}


/* 公司简介 */
.jj{border:1px solid #d2efff;width:875px;float:left;}
.jjtitle{ font-size: 18px; height: 42px; line-height: 42px; overflow: hidden; zoom: 1; background-image: url(/statics/images/line_on.jpg); background-repeat: repeat-x; }
.jjtitle .strong001{width: 100px; text-align: center; color: #323232; float: left; display: inline; height: 42px; font-weight: normal;}
.jjtitle span{float:right;}
.jjtitle span i{font-style:normal;}
.jjtitle a:hover{text-decoration:none;}
.jjtitle .strongH02{ cursor: pointer; background-image: url(/statics/images/line_on.jpg); background-repeat: repeat-x; }
.jjtitle em{float:right;font-size:12px;margin-right:10px; font-style:normal;}
.jjtitle em a{font-weight: normal; color: #323232; font-size: 12px; }
.jjtitle em a:hover{text-decoration:underline;}
.jjtitle a:hover{color:#c62e3a;}
.jjdl{margin:12px 0 0 12px;overflow:hidden;zoom:1;height:190px;}
.jjdl dt{float:left;width:250px;}
.jjdl dt a img { height: 175px; width: 250px; }
.jjdl dd{float:left;width:582px;margin-left:12px;line-height:21px;color:#323232;}
.jjdl dd strong a{ font-size: 16px; color: #323232; line-height: 35px;}
.jjdl dd strong a:hover{ font-size: 16px; color: #CC0000; line-height: 35px;}
.jjdl dd a{color:#CC0000;font-size: 14px;}
.jjdl dd a:hover{color:#323232;}
.jjdl dd a.a101{ color: #445468; text-decoration: none; font-size: 14px; line-height: 24px; }


/*文章样式*/
#fenye{ clear: both; margin-right: 30px; margin-bottom: 15px; }
#fenye a{ font-size: 14px; }
#fenye .prev,#fenye .next{width:52px; text-align:center;}
#fenye a.curr{ width: 22px; border: 1px solid #a4a2a2; color: #FFF; font-weight: bold; text-align: center; background-color: #fff; font-size: 14px; }
#fenye a.curr:visited {color:#FFF;}
#fenye a{margin:5px 4px 0 0; color:#5f5f5f;background:#FFF; display:inline-table; border:1px solid #a4a2a2; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#FFF;} 
#fenye a:hover{color:#FFF; background:#22baec; border:1px solid #1baad9;float:left;}
#fenye span{ font-size: 14px; line-height: 35px; color: #FFF; }

/*通用动画按钮开始*/
.set_container{width:300px;margin:auto;padding-bottom:0px;clear:both;padding-top:45px;float:right;}
.set_4_button1{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 20px;line-height:42px;border:1px solid #FFF;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#FFF;margin-right:0.5em;}
.set_4_button1.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#c8302b;border:1px solid #ab2924;border-radius:5px;}
.set_4_button1.raised:active{background:#ec423b;box-shadow:0px 1px 1px #c12824;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 2 *******/
.set_4_button2{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 20px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#337ab7;margin-right:0.5em;}
.set_4_button2.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#5ab75d;border:1px solid #4aad4e;border-radius:5px;}
.set_4_button2.raised:active{background:#22baec;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 3 *******/
.set_4_button3{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 8px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#FFF;margin-right:0.5em;}
.set_4_button3.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#5bbfdd;border:1px solid #46b7d9;border-radius:5px;}
.set_4_button3.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 5 *******/
.set_4_button5{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 8px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#337ab7;margin-right:0.5em;}
.set_4_button5.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#efac50;border:1px solid #eda139;border-radius:5px;}
.set_4_button5.raised:active{background:#22baec;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/****** button 4 *******/
.set_4_button4{position:relative;font-weight:400;text-align:center;width:auto;float:left;padding:0 8px;line-height:42px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#252b2d;margin-right:0em;border:1px solid #4cae4c;border-radius:5px;}
.set_4_button4.raised{-moz-transition:all 0.1s;-o-transition:all 0.1s;-webkit-transition:all 0.1s;transition:all 0.1s;background:#d8524e;border:1px solid #d33e3a;}
.set_4_button4.raised:active{background:#515151;box-shadow:0px 1px 1px #063e6b;}
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1;}
.anim:before{position:relative;content:'';display:block;margin-top:100%;}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.clickable .toggle:checked + .anim{-moz-animation:anim-in 0.75s;-webkit-animation:anim-in 0.75s;animation:anim-in 0.75s;}
.clickable .toggle:checked + .anim:after{-moz-animation:anim-in-pseudo 0.75s;-webkit-animation:anim-in-pseudo 0.75s;animation:anim-in-pseudo 0.75s;}
.clickable .toggle:not(:checked) + .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.clickable .toggle:not(:checked) + .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
.hoverable:hover > .anim{-moz-animation:anim-out 0.75s;-webkit-animation:anim-out 0.75s;animation:anim-out 0.75s;}
.hoverable:hover > .anim:after{-moz-animation:anim-out-pseudo 0.75s;-webkit-animation:anim-out-pseudo 0.75s;animation:anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-in{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-webkit-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-moz-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-ms-keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@keyframes anim-out{0%{width:0%;}
100%{width:100%;}
}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25);}
100%{background:transparent;}
}
/*通用动画按钮结束*/