
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, Microsoft YaHei, 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: #F60F5F; 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: "HELVETICANEUELTPRO"; font-weight: normal; font-style: normal; }
.PostShow:after, article:after, header:after, .row:after, .article-main:after { clear: both; }
.PostShow:before, .PostShow:after, .PostShow:after, .row:before, .row:after, .article-main:after, .article-main:before { 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[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }
/*@font-face {
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}*/
@font-face { font-family: 'iconfont';  /* project id 788097 */ src: url('../font/font_788097_uo5vadfhyb.eot'); src: url('../font/font_788097_uo5vadfhyb.eot') format('embedded-opentype'),  url('../font/font_788097_uo5vadfhyb.woff2') format('woff2'),  url('../font/font_788097_uo5vadfhyb.woff') format('woff'),  url('../font/font_788097_uo5vadfhyb.ttf') format('truetype'),  url('../font/font_788097_uo5vadfhyb.svg') 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; }
/*----------- container -----------*/
.container { margin: 0 auto; max-width: 1260px; padding: 0 10px; overflow: hidden; }
.container.Wauto { padding: 0 }
.containe { position: relative; max-width: 1260px; margin: 0 auto; color: #fff; padding: 0 20px; }
/*----------- 头部 -----------*/
.header { padding-top: 60px; }
.header .header-nav { position: fixed; width: 100%; float: left; background-color: #FFFFFF; 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 }
.header .header-nav.fixed { background-color: #FFFFFF; opacity: 1 }
.header .logo { position: absolute; font-size: 0px; height: 42px; overflow: hidden; display: block; text-indent: -20000em; width: auto; background-size: 100% 100%; top: 50%; margin-top: -21px; }
.header .logo a { display: block; color: #999; }
.header .logo .logob { display: none }
.header .container { overflow: visible }
.logo img { height: 42px; }
.mLogo { height: 42px; }
.mLogo .logo { display: none }
.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: #FFFFFF; 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.68 }
.header.opaque .navbar li.active > a, .header.opaque .navbar li.active i { color: #FFFFFF; opacity: 1 }
.navbar li.on > a { color: #FFFFFF; opacity: 1 }
.header.opaque .navbar li:after { visibility: hidden; opacity: 0 }
.header.opaque .header-nav.fixed .navbar a, .header.opaque .inner .navbar a, .header.opaque .header-nav.fixed .navbar i, .header.opaque .inner .navbar i { color: #454545; opacity: 1 }
.header.opaque .header-nav.fixed .inner .navbar li > ul > li a, .header.opaque .inner .navbar li > ul > li a, .navShow .header.opaque .inner .navbar a { color: #454545 }
.header.opaque .inner .navbar a, .header.opaque .inner .navbar li > ul > li a { color: #333 }
.header.opaque .inner .navbar a:hover { color: #fff }
.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: #000000; }
.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; }
.header.noOpaque .inner .navbar a { line-height: 42px; }
.header.noOpaque .inner .navbar i, .header.opaque .inner .navbar i { color: #333 }
.navShow .header.opaque .inner .navbar a:hover { color: #000000 }
/*.header .inner .navbar a,.header.opaque .inner .navbar a,.header .inner .navbar i,.header.opaque .inner .navbar i{opacity: 1;color: #333}
.navShow .header.opaque .header-nav.fixed .navbar a, .navShow .header.opaque .header-nav.fixed .navbar i,.navShow .header.opaque .inner .navbar i{color: #333;}*/

/*导航栏*/
.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: #454545; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.navbar i { color: #454545; -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: #000000; }
.navbar li:after { background: #000000; 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: 100%; }
/*inner*/
.inner { display: none; position: absolute; z-index: 49; width: 100%; top: 60px; left: 0 }
.inner li { width: 100%; margin: 0; height: 43px; overflow: hidden; padding: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.inner li i { position: absolute; right: 20px; top: 7px; width: 28px; height: 28px; line-height: 28px; z-index: 3; background: #eaeaea; border-radius: 300px; color: #fff; cursor: pointer; margin: 0; }
.inner li.navOn { height: auto }
.inner li.navOn i { transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.inner li a { color: #333; display: block; font-size: 16px; font-weight: 300; line-height: 42px; padding: 0px 55px 0 55px; border-bottom: 1px solid #eee; background-color: rgba(255,255,255,.96); }
.inner li#nvabar-item-index { height: 44px; }
.inner li#nvabar-item-index a { border-top: 1px solid #eee; }
.inner li a:hover { background: #F60F5F; color: #fff; border-bottom: 1px solid #F60F5F; }
.inner .navbar li.active:after, .inner .navbar li:hover:after { width: 0 }
.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; }
.inner li>ul>li a { background-color: rgba(255,255,255,.96); font-size: 14px; }
#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 }
.header .moble-bars { padding: 0; margin: 14px 0 0; font-size: 21px; float: right; color: #454545; display: none; position: relative; z-index: 99 }
.header a:hover.moble-bars { color: #000000 }
.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; background: 0 0; border: none; padding: 0; margin: 0; line-height: normal; font-size: 18px; font-weight: 300; outline: 0; cursor: pointer; width: 50px; height: 35px; background: #F60F5F; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
/*----------- breadcrumb -----------*/	
.breadcrumb { max-width: 1240px; margin: 0 auto; padding: 12px 0; clear: both; overflow: hidden; border-bottom: 1px solid #e7e7e7; text-indent: 5px }
.fa-angle-right, .fa-bullhorn { font-size: 16px; margin: 0 4px; }
/*----------- article  -----------*/
.Wauto { width: 100%; max-width: none; padding: 0; }
.main { width: 100%; float: left }
.w1200 { padding: 0; clear: both; }
.w1200 .article { width: 100%; padding-right: 0; }
.PostBox { clear: both; }
.PostBox.serviceBg { background: #FFFFFF }
.PostBox.aboutBg { background: #FCFCFC }
.PostBox.caseBg { background: #F6F6F6 }
.PostBox.teamBg { position: relative; background-color: #3E92E6; background-attachment: fixed; background-size: cover; }
.PostBox.newsBg { background: #FAFAFA; }
.PostBox.advBg { background: #FAFAFA; }
.PostBox.about .post { padding: 0; /*max-width:100%; */ position: relative; }
.PostBox.about .post .postAbout { height: auto; width: 100%; float: right; position: relative; z-index: 1; padding: 110px 0 }
.PostBox.about .post .postTitle { padding: 0px 0px 20px 0; text-align: center; }
.PostBox.about .post .PostText { width: 78%; line-height: 24px; color: #999; padding-top: 30px; padding-bottom: 30px; text-align: center; position: relative; z-index: 2; margin: 0 auto }
.PostBox.about .post .more { }
.article { padding-right: 378px; min-height: 600px; }
.post { max-width: 1260px; margin: 0 auto; padding: 100px 10px 100px; }
.post.list, .post.tags { padding: 10px 10px 50px; }
.post.news.top { padding-top: 10px; padding-bottom: 50px; }
.post .postTitle { text-align: center; padding-bottom: 15px; position: relative; margin-bottom: 1.5%; z-index: 2; }
.post .postTitle h3 { font-size: 28px; font-weight: normal; position: relative; text-indent: 2px; letter-spacing: 0em; display: inline-block; margin-bottom: 3px; }
.post .postTitle span { clear: both; display: block; width: 100%; max-width: 750px; color: #9e9e9e; font-size: 14px; padding: 0 20px; margin: 0 auto; }
.post .postTitle .title1 { font-size: 16px; text-transform: uppercase; color: #999; font-family: HELVETICANEUELTPRO-THEX; filter: alpha(opacity=80); opacity: 0.8; margin-bottom: 3px; }
.post .postTitle:after { background: #cfcfcf; content: ""; height: 1px; width: 45px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto }
.post .PostShow { position: relative; }
.post .PostShow ul { width: 100%; }
.post .PostShow li, .imgShow { width: 23.5%; float: left; display: inline; margin: 1.5% 0.65% 1.5% 0.85%; overflow: hidden; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; text-align: center; vertical-align: top; }
.msk { background: #F60F5F; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 1; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; opacity: 0 }
.PostBox.serviceBg .post .PostShow ul, .PostBox.umTheme .post .PostShow ul { width: auto; margin: 0 -10px; }
.post li:hover a .msk, .imgShow a:hover .msk, .post .PostShow .item .post-img:hover .msk { background: #F60F5F; opacity: 0.8 }
.post .PostShow .item { text-align: center; }
.post .PostShow .item h4, .post .PostShow li h4, .imgShow h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both; margin: 0 0 5px; font-size: 16px; font-weight: normal; padding: 0 20px; color: #333; }
.post .PostShow .item i, .post .PostShow li i, .imgShow i { color: #999; display: block; font-family: Arial; font-size: 12px; font-style: normal; text-align: center; line-height: 20px; padding: 0 10px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post .PostShow .item h2, .post .PostShow li i.h2 { height: 40px; white-space: normal; }
.post .PostShow li .post-img, .imgShow .post-img { width: 100%; margin-bottom: 16px; overflow: hidden; }
.post .post-img:hover img { transform: none; }
.post .PostShow li img, .post.team .PicBox li img, .post .PostNews li img { -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
.post .PostShow li:hover img, .post.team .PicBox li:hover img, .post .PostNews li:hover img { transform: translate(-50%, -50%) scale(1.1) }
.post-img { float: left; height: auto; margin-left: 0; margin-right: 2.8169%; max-width: 290px; width: 25%; position: relative; }
.post .PostShow .item .post-img { width: 100%; margin-bottom: 16px; overflow: hidden; }
.post .PostShow li .post-img a, .imgShow .post-img a { display: block; width: 100%; height: 100%; overflow: hidden }
.post .PostShow li img, .post .PostNews li img, .post .PostShow .item img, .post .PostShow li .post-img a, .imgShow .post-img a { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; object-fit: cover; object-position: center; transform: translate(-50%, -50%) scale(1); }
.post-img:after { content: ''; display: block; padding-top: 75%; }
.post .PostShow .item .post-img:after { padding-top: 75%; }
.post.news .post-img:after { padding-top: 100%; }
.caseBg .post-img { margin: 0 }
.caseBg .post .postTitle { margin-bottom: 35px; }
.caseBg .post .PostShow .loading { max-width: none; margin: 0 }
.caseBg .post-text { position: absolute; top: 40%; transform: translateY(-50%); width: 100%; opacity: 0; visibility: hidden; z-index: 2; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; }
.caseBg .post .PostShow li:hover .post-text { opacity: 1; visibility: visible; top: 50%; }
.caseBg .post .PostShow li { width: 25%; margin: 0%; position: relative; }
.caseBg .post .PostShow li h4 { color: #fff }
.caseBg .post .PostShow li h4 a, .caseBg .post .PostShow li i { color: #fff; font-size: 14px; }
.caseBg .post .PostShow li h4 a { font-size: 16px; }
/*team*/
.post.team { width: 100%; max-width: none; padding: 80px 0; text-shadow: none; }
.post.team .postTitle { padding-bottom: 1.5rem; color: #fff; margin-bottom: 3% }
.post.team .postTitle h3 i { color: #585858 }
.post.team .postTitle .title1 { color: rgba(255, 255, 255, 0.85); }
.post.team .postTitle .title2 { color: rgba(255, 255, 255, 0.85); }
.post.team .postTitle:after { background: rgba(255, 255, 255, 0.6); }
.post.team .owl-carousel { padding: 0 12%; }
.post.team .owl-carousel .item { padding: 0; }
.post.team .owl-carousel .item:hover .imgBox { box-shadow: 0 5px 15px rgba(0,0,0,0.3); border: 4px solid rgba(255,255,255,0.3); }
.post.team .imgBox { width: 100%; max-width: 160px; margin: 0 auto; overflow: hidden; border-radius: 1000px; font-size: 0; display: block; position: relative; border: 4px solid rgba(255,255,255,0); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; background-color: rgba(255,255,255,.2) }
.post.team .imgBox:after { padding-top: 100%; content: ''; display: block; }
.post.team .imgBox img { position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 1000px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; object-fit: cover; object-position: center; bottom: 0; right: 0; width: 100%; height: 100%; }
.post.team .owl-carousel .item:hover .imgBox img { transform: scale(1.1) }
.post.team .imgText { width: 100%; clear: both; display: block; text-align: center; color: #fff; }
.post.team .imgText a { color: #fff; }
.post.team .owl-carousel .owl-item { padding: 10px; }
.post.team .owl-carousel .owl-item .item h4 { padding-bottom: 5px; }
.post.team .owl-carousel .owl-item .imgText i { opacity: .6 }
.post.team .owl-carousel .owl-nav i { color: #fff; }
.post.team .owl-carousel .owl-nav .owl-next, .post.team .owl-carousel .owl-nav .owl-prev { top: 42%; }
.post.team .owl-carousel .owl-nav .owl-next { right: 50px; }
.post.team .owl-carousel .owl-nav .owl-prev { left: 50px; }
#owl1.owl-carousel .owl-nav .owl-next, #owl1.owl-carousel .owl-nav .owl-prev, #owl2.owl-carousel .owl-nav .owl-next, #owl2.owl-carousel .owl-nav .owl-prev { top: 42% }
#owl1.owl-carousel .item .imgText, #owl2.owl-carousel .item .imgText { padding-top: 25px; clear: both; }
/*news*/
.post.news { max-width: 1260px; }
.post.news .PostNews .imgBox { position: relative; overflow: hidden; }
.post.news .PostNews .imgBox:after { content: ''; display: block; padding-top: 72%; }
.post.news .owl-carousel .item .imgBox img { position: absolute; top: 0; left: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.post.news .owl-carousel .item:hover .imgBox img { transform: scale(1.1) }
.PostNews li { width: calc(100% / 4 - 20px); float: left; margin: 15px 20px 15px 0; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; padding: 0; }
.post.news .PostNews { margin-right: -20px; }
.post.news .imgText { text-align: left; border-bottom: 1px solid rgba(0,0,0,.05); padding-bottom: 40px; padding-top: 25px; position: relative; }
.post.news .imgText p { height: 44px; overflow: hidden; line-height: 22px; padding: 0px; font-size: 12px; color: #999; }
.post.news .imgText p.time, .post.news .imgText i { position: absolute; left: 0; bottom: 10px; height: 14px; line-height: 14px; }
.post.news .imgText h4 { font-size: 16px; color: #333; padding: 0px 0 10px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.post.news .imgText i a { color: #999 }
.post.news .imgText i { left: auto; right: 35px; bottom: 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0 }
.post.news .item:hover .imgText i, .post.news li:hover .imgText i { right: 0px; opacity: 1; }
.post.news .imgText:after { background: #ccc; content: ""; height: 1px; width: 0px; position: absolute; left: 0; bottom: -1px; webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease }
.post.news .item:hover .imgText:after, .post.news li:hover .imgText:after { width: 100%; }
.post.news .owl-carousel .item .imgText { padding-bottom: 40px; }
.post.news .owl-carousel .item .imgText { text-align: left }
.post li a i.fa, .imgShow a i.fa, .post .PostShow .owl-item a i.fa { font-family: FontAwesome; top: 50%; color: #FFF; text-align: center; position: absolute; width: 100%; z-index: 2; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; filter: alpha(opacity=0); opacity: 0; text-shadow: none; font-size: 0; line-height: 0; overflow: visible }
.post li a:hover i.fa, .imgShow a:hover i.fa, .post .PostShow .owl-item a:hover i.fa { font-size: 25px; filter: alpha(opacity=100); opacity: 1; }
.post.news li a:hover i.fa { font-size: 25px; }
.post.case .more { padding: 0 0 35px 0; }
.post .more { padding: 35px 0 0; text-align: center; clear: both; }
.post .more a { padding: 8px 30px; display: inline-block; background: #f6f6f6; text-shadow: none; font-size: 14px; filter: alpha(opacity=80); opacity: 0.8; position: relative; border: 1px solid #ddd; color: #666; border-radius: 50px; }
.post .more a:hover { border: 1px solid #F60F5F; color: #fff }
.post .more a:after { background: #F60F5F; content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 50px; transform: scale(0); opacity: 0 }
.post .more a:hover:after { width: 100%; transform: scale(1.01); opacity: 1 }
.post .more a span { position: relative; z-index: 1 }
.post .more a:hover:after { width: 100%; }
.PostBox.newsBg .post.news .PostNews { margin-right: 0px; }
.PostBox.newsBg .owl-carousel .owl-nav .owl-prev, .PostBox.newsBg .owl-carousel .owl-nav .owl-next { top: 33% }
/*moble*/
.moble { max-width: 1260px; margin: 0 auto; height: 0px; background: #FFFFFF; width: 100%; padding: 0 10px; display: none; position: fixed; top: 0; z-index: 889 }
.moble a.moble-bars, .moble a.search-btn { -webkit-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease }
.navShow .inner li a { background-color: rgba(255,255,255,0); color: #454545; }
.archive-top { max-width: 1260px; margin: 0 auto; padding: 50px 20px 0px; overflow: hidden; position: relative; min-height: 63px; text-align: center; }
.archive-top .archive-title h1, .archive-top .archive-title h2, .archive-top .archive-title h3 { display: block; font-size: 2.5em; font-weight: normal; margin-bottom: 0; width: 100%; }
.archive-top .archive-title span { margin-bottom: 0px; text-transform: uppercase; color: #999; font-size: 18px; clear: both; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; width: 100%; float: left; font-style: normal; filter: alpha(opacity=80); opacity: 0.8; }
.archive-top .archive-description { color: #9e9e9e; font-size: 12px; }
.archive-top.tag { text-align: left; padding: 40px 10px 10px; }
.archive-top.tag h1 { display: block; font-size: 20px; font-weight: 400; margin-bottom: 5px; }
/*subcate*/
.subcate { max-width: 1260px; margin:30px auto 10px; text-align: center; padding: 0 20px; }
.subcate ul { font-size: 0; }
.subcate li { display: inline-flex; margin: 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: #ED4014; border: 1px solid #ED4014; color: #fff; }
/*----------- lazy -----------*/
.loading { background: #eee url(../image/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; }
/*----------- pageNav -----------*/
.pageNav { text-align: center; padding: 10px 0px; display: block; clear: both; }
.pageNav a { line-height: 38px; padding: 0 15px; display: inline-block; color: #fff; background: #C80000; opacity: 0.5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 3px; }
.pageNav a:hover, .pageNav a.page-num-current { opacity: 1; color: #fff; text-decoration: none; }
.post.case .pageNav { padding-top: 0; }
/*social*/
.sidebar { max-width: 1260px; margin: 0 auto; padding: 50px 10px 40px 10px; border-bottom: 1px solid rgba(255,255,255,0.1); }
.divArchives li, .divBrchives li, .divCrchives li, .divAuthors li, .divCatalog li, .divFavorites li, .divLinkage li, .divNavBar li, .divStatistics li { padding: 3px 0; margin: 1px 0 3px 0; }
.divBrchives li:hover a { color: #F60F5F }
.divBrchives li a i.fa, .tbox .fa { transform: translate(0px, -1px); }
/*----------- article-box panel -----------*/
.article-box { padding: 0 20px 20px; margin: 20px 0 16px; background: rgba(255, 255, 255, 0.95); }
.article-top { padding: 20px 0 15px; border-bottom: 1px solid #eee; }
.article-tit { margin-top: 5px; margin-bottom: 0px; font-size: 22px; font-weight: 400; }
.article-mt { margin-top: 10px; }
.article-mt span { font-size: 14px; color: #999; display: inline-block; margin-right: 5px; }
.article-mt span a { font-size: 14px; color: #999; display: inline-block; }
.article-mt span i { width: 13px; display: inline-block; margin-right: 4px; font-size: 13px; }
.article-main { font-size: 14px; line-height: 28px; padding: 18px 0; word-wrap: break-word; }
.article-main img { margin: 5px 0; max-width: 100%; height: auto; }
.article-main h2, .article-main h3, .article-main h4, .article-main h5 { padding: 0; margin: 25px 0; color: #333; font-weight: 600; }
.article-main h2 { font-size: 20px; line-height: 24px; font-weight: bold; border-left: 5px solid #F60F5F; padding: 0 0 0 10px; }
.article-main h3 { font-size: 18px; }
.article-main h4 { font-size: 16px; }
.article-main h5 { font-size: 14px; }
.article-main ul, .article-main ol { margin: 0 0 18px 42px }
.article-main ul { list-style: disc; }
.article-main ol { list-style: decimal; }
.article-main li { margin-bottom: 6px; list-style: inherit; }
.article-main p { margin-bottom: 0px; word-wrap: break-word }
.article-main pre { word-wrap: break-word }
.article-main table { width: 100%; border-top: solid 1px #ddd; border-left: solid 1px #ddd; margin-bottom: 18px; border-collapse: collapse }
.article-main table th { text-align: center; background-color: #f9f9f9; }
.article-main table td, .article-main table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.article-main a { color: #F60F5F; }
.article-main a:hover { color: #F60F5F; }
.article-main pre, .comment pre { margin: 20px 0; font: 14px/22px 'courier new'; background: #272822; padding: 10px 16px; color: #F8F8D4; border: none }
.article-main blockquote { margin: 30px; padding: 15px 20px 1px; font-size: 16px; color: #999; border-left: 6px solid #e4e4e4; background: #f0f0f0 }
.article-main blockquote p { margin: 0; padding: 0; margin-bottom: 10px; }
.article-main embed { display: block; margin-left: auto; max-width: 100%; margin-right: auto; }
.article-copyright { margin-top: 42px; background-color: #eee; padding-right: 30px; font-size: 12px; padding: 5px 0; color: #aaa; text-align: center; }
.article-copyright a, .article-copyright a:hover { color: #aaa; text-decoration: none; }
/*----------- tag-a -----------*/
.tag-box .tag-a { padding: 20px 0 20px; line-height: 32px; }
.tag-box .tag-a a { padding: 6px 10px 4px 10px; border: 1px solid #e4e4e4; margin-right: 6px; background: #f2f2f2; }
.tag-box .tag-a a:hover { border: 1px solid #F60F5F; background: #F60F5F; color: #fff }
/*----------- Post Navigation -----------*/	
.post-nav { border: 0px solid #eee; padding: 10px 0 10px 0; margin: 0px; clear: both; overflow: hidden; }
.post-nav div { width: 40%; color: #999; font-size: 14px; position: relative; display: block; }
.post-prev { float: left; }
.post-next { float: right; text-align: right; }
.post-nav div span { color: #999; }
.post-nav div a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.post-nav div a i { color: #ccc; font-size: 30px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.post-nav div a:hover i { color: #F60F5F; }
.post-prev a { padding: 5px 0 5px 30px; }
.post-next a { padding: 5px 30px 5px 0; }
.post-prev a i { left: -5px; }
.post-next a i { right: -5px; }
/*----------- Author Widget -----------*/
#writer { margin: 20px 0; border: 0px solid #eee; background: rgba(255, 255, 255, 0.95); clear: both; overflow: hidden; }
#writer h3 { padding: 10px 20px 8px 20px; border-bottom: 1px solid #eee; background: rgba(255, 255, 255, 0.2); }
#writer h3 span { float: right; min-width: 160px; width: 50%; text-align: right; font-weight: normal; font-size: 12px; padding-top: 2px; }
.writer-text { clear: both; overflow: hidden; padding: 10px; }
.writer-avatar img { float: left; margin: 10px; padding: 4px; width: 64px; height: 64px; border: 1px solid #eee; -webkit-border-radius: 37px; -moz-border-radius: 37px; border-radius: 37px; background: #fff; -webkit-box-shadow: inset 0 -1px 0 #3333sf; box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; }
.writer-avatar img:hover { border: 1px solid #ccc; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.writer-info { padding: 10px 10px 0 5px; font-size: 14px; line-height: 22px; }
#writer-name { display: none; }
#writer-top .contact { width: auto; }
#writer-top .contact li { float: left; margin: 0; padding: 0; width: 28px; height: 30px; background: none; }
.nb { padding: 10px 0; border-bottom: none; }
.widget .nb li { padding: 0; width: 30px; height: 30px; background: none; }
.widget .nb li.archive, .widget .nb li.donate { width: 82px; }
.widget .nb li.archive a { width: 80px; height: 26px; }
.widget .nb li.donate a { width: 80px; height: 26px; }
/*----------- contact -----------*/		
.contact { padding: 16px 13px 10px; }
.contact ul li { background: none; }
.contact li a { display: block; margin-left: 5px; width: 24px; height: 24px; color: #fff; line-height: 24px; opacity: 0.7; text-shadow: none; }
.contact li a:hover { opacity: 1; }
.contact li.website a { background: #F93; }
.contact li.sina_weibo a { background: #f78585; }
.contact li.qq_weibo a { background: #27ccc0; }
.contact li.email a { background: #e66eb6; }
.contact li.qq a { background: #48c3f0; }
.contact li.archive a { width: 78px; height: 24px; background: #9C3; text-indent: 0px; color: #fff; line-height: 24px; }
.contact li.donate a { width: 78px; height: 24px; }
.contact li { display: inline; float: left; margin-right: 4px; height: 24px; text-align: center; line-height: 190%; }
/*----------- relates -----------*/
.relates { padding: 20px; margin-bottom: 16px; background: rgba(255, 255, 255, 0.95); border: 0px solid #eee }
.relates.imgRel { padding: 10px; }
.relates.imgRel ul { margin: 0; }
.relates.imgRel .title { text-indent: 10px; margin-top: 10px; }
.post.relates.imgRel .PostShow li { margin: 1% 0.75% 1% 0.75%; /*margin:0;transition:none;*/ }
.title { margin-bottom: 10px; overflow: hidden; }
.title h3 { font-size: 1.2em; font-weight: 500; margin: 0; float: left }
.relates ul { list-style: disc; margin-left: 20px; color: #999 }
.relates li { margin-top: 10px; list-style: inherit }
.relates li.nothing { width: 100%; text-align: left; }
.relates time { font-size: 12px; margin-left: 20px; color: #bbb }
.widgetBox { position: relative; clear: both; margin-bottom: 20px; background: none repeat scroll 0 0 #fff }
.userMain { overflow: hidden; width: 100%; border: 1px solid #eee }
#userLeft { float: left; padding-bottom: 10px; width: 17.9% }
#userLeft .user-avatar { padding: 15px; text-align: center }
#userLeft .user-avatar img { padding: 5px; max-width: 100px; max-height: 100px; width: 98%; height: auto; border: 1px solid #eee; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: inset 0 -1px 0 #3333sf; box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: .4s; -webkit-transition: -webkit-transform .4s ease-out; -moz-transition: -moz-transform .4s ease-out; transition: transform .4s ease-out }
#userLeft .user-avatar img:hover { border: 1px solid #ccc; -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg) }
#userMenu li { padding: 12px 10px; text-align: center }
#userMenu li.current-menu-item { margin: 0 -1px; border-left: 5px solid #F60F5F; background: #EEE }
#userMenu li.current-menu-item a { margin-left: -5px; color: #F60F5F }
#userMenu li i { margin-right: 5px }
#userRight { float: left; overflow: hidden; margin: 0; padding: 10px 1.333333%; min-height: 600px; width: 82%; border-bottom: none; border-left: 1px solid #E1E1E1; background: #fff }
#userRight #writer-top { margin: 0 -15px; padding: 10px 15px; border-bottom: 1px solid #E1E1E1; background: #fff }
#userRight .post-count { padding: 15px 10px; border-bottom: 1px solid #eee; font-weight: 700 }
#userRight .archive-a h2 { font-size: 14px; padding-left: 5px; line-height: 40px }
.archive-a h2 { display: inline-block; overflow: hidden; margin: 0; width: 60%; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; font-size: 16px; line-height: 28px }
.archive-a h2 a i { margin-right: 5px }
#writer-top h1 { margin-bottom: 10px; font-size: 20px }
#writer-top .rss-cat-icon i { color: #F74D4D }
.widget-main { position: relative; z-index: 1; padding: 10px 15px; border-bottom: 1px solid #E1E1E1 }
.archive-a { padding: 10px 0; border-bottom: 1px solid #eee }
.archive-a span { margin-right: 5px }
.archive-a p.post-time { float: right; width: 36% }
.post-time { margin: 10px 0; line-height: 20px }
.post-time span { margin-right: 10px; color: #999 }
.post-time span i { margin-right: 3px }
/*----------- commList -----------*/	
.commBox { padding: 20px; margin-bottom: 20px; background: rgba(255, 255, 255, 0.95); border: 0px solid #eee; }
.commBox .title { margin-bottom: 15px; }
.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: #fdfdfd; 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; /*border-bottom:1px solid #eaeaea;*/ }
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 { width: 100%; margin: 0 0 0 0; padding: 5px 0 1px 0; }
#divCommentPost p { margin-top: 10px; }
#divCommentPost label { margin-top: 5px; }
#divCommentPost p.posttop { color: #999; padding-left: 0; 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: 0 }
#cancel-reply { margin-left: 10px; line-height: 36px; display: inline-block }
div.reply-frm { background: #fdfdfd; 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: 101.6%; clear: both }
#frmSumbit ul li { margin-bottom: 5px; text-align: left; display: inline-block; width: 49% }
#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: #B3B3B3; 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 { height: 36px; width: 100px; text-align: center; text-shadow: none; font-weight: normal; border: none; color: #FFF; background-color: #F60F5F; border-radius: 2px; background-image: none; box-shadow: none; cursor: pointer; font-size: 16px; }
input.button:hover { background: #8463A9; }
#cancel-reply { background-color: #d9d9d9; vertical-align: 0px; }
/*----------- 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: 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.95); 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: 20px; line-height: 28px; margin-bottom: 5px; margin-top: 0; }
.list-search p a { margin-top: 3px; display: inline-block; }
.list-search p a:hover { color: #F60F5F }
.list-search p strong { color: #F60F5F; font-weight: 100 }
/*----------- gotop -----------*/
#backTop { position: fixed; right: 0px; bottom: 10%; transform: translateY(-50%); z-index: 888; }
#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; }
#backTop span#gttop { display: none; float: left; }
#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: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: #F60F5F; }
#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: #F60F5F; 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(255, 255, 255, 0.95); 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%; }
.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: 100; font-size: 30px; }
.bnBox.cateBn .text p { font-size: 14px; font-weight: 100; font-family: "Poppins"; font-style: normal; clear: both; opacity: .8 }
.bnBox.cateBn img { }
.bnBox.animation { margin-top: 16px; }
.bnBox img { display: block; margin: 0 auto }
/*----------- 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.btm { padding-bottom: 48px }
.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); }
.action-like, .article-social { text-align: center; text-shadow: none }
.article-main a.action-like { color: #fff; }
.action-like { display: inline-block; background-color: #FF5E52; color: #fff; border-radius: 3px; padding: 10px 12px 10px 15px; font-size: 15px; margin: 10px auto 18px; min-width: 120px; max-width: 100%; cursor: pointer; opacity: .75 }
.action-like:hover { opacity: 1; color: #fff }
/*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, .searchBox { position: fixed; right: 58px; top: 18px; color: rgba(255,255,255,0.6); background: 0 0; border: none; padding: 0; margin: 0; line-height: normal; font-size: 19px; font-weight: 300; outline: 0; cursor: pointer; z-index: 890; }
.fixed .sbtn, .fixed .searchBox, .header.noOpaque .sbtn { color: #454545; }
a.search-btn { display: none; opacity: .68; }
.search-bg, .searchBox { position: fixed; left: 50%; top: 45%; z-index: 891; height: auto; margin: -28px 0 0 -113px; display: none; }
.sbtn { position: inherit; float: right; font-size: 18px; background: rgba(0,0,0,.0); height: 40px; line-height: 40px; border-radius: 1000px; text-align: center; margin-top: 19px; margin-left: 10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.fixed .sbtn, .header.noOpaque .sbtn { margin-top: 9px; }
.sbtn:hover, .fixed .sbtn:hover, .fixed .searchBox:hover, .header.noOpaque .sbtn:hover { color: #000000; }
.searchBox, .search-bg { left: 50%; width: 400px; background: #fafafa; z-index: 900; right: auto; transform: translate(-50%, -50%); margin: 0; padding: 30px; border-radius: 3px; }
.search-bg .search-form { display: block; }
.page-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 890; display: none; }
.search-bg .search-pup { margin-top: 0; float: none }
.search-bg .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: #F60F5F; color: #fff; }
/*cate*/
.cate li { display: inline-block; text-align: center; float: left; position: relative; }
.cate li a { color: #fff; font-size: 1em; width: 100%; height: auto; border-radius: 0px; float: left; opacity: 0.6; padding: 15% 0 }
.cate li a:hover { opacity: 1 }
.cate li a i { font-size: 1.8em; clear: both; width: 100%; float: left; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease }
.cate li a p { margin: 0; padding: 0; font-style: normal; float: left; width: 100%; height: 20px; margin-top: 3% }
/*视频模块*/
.videoRight { width: 49%; display: inline-block; padding-left: 50px; vertical-align: top }
.videoRight .postText { margin-top: 30px; line-height: 24px; }
.PostBox { overflow: hidden }
.post.video .postTitle, .post.video .more { text-align: left; }
.post.video .postTitle:after, .post.video .postTitle .title2:after { left: 0px; right: auto }
.videoMain { width: 50%; display: inline-block; position: relative; padding: 0 4%; margin: 0 -10px 0 10px; z-index: 10 }
.videoMain .videoBox { width: 100%; display: block; padding: 1px; background-color: #000; border: 2px solid #f8f8f8; border-radius: 20px; box-shadow: 0 5px 25px rgba(22,22,22,0.1), 0 15px 25px rgba(22,22,22,0.1); position: relative; }
.videoMain .videoBox .videoPlay { border: 1px solid #666; padding: 6% 2% 5%; background: #111; transition: 0.5s; border-radius: 18px; width: 100% }
.videoMain .videoBox video { width: 100%; vertical-align: bottom; position: relative; z-index: 1; }
.videoMain .videoBox .camera { width: 8px; height: 8px; position: absolute; display: block; top: 3.8%; left: 50%; margin-left: -4px; background-color: #444; border-radius: 10em; border: 1px solid #555; }
.videoMain .videoBox.out { position: fixed; bottom: 0; right: 0; width: 300px; z-index: 999; animation: fadeInUp 0.5s; border-radius: 14px; }
.videoMain .videoBox.out .videoPlay { border-radius: 12px; }
.videoMain .videoBox.out .camera { width: 5px; height: 5px; }
.videoMain .macBtm { width: 100%; height: 38px; display: block; position: absolute; bottom: -4%; left: 0; background-image: url(../image/macb.png); background-repeat: no-repeat; background-position: center bottom; background-size: contain; z-index: 3 }
/*分享*/
.bdshare { clear: both; padding-top: 20px; }
.bd_weixin_popup { height: 300px!important; width: 252px!important }
.bdsharebuttonbox a, .bdshare-button-style0-16 a { background-image: none!important; width: 42px!important; height: 42px!important; line-height: 42px!important; padding: 0!important; border: 1px solid #eee; float: left; border-radius: 100px; text-align: center; margin: 6px 6px 6px 0; font-size: 26px!important }
.bdsharebuttonbox a.bds_weixin { border: 1px solid #6bc30d; color: #6bc30d; }
.bdsharebuttonbox a:hover.bds_weixin { background-color: #6bc30d; color: #fff; }
.bdsharebuttonbox a.bds_sqq { border: 1px solid #1ea6e9; color: #1ea6e9; }
.bdsharebuttonbox a:hover.bds_sqq { background-color: #1ea6e9; color: #fff; }
.bdsharebuttonbox a.bds_tsina { border: 1px solid #f78585; color: #f78585; }
.bdsharebuttonbox a:hover.bds_tsina { background-color: #f78585; color: #fff; }
.bdsharebuttonbox a.bds_tqq { border: 1px solid #00C5FF; color: #00C5FF; font-size: 24px!important }
.bdsharebuttonbox a:hover.bds_tqq { background-color: #00C5FF; color: #fff; }
.bdsharebuttonbox a.bds_qzone { border: 1px solid #ff9933; color: #ff9933; font-size: 24px!important }
.bdsharebuttonbox a:hover.bds_qzone { background-color: #ff9933; color: #fff; }
.bdsharebuttonbox a.bds_more { border: 1px solid #cecece; color: #a4a2a0; }
.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"; }
/*实力*/
.PostSl { font-size: 0; display: block; width: 100%; text-align: center; padding: 40px 0 }
.PostSl li { width: 25%; display: inline-block; text-align: center; vertical-align: top; border-right: 1px solid #eee; }
.PostSl li:last-child { border: none }
.PostSl li .slNumber { font-size: 50px; color: #666; display: block; font-family: HELVETICANEUELTPRO; line-height: 42px; }
.PostSl li .slTitle { font-size: 14px; color: #999; padding-top: 5px; }
.PostSl li .slNumber span { position: relative; }
.PostSl li .slNumber em { position: absolute; font-size: 14px; top: -3px; right: -15px; line-height: normal; opacity: 0.6 }
#cambrian0 { height: auto!important; clear: both; float: left!important; width: 100%!important; margin-bottom: 0px!important }
._1mpIIe { width: 100%!important; clear: both; }
.FiQpSl { margin-bottom: 40px!important }
.owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative }
.owl-carousel { display: none; width: 100%; z-index: 1 }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none }
.owl-carousel .owl-item img { display: block; width: 100% }
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none }
.no-js .owl-carousel, .owl-carousel.owl-loaded { display: block }
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit }
.owl-carousel.owl-loading { opacity: 0; display: block }
.owl-carousel.owl-hidden { opacity: 0 }
.owl-carousel.owl-refresh .owl-item { visibility: hidden }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.owl-carousel.owl-grab { cursor: move; cursor: grab }
.owl-carousel.owl-rtl { direction: rtl }
.owl-carousel.owl-rtl .owl-item { float: right }
.owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both }
.owl-carousel .owl-animated-in { z-index: 0 }
.owl-carousel .owl-animated-out { z-index: 1 }
.owl-carousel .fadeOut { animation-name: fadeOut }
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height { transition: height .5s ease-in-out }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease }
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0 }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000 }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(../image/macb.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease }
.owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3) }
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100% }
.owl-carousel { padding: 0 60px; }
.owl-carousel .owl-stage-outer { padding-top: 2%; z-index: 2 }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { display: block; position: absolute; outline: 0; top: 50%; transform: translateY(-50%); z-index: 6; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.owl-carousel .owl-nav .owl-next { right: 0px; }
.owl-carousel .owl-nav .owl-prev { left: 0px; }
.owl-carousel .owl-nav i { font-size: 40px; color: #666; opacity: 0.3; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.owl-carousel .owl-nav .owl-next:hover i, .owl-carousel .owl-nav .owl-prev:hover i { opacity: 1 }
.owl-carousel:hover .owl-nav .owl-next { right: 0px; }
.owl-carousel:hover .owl-nav .owl-prev { left: 0px; }
.owl-dots { text-align: center; padding-top: 30px; }
.owl-dots .owl-dot span { width: 10px; height: 2px; background: #333; display: inline-block; opacity: .3; margin: 0 5px; }
.owl-dots .owl-dot.active span { opacity: 0.8 }
#owl0.owl-carousel .owl-stage-outer { padding-top: 0 }
#owl0.owl-carousel .owl-nav .owl-next, #owl0.owl-carousel .owl-nav .owl-prev { opacity: 0; }
#owl0.owl-carousel .owl-nav i { font-size: 50px; color: #fff; opacity: 0.5; }
#owl0.owl-carousel .owl-nav .owl-next { right: 80px; }
#owl0.owl-carousel .owl-nav .owl-prev { left: 80px; }
#owl0.owl-carousel:hover .owl-nav .owl-next { right: 20px; }
#owl0.owl-carousel:hover .owl-nav .owl-prev { left: 20px; }
#owl0.owl-carousel .owl-nav .owl-next:hover i, #owl0.owl-carousel .owl-nav .owl-prev:hover i { opacity: 1 }
#owl0.owl-carousel:hover .owl-nav button { opacity: 1 }
#owl1.owl-carousel .owl-nav .owl-next, #owl1.owl-carousel .owl-nav .owl-prev { top: 42%; transform: translateY(-50%); }
.owl-carousel .owl-nav .disabled i { color: #ddd; }
#owl0 .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; }
#owl0 .text a { color: rgba(255,255,255,.8); }
#owl0 .text h4 { font-size: 40px; color: #fff; font-family: Arial }
#owl0 .text p { margin: 20px auto; line-height: 32px; font-size: 18px; max-width: 600px; }
#owl0 .text a span { padding: 8px 30px; ; background: #F60F5F; 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; }
#owl0 .text a em { position: relative; z-index: 1; font-style: normal }
#owl0 .text .bnLink { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#owl0.owl-carousel { padding: 0 }
#owl0.owl-carousel .owl-stage-outer { margin: 0 }
.owl1.owl-carousel .item .imgBox { font-size: 0; display: block; overflow: hidden; }
.owl1.owl-carousel { padding: 0 80px; }
.owl1.owl-carousel .owl-stage-outer { padding: 2% 0 0; }
.owl1.owl-carousel .item img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; transform: scale(1) }
.owl1.owl-carousel .item:hover img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); transform: scale(1.05) }
.owl-carousel .item .imgText { text-align: center; padding: 25px 0 0 }
.owl-carousel .item h4 { font-size: 16px; color: #333; padding: 0px 0 10px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.owl-carousel .item p { line-height: 22px; padding: 0px; font-size: 12px; color: #999 }
/*umBnBg*/
.umBnBg { background-color: #3C4F72; background-image: url(../image/hx6.jpg); background-size: cover; background-attachment: fixed; text-align: center; position: relative; overflow: hidden; }
.umBnBg .post { padding: 80px 0; z-index: 2; position: relative; }
.umBnBg p { color: #fff; width: 60%; margin: 0 auto; line-height: 24px; padding-top: 30px; filter: alpha(opacity=60); opacity: .6; }
.umBnBg p.tit { font-size: 32px; line-height: 36px; padding-top: 0; filter: alpha(opacity=100); opacity: 1; }
.umBnBg .post .more a { background: none; color: #fff; filter: alpha(opacity=100); opacity: 1; }
/*联系我们*/
.contactBg .post { max-width: 1260px; margin: 0 auto; padding: 100px 10px; min-height: 500px; }
.contactBg .post .contText { padding-right: 54.5%; padding-left: 10px }
.contactBg .post .postTitle { text-align: left; }
.contactBg .post .postTitle span { padding: 0; }
.contactBg .post .postTitle:after { left: 0; right: auto }
.contactBg .post .boxText { margin-top: 40px; }
.contactBg .post .boxText .iconfont { font-size: 18px; }
.contactBg .post .boxText p, .contactBg .post .boxText p a { line-height: 24px; color: #666; }
.contactBg .post .boxText p.tel { font-size: 26px; padding-bottom: 20px; }
.contactBg .post .boxText p a { margin: 0 10px 0 0; }
.contactBg .post .postTitle span.title2 { margin-top: 20px; }
.contactBg .social { background: none; font-size: 14px; width: auto; height: auto; line-height: 22px; }
.contactBg .social a.socialLink { border: 1px solid rgba(0,0,0,.08); border-radius: 1000px; -moz-border-radius: 1000px; -webkit-border-radius: 1000px; color: #999; font-size: 18px; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; margin: 0 5px 0 0; }
.contactBg .social { margin-top: 10px; }
.contactBg .social a:hover { background: #F60F5F; border: 1px solid #F60F5F; }
.contactBg .social a.socialLink:hover { color: #fff }
.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); }
/*地图*/
#ummap { background-color: #f2f2f2!important; width: 50%; position: absolute; top: 0; right: 0; height: 100%; }
#ummap img { max-width: none }
#ummap iframe { width: 100%; height: 100%; }
/*.artImg{ width:100%; min-height:300px; height:100%; background-size:cover; background-position:center center;}*/
.artImg { width: 100%; margin: 0 auto; position: relative; }
/*.artImg:after{content: '';display: block;padding-top:100%;}
.artImg img{ top:0; left:0; bottom:0; right:0; position:absolute;}*/

.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(../image/loading.gif); background-size: 42px 42px; }
.tag-box { clear: both; }
/*专题*/
.page-tags { padding: 0 10px; margin-bottom: 15px; }
.pageTags .breadcrumb { max-width: 1240px; }
.list-tags { font-size: 0; display: block; position: relative; margin: 20px -10px 15px -10px; }
.list-arr { width: calc(100% / 4 - 20px); display: inline-block; font-size: 14px; margin: 10px; vertical-align: top; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.list-arr:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.05); transform: translateY(-5px) }
.list-box { min-height: 240px; max-height: 500px; padding: 20px; background: #fff; }
.list-box .list-name { width: 100%; position: relative; height: 100px; line-height: 100px; text-align: center; background: #282828; background-size: cover; background-position: center center; }
.list-box .list-name h2 a { font-size: 22px; font-weight: normal; display: inline-block; color: #fff; display: block; width: 100%; height: 100%; }
.list-box ul { padding: 15px 0 0 0 }
.list-box ul li { line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.online { width: 85%; margin: 0 7.5%; position: fixed; background: rgba(243,243,243,.9); box-shadow: 0 5px 10px rgba(0,0,0,.1); bottom: 25px; height: 40px; border-radius: 100px; z-index: 15; display: block; font-size: 0; text-align: center; }
.online a { width: 20%; height: 100%; line-height: 40px; text-align: center; color: #2B3038; font-size: 24px; position: relative; display: inline-block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.online a .iconfont { font-size: 24px; }
.online a.tel .iconfont { font-size: 21px; vertical-align: 1px; }
.online a:after { content: ""; position: absolute; right: 0; height: 100%; width: 1px; background: rgba(255,255,255,.6); }
.online a.last:after, .online a.gottop:after { display: none; }
.online a:hover { color: #F60F5F; }
.online.btm { width: 100%; margin: 0; background: rgba(255,255,255,1); box-shadow: 0 -3px 10px rgba(0,0,0,.05); bottom: 0px; height: 48px; border-radius: 0px; }
.online.btm a { line-height: 48px; }
.online.btm a:after { background: rgba(0,0,0,.03); }
.cardBg { background: #f2f2f2 }
.cardArea { display: block; font-size: 0; margin-top: 1% }
.cardArea .item { width: 14%; height: 320px; display: inline-block; vertical-align: top; background: #000; border-left: .5px solid rgba(0,0,0,0); border-right: .5px solid rgba(0,0,0,0); color: #fff; font-size: 14px; position: relative;/*-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;*/ }
.cardArea .item .text { position: relative; z-index: 2; font-size: 0; height: 100%; padding-bottom: 60px; }
.cardArea .item .text1, .cardArea .item .text2, .cardArea .item .text1 .img { width: 100%; height: 100%; display: block; padding: 25px; position: absolute; z-index: 2 }
.cardArea .item .text1 { opacity: 1; background-position: center; background-size: cover; }
.cardArea .item .text1 .img { background-position: center; background-size: cover; z-index: 1; opacity: .3; background-image: url("../image/cardbg.jpg"); filter: grayscale(0%); -webkit-filter: grayscale(0%); margin: -25px; }
.cardArea .item .text2 { opacity: 0; left: -20px; -webkit-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; }
.cardArea .item.active { width: 30%; background: #282828; border-left: .5px solid rgba(0,0,0,1); border-right: .5px solid rgba(0,0,0,1); }
.cardArea .item.active .text1 { opacity: 0; }
.cardArea .item.active .text2 { opacity: 1; left: 0 }
.cardArea .item h2, .cardArea .item h3, .cardArea .item h4 { font-size: 18px; font-weight: 500; padding: 12px 0 0; margin-top: 10px; margin-bottom: 15px; position: relative; }
.cardArea .item.active h2, .cardArea .item.active h3, .cardArea .item.active h4 { margin-bottom: 5px; }
.cardArea .item h2 { font-size: 20px; }
.cardArea .item h4 { font-size: 16px; }
.cardArea .item h2:after, .cardArea .item h3:after, .cardArea .item h4:after { content: ""; width: 30px; height: 2px; display: block; position: absolute; top: 0px; background: #fff; }
.cardArea .item span { font-size: 14px; opacity: .68; font-weight: 300; line-height: 26px; }
.cardArea .item .text1 span { display: block; width: 100%; position: relative; padding-left: 8px; }
.cardArea .item .text1 span:after { content: ""; position: absolute; left: 0px; width: 3px; height: 3px; border-radius: 10px; background: #fff; top: 12px; }
.cardArea .item .text2 span { display: inline-block; padding-right: 12px; position: relative; font-size: 12px; }
.cardArea .item .text2 span.last { padding-right: 0; }
.cardArea .item .text2 span:after { content: "/"; position: absolute; right: 3px; }
.cardArea .item .text2 span.last:after { display: none }
.cardArea .item .text2 p { font-size: 14px; margin-top: 20px; line-height: 24px; opacity: .68; }
.cardArea .item .text1 a, .cardArea .item .text2 a { position: absolute; left: 0px; bottom: 15px; display: block; border: 1px solid #fff; font-size: 14px; color: #fff; line-height: 32px; padding: 0 10px; opacity: .6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.cardArea .item .text1 a:hover, .cardArea .item .text2 a:hover { background: #F60F5F; border: 1px solid #F60F5F; opacity: 1 }
.cardArea .item .text1 a:after { content: "\e727"; font-family: iconfont; }
.cardArea .item .text2 a:after { content: "了解更多"; font-family: iconfont; }
.mobCard { display: none; padding: 40px 20px; background-color: #000; background-image: url("../image/cardbg.jpg"); background-size: cover; position: relative; }
.mobCard:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: .6; z-index: 1; }
.mobCard ul { position: relative; z-index: 2; font-size: 0; display: block; text-align: center }
.mobCard li { width: 33.3333%; display: inline-block; text-align: center; font-size: 14px; color: #fff; padding: 20px 20px 24px; border-right: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2) }
.mobCard li:nth-child(3n), .mobCard li:last-child { border-right: 1px solid rgba(255,255,255,0); }
.mobCard li:nth-child(n+4) { border-bottom: 1px solid rgba(255,255,255,0); }
.mobCard li a { color: #fff; }
.mobCard li h2, .mobCard li h3, .mobCard li h3 { display: inline-block; width: 100% }
.mobCard li h2 { font-size: 20px; padding-bottom: 15px; }
.mobCard li h3 { font-size: 18px; padding-bottom: 10px; }
.mobCard li h4 { font-size: 16px; padding-bottom: 10px; }
.mobCard li p { opacity: .68 }
.mobCard.sum2 li { width: 50%; border-bottom: 1px solid rgba(255,255,255,0); }
.mobCard.sum3 li { border-bottom: 1px solid rgba(255,255,255,0); }
.umTheme .post { padding-bottom: 60px; }
.umTheme .post.sum1 { padding-bottom: 100px; }
.umTheme .tabTitle { display: block; text-align: center; margin-bottom: 10px; font-size: 0; }
.umTheme .post.sum1 .tabTitle, .umTheme .post .more { display: none }
.umTheme .post.sum1 .more { display: block; margin: 0; }
.umTheme .tabTitle li { display: inline-block; background: rgba(0,0,0,.05); border-radius: 30px; margin: 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.umTheme .tabTitle li.active { background: #F60F5F; opacity: .6 }
.umTheme .tabTitle li h3 a { font-size: 14px; line-height: 32px; height: 32px; font-weight: normal; padding: 0 15px; }
.umTheme .tabTitle li.active h3 a { color: #fff; }
.umTheme .tabCon { display: none }
.umTheme .tabCon:first-child { display: block }
.article.umSub { padding-right: 300px; padding-left: 0; float: left; width: 100%; min-height: auto; margin-bottom: 15px; }
.sidebar { width: 280px; float: right; margin-left: -300px; margin-right: 0; position: relative; padding: 0; }
.sidebar .widget { background: rgba(255, 255, 255, 0.95); box-shadow: 0 15px 15px rgba(0, 0, 0, 0); margin: 20px 0; }
.sidebar .widget:last-child { margin-bottom: 20px; }
.sidebar .widget h3 { font-size: 16px; font-weight: normal; padding: 15px 15px 0px; background: #FFF; text-overflow: ellipsis; white-space: nowrap; position: relative }
.sidebar .widget h3:after { content: ''; width: 3px; height: 15px; background: #F60F5F; position: absolute; display: block; left: 0; top: 19px }
.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, .sidebar .widget div { padding: 15px; font-size: 0; }
.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.umhtml1 ul { padding: 10px 10px }
.sidebar .widget.umhtml1 ul a.pic { font-size: 0; display: block; }
.sidebar .widget.umhtml1 ul li { width: 50%; display: inline-block; padding: 0 5px; height: auto; text-align: center; margin: 5px 0 }
.sidebar .widget.umhtml1 h4 { height: 34px; clear: both; }
.sidebar .widget.umhtml1 ul li .post-img { width: 100%; max-width: 100%; overflow: hidden; padding: 0; }
.sidebar .widget.umhtml1 ul li .post-img img { transform: scale(1); position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; object-fit: cover; display: block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.sidebar .widget.umhtml1 ul li:hover .post-img img { transform: scale(1.1); }
.sidebar .widget.umhtml2 ul li, .sidebar .widget.umhtml4 ul li { padding-left: 15px; }
.sidebar .widget.umhtml2 ul li:after, .sidebar .widget.umhtml1 ul li.nolist:after, .sidebar .widget.umhtml4 ul li:after { content: ''; width: 5px; height: 5px; background: #e2e2e2; position: absolute; display: block; left: 0; top: 16px; border-radius: 30px; }
.sidebar .widget ul li.nolist { color: #bbb !important; }
.sidebar .widget.umhtml1 ul li.nolist:after { left: 8px; }
.sidebar .widget.umhtml3 ul { padding: 10px; }
.sidebar .widget.umhtml3 ul li { padding: 5px; height: auto; line-height: 28px; white-space: normal; }
.sidebar .widget.umhtml3 ul li a { display: block; background: #f8f8f9; padding: 6px 10px; }
.sidebar .widget.umhtml3 ul li a:hover { background: #F60F5F; color: #fff; }
.sidebar .widget.umhtml4 ul { margin-right: -5px; }
.sidebar .widget.umhtml4 ul li { width: calc(100% / 2 - 5px); display: inline-block }
.sidebar .widget.divContorPanel div { line-height: 28px; }
.sidebar .widget.divContorPanel div, .sidebar .widget.divTags ul { padding-bottom: 15px; }
.sidebar .widget.divContorPanel div a { color: #F60F5F }
.sidebar .widget ul li.li-cate { height: auto; }
.sidebar .widget ul li.li-cate .ul-subcates { padding: 5px 10px 5px; }
.sidebar .widget ul li.li-cate .li-subcate { opacity: .6 }
.sidebar .widget ul li i { vertical-align: -1px; position: relative; left: -2px; }
.sidebar .widget.divSearchPanel div { padding-bottom: 20px; }
.sidebar .widget.divSearchPanel input { width: 100%; position: relative; line-height: 32px; padding: 0 10px; border: 1px solid #ededed; }
.sidebar .widget.divSearchPanel form { position: relative; padding-right: 60px; }
.sidebar .widget.divSearchPanel input[type='submit'] { width: 60px; position: absolute; line-height: 32px; padding: 0 10px; border: 1px solid #F60F5F; background: #F60F5F; color: #fff; font-size: 14px; top: 0; right: 0; }
.sidebar .widget.divTags li, .sidebar .widget.divLinkage li { display: inline-block; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; overflow: visible; height: auto; }
.sidebar .widget.divTags li a { font-size: 14px; font-weight: normal; padding: 0px 10px; border-radius: 0px; display: block; margin: 3px 4px 3px 0; height: 34px; line-height: 34px; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; border: 1px solid rgba(227,229,236,.5) }
.sidebar .widget.divTags li a span { font-family: Roboto-Light; font-size: 12px; }
.sidebar .widget.divTags li a:hover { color: #fff; background: #282828; border: 1px solid #282828; }
.sidebar .widget.divLinkage li a { margin: 5px 12px 5px 0; }
.sidebar .widget.divCalendar div, .sidebar .widget.divMisc div, .sidebar .widget.divMisc ul { padding: 15px; }
.sidebar .widget.divCalendar table { width: 100%; font-size: 12px; }
.sidebar .widget.divCalendar table th { padding: 10px 0px; font-size: 12px; background: #f8f8f8; border: none; opacity: .6 }
.sidebar .widget.divCalendar table td { text-align: center; padding: 5px 0; background: #f8f8f8; }
.sidebar .widget.divCalendar table td.pad { opacity: .2 }
.sidebar .widget.divCalendar table caption { margin-bottom: 10px; }
.sidebar .widget.divMisc li { font-size: 0; line-height: inherit; height: auto; display: inline-block; }
.sidebar .widget.divMisc li a { margin: 4px 10px 4px 0; display: block; }
.sidebar .widget.divMisc li a img { height: 31px; }
.sidebar .widget.divCatalog li { width: 50%; height: 38px; line-height: 36px; display: inline-block; padding: 0px 5px 0 20px; margin: 0; background: rgba(227,229,236,.25); }
.sidebar .widget.divCatalog li:before { content: '\e65f'; font-family: "iconfont" !important; padding-right: 3px; top: 1px; left: 5px; font-size: 12px; transform: scale(.6); display: inline-block; position: absolute; opacity: .6; }
.sidebar .widget.divContorPanel span { font-size: 14px; }
.sidebar .widget.divCatalog li.active a { color: #F60F5F; }
.category.umSubr .sidebar { padding-top: 0px }
.category.umSubr .post.list { background: rgba(255, 255, 255, 0.95); margin-top: 20px; }
.category.umSubr .post.list .PostShow li { margin: 1% 0.75% 1.5% 0.75%; }
.umSubr .archive-top { margin: 20px auto; margin: 20px auto; padding: 20px; background: rgba(255, 255, 255, 0.95) }
.umSubr .archive-top .archive-title span, .umSubr .archive-top .archive-title span { margin-bottom: 0px; }
/*热门文章*/
.widget.ummodule2 li { padding-left: 28px; margin: 4px 0; position: relative; }
.widget.ummodule2 li .li-icon { width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; position: absolute; left: 0; top: 7px; background: #f3f4f9; border-radius: 50px; font-size: 13px; color: #50555a; border-top-right-radius: 0; }
.widget.ummodule2 li .icon-1, .widget.ummodule2 li .icon-2, .widget.ummodule2 li .icon-3 { color: #fff; }
.widget.ummodule2 li .icon-1 { background-color: #FF6B57; }
.widget.ummodule2 li .icon-2 { background-color: #2ea7e0; }
.widget.ummodule2 li .icon-3 { background-color: #6bc30d; }
/*最新评论*/
.sidebar .widget.divComments li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 3px; padding-top: 3px; margin: 1px 0 3px 0; height: auto; }
.sidebar .widget.divComments li { line-height: 24px; padding-top: 5px; padding-bottom: 5px; }
.sidebar .widget.divComments li i { font-style: normal; color: #9ca0ad; font-size: 12px; font-family: Roboto-Light; }
.sidebar .widget.divComments li a { position: relative; top: 0px; }
.sidebar .widget.divComments li .avatar { float: left; margin: 6px 8px 0px 0; padding: 0px; width: 44px; height: 44px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-box-shadow: inset 0 -1px 0 #3333sf; box-shadow: inset 0 -1px 0 #3333sf; -webkit-transition: 0.4s; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; overflow: hidden; background: #fafafa url(../image/lay.gif) center center no-repeat; }
.sidebar .widget.divComments li:hover .avatar { -webkit-box-shadow: 0 0 10px #fff; box-shadow: 0 0 10px #fff; -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); transform: rotateZ(360deg); }

/*----------- media -----------*/
@media screen and (max-width:1280px) {
.slide .text { max-width: none; left: 7%; right: 7%; transform: translate(0%, -50%); width: auto; }
.post.news { padding-left: 20px; padding-right: 20px; }
.post.news.n1 { padding-left: 0px; padding-right: 0px; }
.post, .contactBg .post { padding: 80px 0px 80px; }
.PostBox.about .post .postAbout { padding: 90px 0; }
.PostBox.about .post .PostText { padding: 25px 0; }
.PostBox.newsBg .owl-carousel .owl-nav .owl-prev, .PostBox.newsBg .owl-carousel .owl-nav .owl-next { top: 30% }
.PostBox.newsBg .owl-carousel .owl-nav .owl-prev { left: 10px; }
.PostBox.newsBg .owl-carousel .owl-nav .owl-next { right: 10px; }
.PostBox.serviceBg .post .PostShow ul, .PostBox.umTheme .post .PostShow ul { margin: 0; }
}
@media screen and (max-width:1259px) {
.breadcrumb { max-width: 1220px }
}
@media screen and (max-width:1024px) {
.post, .contactBg .post { padding: 60px 0px 60px; }
.post.team .post-text { padding: 50px 0px 0 0; }
.PostBox.about .post .postAbout { padding: 70px 0; }
.PostBox.about .post .PostText { padding: 20px 0; }
.PostSl li .slNumber { font-size: 46px; line-height: 38px }
.PostBox.newsBg .owl-carousel .owl-nav .owl-prev, .PostBox.newsBg .owl-carousel .owl-nav .owl-next { top: 28% }
.cardBg .post { padding-bottom: 0; }
.mobCard { display: block; }
.cardArea { display: none; }
.mobCard.sum4 li:nth-child(n+3) { border-bottom: 1px solid rgba(255,255,255,0) }
}
@media screen and (max-width:960px) {
.header, .header.opaque { padding-top: 60px; }
.navbar { float: left; width: 100% }
.moble { display: block; height: 60px; }
#navBox { display: none; }
nav>ul>li>ul li { font-size: 12px; text-indent: 0px; }
.navShow .header, .navShow .header.opaque { padding-top: 108px; }
.navShow .moble { height: auto; box-shadow: 0 0 10px rgba(22,22,22,0.1); }
.navShow .mLogo { height: 60px; text-align: center; }
.navShow .header { height: auto; }
.navShow .header .logo { position: static; display: inline-block; margin: 10px 0; }
.navShow .moble a.moble-bars { display: none }
.navShow .search-btn { right: 20px; }
.navShow .inner { display: block!important; position: static }
.navShow .inner li { display: inline-block; width: auto; float: none; opacity: .8 }
.navShow .inner li:hover { opacity: 1!important; }
.navShow .inner li a:hover { background: none; color: #000000; }
.navShow .inner li a { border: none; font-weight: normal; padding: 0 10px; }
.navShow .inner li#nvabar-item-index a { border: none; }
.navShow .inner li i { display: none }
.navShow .inner ul> li > ul { display: none }
.navShow .navbar { text-align: center }
.search-pup, .mLogo .logo, a.search-btn, .header .moble-bars, .header.opaque .header-nav.fixed .logo .logoa, .header.opaque .logo .logoa { display: block; }
.header.opaque .logo .logob { display: none }
.search-btn, .sbtn, .searchBox { color: #454545; }
a:hover.search-btn, .sbtn:hover, .searchBox:hover { color: #000000; opacity: 1; }
.moble { padding: 0 20px; }
.post { padding: 60px 0px; }
.post .postTitle { margin-bottom: 25px; }
.post .postTitle h3 { font-size: 1.8em }
.post .postTitle .title1 { font-size: 1.4em }
.post .postTitle h3 i { font-size: 0.4em; left: -24px; top: 10px; }
.post .PostShow li { margin-bottom: 30px; }
.post .PostShow li h4 { margin-bottom: 2px; font-size: 16px; }
.post .PostShow li .post-img { margin-bottom: 12px; }
.post.team { padding: 60px 0; }
.post.case .more { padding: 20px 0 30px; }
.post.list, .post.tags { padding: 10px 10px 30px; }
.post .more { padding: 25px 0 0 0; }
.PostNews { margin-top: 10px; }
.post.news li p { margin-top: 5px; line-height: 22px; height: 66px; overflow: hidden; }
.pageNav { padding: 30px 0 25px; }
.post.case .pageNav { padding-top: 10px; }
.archive-top { padding-top: 30px; }
.archive-top .archive-title span { line-height: 30px; }
.subcate li a { padding: 4px 16px 3px; font-size: 16px; }
.list-search p { padding: 16px; }
.page-search, .list-search p { margin: 10px 0; }
.bnBox.cateBn .text h3 { font-size: 36px; }
.bnBox.cateBn .text p { font-size: 14px; }
.advBg .PostBox ul { padding-top: 15px; }
.advBg .PostBox ul li .liBox .imgBox { width: 80%; }
#owl0 .text h4 { font-size: 38px; }
#owl0 .text p { margin-top: 15px; line-height: 26px; font-size: 16px; max-width: 500px; }
#owl0 .text a span { padding: 8px 25px; font-size: 16px; margin-top: 20px; }
.umBnBg p { width: 80%; }
#owl1.owl-carousel .owl-nav .owl-next, #owl1.owl-carousel .owl-nav .owl-prev, #owl2.owl-carousel .owl-nav .owl-next, #owl2.owl-carousel .owl-nav .owl-prev { top: 40% }
.PostBox.newsBg .owl-carousel .owl-nav .owl-prev, .PostBox.newsBg .owl-carousel .owl-nav .owl-next { top: 30% }
.list-arr { width: calc(100% / 3 - 20px); }
}
 @media screen and (max-width:900px) {
.umSubr .article.umSub { padding-right: 0; float: none; }
.umSubr .sidebar { width: 100%; padding-left: 0px; margin-top: -15px; }
.umSubr .sidebar .widget.umhtml1 ul li { width: 25%; }
}
 @media screen and (max-width:800px) {
.container { padding: 0 12px; }
.bnBox.cateBn .text h3 { font-size: 32px; }
.bnBox.cateBn .text p { font-size: 12px; }
.archive-top .archive-title h1 { font-size: 2.2em }
.videoMain .videoBox.out { position: relative; }
}
 @media screen and (max-width:749px) {
.videoMain { width: 80%; margin: 0 auto; display: block }
.videoMain .videoPlay { padding: 5% }
.videoRight { width: 100%; display: block; clear: both; margin-top: 60px; padding: 0 10px; }
.post.video .postTitle, .post.video .more { text-align: center; }
.post.video .postTitle:after, .post.video .postTitle .title2:after { left: 0; right: 0; }
.videoMain .videoBox { border-radius: 18px; }
.videoMain .videoBox .videoPlay { border-radius: 16px; }
.advBg .PostBox { width: 88%; margin: 0 auto }
.advBg .PostBox ul { padding-top: 10px; }
.advBg .PostBox ul li { width: 50%; margin: 2% 0 }
.advBg .PostBox ul li .liBox .imgBox { width: 45%; }
.advBg .PostBox ul li .liBox p { padding: 0 20%; }
.PostNews { margin-top: 0px; }
.post.news.top { padding-left: 15px; padding-right: 15px }
.post.news li { width: calc(100% / 4 - 10px); margin: 15px 10px 15px 0; }
.post.news .PostNews { margin-right: -10px; }
.post.news .imgText { padding-bottom: 35px; padding-top: 20px; }
.post.news .imgText h4 { padding-bottom: 5px; }
.PostSl li .slNumber { font-size: 40px; line-height: 36px; }
.PostSl li .slTitle, .PostSl li .slNumber em { font-size: 12px; }
.owl-carousel { padding: 0 5px; }
.owl1.owl-carousel { padding: 0 25px; }
.newsBg .owl-carousel { padding: 0 20px; }
#owl0 .text h4 { font-size: 32px; }
#owl0 .text p { margin-top: 15px; line-height: 26px; font-size: 14px; max-width: none; }
#owl0 .text a span { font-size: 14px; }
.post .PostShow .item .post-img:after { padding-top: 80%; }
.post.team .owl-carousel .owl-nav .owl-next { right: 30px; }
.post.team .owl-carousel .owl-nav .owl-prev { left: 30px; }
.umBnBg p { width: 88%; }
.umBnBg p.tit { font-size: 24px; line-height: 32px; }
.ftNav a:after { top: 3px; }
.ftNav a { display: inline; }
.list-arr { width: calc(100% / 2 - 20px); }
.article.umSub { padding-right: 0; }
.sidebar { width: 100%; float: right; margin-left: 0px; }
.sidebar .widget { margin: 0px 0 20px 0; }
}
 @media screen and (max-width:700px) {
.PostBox.about .post .postAbout:after { width: 115%; }
.advBg .PostBox ul { padding-top: 5px; }
}
 @media screen and (max-width:640px) {
.header, .header.opaque { padding-top: 48px; }
.moble { height: 48px; padding: 0 10px; }
.header .moble-bars { margin-top: 9px; }
.search-btn { top: 11px; right: 45px; }
.inner { top: 48px; }
.mLogo { height: 48px }
.mLogo .logo { height: 32px; margin-top: -16px; }
.mLogo .logo img { height: 32px }
.navShow .mLogo { height: 48px; }
.navShow .header, .navShow .header.opaque { padding-top: 96px; }
.umSubr .sidebar .widget.umhtml1 ul li { width: 50%; }
.post { padding-left: 0px; padding-right: 0px; }
.post .PostShow li { width: 47%; margin: 0 1.46% 25px; }
.category.umSubr .post.list .PostShow li { width: 48.5%; }
.post.relates.imgRel .PostShow li { width: 47%; margin: 5px 1.5% 10px;/*  margin:0;*/ }
.relates.imgRel .title { text-indent: 6px; margin-top: 6px; }
.post-img { max-width: 284px; }
.caseBg .post .PostShow li { width: 50%; }
.PostSl li .slNumber { font-size: 30px; line-height: 30px; }
.post .postTitle h3 { margin-bottom: 0 }
.post .postTitle .title1 { line-height: 1.2 }
.breadcrumb { padding: 8px 0; }
.subcate li a { padding: 4px 8px 4px; font-size: 14px; }
.post-nav .post-next a { padding-right: 20px; }
.post-nav .post-prev a { padding-left: 20px; }
.post-nav div a i { font-size: 20px; }
.article-box { padding: 0 16px 16px; margin: 16px 0 16px; }
.relates, .commBox { padding: 16px; }
img.avatar { width: 40px; height: 40px; }
li.msgarticle { padding-left: 15px; }
ul.msg ul.msg li.msgarticle { padding-left: 10px; }
ul.msg ul.msg li.msgarticle { padding-left: 0px; }
.msgbox { padding-left: 51px; }
#frmSumbit ul, #frmSumbit ul li { width: 100% }
.PostBox.about .post .aboutImg { width: 100%; }
.PostBox.about .post .postAbout { width: 100%; }
.PostBox.about .post .PostText { width: 86% }
.bnBox.cateBn .text h3 { font-size: 28px; }
.bnBox.cateBn .text p { font-size: 12px; }
.archive-top .archive-title h1 { font-size: 2.0em }
.videoMain { width: 90%; }
.videoMain .videoPlay { padding: 5% }
.videoRight { margin-top: 40px; }
.videoMain .videoBox { border-radius: 14px; }
.videoMain .videoBox .videoPlay { border-radius: 12px; }
.videoMain .videoBox .camera { width: 6px; height: 6px; }
.advBg .PostBox ul { width: 100%; padding-top: 0px; }
.advBg .PostBox ul li .liBox .imgBox { width: 50%; }
.ftNav { width: 100%; clear: both; padding: 0px; }
#owl0 .text { text-align: center; }
#owl0 .text h4 { font-size: 22px; }
#owl0 .text p { display: none; }
#owl0 .text a span { padding: 6px 20px; font-size: 14px; }
.contactBg .post { min-height: inherit; }
.contactBg .post .contText { padding: 0 10%; }
#ummap { width: 100%; height: 50vh; position: relative; }
.newsBg .owl-carousel { padding: 0 10px; }
.post.team .imgBox { max-width: 145px; }
.post.team .owl-carousel { padding: 0 15%; }
.owl-dots .owl-dot span { width: 4px; margin: 0 3px; }
.post.news.top { padding-left: 20px; padding-right: 20px }
.post.news li { width: calc(100% / 2 - 25px); margin: 15px 25px 15px 0; }
.post.news .PostNews { margin-right: -25px; }
.post.news .imgText { padding-bottom: 40px; padding-top: 25px; }
.post.news .imgText h4 { padding-bottom: 10px; }
.page-tags { padding: 0 8px; }
.list-tags { margin-bottom: 15px; }
.list-box { padding: 15px; }
.list-box .list-name h2 a { font-size: 18px; }
.list-arr { width: calc(100% / 2 - 16px); margin: 8px; }
.mobCard li { width: 50%; }
.mobCard li:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.2); }
.mobCard li:nth-child(2n) { border-right: 1px solid rgba(255,255,255,0); }
.mobCard li:nth-child(4) { border-bottom: 1px solid rgba(255,255,255,.2); }
.mobCard li:nth-child(n+5) { border-bottom: 1px solid rgba(255,255,255,0); }
.umTheme .tabTitle { margin-bottom: 20px; }
}
 @media screen and (max-width:480px) {
.post.news li h4 { margin: 0; font-size: 1em; }
.post.news li p { margin-top: 3px; line-height: 20px; }
.archive-top .archive-title h1 { font-size: 1.8em }
.avatar { margin-right: 10px }
.avatar img { width: 40px; height: 40px; }
.commBody { margin-left: 55px; }
.bx-wrapper .bx-pager { bottom: 10px; }
#backTop { display: none; }
.bnBox.cateBn .text h3 { font-size: 22px; }
.bnBox.cateBn .text p { font-size: 10px; }
.inner li i { right: 15px; }
.advBg .PostBox ul li { width: 50%; margin: 3.5% 0 }
.advBg .PostBox ul li .liBox h3 { padding: 15px 0 5px }
.advBg .PostBox ul li .liBox p { padding: 0 11.5%; line-height: 24px; }
.advBg .PostBox ul li .liBox .imgBox { width: 60%; }
.searchBox, .search-bg { width: 360px; padding: 25px; }
.PostSl li .slNumber { font-size: 22px; line-height: 26px; }
.post.team .owl-carousel { padding: 0 15% }
.post.team .owl-carousel .owl-nav .owl-next { right: 20px; }
.post.team .owl-carousel .owl-nav .owl-prev { left: 20px; }
.umBnBg p { width: 80%; }
.umBnBg p.tit { font-size: 20px; line-height: 26px; }
.umTheme .tabTitle li { margin: 3px; }
.umTheme .tabTitle li h3 a { padding: 0 10px; }
}
 @media screen and (max-width:439px) {
.searchBox, .search-bg { width: 300px; }
.PostSl li .slNumber { font-size: 18px; line-height: 22px; }
.owl-carousel { padding: 0 }
.post.news .owl-carousel .imgText { padding: 20px 20px 35px }
.post.news .owl-carousel .imgText p.time { left: 20px; }
.post.news .owl-carousel .item:hover .imgText i { right: 20px; }
.newsBg .owl-carousel { padding: 0px; }
.post.team .owl-carousel { padding: 0 }
.post.news.top { padding-left: 15px; padding-right: 15px }
.post.news li { width: calc(100% / 2 - 15px); margin: 10px 15px 10px 0; }
.post.news .PostNews { margin-right: -15px; }
.post.news .imgText { padding-bottom: 35px; padding-top: 20px; }
.post.news .imgText h4 { padding-bottom: 5px; }
.page-tags { padding: 0 5px; }
.list-tags { margin-bottom: 10px; }
.list-box { padding: 12px; }
.list-box .list-name h2 a { font-size: 20px; }
.list-arr { width: calc(100% / 1 - 10px); margin: 10px 5px; }
.advBg .owl1.owl-carousel .item .imgBox { max-width: 200px; margin: 0 auto; }
.advBg .owl1.owl-carousel { padding: 0 0px; }
}
 @media screen and (max-width:360px) {
.bnBox.cateBn .text h3 { font-size: 18px; }
.searchBox, .search-bg { width: 280px; padding: 20px; }
.slide .text h4 { font-size: 20px; }
.advBg .owl1.owl-carousel { padding: 0 50px; }
}
 @media screen and (max-width:320px) {
.post-img { max-width: 100%; }
.post .PostShow li { width: 98%; margin: 0 1% 20px; }
}
/*CSS动画样式*/
.anim { visibility: hidden; }
.animated { visibility: visible; }
.PostShow .animated:nth-of-type(1) { animation-delay: 0.1s; }
.PostShow .animated:nth-of-type(2) { animation-delay: 0.15s; }
.PostShow .animated:nth-of-type(3) { animation-delay: 0.2s; }
.PostShow .animated:nth-of-type(4) { animation-delay: 0.25s; }
.PostShow .animated:nth-of-type(5) { animation-delay: 0.3s; }
.PostShow .animated:nth-of-type(6) { animation-delay: 0.35s; }
.PostShow .animated:nth-of-type(7) { animation-delay: 0.4s; }
.PostShow .animated:nth-of-type(8) { animation-delay: 0.45s; }
.PostShow .animated:nth-of-type(9) { animation-delay: 0.5s; }
.PostShow .animated:nth-of-type(10) { animation-delay: 0.55s; }
.PostShow .animated:nth-of-type(11) { animation-delay: 0.6s; }
.PostShow .animated:nth-of-type(12) { animation-delay: 0.65s; }
/*!
 * 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;
}
}
.preloader { display: none !important; }
.owl1.owl-carousel .item img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
/*再给logo元素伪类before添加样式*/
.logo:before { content: ""; position: absolute; top: 0; width: 260px; height: 60px; transform: rotate(-45deg); background: #fff; background: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); background: -ms-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)); animation: logoAni 1s 0s linear infinite; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0; }
.fixed .logo:before { opacity: 1; }
 @keyframes logoAni {  0% {
 left: -150px;
}
 100% {
 left: 250px;
}
}