@charset "utf-8";
/*
Theme ID: umFull
Author: Umtheme
Author URI: http://www.umtheme.com/
*/
html,body,div,span,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,video{margin:0;padding:0;outline:0;border:0;background:transparent;font-size:100%; font-style: normal;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x : hidden ; }
body{background: #f8f8f8;color: #333;font-size:14px;line-height:1.42857143;font-family:微软雅黑,Microsoft YaHei,Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif; overflow-x:hidden}
html.mac body{font-family:"PingFang SC",Microsoft YaHei,Helvetica,Arial,sans-serif;}
*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
article,hgroup,menu,nav,section,aside,details,figcaption,figure,footer,header{display:block;}
nav ul,ul,li{list-style:none;}
blockquote{quotes:none;}
blockquote:before,blockquote:after{content:none;}
a{color:#333;vertical-align:baseline;text-decoration:none;font-size:100%;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin:0;padding:0;}
a,input{outline:none;}
input,select,textarea{outline:none;}
a:hover,a:focus{color:#C80000;text-decoration:none;cursor:pointer;}
img{max-width: 100%;height: auto;}
ins{color:#323841;background-color:#ff9;text-decoration:none;}
mark{color:#323841;background-color:#ff9;font-weight:bold;font-style:italic;}
@font-face{font-family:"Condensed";src: url(fonts/BarlowCondensed-Regular.ttf) format('truetype');font-weight: normal;font-style: normal;}
.PostShow:after,article:after,header:after,.row:after,.article-main:after,.article:after,.postNav:after,.artUm:after{clear: both;}
.PostShow:before,
.PostShow:after,
.PostShow:after,
.row:before,
.row:after,
.article-main:after,
.article-main:before,
.article:after,.article:before,
.artUm:after,.artUm:before,
.postNav:before,.postNav:after{content: " ";display: table;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border: none; }
input:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white  inset !important;} 
input,textarea{outline-color: invert ;outline-style: none ;outline-width: 0px ;border: none ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;box-shadow: none;}
@font-face {
  font-family: 'iconfont';  /* project id 788097 */
  src: url('//at.alicdn.com/t/font_788097_il2z5s1npwb.eot');
  src: url('//at.alicdn.com/t/font_788097_il2z5s1npwb.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_788097_il2z5s1npwb.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_788097_il2z5s1npwb.woff') format('woff'),
  url('//at.alicdn.com/t/font_788097_il2z5s1npwb.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_788097_il2z5s1npwb.svg#iconfont') format('svg');
}

/*@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont.woff') format('woff'),
  url('fonts/iconfont.ttf') format('truetype'),
  url('fonts/iconfont.svg#iconfont') format('svg');
}*/
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
html.index,.index body{height:100%;position: relative;}
/*----------- container -----------*/
.container{margin:0 auto;max-width:1260px;padding:0 10px;overflow: hidden;}
.ummain .container,.job .container{ overflow: visible}
/*----------- 头部 -----------*/
.header{ padding-top:60px;}
.header .header-nav{position:fixed;width:100%;float:left;background-color:rgba(255, 255, 255, 1); z-index:886;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 10px rgba(22,22,22,0.1); top:0; left: 0}
.header .header-nav.fixed{background-color:rgba(255, 255, 255,1); opacity:1}
.header .logo{ position:absolute;font-size:0px; height:40px; overflow: hidden; display: block; text-indent: -20000em; width: auto;background-size: 100% 100%; top:50%; margin-top:-20px;}
.header .logo a{display: block; color: #999; }
.header .logo .logob{ display: none}
.header .container{ overflow:visible}
.index .header{ position:absolute;}

.logo img{ height:40px;}

.header.opaque {padding-top:0px;}
.header.opaque .header-nav{background-color:rgba(255, 255, 255, 0);box-shadow:0 0 10px rgba(22,22,22,0)}
.header.opaque .header-nav.fixed{background-color:rgba(255, 255, 255,1); opacity:1;box-shadow:0 0 10px rgba(22,22,22,0.1);}
.header.opaque .navbar a,.header.opaque .navbar i{ color: #FFFFFF; opacity: 0.6}
.header.opaque .navbar li.active > a,.header.opaque .navbar li.active i{color:#FFFFFF; opacity: 1}
.navbar li.on > a{ color: #fff;}
.header.opaque .navbar li:after{ visibility: hidden; opacity: 0}
.header.opaque .fixed .navbar li:after{ visibility:visible; opacity: 1}
.header.opaque .header-nav.fixed .navbar a,.header.opaque .header-nav.fixed .navbar i{ color: #333; opacity: 1}
.header.opaque .header-nav.fixed .navbar li.active > a,.header.opaque .header-nav.fixed .navbar li.on > a,
.header.opaque .header-nav.fixed .navbar li.active > i,.header.opaque .header-nav.fixed .navbar li.on > i
{color: #C80000;}
.header.opaque .logo .logoa,.header.opaque .header-nav.fixed .logo .logob{ display: none}
.header.opaque .logo .logob,.header.opaque .header-nav.fixed .logo .logoa{ display: block}
.header.noOpaque .navbar a{ line-height: 60px;}



/*导航栏*/
.navbar{ float:right;}
.navbar li{display: block; float: left; margin:0px 0px; position: relative; min-width:50px; text-align: center; padding:0px 20px; }
.navbar a{display:inline-block; line-height:80px;font-size:14px; color:#333;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; margin-left:4px;}
.header-nav.fixed .navbar a{ line-height:60px;}
.header-nav.fixed .navbar>li>ul>li>a{ line-height:40px;}
.navbar li.active>a, .navbar li.on>a,.navbar li.active>i, .navbar li.on>i{color:#C80000;}
.navbar li:after{background:#C80000;content:"";height:1px; width:0px;position:absolute;left:50%; transform:translateX(-50%);bottom:-1px;webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.navbar li.active:after,.navbar li:hover:after{width:60%;}
.navbar li>ul>li:before{ background-color:transparent; content: ''; transition: all 0.3s;}
.navbar li.active:before, .navbar li.on:before{width: 100%; left: 0;}

#navBox>div>ul>li:hover>ul{top:100%;filter:alpha(opacity=100)!important;opacity:1!important;max-height:inherit;}
#navBox>div>ul>li>ul{position:absolute;width:180px;top:130%;left:50%; transform: translateX(-50%); text-align:center;padding:20px 0; z-index:60;filter:alpha(opacity=0)!important;opacity:0!important;-webkit-transition:all .3s ease;-o-transition:top .3s ease;transition:all .3s ease; max-height:auto; overflow:hidden;box-shadow:0 10px 16px 0 rgba(0,0,0,0.03); background: #fff; border-top: 1px solid #666; visibility: hidden}
#navBox>div>ul>li.on>ul{ visibility: visible}
#navBox>div>ul>li>ul>li a{float:none;display:block;padding:0px 0px 0px;color:#666;font-size:14px; text-align:center; line-height:42px;opacity: 1}
#navBox>div>ul>li>ul>li:after{ display:none}
#navBox>div>ul>li>ul>li{width:100%;padding:0;margin:0;font-size:14px;}
#navBox>div>ul>li>ul>.on a{color:#000!important;}
#navBox>div>ul>li>ul>li.active a{}
#navBox>div>ul>li>ul>li.on>a{color:#fff}

.fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;}

/*----------- search-top -----------*/
.searchBox{ display:none}
.search-pup{position:relative;}
.search-pup form input:focus{width:180px}
.search-pup form button{position:absolute;right:0px;top:0px;color:#fff;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer; width:50px; height:35px; background:#C80000; border-top-right-radius:3px; border-bottom-right-radius:3px;}

/*----------- breadcrumb -----------*/	
.breadcrumb{max-width: 1240px; margin:0 auto;padding:20px 0 12px 0;clear:both;overflow: hidden; border-bottom:1px solid #e8e8e8;text-indent:5px;display:none}
.breadcrumb.show{display:block}
.fa-angle-right,.fa-bullhorn{font-size: 16px; margin: 0 4px;}

/*列表*/
.article,.umArt{ position:relative; margin:40px 0}
.article ul{margin-right: -10px;}
.article li,.imgShow{width: calc(100% / 4 - 10px);margin:5px 10px 5px 0;float:left;overflow: hidden;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out; text-align:center;vertical-align: top;}
.postImg {position:relative; display:block; overflow:hidden;}
.postImg a.pic{ font-size:0; display:block;}
.article li .postImg:after{content: '';display: block;padding-top: 74%;}
.postImg a.pic img{ position:absolute; top:0; left:0; max-width:100%; height:auto;}

.article li .postText,.article li .postText i,.article li .postText p,.article li .postText a{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.article li .postText a{ color: #333}
.article li .postText{ padding:15px 15px;}
.article li .postText a{ display:block;}
.article li .postText p{ color:#999;}
.article li.postText h4{ font-size:16px; font-weight:normal;}
.article li:hover .postText i{ margin-top:5px;}
.article li:hover .postText i,.article li:hover .postText p{ opacity:0.8}
.article li .postText p.iText{ margin-top:10px; height:40px; overflow:hidden; display:block; text-align:left;}
.article li .postText p.time{ font-size:12px; padding:5px 0 10px; text-align:left;}
.news .postText h4{ text-align:left;}
.news .article li .postText{background:rgba(255,255,255,0.68);}
.article li .postText i{ max-height:18px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;}
.article.list{min-height:200px;}

.ryList .postImg,.wimg li .postImg{ background-color: #fff;}
.ryList.article li .postImg:after,.wimg li .postImg:after{content: '';display: block;padding-top: 76%;}
.ryList .postImg a.pic,.wimg li .postImg a.pic{ position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; overflow: hidden;}
.wimg li .postImg a.pic{ top: 0; bottom: 0; left: 0; right: 0;}
/*内容*/
.artBody{ line-height:1.8;}
.artBody h1.artTit{ font-size:24px; font-weight:normal;}
.artHeade{ margin-bottom:20px;}
.artMeta{ padding:5px 0; font-size:0px; color:#999; display:block;}
.artMeta span{ padding-right:8px; font-size:14px;}
.artMeta span i{ padding-right:2px;}
.artMeta a{ color:#999;}

.artUm{ line-height:1.8;font-size: 15px;color: #666;}
.artUm h1,.artUm h2, .artUm h3, .artUm h4, .artUm h5{margin:10px 0;color: #333;font-weight:600; position:relative;}
.artUm h1{font-size:22px;line-height:2.2;}
.artUm h2{font-size:20px;line-height:2;}
.artUm h3{font-size:18px; padding-left:15px;}
.artUm h4{font-size:16px;}
.artUm h5{font-size:14px;}
.artUm h3:after,.sidebar .widget h3:after{content:'';width:3px;height:17px; background: #C80000; position: absolute; display: block; left: 0; top: 6px;}
.artUm h3:after{top:9px;}
.artUm p{ margin-bottom:15px;}
.artUm p img{vertical-align: -8px;}
.artUm table{border-collapse:collapse;background:#fff;line-height:140%; width:100%;}
.artUm table tr:nth-child(2n){ background-color:#fafafa;}
.artUm td,th{margin:0;padding:10px 10px;text-indent:0em;border: 1px solid #e6e6e6;}
.artUm blockquote{width: 100%;background: #eee;border-left: 5px solid #dfdfdf;margin: 25px 0px;padding:15px 20px;}
.artUm blockquote p{margin:0px 0;padding:0;}

.artBody .umArtPage .artHeade{text-align: center;}
.artBody .umArtPage .artHeade .title1{display: block;clear: both;font-size: 14px;color: #999;}
.artBody .umArtPage .artUm{ width: 70%;margin: 0 auto ;padding: 0 60px 30px;text-align: center;}
.artBody .umPageList{ padding-bottom:10px;}
.artBody .umPageList ul{ margin:0 -15px;display: block; font-size:0;}
.artBody .umPageList li{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.artBody .umPageList li.even{flex-direction: row-reverse;}
.artBody .umPageList li .umMedia,.artBody .umPageList li .postText{width: 50%; padding:0 15px;max-width: 50%;flex-basis: 50%; margin:20px 0;}
.artBody .umPageList li .postText{display: flex;align-items: center;}
.artBody .umPageList li .postText .column{flex-direction: column;display: flex;align-items: center;width: 100%;}

.artBody .umPageList li .umMedia img{ width:100%}
.artBody .umPageList li .postText{font-size:14px;text-align: center;}
.artBody .umPageList li .postText h3{font-size:18px; margin-bottom:15px;font-weight: normal;}
.artBody .umPageList li .postText .umAdd{font-size:14px; margin-bottom:15px;opacity: .8;}
.artBody .umPageList li .postText .umAdd b,.artBody .umPageList li .postText .umAdd span{color:#f66;font-weight: normal;}
.artBody .umPageList li .postText .umAdd span{color:#46be8a}

.artBody .umPageList li .postText .umFot span a{display:inline-block; height:34px;line-height:32px; border:1px solid #666; margin:10px 5px 0;border-radius: 50px; padding:0 15px;color: #333;}
.artBody .umPageList li .postText .umFot span a:hover{color:#fff}
.artBody .umPageList li .postText .umFot span.tel a:hover {background:#f66;border:1px solid #f66;}
.artBody .umPageList li .postText .umFot span.wx a:hover {background:#46be8a;border:1px solid #46be8a;}
.artBody .umPageList li .postText .umFot .imgTips{display:none}
.weixinBox.wxPop{margin-top: 10px;}

.artBody .artUm a{ color: #C80000}

.artUm ol,.aarticle ol{ padding-left:15px;}
.artUm ol li,.aarticle ol li{list-style: inherit;}

.umArt.umSub{padding-left:320px;float: right; width:100%;}
.umArt.umSub.umRight{padding-right: 320px;float: left;padding-left:0;}
.sidebar.subRight{float: right;margin-left: -300px;margin-right: 0;}

.sidebar {float: left; margin-right: -300px;width: 280px;position: relative;margin-top:15px;}
.sidebar .widget{background: rgba(255, 255, 255, 0.65); box-shadow:0 15px 15px rgba(0, 0, 0, 0.02); margin:25px 0;}
.sidebar .widget h3{ font-size:20px; font-weight:normal; padding:10px 15px; background:#f0f0f0;text-overflow: ellipsis;white-space: nowrap; position:relative}
.sidebar .widget h3:after{ top:16px}
.sidebar .widget h3 a{ position:absolute; top:10px; right:13px; opacity:0.3}
.sidebar .widget h3 i{ font-size:20px;}
.sidebar .widget h3 a:hover{opacity:0.6}
.sidebar .widget ul{ padding:10px 15px 10px;}
.sidebar .widget ul li{ height:34px; line-height:34px; font-size:14px;text-overflow: ellipsis;white-space: nowrap; position:relative; overflow:hidden;}
.sidebar .widget h4{font-size:14px; font-weight:normal;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
.sidebar .widget ul{ display:block; font-size:0;}
.sidebar .widget.wimg ul{ padding:10px 10px}
.sidebar .widget.wimg ul li{ width:50%; display:inline-block; padding:0 5px; height:auto; text-align:center; margin:5px 0}
.sidebar .widget.wimg h4{ height:34px;}
.sidebar .widget.wimg ul li:hover .postImg img{transform: scale(1.1);}
.sidebar .widget.wlist ul li{ padding-left:15px;}
.sidebar .widget.wlist ul li:after{content:'';width:5px;height:5px; background: #e2e2e2; position: absolute; display: block; left: 0; top: 16px; border-radius:30px;}
.sidebar .widget.wNav ul{ padding:10px;}
.sidebar .widget.wNav ul li{padding:5px; height:auto; line-height:28px;white-space:normal;}
.sidebar .widget.wNav ul li a{ display:block; background:#f8f8f9; padding:6px 10px;}
.sidebar .widget.wNav ul li a:hover{background: #C80000; color:#fff;}

/*移动端*/
.mNavBtn{ height: 80px; line-height: 80px; padding: 0;font-size:21px;float:right; color:#FFFFFF; position: relative; z-index: 9; display: none}
.mNavBtn i{color:#FFFFFF; opacity:0.8; font-size:20px;}
.mNavBtn:hover i{ opacity:1}
.fixed .mNavBtn, .header.noOpaque .mNavBtn{height:60px; line-height: 60px;}
.fixed .mNavBtn i,.header.noOpaque .mNavBtn i{ color: #333;}
.leftNav{ width:190px; background:#F6F6F6; position:fixed; top:0; bottom:0; left:-190px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; z-index:999}
.leftNav .mNavBtn{ height:48px; line-height:48px; left:auto; right:-45px; display:none;}

.leftNav ul{ padding-top:0px;}
.leftNav li{ width:100%; position:relative;}
.leftNav .navbar li{ padding: 0; text-align: left;}
.leftNav .navbar li:after{ display: none}
.leftNav li a{ padding: 0 25px; line-height:48px; color:#fff; display:block; border-bottom:1px solid rgba(255,255,255,0.08);}
.leftNav li a:hover{ background:rgba(0,0,0,0.1);}

.leftNav ul li>ul{ display:none;}
.leftNav li em[class*="dot"]{position: absolute;top:0px;right:0px; width:48px; height:48px; text-align:center; border-left:1px solid rgba(255,255,255,0); cursor:pointer;}
.leftNav li em[class*="dot"] .iconfont{font-size: 18px;color: #fff;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; position:absolute;width:48px;line-height:48px; top:0; left:0;}
.leftNav li em[class*="dot"] .iconfont.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.leftNav ul li>ul li{background:rgba(0,0,0,0.15);}
.leftNav ul li>ul li a{border-bottom:1px solid rgba(255,255,255,0.05); opacity:0.8; font-size:12px; text-indent:1em}

.header .mNavBtn{}
.header a:hover.mNavBtn{color:#C80000}
	
.mNav .navbar i{ position: absolute; top: 3px; right: 5px; padding: 10px 12px; margin-left: 0; cursor: pointer; color: #fff;}
.mNav .navbar i.iconfont.open{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
body.open .header .header-nav{ left: 190px;}

/*----------- lazy -----------*/
.loading {background: #eee url(images/lay.gif) center center no-repeat;	min-height:60px}
.button.loading{ min-height:30px;}
a:hover .b-lazy.b-loaded{ filter:alpha(opacity=100);opacity:1}
.b-lazy {max-width: 100%;-webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;filter:alpha(opacity=0);opacity: 0}
.b-lazy.b-loaded {vertical-align: middle;filter:alpha(opacity=100);opacity: 1;}

/*----------- commList -----------*/	
.commBox{padding: 20px;margin: 20px 0 0 0; background:rgba(255, 255, 255, 0.65); border:0px solid #eee;}
.commBox .title{ margin-bottom: 15px;}
.commBox .title h3{ font-size:20px; font-weight:normal}
.commList .msg{padding-top:10px}
.commBox .posttop em{ color: #999; font-style: normal;}

/*---------------------------引用\评论----------------------------------*/
ul.msg{width:100%;margin:15px 0 15px 0;padding:0px 0;text-align:left;list-style-position : outside;table-layout: fixed;word-wrap:break-word; background: #fff; border: 1px solid #eee; border-radius: 3px;}
li.msgname{padding:15px 15px 0;margin:0px;   font-weight:normal;font-size:1em;}
li.msgname small,small .revertcomment a{ color: #999; font-size: 12px; font-weight: 300}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0; font-size:1em;}

li.msggravatar{display:block;float:left;margin-right:5px;}
li.msgarticle{list-style-position : outside;padding:10px 15px 12px;margin:0;line-height:160%; padding-left:70px;}
li.msgtime{padding:5px 0 0 0;font-weight: normal; font-size:0.8em;}

img.avatar{width:45px;height:45px; float: left; margin-right: 8px; margin-top: -2px; border-radius:50px;box-shadow:inset 0 -1px 0 #3333sf;-webkit-box-shadow:inset 0 -1px 0 #3333sf;-webkit-transition:.4s;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out}
img.avatar:hover{transform:rotateZ(360deg);-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);box-shadow:0 0 10px #fff;-webkit-box-shadow:0 0 10px #fff;}

ul.msg ul.msg img.avatar{ width: 40px; height: 40px; margin-top:0.12em}
ul.msg ul.msg{padding:0px 0 0 0;margin:15px 0 0 0;border:none;border-top:1px solid #eee;}
ul.msg ul.msg li.msgarticle{padding-bottom:0px; border-bottom:0px solid #eee; padding-left: 52px; padding-right: 0;}
ul.msg ul.msg li{ padding-right: 0; padding-left: 0}

/************发表评论************/
#divCommentPost{margin:0 -5px;padding:5px 0 1px 0;}
#divCommentPost p{margin-top:10px;}
#divCommentPost label{margin-top:5px;}
#divCommentPost p.posttop{ color: #999; padding-left: 6px; padding-right:5px; margin-bottom: 5px; float: left}
#divCommentPost.reply-frm p.posttop{ float: right}
#divCommentPost.reply-frm p.posttop .u-msg{ display: none}
#divCommentPost img{margin-bottom:-0.5em;}
#divCommentPost p.npt{ margin-top:0px; padding:5px;}
#divCommentPost p.cBtn{padding:5px;}
div.reply-frm{background:#fff;margin:0em 0% !important;padding:.3em 0em 0.68em !important;border: 0px solid #eee}
div.reply-frm #txaArticle{border: 1px solid #eee; margin-top: 0px;}

#frmSumbit ul{width: 100%; clear: both; display:block; font-size:0;}
#frmSumbit ul li{text-align:left;display: inline-block; width:50%; font-size:14px; padding:5px;}
#frmSumbit ul li.verify{ position:relative}
#frmSumbit ul li.verify img{ position:absolute; top:4px; right:4px}
input.text{margin-right:10px;position:relative;border:none; border: 1px}

input.text{margin-right:10px;position:relative;border: 1px solid #eee;border-radius:0px;height:38px; line-height: 38px; padding:0px 10px;outline:0;color:#333;width:100%;box-shadow:none; background:#fdfdfd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
#txaArticle{position:relative;z-index:1;border:0;border-bottom:none;padding-right:24px;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:none;-webkit-appearance:none;overflow:auto;padding:10px;min-height:135px;margin:0;resize:none;outline:0;width:100%;min-width:100%;background:#fdfdfd; font-size:14px;border: 1px solid #eee}
input.button,#cancel-reply{opacity: 1;height:36px;width:90px;text-align:center;text-shadow:none;font-weight:normal;border:none;color:#FFF;background-color:#C80000;border-radius: 2px;background-image:none;box-shadow:none;cursor:pointer; font-size: 16px;}
input.button:hover{background:#C80000;opacity: 0.8;}
#cancel-reply{margin-left: 10px; line-height: 36px; display: inline-block; padding:0 10px; width:auto;background-color:#d6d6d9; vertical-align: 0px;}

.umComms #divCommentPost p.cBtn{ text-align:center;}
.umComms input.button,.umComms #cancel-reply{ width:auto; height:40px; min-width:160px;font-size: 18px;}

/*----------- gotop -----------*/
#backTop{position:fixed;right:0px;top:50%; transform: translateY(-50%);z-index:888; padding-bottom: 50px;}
#backTop span{cursor:pointer;background:rgba(0,0,0,0.2);width:50px;height:50px;color:#fff;display:block;position:relative;margin:0px 0; right: 0;-webkit-transition: all .2s ease;-o-transition:all .2s ease;transition: all .2s ease;}
#backTop span#gttop{ display: none; float: left; position:absolute; bottom: 0; left: 0;}
#backTop span#gttop:hover{background:rgba(0,0,0,0.8);}
#backTop span i{ z-index: 1}
#backTop span.ft-qq i{ background: #1ea6e9;}
#backTop span.ft-wx i{ background: #46be8a;}
#backTop span.ft-tel i{ background: #DA0023;}
#backTop span small{ width: 160px; height: 160px; position: absolute; left: -220px; top: 0; padding:10px;box-shadow: 0 0 10px rgba(0,0,0,.2); visibility: hidden; opacity: 0; background: #fff; z-index: 0;-webkit-transition: all .2s ease;
-o-transition:all .2s ease;
transition: all .2s ease;}
#backTop span small.telTop{ width: auto; height: 50px; line-height: 50px; padding: 0 15px; text-align: center; font-size: 22px; color: #333; right: 70%; left: auto; visibility: hidden;white-space:nowrap;}
#backTop span small.telTop a{color: #333;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#backTop span small.telTop a:hover{color: #C80000;}
#backTop span:hover.ft-tel small.telTop{ visibility: visible; opacity: 1;right: 100%;}
#backTop span:hover.ft-wx small.weixin{visibility: visible; opacity: 1; left: -175px;}
#backTop span.ft-qq small.qqlist{visibility: hidden; opacity: 0; left: -190px; padding:12px 15px 12px 15px;width:150px; height:auto;}
#backTop span.ft-qq small.qqlist a,#backTop span.ft-qq small.qqlist a i{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#backTop span.ft-qq small.qqlist a{ color:#666; display:inline-block; height:30px; line-height:30px; padding-left:30px; position:relative;}
#backTop span.ft-qq small.qqlist a i{ font-size:18px; position:absolute; width:20px; height:20px; line-height:20px; text-align:center; color:#1ea6e9; background:none; top:5px; left:2px; margin:0;}
#backTop span.ft-qq small.qqlist em{ width:100%; height:30px; line-height:30px; color:#999; font-style:normal; display:inline-block; padding:5px 0 10px 0;}
#backTop span:hover.ft-qq small.qqlist{visibility: visible; opacity: 1; left: -165px;}
#backTop span.ft-qq small.qqlist a:hover,#backTop span.ft-qq small.qqlist a:hover i{color:#C80000;}

#backTop span i{text-align:center;color:#fff;width:50px;height:50px;font-style:inherit;line-height:50px;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px; font-size: 22px;}
#backTop a{color:#fff;display:block;cursor:pointer}
#backTop span small b{width: 25px;height: 35px;position: absolute;top: 2px;right: -10px; z-index: 999; font-size: 35px;}


/*browse
#browse{padding:10px 0;border-bottom:1px solid #ddd;background:#C80000;color:#aa6800;text-align:center;font-family:arial,sans-serif;font-size:14px}
#browse a{padding:4px;color:#008DFD}
#browse a:hover{text-decoration:underline}*/	
/*----------- ADS -----------*/	
.bnBox{background-color: rgba(0, 0, 0, 1);border:none;padding:10px;margin:15px auto 0 auto;overflow: hidden; max-width: 1240px; position: relative;}
.bnBtm.bnBtm{ margin-bottom: 15px;}
.news .bnBtm.bnBtm{ margin-top: 0; margin-bottom: 15px;}
.bnBox.cateBn{ margin-bottom: 0; margin-top: 0; padding: 0; max-width: 100%;min-height:320px;}
.bnBox.cateBn .text{ width: 100%; text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
.bnBox.cateBn .text h3{font-weight: 400; font-size: 40px;}
.bnBox.cateBn .text p{ font-size: 14px; font-weight:100; font-family:"Condensed"; font-style: normal; clear: both; opacity: .8}
.bnBox.cateBn img{min-height:320px;object-fit: cover;}
.bnBox.animation{ margin-top: 16px;}
.bnBox img{ display:block; margin:0 auto; width:100%;}

/*----------- footer -----------*/	
.footer{margin-top:0px;padding:0px 0 0;width:100%;background:#000;color:rgba(255,255,255,0.48);clear:both; position:relative; font-size:12px; line-height:22px; text-align: left}
.footer a{color:rgba(255,255,255,0.3);font-size:12px;}
.footer-text{padding:20px 10px; margin:0 auto;color:rgba(255,255,255,0.3);position:relative;overflow:hidden;max-width: 1260px}
.footer .sidebar .social{ display: inline-block; width: 100%; vertical-align:top;}
.footer .sidebar .social.w50{ width: 43%;}

.ftNav{ margin: 5px 0;}
.ftNav a{display:inline-block;padding:0 10px;position: relative;color: rgba(255,255,255,0.3);}
.ftNav a:hover{color:rgba(255,255,255,.6);}
.ftNav a:first-child{ padding-left: 0;}
.ftNav a:after{content:''; width:1px; height:12px;position:absolute; left:0px; top:6px;background:rgba(255,255,255,0.1); border-radius: 100px;}
.ftNav a:first-child:after{ display: none;}

.link{max-width:1260px;padding:0px;color: rgba(255,255,255,0.3);}
.link span{font-size:12px}
.link ul{ display:inline}
.link li{display:inline;padding:0 6px; }
.link li a:hover{color:rgba(255,255,255,.6);}

/*search-form*/
.search-form {height:35px; position:relative;}
.search-form .s {height:22px; border:1px solid #ddd; padding:5px 35px 5px 5px; border-radius:3px; width:210px;}
.search-form .s:focus,#login-page .login-form .text:focus {border:1px solid #2689FF; box-shadow:0 0 3px #2689FF;}
.search-btn,.sbtn{position:fixed;right:58px;top:18px;color:#FFFFFF;background:none;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; z-index:890;opacity:0.65}
.fixed .sbtn,.fixed .searchBox,.header.noOpaque .sbtn{ color: #999}
a.search-btn{ display:none;}
.sbtn{ position:inherit; float:right; font-size:18px;height:80px; line-height:80px; border-radius:1000px; text-align:center;margin-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=65)!important;opacity:0.65!important;}
.fixed .sbtn,.header.noOpaque .sbtn{margin-top:0px; height:60px; line-height:60px;}
.sbtn:hover{filter:alpha(opacity=100)!important;opacity:1!important;}
.searchBox{ position:fixed; left:50%;top:50%; width:400px; background:#fafafa; z-index:900; right:auto; transform:translate(-50%,-50%); margin:0; padding:30px;border-radius:3px; display:none;}
.search-form {display:block;}
.mask {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:890; display:none;}
.search-pup{margin-top:0; float:none}
.search-pup form input,.searchBox .search-pup form input{width:100%;border-radius:3px;border:1px solid #eaeaea;font-size:14px;padding:6px 60px 6px 10px;background:#fff;height:35px;outline:0}

.search-pup span{ color:#999; font-size:12px; margin:10px 0 3px; display:block; clear:both;}
.schList{ font-size:0; display:block; margin:3px -3px -3px -3px;}
.schList li{ display:inline-block; height:24px; line-height:24px; margin:3px;}
.schList li a{ font-size:14px; background:#eee; width:100%; display:block;padding:0 10px; border-radius:3px;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}
.schList li a:hover{background:#C80000; color:#fff;}

/*----------- 分页 -----------*/
.pageNav{text-align:center;padding:30px 0 0 0;display:block; clear:both;}
.pageNav a,.pageNav span{text-align:center; min-width:30px;height:30px;line-height:30px;margin: 0 3px; display:inline-block;color:#666;background:#ecf2f5;border-radius:100px;vertical-align:top;font-size:14px;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pageNav .v{line-height:26px;}
.pageNav a:hover{background:#C80000;color:#fff;text-decoration:none;filter: alpha(opacity=60);opacity: 0.6;}
.pageNav span{color:#fff;background:#C80000;border:0px solid #C80000;filter: alpha(opacity=60);opacity: 0.6;}

/*Swiper 3.4.2*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

.swiper-container.homeSwiper,.swiper-container.banner{width: 100%;height: 100%;}
.homeSwiper .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow:hidden; min-height:500px;}
.swiper-slide.sfooter{ height: auto !important;background-repeat: inherit;min-height: inherit;}
.swiper-container.banner .item{ width:100%; height:100%; display:block;}
.swiper-container.banner a.img{ width:100%; height:100%; display:block; background-position:center center; background-size:cover;}

.swiper-pagination-bullet{ width: 6px; height: 6px; position: relative; padding:0px;}
.swiper-pagination-bullet:after{ width: 14px; height: 14px; content: " "; position:absolute; z-index: 1; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px; border: 0px #fff solid; border-radius: 100px; transform: scale(0);-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after{border: 1px #C80000 solid; opacity: .5; transform: scale(1)}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 10px 0;}
.swiper-container-vertical > .swiper-pagination-bullets{ right: 20px;}

.swiper-pagination-bullet-active{background:#C80000; }

.banner .swiper-pagination-bullet:after,.partner .swiper-pagination-bullet:after,.case .swiper-pagination-bullet:after,.umDiy .swiper-pagination-bullet:after{ display: none}

.banner .swiper-pagination-bullet{width:10px; height: 2px;background: rgba(255,255,255,1); border-radius: 0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px;}
.bannerNav.swiper-pagination-bullets{ bottom: 30px;}

/*案例产品*/
.homeSwiper .swiper-slide.case,.homeSwiper .swiper-slide.sabout{ padding-top:30px;}
.homeSwiper .swiper-slide.case .item{ font-size:0; display:block; overflow:hidden;}
.homeSwiper .swiper-slide.case .item .postImg a{ width:100%; height:100%; display: block; position: relative; overflow: hidden;}
.homeSwiper .swiper-slide.case .item .postImg a:after,.article li .postImg a:after{content: " "; position:absolute; z-index: 1; left: 0; opacity: 0; background:#C80000; width: 100%; height: 100%;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.article li .postImg:after{ position: relative}
.homeSwiper .swiper-slide.case .item:hover .postImg a:after,.article li:hover .postImg a:after{border-radius: 0; opacity:.8;}
.homeSwiper .swiper-slide.case .item .postImg a .icon,.postImg a .icon{ top: 50%; left: 50%; transform: translate(-50%,-50% ) scale(0); z-index: 2;
position: absolute;background: #fff;opacity: 0;width: 40px;height: 40px;line-height: 40px;color: #C80000;border-radius: 50px;font-size: 20px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.homeSwiper .swiper-slide.case .item:hover .postImg a .icon,.article li:hover .postImg a .icon{transform: translate(-50%,-50% ) scale(1);opacity: 1;}
.homeSwiper .swiper-slide .swiper-case .swiper-slide,.homeSwiper .swiper-slide .swiper-ry .swiper-slide{ background:none; min-height:auto;width:25%;}
.homeSwiper .swiper-slide.case .swiper-container{ width:100%; max-width:1240px;}
.homeSwiper .swiper-slide.case .more{ margin-top:70px;}
.swiper-pagination.caseNav,.swiper-pagination.ryNav{ bottom:60px;}
.swiper-pagination.caseNav .swiper-pagination-bullet,.swiper-pagination.ryNav .swiper-pagination-bullet,.swiper-slide.partner .swiper-pagination-bullet{ width:5px; height:5px;}
.swiper-case.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,.swiper-ryswiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet
.swiper-slide.partner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;}
.swiper-pagination.caseNav .swiper-pagination-bullet-active,.swiper-pagination.ryNav .swiper-pagination-bullet-active,
.swiper-slide.partner .swiper-pagination-bullet-active{ background:#000; opacity:0.5}
.case .postImg{ position: relative}
.case .postImg:after{content:''; display: block;padding-top: 74%;}
.homeSwiper .swiper-slide.case .item{ width: 100%;}
.homeSwiper .swiper-slide.case .item .postImg a{ position:absolute;}
.case .sTitle{ padding-top:20px;}

.homeSwiper .swiper-slide.case .swiper-ry .item .postImg { background-color: #fff; box-shadow: 0 0 15px rgba(0,0,0,.005)}
.homeSwiper .swiper-slide.case .swiper-ry .item .postImg a{ width: auto; height: auto; top: 10px; bottom: 10px; left: 10px; right: 10px;}
.homeSwiper .swiper-slide.case .swiper-ry .item .postImg a img{ position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

/*优势/服务*/
.adv .swiper-container{width: 100%;height: 100%; background-color:#181818}
.adv .swiper-slide{ background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#181818}
.adv .swiper-slide a,.adv .swiper-slide .mask{ position:absolute; top:0; left:0; bottom:0; right:0; display:block; z-index:3;}
.adv .swiper-slide .imgText{ color:#fff; position:absolute; left:10%; right:10%; text-align:center; top:40%; transform:translateY(-30%); display:block; z-index:2;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.adv .swiper-slide:hover .imgText{ top:52%;transform:translateY(-50%);}
.adv .swiper-slide .imgText p{ font-size:14px; line-height:1.8; opacity:0;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.adv .swiper-slide:hover .imgText p{ opacity:.68;}
.adv .swiper-slide .imgText h4{ font-weight:normal; font-size:20px; margin-bottom:15px;}
.adv .swiper-slide .imgText h4 em{ display:block; clear:both; font-size:16px; font-family:RobotoL;}
.adv .swiper-slide .msk{ width: 100%; height: 100%; opacity:1; position:absolute; top: 0; left: 0; background-color:rgba(0,0,0,.3);background-image: url(images/dot.png); z-index:1;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.adv .swiper-slide:hover .msk{ background-color:#C80000;background-image:none;opacity:.68;}

.swiper-slide .more{ font-size:14px; margin-top:40px;}
.swiper-slide .more a{ display:inline-block; padding:5px 5px; border-top:1px solid rgba(216,216,216,1);border-bottom:1px solid rgba(216,216,216,1); position:relative;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.swiper-slide .more a:hover{border-top:1px solid rgba(216,216,216,0);border-bottom:1px solid rgba(216,216,216,0);}
.swiper-slide .more a:after,.swiper-slide .more a:before{content: " "; position:absolute; background:#C80000; width:0; height:1px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block; left:50%; transform:translateX(-50%)}
.swiper-slide .more a:after{ top:-1px;}
.swiper-slide .more a:before{ bottom:-1px;}
.swiper-slide .more a:hover:after,.swiper-slide .more a:hover:before{ width:100%;}

.about{ width: 100%; max-width:1240px; margin:0 auto; font-size: 0; display: block}
.about .sTitle{ padding-left:50px; padding-right:30px; padding-bottom:25px; text-align:left;}
.about .postText{ font-size:14px; display:block; line-height:24px; padding-left:50px; padding-right:30px; text-align:left;word-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;text-align: justify;text-justify: distribute-all-lines;-webkit-text-align-last: justify;}
.about .aboutLeft{ width:38%; min-height:340px; background-image:url(images/cbg.jpg); background-size:cover; background-position:center center;display:inline-block; vertical-align:middle}
.about .aboutRight{ width:62%; display:inline-block; vertical-align:middle}
.about .aboutRight .more{padding-left:50px;text-align:left;}
.swiper-wrapper .about .postText{ display: block;}
.boxText{padding-left:50px; text-align: left;font-size:14px;line-height:1.8;}
.sabout.cont{ background-size: cover;}
.sabout.cont .about{ background: #fff; padding: 20px;margin-top: 25px}
.sabout.cont.contImg .about{background:none; padding: 0px; }
.sabout.cont .about .aboutLeft{ width: 40%;min-height: 380px;}
.sabout.cont .about .aboutRight{ width: 60%;}
.sabout.cont .about .tel{ font-size: 32px; line-height: normal;font-weight: normal; font-family: monofonto; margin-bottom: 5px;}
.sabout.cont .about .qq a{ margin-right: 10px;}
.sabout.cont .about .qq a i{ vertical-align:-1px; opacity: .68; padding:0 3px 0 2px;}

.about .aboutLeft .playBox{width:100%; height:100%; min-height:340px;position: relative;background: rgba(0,0,0,0.3);}
.play{width:64px; height:64px;line-height:66px;position: absolute;top: 50%;left: 50%; margin-top:-32px;margin-left:-32px;background-color:rgba(255,255,255,8.5);border-radius: 100%; text-align: center; overflow: hidden;}
.play a{width:100%; height:100%;display:block;}
.play .zoom {display: block;width: 100%;position: relative;}
.play .icon i{font-size: 18px;
transition: .3s all ease-in-out;
position: relative;
z-index: 1;
color:#C80000;}
.play .zoom:before {
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
display: block;
width:44px;
height: 44px;
background:#C80000;
border-radius: 50%;
-webkit-animation: videozoom 1500ms ease-out infinite;
animation: videozoom 1500ms ease-out infinite;
}

.play .icon:after {
	position: absolute;
	content: '';
	border-radius: 100%;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	opacity: 0;
	transition: .3s all ease-in-out;
	transform: scale(.5);
	background: rgba(0, 0, 0, 0) -webkit-linear-gradient(left, #ee0979 0%, #ff6a00 100%) repeat scroll 0 0;
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #ee0979 0%, #ff6a00 100%) repeat scroll 0 0;
}
@-webkit-keyframes videozoom {
		0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
	100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}
}

@keyframes videozoom {
	0% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1;}
	100% {-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0;}
}

.social{ display: block; font-size: 0; margin-top: 10px;}
a.socialLink{ width: 32px; height: 32px; line-height: 32px; display: inline-block; text-align: center; border-radius: 100px; margin-right:6px; opacity: 1;}
a.socialLink i{ color: #fff; font-size: 20px;}
a.socialLink.s-weixin{ background: #6bc30d;}
a.socialLink.s-email{ background:#ff9933;}
a.socialLink.s-tencent{ background:#00C5FF;}
a.socialLink.s-weibo{ background:#f78585;}
a:hover.socialLink{ opacity: .68}

/*标题*/
.sTitle { padding-bottom:30px;}
.sTitle h3{ font-size:30px; font-weight:normal;}
.sTitle span{ display:block; clear:both;font-size:14px; color:#999;}
.sTitle .title1{ font-family:"RobotoL"}
.sTitle .title2{ line-height: 24px; padding-top: 10px;}
.postImg img{height: 100%;object-fit: cover;transform:scale(1);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.article li:hover .postImg img{ transform:scale(1.1);}
.case .swiper-wrapper .postText { display :block; margin: 20px 0 10px 0;}
.postText h4{ font-size:16px; font-weight:normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.postText i{ font-size:14px; color:#999; margin-top:5px; display:block;}


/*实力*/
.PostSl{ font-size: 0; display: block; width: 100%; text-align: center; padding: 25px 0 0px 0}
.PostSl li{ width: 25%; display: inline-block; text-align:center; vertical-align:top; border-right: 1px solid rgba(216,216,216,.5)}
.PostSl li:last-child{ border: none}
.PostSl li p{ padding-left:0px;}
.PostSl li .slNumber{ font-size:28px; color: #666; display: block;font-family:Condensed; line-height:28px;}
.PostSl li .slTitle{ font-size: 12px; color: #999; padding-top:0px;}
.PostSl li .slNumber span{position: relative;display: inline-block;}
.PostSl li .slNumber em{ position: absolute; font-size: 12px; top: -3px; right: -15px; line-height: normal; opacity: 0.6}

/*历程*/
.his .sTitle { padding-bottom:20px; padding-top:10px; position:absolute;left:50%; transform:translateX(-50%)}
.his .sTitle h3{ color:#fff;}
.his .sTitle .title1{ color:#fff; opacity:0.5}
.his .swiper-container{width: 100%;padding-top:20px;}
.his .swiper-container .swiper-slide{ background-color:transparent;  padding:0 15px; position:relative; height:480px; min-height:auto}
.his .swiper-container .swiper-wrapper{ height:100%;}
.his .swiper-container:before{content: " "; position:absolute; background:rgba(255,255,255,.2); width:100%; height:1px; top:66.5%; left:0;}
.his.swiper-slide{background-image:url(images/hisBg.jpg); background-size:cover; background-color: #181818;}
.his .swiper-slide .imgText{ position:absolute; width:100%; top:65.4%; transform:translateY(-50%)}
.his .swiper-slide .imgText h4{ position:relative; top:-50px; font-weight:normal; color:#aaa;font-family:Condensed; font-size:16px;}
.his .swiper-slide.even .imgText h4{ position:relative; top:50px;}
.his .swiper-slide .imgText p{ position:absolute; top:55px; left:30px; right:30px;background:#C80000; color:#fff; font-size:14px; line-height:22px; padding:15px 20px; border-radius:0px; text-align:left; visibility:hidden; opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.his .swiper-slide.even .imgText p{ top:-150px;}
.his .swiper-slide.swiper-slide-active .imgText p{ visibility:visible; opacity:0.98;top:35px;}
.his .swiper-slide.even.swiper-slide-active .imgText p{bottom: 35px;}
.his .swiper-slide.even .imgText p{bottom: 45px; top:auto;}
.his .swiper-slide .imgText h4 .dot{ width:9px; height:9px; position:absolute; left:50%; margin-left:-4px; display:block; border-radius:50px; background:#000; border:2px solid rgba(255,255,255,.9); top:56px;}
.his .swiper-slide.swiper-slide-active .imgText h4 .dot{ background:#fff;}
.his .swiper-slide.even .imgText h4 .dot{ top:-44px;}
.his .swiper-slide .imgText h4:before{content: " "; position:absolute; background:rgba(255,255,255,.2); width:1px; height:40px; left:50%; transform:translateY(-50%); top:43px;}
.his .swiper-slide.even .imgText h4:before{ top:-23px;}
.his .swiper-slide .imgText p .dot{width:0;height: 0;border-width:10px;border-style: solid;border-color: transparent transparent #C80000 transparent; position:absolute; top:-18px;left:50%; margin-left:-9px;}
.his .swiper-slide.even .imgText p .dot{border-color: #C80000 transparent transparent transparent;top:auto;bottom:-18px;}

/*新闻资讯*/
.swiper-slide.news{padding-top:20px;}
.swiper-slide.news .postBox{ max-width:1240px; width:100%; position:relative;}
.swiper-slide.news .sTitle{ width:100%; display:block; padding-top:30px;}
.swiper-slide.news .postNews .postText a h4{ text-align: center;}
.postNews{ display:block; clear:both; font-size:0; position:relative}
.postNews li{ width:25%; display:inline-block; overflow:hidden; position:relative;background:#fff; font-size:14px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.postNews li .postImg:after,.postNews .postText:after{content: '';display: block;padding-top: 62%;}
.postNews li .postImg{ background:#181818;}
.postNews li .postImg img{position: absolute;top: 0;left: 0;width:100%;}
.postNews .postText a{position: absolute;top:30px;left:10%; bottom:30px; right:10%;}
.postNews .postText a h4 {font-size:14px; color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:90%; display:block; margin:0 auto;}
.postNews .postText .time{ font-size:28px; font-family:Condensed; color:rgba(0,0,0,.2); padding-bottom:30px; display:inline-block; position:relative;}
.postNews .postText .time:after{content: '';display: block; width:1px; height:16px; position:absolute; top:45px; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.1)}
.postNews li .postImg,.postNews .postText{ display:block; position:relative; overflow:hidden;}
.postNews .postText .text{ width:100%; position:absolute; top:50%; transform:translateY(-50%);}
.postNews li:hover .postImg img{transform: scale(1.1); opacity:0.5}
.postNews li .postImg .dot{z-index:2;position: absolute;top: 0;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);border-style: solid;border-color: transparent;border-top-color: transparent;border-top-color: #fff;border-width:9px;}
.postNews li.even .postImg .dot{ top:auto; bottom:0;border-color: transparent;border-bottom-color: transparent;border-bottom-color: #fff;}
.postNews li .postImg .icon{ position:absolute; z-index:1; background:#C80000; opacity:0; width:40px; height:40px; line-height:40px; color:#fff; border-radius:50px; font-size:20px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.postNews li:hover .postImg .icon{ opacity:1; transform: translate(-50%,-50% ) scale(1);}

.postNews.mobNews { display: none}
.postNews.mobNews li{ width: 100%; background: none; padding: 5px 0;}
.postNews.mobNews li .postImg{ width: 140px; float: left;}
.postNews.mobNews li .postText .text{ width: auto; right: 0; left: 20px;}
.postNews.mobNews li .postText{ width: auto;height: 110px; text-align: left; padding-left: 20px;}
.postNews.mobNews li .postText .info{ color: #999; font-size: 12px; max-height: 42px; overflow: hidden; line-height: 22px;}
.postNews.mobNews .postText a{ position: static;}
.swiper-slide.news .postNews.mobNews .postText a h4{ width: 100%; text-align: left; font-size: 16px; margin: 0 0 5px 0}
.postNews.mobNews li .postImg:after{ padding-top: 75%;}

/*合作伙伴*/
.swiper-slide.partner{display:block; position:relative;}
.umHbTab{ margin-top: 20px;}
.umHbTab li{ display: inline-block; font-size: 14px;background: #eee; margin: 0 3px; padding:7px 15px; cursor: pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.umHbTab li:hover,.umHbTab li.active{ background: #C80000; color: #fff;}
.swiper-container .umHbCon{ padding: 0; width:100%; height:100%; display:block; position:relative;}

.swiper-container.swiper-umHb{ width:100%; max-width:1240px; display:block; margin:0 auto; overflow:visible;}
.swiper-container.swiper-umHb .swiper-wrapper{margin-top:5px;}
.swiper-container.swiper-umHb .swiper-slide{ min-height:auto;}
.swiper-container.swiper-umHb .swiper-wrapper.umHbCon{ margin-top: 20px;}
/*.swiper-container.swiper-umHb .swiper-slide img{-webkit-filter: grayscale(100%);}
.swiper-container.swiper-umHb .swiper-slide:hover img{-webkit-filter: grayscale(0%);}*/

.swiper-slide.partner .swiper-container{ overflow:visible}
.swiper-slide.partner .swiper-container-horizontal > .swiper-pagination-bullets{ bottom:0px;}
.index .swiper-slide.partner .swiper-container{ overflow:hidden; padding-bottom:50px;}

.hbBox{ position:absolute; z-index:999; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; display:inline-block;}

.swiper-container .swiper-umComm .swiper-slide{ min-height:inherit; display:block; background:none; padding:0px;}
.swiper-container .swiper-umComm .swiper-slide .umCommMsg{ color: #666; line-height: 24px; font-size: 14px; padding:0px 100px; border: 0px solid #eee; border-radius: 10px; box-shadow: 0 10px 35px rgba(0,0,0,0.0); width:100%; max-width:780px; margin:0 auto; position:relative;}
.swiper-container .swiper-umComm .swiper-slide .umCommMsg p{ color: #999; margin-top: 10px; font-size: 12px;}

.swiper-container .swiper-umComm .iconfont{ font-size: 38px; color: #eee; position: absolute;}
.swiper-container .swiper-umComm .iconfont.il{ left: 15px; top: 5px;}
.swiper-container .swiper-umComm .iconfont.ir{ right: 15px; bottom: 10px;}


/*分享*/
.bdshare{ clear: both; padding-top:20px; text-align:left;}
.bdshare-button-style0-16{ display: block; font-size: 0;}
.bd_weixin_popup{ height: 300px!important;width: 252px!important}
.bdsharebuttonbox a,.bdshare-button-style0-16 a{ background-image: none!important; width:38px!important; height: 38px!important; line-height: 38px!important; padding: 0!important; border:0px solid #eee;border-radius: 100px; text-align: center;margin:6px 6px 6px 0!important; font-size: 24px!important;float: none!important; display: inline-block}
.bdsharebuttonbox a.bds_weixin{background-color: #6bc30d; color: #fff;}
.bdsharebuttonbox a:hover.bds_weixin{ background-color: #6bc30d; color: #fff;}
.bdsharebuttonbox a.bds_sqq{ background-color: #1ea6e9; color: #fff;}
.bdsharebuttonbox a:hover.bds_sqq{ background-color: #1ea6e9; color: #fff;}
.bdsharebuttonbox a.bds_tsina{ background-color: #f78585; color: #fff;}
.bdsharebuttonbox a:hover.bds_tsina{ background-color: #f78585; color: #fff;}
.bdsharebuttonbox a.bds_tqq{ background-color: #00C5FF; color: #fff;font-size: 22px!important}
.bdsharebuttonbox a:hover.bds_tqq{ background-color: #00C5FF; color: #fff;}
.bdsharebuttonbox a.bds_qzone{background-color: #ff9933; color: #fff;font-size: 22px!important}
.bdsharebuttonbox a:hover.bds_qzone{ background-color: #ff9933; color: #fff;}
.bdsharebuttonbox a.bds_more{ border: 1px solid #cecece; color: #a4a2a0; float: none;vertical-align: -3px;}
.bdsharebuttonbox a:hover.bds_more{border: 1px solid #333;  background-color: #333; color: #fff;}
.bdsharebuttonbox a.bds_weixin:before {content: "\e715";}
.bdsharebuttonbox a.bds_sqq:before {content: "\e62a";}
.bdsharebuttonbox a.bds_qzone:before {content: "\e728";}
.bdsharebuttonbox a.bds_tsina:before {content: "\e67a";}
.bdsharebuttonbox a.bds_tqq:before {content: "\e606";}
.bdsharebuttonbox a.bds_more:before {content: "\e607";}

/*上下页*/
.postNav{ width:100%; text-align:left; margin-top:20px;}
.postNav div{ display:inline-block; font-size:0;}
.postNav div a{height:36px; line-height:32px; font-size:16px; padding:0 15px; display:block; border:1px solid #e6e6e6; border-radius:100px;}
.postNav div i{ vertical-align:-1px;}
.postNav .postNext{ float:right}
.postNav .postPrev a{ padding-right:18px;}
.postNav .postNext a{ padding-left:18px;}
.postNav div a:hover{ background:#C80000; border:1px solid #C80000; color:#fff;}

/*----------- tag-a -----------*/
.tagBox {display:block; margin-top:50px; text-align:left;}
.tagBox .tagArr { line-height:32px;}
.tagBox .tagArr a {padding:6px 10px 4px 10px;border: 1px solid #e4e4e4; margin-right: 6px; background:#f2f2f2; border-radius:30px;}
.tagBox .tagArr a:hover{border: 1px solid #C80000; background: #C80000; color: #fff}

/*subcate*/
.subcate{ max-width:1260px; margin:50px auto 10px;text-align:center;padding: 0 20px;}
.subcate ul{ display:block; font-size:0;}
.subcate li{ display:inline-flex; margin:0px 3px;border-radius:0px; font-size:14px;}
.subcate li a{padding:3px 10px 4px; font-size:16px; background:#f0f0f0; border:1px solid #EEE; text-shadow:none;border-radius:0px;}
.subcate li a:hover,.subcate li.active a{background:#C80000;border:1px solid #C80000; color:#fff;filter:alpha(opacity=86);opacity:0.86;}

/*related*/
.related{ padding:30px 0 0px;background: #f8f9fb; margin:0px;}
.related .title { padding:10px 0 25px 0;}
.related .title h3{ font-size:20px; font-weight:normal; padding-left:18px; position:relative;}
.related .title h3:after{content: ""; position:absolute; width:3px; height:20px; background:#C80000; left:2px; top:4px;}
.related .liBox {height: 100%;margin: 2px 2px;text-align: center;font-size: 14px;}
.related .liBox .aImg {width: 100%;height:auto;padding-top: 75%;display: block;position: relative;overflow: hidden;background-color: #efefef;}
.related .liBox .aImg img {width: 100%;min-height: 100%; position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.related .liBox .tit {display: block; padding: 15px; position: relative;line-height: 24px; text-align:center;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; background:rgba(255, 255, 255, 0.65);}

.related .liBox .tit h3{ font-size:16px;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.related .liBox .tit p{ font-size:12px; color:#999; max-height:42px; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; margin-top:5px; display:block; line-height:22px; overflow:hidden;}

.related .liBox:hover a.titUrl .tit{ background:#C80000; color:#fff;}
.related .liBox:hover a.titUrl .tit p{color:#fff; opacity:.8;}
.related .liBox:hover  a img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}

.nothing{ padding:40px 0 50px 0; color:#999; text-align:center; width:100%; background:rgba(255, 255, 255, 0.65);}
.nothing .iconfont{ font-size:68px;}
.artImg{ text-align:center; font-size:0; display:block; margin:0 auto}
.artImg img{ width:100%;}


/*独立模块*/
.umDiy { padding:80px 0}
.umDiy .sTitle{ text-align:center; padding-bottom:20px;}
.umDiy .umText{ line-height:2; width:80%; margin:0 auto;font-size:15px; color:#666; text-align:center;}
.umDiy .umText p{ margin:15px 0;}

.umDiy.um1{ background:#fff; padding-bottom:80px;}
.umDiy.um2{ background-color:#f6f6f9; padding:100px 0;background-position:center center; background-repeat:no-repeat; background-size:cover;background-attachment: fixed;}
.umDiy.um3{ background:#fff;}
.main .umDiy:nth-of-type(1){margin-top:0px;}
.umDiy .PostSl{ padding-top:0;}
.umDiy .PostSl li .slNumber{ font-size:40px; line-height:42px;}
.umDiy .PostSl li{border-right: 1px solid rgba(216,216,216,.8);}
.umDiy .PostSl li:last-child{ border:none;}

.umDiy .swiper-container{ padding-bottom:40px; margin-top:20px; margin-left:-5px; margin-right:-5px; display:block; overflow:hidden;}
.umDiy .swiper-pagination.caseNav,.umDiy .swiper-pagination.ryNav{ bottom:0;}
.umDiy .swiper-container .item{ margin:5px; font-size:0; display:block; overflow:hidden;}
.umDiy .swiper-container .item img{ transform:scale(1); transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
.umDiy .swiper-container .item:hover img{transform:scale(1.1)}
.umDiy.his .swiper-container .swiper-slide{height:392px;}

.umDiy.his {background-color:#181818; background-image:url(images/hisBg.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.umDiy.his .sTitle{ padding-top:0px;}
.umDiy.his .swiper-slide .imgText h4{ text-align:center;}
.umDiy.his .swiper-container{ padding-bottom:0}
.umDiy.his .swiper-container:before { top:276px;}
.umDiy.um5 .umText{ width:100%;}
.umDiy.um5 .umText ul{ display:block; font-size:0;}
.umDiy.um5 .umText li{ width:16.666666%; display:inline-block; padding:10px;}
.umDiy.um5 .umText li .item{ width:100%; min-height:60px; background: #fff}
.ummain .subcate{ margin-top:50px; margin-bottom:50px;}

.us .umDiy .sTitle{ max-width: 80%;margin: 0 auto 10px auto;}
.us .umDiy .umText{ text-align: left;}
.us .umDiy .umText h3{ font-size: 20px; margin:0 0 10px 0; font-weight: normal;}
.us .umDiy .umText ul{ padding: 10px 0}
.us .umDiy.um2{ background-attachment:inherit; padding: 160px 0; text-align: center; background-image: url(images/map.jpg)}
.us .umDiy.um3{ background:#f8f8f8; overflow:hidden;}
.us .umComm iframe{ width:80%; height:340px; display:block; margin:0 auto;}
.us .umComm.noLogin iframe{ height:260px;}

a.mapUrl{ min-width:160px; height: 48px; font-size:18px; line-height: 48px; text-align: center; padding: 0 20px;display:inline-block; margin: 0 10px; color: #fff; border:1px solid #fff; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
a:hover.mapUrl{ background: #C80000; border: 1px solid #C80000; cursor: pointer}
.ummap{ position: fixed; top:10%; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index:-1; opacity: 0; transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s; visibility: hidden; overflow:hidden;}
.ummap.open{z-index: 9998; opacity: 1; visibility: visible;top: 0;}
.ummap iframe{width: 100%; height: 100%; overflow:hidden;}
.ummap .closeMap{ position: absolute; z-index: 9999; top: 0; right: 0; background: #f32; color: #fff; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 30px; cursor: pointer;}
html::-webkit-scrollbar {display:none}
/*人才招聘*/
.job .umDiy{ padding:55px 0 20px 0}
.job .subcate{ margin-bottom: 0;}
.jobList .postArr{ width: 95%; margin:0 auto;}
.jobList .postArr li{ width: 100%; padding:0 20px; background: #fff; margin-bottom:30px;display: block; overflow: hidden; position: relative;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; cursor: pointer;}
.jobList .postArr li:hover{box-shadow: 0 15px 25px rgba(0,0,0,.015);}
.jobList .postArr .postTxt{padding:0; margin:20px 0;}
.jobList .postArr .postTxt .jobTit{ padding:0 45px 0 100px;}
.jobList .postArr .postTxt .jobTit h3{ font-size:18px; line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: normal}
.jobList .postArr .postTxt .jobTit p{ font-size: 14px; color: #999; margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jobList .postArr .postTxt .time{ position: absolute; left: 20px;width: 60px; text-align: center; height: 58px; top: 25px;display: block; color: #bcbcbc; font-family:Condensed;}
.jobList .postArr .postTxt .time em{ width: 100%; display: block; font-size: 44px; line-height: 36px;}
.jobList .postArr .jobTit:after{content: '';display: block; width: 1px; height: 60px; position:absolute; top:15px; left:96px; background: #eee;}
.jobList .postArr .postTxt .dot{ width:32px; height: 32px; line-height: 30px; text-align: center; border:1px solid #bbb; border-radius: 100px; position: absolute; top: 32px; right: 22px; font-size: 18px; color: #bcbcbc; cursor: pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}

.jobList .postArr li.selected{ height: 100%;}
.jobList .postArr li.selected .postTxt .dot{transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);border:1px solid #C80000;color: #C80000}
.jobTxt{ display: none; margin-top: 30px; line-height:30px; color: #666; font-size: 14px; padding-left:100px;}
.jobTxt h3{ font-size: 18px; padding: 15px 0 15px 12px; font-weight: normal; position: relative;}
.jobTxt h3:after{content: '';display: block; width:5px; height:5px; position:absolute; top: 29px; left:0px; background: #999; border-radius: 50px;}

.jobEmai{display:inline-block; margin:3% 0 1% 0}
.jobEmai a{line-height:20px; display:block; background:#C80000; color:#fff; font-size:14px; border-radius:30px; padding:5px 15px; text-align:center;}
.jobEmai a p{ font-size:12px; font-family:Arial; opacity:0.68}

/*color*/
.homeSwiper .swiper-slide.case{background-color:#F6F6F6;}
.homeSwiper .swiper-slide.umRy{background-color:#F6F6F6;}
.homeSwiper .swiper-slide.sabout{background-color:#F6F6F6;}
.swiper-slide.news{background-color: #EEEEEE;}
.swiper-slide.partner{background-color: #F8F8F8;}
.homeSwiper .swiper-slide.sabout.cont{background-color: #F6F6F6;}

/*----------- search -----------*/ 	
.page-search h1{font-size:20px; font-weight:400;margin-bottom:5px;}
.page-search .archive-description{ font-size:12px; color:#9e9e9e;}
.page-search,.list-search p{margin:0 0 20px 0;padding:10px;overflow:hidden;border-radius:2px;position:relative; line-height:22px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.list-search p{background-color:rgba(255, 255, 255, 0.65);padding:20px; color:#888;border:1px solid #fff;}
.list-search p:hover{background-color:rgba(255, 255, 255, 0.95);}
.list-search p a:first-child{font-size:18px;line-height:28px; margin-bottom:5px; margin-top:0;}
.list-search p a{ margin-top:3px;display:inline-block;color:#666;font-size:14px;}
.list-search p a:hover{color:#C80000}
.list-search p strong{color:#C80000; font-weight:100}

.banner .text{ max-width: 1220px; width: 100%; position: absolute; left: 50%; top:50%;  transform: translate(-50%,-50%);color:rgba(255,255,255,.8); display: block; font-size: 0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; text-align: center;}
.banner .text a{color:rgba(255,255,255,.8);}
.banner .text h4{ font-size: 40px; color: #fff;font-family:Arial;font-weight: 400;}
.banner .text p{ margin: 20px auto; line-height:32px; font-size: 18px; max-width: 600px;}
.banner .text a span{ padding: 8px 30px;;background:#C80000; color: #fff; font-size: 16px;display: inline-block; margin-top: 28px; -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position: relative; border-radius: 100px;}
.banner .text a em{ position: relative; z-index: 1; font-style: normal}
.banner .text .bnLink{ position:absolute; width:100%; height:100%; left:0; top:0;}

.preloader{position: fixed;left: 0px;top: 0px;width: 100%; height: 100%;z-index: 999999;background-color:rgba(255,255,255,.96);background-position: center center;background-repeat: no-repeat; background-image: url(images/loading.gif); background-size: 42px 42px;}

/*CSS动画样式*/
.anim{visibility:hidden;}
.animated{visibility:visible;}
li.animated:nth-of-type(1){animation-delay: 0.1s;}
li.animated:nth-of-type(2){animation-delay: 0.15s;}
li.animated:nth-of-type(3){animation-delay: 0.2s;}
li.animated:nth-of-type(4){animation-delay: 0.25s;}
li.animated:nth-of-type(5){animation-delay: 0.3s;}
li.animated:nth-of-type(6){animation-delay: 0.35s;}
li.animated:nth-of-type(7){animation-delay: 0.4s;}
li.animated:nth-of-type(8){animation-delay: 0.45s;}
li.animated:nth-of-type(9){animation-delay: 0.5s;}
li.animated:nth-of-type(10){animation-delay: 0.55s;}
li.animated:nth-of-type(11){animation-delay: 0.6s;}
li.animated:nth-of-type(12){animation-delay: 0.65s;}

/*sp*/
code,pre{tab-size:4}.mfp-preloader{font-size:13px}.get-code-window{position:relative;background:#FFF;padding:2em 3em;width:auto;margin:20px auto;max-width:600px}#magnific_popup_documentation{font-size:3em;margin-bottom:1em;font-weight:700;text-align:center}.grid-c{clear:both}.grid-c p{margin-bottom:.5em}.grid-c{overflow:hidden;margin:0 -1em}.gc3{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%;float:left;padding:1em;overflow:hidden}.grid-c .gc3:nth-of-type(2n+1){clear:left}#broken-glass{height:100%;-webkit-tap-highlight-color:transparent;position:absolute;left:0;top:0;width:100%}#header-links{font-size:16px}#markdown-toc{position:fixed;left:0;top:50px;padding:20px;background:rgba(255,255,255,.71);-webkit-backface-visibility:hidden;list-style:none}#markdown-toc a[href="#magnific-popup-docs"]{display:none}#markdown-toc:before{content:'Table of contents';font-weight:700;display:block;margin-bottom:10px}@media all and (max-width:75em){#markdown-toc{position:static;padding:0;background:0 0}}#markdown-toc code,pre{font-family:Consolas,"Liberation Mono",Courier,monospace}code{background:#F8F8F8;padding:.1em .4em;color:#c82829;font-size:13px}pre{background:0 0;line-height:18px;overflow:auto;padding:20px 25px;border-radius:2px}pre code{border:0;padding:0;background:0 0;color:#000;font-size:13px}.highlight{position:relative;margin-bottom:.5em;margin-left:-1.5em;width:100%;padding:0 1.5em;background-color:#F5FAFC}pre code:before{display:block;position:absolute;right:3px;top:6px;padding:3px 7px 0;color:#889499;font-size:12px;line-height:13px}code.html:before{content:'HTML'}code.javascript:before{content:'JS'}code.css:before{content:'CSS'}#mc_embed_signup{max-width:350px;padding:32px;background:#EEE}#mc_embed_signup input[type=email]{border:1px solid #CCC;border-top:1px solid #999;padding:5px;font-size:18px;width:200px;margin-right:10px;height:25px;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}#mc_embed_signup input[type=email]:focus{background-color:#FFF;border:1px solid #3169B3;box-shadow:#3169B3 0 0 5px;-moz-box-shadow:#3169B3 0 0 5px;-webkit-box-shadow:#3169B3 0 0 5px;outline:0}#mc_embed_signup input[type=submit]{border:1px solid #3169B3;font-size:13px;font-weight:700;color:#FFF;height:auto;padding:8px 13px;cursor:pointer;background-color:#3169B3;display:inline-block;width:auto;-webkit-appearance:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;vertical-align:top}.embed-form{position:relative}#mc_embed_signup #main-wrapper{background:0 0;max-width:800px;width:100%;margin:2em auto 4em;padding:0 3em 3em;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.white-popup-block{background:#FFF;padding:20px 30px;text-align:left;max-width:650px;margin:40px auto;position:relative}#examples:after{content:'to view source click on the title of example';opacity:.4;font-weight:400;font-size:14px;margin-top:13px;float:right}.example{margin-bottom:20px;position:relative}.square-tmb{margin:0 10px 0 0;cursor:pointer}.zoom-cursor{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.example a,a.popup-link{text-decoration:none;border-bottom:1px dotted}.example a:hover,a.popup-link:hover{text-decoration:none}#image-gallery a,#single-image{border-bottom:none}.not-ready-yet-notice{padding:20px;background:#EEE}#footer{border-top:1px solid #DDD;padding-top:3em;margin:5em 0 0;width:100%;text-align:center;opacity:.9}#conditional-lightbox-notice{display:none}#logo-status{opacity:0;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s;width:100%;text-align:center}#logo-status.down{opacity:1}code.def{padding:0;background:#FFF;border:0;display:block;margin-bottom:8px;margin-top:-10px;color:#A3A3A3}@media all and (max-width:50em){#logo}@media all and (max-width:30em){#examples:after{display:none}.gc3{width:100%}.grid-c .gc3:nth-of-type(2n+1){clear:none}#main-wrapper{padding:1em;margin-top:0}.highlight{padding:.2em 1em;margin:1em -1em}}@media all and (max-width:700px){.zoom-cursor{cursor:pointer}#conditional-lightbox-notice{display:block;padding:10px;background:#FFEAEA}}#logo-overlay{width:100%;height:75px;background:red;position:absolute;left:0;top:0;opacity:0}#mfp-build-tool{background:#FFF;padding:30px 40px 40px;max-width:500px;text-align:left;margin:10px auto;position:relative}#mfp-build-tool #mfp-build-form label{display:block;margin-bottom:5px;min-height:18px;padding-left:18px}#mfp-build-form input[type=checkbox]{margin:3px 5px 3px -18px;line-height:normal;cursor:pointer;width:auto;float:left}#mfp-build-status{min-height:40px}#mfp-build-status .error{color:#830C0C}#mfp-build-status .success{color:#014B04}#mfp-build-status .progress{color:#000}#smashing{text-align:center;font-weight:700}#smashing strong{color:#EF4A35}.smashing-link{margin-left:29px;position:relative}.smashing-link:before{content:'';display:inline-block;width:24px;height:24px;background:url(http://dimsemenov.com/images/sm-logo-24x24.png);position:absolute;top:-4px;left:-28px}#hackernews{margin-left:24px}#hackernews:before{background:url(http://dimsemenov.com/images/hn-logo-18x18.gif);width:18px;height:18px;top:-1px;left:-22px}.share-buttons{text-align:center}.share-buttons .share-buttons{position:relative;margin:70px 0}#tweet{background:#0096c4}#like{background:#3b5998}#gplus{background:#d34836}#vkcom{background:#6e8fb1}pre .comment,pre .diff .header,pre .javadoc,pre .template_comment{color:#998;font-style:italic}pre .css .rule .keyword,pre .javascript .title,pre .keyword,pre .nginx .title,pre .request,pre .status,pre .subst,pre .winutils{color:#333;font-weight:700}pre .hexcolor,pre .number,pre .ruby .constant{color:#099}pre .phpdoc,pre .string,pre .tag .value,pre .tex .formula{color:#D01040}pre .id,pre .title{color:#900;font-weight:700}pre .clojure .title,pre .javascript .title,pre .lisp .title,pre .subst{font-weight:400}pre .class .title,pre .haskell .type,pre .tex .command,pre .vhdl .literal{color:#458;font-weight:700}pre .django .tag .keyword,pre .rules .property,pre .tag,pre .tag .title{color:navy;font-weight:400}pre .attribute,pre .lisp .body,pre .variable{color:teal}pre .regexp{color:#009926}pre .class{color:#458;font-weight:700}pre .built_in,pre .clojure .built_in,pre .lisp .title{color:#0086b3}pre .cdata,pre .doctype,pre .pi,pre .preprocessor,pre .shebang{color:#999;font-weight:700}pre .deletion{background:#fdd}pre .addition{background:#dfd}pre .diff .change{background:#0086b3}pre .chunk{color:#aaa}#documentation-intro{background:#2b2b2b;text-align:center;padding:3em;width:100%;margin-left:-3em;margin-bottom:3em}#documentation-intro #id1{display:none}.hll{background-color:#ffc}.c{color:#998;font-style:italic}.err{color:#a61717;background-color:#e3d2d2}.k,.o{color:#000;font-weight:700}.cm{color:#998;font-style:italic}.cp{color:#999;font-weight:700;font-style:italic}.c1{color:#998;font-style:italic}.cs{color:#999;font-weight:700;font-style:italic}.gd{color:#000;background-color:#fdd}.ge{color:#000;font-style:italic}.gr{color:#a00}.gh{color:#999}.gi{color:#000;background-color:#dfd}.go{color:#888}.gp{color:#555}.gs{font-weight:700}.gu{color:#aaa}.gt{color:#a00}.kc,.kd,.kn,.kp,.kr{color:#000;font-weight:700}.kt{color:#458;font-weight:700}.m{color:#099}.s{color:#d01040}.na{color:teal}.nb{color:#0086b3}.nc{color:#458;font-weight:700}.no{color:teal}.nd{color:#3c5d5d;font-weight:700}.ni{color:purple}.ne,.nf,.nl{color:#900;font-weight:700}.nn{color:#555}.nt{color:navy}.nv{color:teal}.ow{color:#000;font-weight:700}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#099}.s2,.sb,.sc,.sd,.se,.sh,.si,.sx{color:#d01040}.sr{color:#009926}.s1{color:#d01040}.ss{color:#990073}.bp{color:#999}.vc,.vg,.vi{color:teal}.il{color:#099}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.umDiy video{width: 60%;}
/*!
 * animate.css -http://daneden.me/animate
 */
.animated{animation-duration:1s;animation-fill-mode:both;}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
@-webkit-keyframes goTopapp{0%{-webkit-transform:scale(.8)}to{-webkit-transform:scale(1)}}@keyframes goTopapp{0%{transform:scale(.8)}to{transform:scale(1)}}
@-webkit-keyframes drop {0% {top: 5px;opacity: 0;}30% {top: 10px;opacity: 1;}100% { top: 25px; opacity: 0;}}
@keyframes drop {0% {top: 5px; opacity: 0;}30% {top: 10px;opacity: 1;}100% {top: 25px;opacity: 0;}}

.weixinBox{ visibility: hidden; opacity: 0; position:fixed;padding:5px 5px 25px;background:#fff;z-index:999; line-height:0; border-radius:0px; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0.5);-webkit-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s; text-align: center;}
.weixinBox .img{ width: 260px; height: 260px;}
.weixinBox img{ width: 100%; height: 100%}
.weixinBox p{ color: #333; font-size: 14px; margin-top: 5px}
.weixinBox.open{ visibility: visible; opacity: 1;transform: translate(-50%,-50%) scale(1);}

/*----------- media -----------*/
@media screen and (max-width:1280px){
.his .swiper-slide .imgText p{ left:0; right:0;}
.umArt.umSub{padding-left: 310px;}
.sabout.cont .about{ max-width: 90%}
    .swiper-slide.news.mobNews{ padding-left: 10px; padding-right: 10px;}
}

@media screen and (max-width:959px){
.about .postText{ max-height:90px; overflow:hidden; position: relative;}
.about .postText:after{content: " "; position: absolute; height: 22px; bottom:-4px; right: 30px; padding-left:100px;
background: -webkit-linear-gradient(left, transparent, #f6f6f6 85%);
background: -o-linear-gradient(right, transparent, #f6f6f6 85%);
background: -moz-linear-gradient(right, transparent, #f6f6f6 85%);
background: linear-gradient(to right, rgba(237,237,237,0), #f6f6f6 85%);}	
.sidebar{ display: none}
.umArt.umSub{ padding-left: 0;}
.umArt.umSub.umRight{ padding-right: 0;}
.umDiy.um5 .umText li{ padding: 5px;}
.banner .text h4{ font-size:38px;}
.banner .text p{ margin-top: 15px; line-height: 26px; font-size: 16px; max-width:500px;}
.banner .text a span{ padding: 8px 25px; font-size: 16px;margin-top: 20px; }
.bnBox.cateBn .text h3{font-size:36px;}
.umDiy video{width: 70%;}
}

@media screen and (max-width:900px){
.navbar{ display:none;}
.moble,.mNavBtn{ display: block;}
.sbtn{margin-right: 30px;}
.article, .umArt{ margin:30px 0;}
.postNews .postText .time{ font-size:22px; padding-bottom:20px;}
.postNews .postText .time:after{ top:30px;}

.article li .postText{ padding:8px 15px 10px;}
.article li .postText h4{ font-size:14px;}
.article li .postText i{ font-size:12px;}
.about .sTitle{padding-left:30px;}
.about .postText{ padding-left:30px; max-height:90px;}
.about .aboutLeft{ width:42%;}
.about .aboutRight{ width:57%;}
.cont .about .sTitle,.boxText{ padding-left: 40px;}
.umDiy.um5 .umText li{ padding:10px; width:33.33333%}
	
body{ position:relative; left:0;overflow-x: hidden;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
body.open{left: 190px; overflow:hidden;}
body.open .header{ left:190px;}
body.open .leftNav{ left:0px;}
body.open .leftNav .mNavBtn{ display:block; position: absolute; top: 0px; background: #000; padding:0px 13px; height: 49px; right: -50px; cursor: pointer}
body.open .leftNav .mNavBtn i{ font-size: 24px;}
body.open .mNav .navbar{display:block;}
.page-search, .list-search p{ margin:10px 0;}
.bnBox.cateBn .text h3{font-size:32px;}
.umDiy video{width: 80%;}
.artBody .umArtPage .artUm{ width: 80%;}
}

@media screen and (max-width:750px){
.about .aboutLeft{ width:46%;}
.about .aboutRight{ width:51%;}
.about .sTitle{ padding-left:30px; padding-right:25px; padding-bottom:20px;}
.PostSl li .slNumber{ font-size:24px;}
.homeNav{ display: none;}
.homeSwiper .swiper-slide.case,.swiper-slide.news,.swiper-slide.partner,.hbBox{ padding: 0 20px;}	
.postNews li{ width:50%}
.postNews .postText,.postNews li .postImg .dot{ display:none;}

.swiper-container .swiper-umComm { margin:0 -20px;}
.swiper-container .swiper-umComm .iconfont{ font-size: 30px;}
.swiper-container .swiper-umComm .iconfont.il{ top:6px;}
.swiper-container .swiper-umComm .iconfont.ir{ bottom:6px;}
.sabout.cont .about .aboutLeft{ width: 100%; min-height: 200px; margin-bottom: 20px;}
.sabout.cont .about .aboutRight{width: 100%;}
.cont .about .sTitle,.boxText{ padding-left: 0px; padding-right: 0;}

.banner .text h4{ font-size:32px;}
.banner .text p{ margin-top: 15px; line-height: 26px; font-size: 14px;max-width:none;}
.banner .text a span{font-size: 14px; }
.bnBox.cateBn .text h3{font-size:28px;}
.umDiy video{width: 90%;}
    .newsPic .postNews{ display: none}
    .newsPic .postNews.mobNews{ display: block;}
    .postNews.mobNews li .postImg{ width: 120px;}
    .postNews.mobNews li .postText .text{ left: 15px;}
    .postNews.mobNews li .postText{max-height: 90px; padding-left: 15px;}
 .postNews.mobNews .postText{ display: block}
 .artBody .umArtPage .artUm{ width: 90%;}
	.artBody .umPageList li.even{flex-direction: inherit;}
	.artBody .umPageList li .umMedia, .artBody .umPageList li .postText{width: 100%;padding: 0 15px;max-width: 100%;flex-basis: 100%;}
}

@media screen and (max-width:640px){
.header{ padding-top: 48px;}
.header .logo{height:35px; margin-top:-18px;}
.logo img{height:35px;}
.opaque .sbtn,.opaque .mNavBtn{height:60px; line-height:60px;}
.fixed .sbtn,.header.noOpaque .sbtn,.fixed .mNavBtn,.header.noOpaque .mNavBtn{height:48px; line-height:48px;}
.homeSwiper .swiper-slide.sabout{ padding-top:50px;}
.sTitle h3{font-size:26}
.about { padding:30px;}
.about .aboutLeft{ width:100%;min-height:280px; display:block; overflow:hidden; margin:0 0 25px 0;}
.about .aboutRight{ width:100%;}
.about .sTitle{ padding:0 0px 20px 0px; text-align:center;}
	
.about .postText{ padding:0;text-align:center;position: relative; max-height: 66px;overflow: hidden;}
.about .postText:after{ right: 0;}
.about .aboutRight .more{ padding-left:0; text-align:center;}
.homeSwiper .swiper-slide.case,.swiper-slide.news,.swiper-slide.partner,.hbBox{ padding: 0 15px;}
.swiper-container .swiper-umComm { margin:0 -15px;}
.article ul{ margin:0 -10px 0 0;}
.article li, .imgShow {width: calc(100% / 2 - 10px);margin: 5px 10px 5px 0;}
.sabout.cont .about{ margin-top: 0;}
.cont .about .sTitle, .boxText{ text-align: left;}
.sabout.cont .about .tel{ font-size: 28px;}
a.mapUrl{ min-width:130px;}
.PostSl li .slNumber{ font-size:24px;}
.searchBox{width:70%}
.banner .text { text-align: center;}
.banner .text h4{ font-size:22px;}
.banner .text p{ display: none;}
.banner .text a span{ padding: 6px 20px; font-size: 14px; }
.bnBox.cateBn .text h3{font-size:24px;}
.about .aboutLeft .playBox{min-height:280px;}
.umDiy video{width: 100%;}
    .postNews.mobNews li .postImg{ width: 110px;}
    .postNews.mobNews li .postText{ max-height: 83px;}
    .postNews li .postImg .icon{ width: 32px; height: 32px; line-height: 32px;}
.artBody .umArtPage .artUm{ width: 100%;padding: 0 30px 20px;}
}

@media screen and (max-width:520px){
.about .aboutLeft{ min-height:220px; margin:0px 0 20px 0;}
.swiper-container .swiper-umComm .swiper-slide .umCommMsg{ padding: 0 45px;}
.swiper-container .swiper-umComm .iconfont{ font-size: 28px;}
.swiper-container .swiper-umComm .iconfont.il{ left:5px;}
.swiper-container .swiper-umComm .iconfont.ir{ right:5px;}
.searchBox{width:80%}
.sabout.cont .about .tel{ font-size:20px;}
.about .aboutLeft .playBox{min-height:220px;}
}

@media screen and (max-width:480px){
	.jobList .postArr{ width:100%;}
	.jobList .postArr li{ margin-bottom:15px;}
	.jobList .postArr .postTxt{ margin:15px 0}
	.jobList .postArr .postTxt .time,.jobList .postArr .jobTit:after{ display:none;}
	.jobList .postArr .postTxt .jobTit,.jobTxt{ padding-left:0;}
	.jobList .postArr .postTxt .jobTit h3{ font-size:16px;}
	.jobList .postArr .postTxt .jobTit p{ margin-top:5px;}
	.jobList .postArr .postTxt .dot{ width:26px; height:26px; line-height:24px;top:26px; right:18px;}
	.jobTxt{ margin-top:20px;}
	.jobEmai a{font-size:14px;padding:5px 15px;}
	.about .aboutLeft,.about .aboutLeft .playBox{ min-height:200px;}
	.PostSl li{ width: 50%;margin: 10px 0;}
	.PostSl li:nth-of-type(2){ border: none}
    .searchBox{width:90%}
    .bnBox.cateBn .text h3{font-size:20px;}
}
@media screen and (max-width:440px){
	.his .swiper-slide.swiper-slide-active .imgText p{ left: 30px; right: 30px;}
	.about .aboutLeft,.sabout.cont .about .aboutLeft,.about .aboutLeft .playBox{ min-height:180px;}
	.homeSwiper .swiper-slide.sabout.cont{ padding-top: 35px;}
	.umDiy.um5 .umText li{ padding:5px; width:50%}	
}