﻿@charset "utf-8";
/*

*/
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%;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{background: #f0f0f0;color: #666;font-size:14px;line-height:1.42857143;font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif;font-weight: 300; padding-top: 85px;}
body.index.bnOff{ padding-top: 0;}
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:#666;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;}
a:hover,a:focus{color:#27AFAF;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;}
*::selection {background:#27AFAF;color: #ffffff; text-shadow:none}
*::-moz-selection {background:#27AFAF;color: #ffffff;text-shadow:none}
@font-face {
  font-family: 'iconfont';  /* project id 788097 */
  src: url('//at.alicdn.com/t/font_788097_uo5vadfhyb.eot');
  src: url('//at.alicdn.com/t/font_788097_uo5vadfhyb.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_788097_uo5vadfhyb.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_788097_uo5vadfhyb.woff') format('woff'),
  url('//at.alicdn.com/t/font_788097_uo5vadfhyb.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_788097_uo5vadfhyb.svg#iconfont') format('svg');
}
.lazy img{max-width: 100%;height:200px;}
.item1{width:160px;}
.item1 img{width:100px;height:50px;}
.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 20px}
.container.Wauto{ padding:0}
.containe{position:relative;max-width:1260px;margin:0 auto;color:#fff;padding:0 20px;}

/*----------- 头部 -----------*/
.header-nav{position:fixed;width:100%;float:left;background-color:#fff;z-index: 888; top: 0}
.header-nav.fixed{box-shadow:0 0 5px rgba(46,143,237,0);background-color:#fff;}

.logo{ position:absolute;font-size:0px; height:100px; overflow: hidden; display: block; text-indent: -20000em; width: 151px;;background-size: 100% 100%; top:50%; margin-top:-52px;}
.logo a{display: block; color: #444;}

.logo img{ height:100px;}
.mLogo{height:52px; position:relative;}
.mLogo .logo{ display:none}

/*导航栏*/
.navbar{ float:right;    margin-right:200px;}
.navbar li{display: block; float: left; margin:0px ; position: relative; min-width: 100px; text-align: center;}
.navbar a{display: block; line-height:55px; padding:30px 30px; font-size:16px; font-weight:800; color:#000;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.header-nav.fixed .navbar a{ line-height:38px;}
.header-nav.fixed .navbar>li>ul>li>a{ line-height:40px;}
.navbar li.active>a, .navbar li.on>a{color:#000;background:#93be31;}
/*inner*/
.inner{ display:none; position:absolute; z-index:49;width:100%;top:60px; left:0}
.inner li{ width:100%; margin:0;}
.inner li a {display: block;font-size: 20px;font-weight: 400;line-height: 32px;padding: 4px 15px;border-bottom:1px solid #eee; background-color: rgba(255,255,255,.96);}
.inner li a:hover{ background-color:#27AFAF;color:#000;}
.navbar li>ul>li:before{ background-color:transparent; content: ''; transition: all 0.3s;}
.navbar li.active:before, .navbar li.on:before{width: 100%; left: 0;}

#navBox>div>ul>li:hover>ul{top:100%;filter:alpha(opacity=85)!important;opacity:0.85!important;max-height:inherit;}
#navBox>div>ul>li>ul{position:absolute;width:100%;top:100%;right:0;ext-align:center;padding:0px 0; z-index:60;filter:alpha(opacity=0)!important;opacity:0!important;-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease; max-height:0; overflow:hidden}
#navBox>div>ul>li>ul>li a{float:none;display:block;padding:0px 10px 0px;color:#fff; background-color:#F60F5F;font-size:14px; text-align:center; line-height:46px;}
#navBox>div>ul>li>ul>li{width:100%;padding:0;margin:0;font-size:14px;}
#navBox>div>ul>li>ul>.on a{color:#fff!important;background-color:rgba(0,0,0,0.9);}
#navBox>div>ul>li>ul>li.active a{}
#navBox>div>ul>li>ul>li.on>a{color:#fff}

.inner ul>li>ul {display:none;}
.inner ul>li>ul>li a{font-size:14px;color:#666}
.inner ul>li.navOn>ul {display:block;}
.navbar li i { display:none;}
.inner .navbar li{overflow: hidden; position:relative;}
.inner .navbar li i {position: absolute;right: 15px;top: 8px;width: 26px;height: 26px;line-height: 26px;z-index: 3;background:#eaeaea;border-radius:300px;color: #333;cursor: pointer;margin: 0; display:block;-webkit-transition: all .3s ease;-o-transition: all .3s ease;}
.inner .navbar li.navOn i {transform: rotate(180deg);-o-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.header .moble-bars{ padding: 0; margin:15px 0 0;font-size:21px;float:right; color:#aaa; display:none; position: relative; z-index: 99}
.header a:hover.moble-bars{color:#27AFAF}
.fixed {left: 0; opacity: 0.98;position: fixed;right: 0;top: 0; width: 100%;z-index:888;}
/*----------- search-top -----------*/
.searchBox{ display:none}
.search-pup{margin-top:8px;position:relative;}

.search-pup form input:focus{width:180px}
.search-pup form button{position:absolute;right:6px;top:4px;color:#ddd;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:18px;font-weight:300;outline:0;cursor:pointer}
/*----------- breadcrumb -----------*/	
.breadcrumb{max-width: 1220px; margin:0 auto;padding:12px 0;clear: both;overflow: hidden; border-bottom:1px solid #ddd;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;text-shadow:0 1px rgba(255, 255, 255, 1); clear:both;}
.w1200 .article{ width:100%; margin-right:0;}
.PostBox.back1{ background:#f0f0f0}
.PostBox.back2{ background:#fcfcfc}
.PostBox.back3{ position: relative; background-color:#111; background-attachment:fixed; background-size:100%;}
.PostBox.umHbBg{background-color:#f7f7f7}
.article {margin-right: 378px;min-height: 600px;}

.post{ max-width:1260px; margin:0 auto; padding:35px 10px 10px;}
.post.top{ padding-top:20px;}
.post .postTitle{text-align:center;padding-bottom:1.5rem; position:relative; margin-bottom:3.5%;}
.post .postTitle h3{font-size:2em; font-weight:normal;position:relative; text-indent:2px;letter-spacing:0em; display:inline-block; margin-bottom:3px;}
.post .postTitle h3 i{ font-size:0.46em; position:absolute; top:12px; left:-33px; color:#9e9e9e; display:none;}

.post .postTitle span{ clear:both; display:inline-block; width:100%; color:#9e9e9e; font-size:12px;}
.post .postTitle .title1{ font-size:1.3em; text-transform:uppercase; color:#6197c6; font-family:"HELVETICANEUELTPRO-THEX","微软雅黑";filter:alpha(opacity=80);opacity:0.8;}
.post .postTitle:after{background:#fbfbfb;content:"";height:1px;width:160px;position:absolute;left:0;right:0;bottom:0;margin:0 auto}
.post.team .postTitle:after{height:0px;}
.post .postTitle .title2:after{background:#cfcfcf;content:"";height:2px;width:160px;position:absolute;left:0;right:0;bottom:0;margin:0 auto}
.PostBox:nth-child(2) .post .postTitle:after{background:#fff;}
.PostBox:nth-child(2) .post .postTitle .title2:after{background:#ddd;}

.umHbBg .post .postTitle:after{background:#fff}

.post .PostShow{ position:relative;}
.post .PostShow ul{ width:100%; overflow:hidden}
.post .PostShow li,.imgShow{ width:23.5%;float:left; display:inline; margin:0 0.65% 3% 0.85%;text-overflow: ellipsis;white-space: nowrap;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}
.post .PostShow .loading{ min-height:109px;}
.post.case .PostShow .loading{ min-height:212px;}
.post .PostShow .loading .pic{ font-size: 0; display: block}
.msk {background:#27AFAF; box-shadow: 0 0 12px rgba(0, 0, 0, 0); position: absolute; left: 6px; right:6px; top:6px;bottom:6px;  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}
.post li a:hover .msk,.imgShow a:hover .msk{background:#fff; box-shadow:#000 0 0 8px; opacity:0.5}

.post .PostShow li h4,.imgShow h4{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; clear:both; margin:0; font-size:18px; font-weight:100}
.post .PostShow li i,.imgShow i{color: #a4a4a4; height:16px;overflow: hidden; display: block;font-family: Arial;font-size: 12px;font-style: normal;text-align: center;text-transform: uppercase;}
.post .PostShow li .post-img,.imgShow .post-img{ width:100%; margin-bottom:18px; 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.case.tags .PostShow li .post-img{ max-height:290px;}

.post-img{ float: left; height: auto; margin-left: 0; margin-right: 2.8169%; max-width:290px; position: relative;width:25%;}

.post.team,.post.umHb{ width:100%; max-width:none; padding:45px 0;text-shadow:none;}
.post.team .postTitle{ padding-bottom:1.8rem; color:#fff; margin-bottom:2.5%}
.post.team .postTitle h3 i{ color:#585858}
.post.team .postTitle .title1{ color:#766961}
.post.team .postTitle .title2{ color:#606060}
.post.team .postTitle:after{ background:none;}
.post.team .postTitle .title2:after{background: rgba(255, 255, 255, 0.15);width:60px; height:4px;}
.post.team .post-img{ max-width:200px;max-height:200px;overflow:hidden;margin:0 3.5% 0 6.5%;border-radius:1000px;}
.post.team .post-img img{max-width: 100%;
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;
vertical-align:bottom;
overflow:hidden;border-radius:1000px;}
.post.team .post-img img:hover{
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0);}
.post.team .post-img:hover img{transform:none;}
.post.team .loading {background:rgba(0, 0, 0, 0.3) url(images/lay.gif) center center no-repeat; min-height:auto}
.post.team .LiBox{ max-width:1260px; margin:0 auto;}
.post.team .LiBox a{ display:inline-block; color:#666; width:100%; padding:0 6%;}
.post.team .LiBox a:hover{ color:#888}
.post.team .LiBox .bx-pager{ text-align:center;}
.post.team .post-text{ width:65%; float:left;padding:56px 0px 0 0; line-height:24px; font-size:14px;-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;word-wrap:break-word}
.post.team .post-text span{ font-size:1.3em; margin-bottom:15px; display:block;}
.post.team .bx-controls{ max-width:1260px; position:relative; margin:0 auto;}
.post.team .bx-controls-direction{margin-top:-100px; position:absolute; width:100%;-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;}


/*news*/
.post.news li{ width:49.5%;float:left; display:inline; margin:0 0 12px;-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;background: rgba(255, 255, 255, 0.4); padding:10px; border:1px solid #fff; line-height:22px;}
.post.news li:hover{background: rgba(255, 255, 255, 0.85);}
.post.news li:nth-child(odd){float:left;}
.post.news li:nth-child(even){float:right;}

.post.news li h4{ margin:7px 0 2px; font-size:1.2em; font-weight:100;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.post.news li span{ font-size:12px; color:#999; margin-right:3px;}
.post.news li p{ font-size:14px; margin-top:10px; color:#888}
.post.news .post-img{ max-width:130px; max-height:130px;width:130px; overflow:hidden;}
.post.news .post-img .pic{  display: block; font-size: 0;}
.post.news .post-img img{ width: 130px; height: 130px; object-fit: cover; }
.post.news.tags li{ width:100%;}

.post li a i.fa,.imgShow a i.fa{height: auto;overflow: visible;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;}
.post li a:hover i.fa,.imgShow a:hover i.fa{font-size:45px;filter:alpha(opacity=100);opacity:1;}
.post.news li a:hover i.fa{ font-size:30px;}
.post.case .more{ padding:0 0 35px 0;}
.post .more{padding:35px 0;text-align:center; clear:both;}
.post .more a{ padding:8px 30px; display:inline-block; background:#27AFAF; color:#fff;text-shadow:none; font-size:14px;filter:alpha(opacity=60);opacity:0.6;}
.post .more a:hover{opacity:1;background:#475A87;}


/*moble*/
.moble{max-width:1260px; margin:0 auto; height:0px; background:#222; width:100%; padding:0 10px; display: none}
.moble a.moble-bars,.moble a.search-btn{-webkit-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}


.archive-top{max-width:1260px; margin:0 auto;padding:15px 20px 20px;overflow:hidden;position:relative; min-height:63px; text-align:center;}
.archive-top .archive-title h1,.archive-top .archive-title h2{display: block;font-size:2.5em;font-weight: normal;margin-bottom: 0;width:100%; margin-top:25px;}
.archive-top .archive-title span{text-transform:uppercase; color:#27AFAF; font-size:1.8em;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 20px 10px;}
.archive-top.tag h1{ display:block; font-size:20px; font-weight:400; margin-bottom:5px;}

/*subcate*/
.subcate{ max-width:1260px; margin:0 auto;text-align:center;}
.subcate li{ display: inline-block; margin:5px; padding: 8px 4px;background-image:url(images/line.gif);border-radius:30px;}
.subcate li a{padding:4px 15px 4px; font-size:16px; background:#f0f0f0; text-shadow:none;border-radius:30px;}
.subcate li a:hover,.subcate li.active a{background:#27AFAF; color:#fff;filter:alpha(opacity=60);opacity:0.6;}


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

.b-lazy.b-loaded {vertical-align: middle;filter:alpha(opacity=100);opacity: 1;}
/*----------- pageNav -----------*/
.pageNav{text-align:center;padding:35px 0px;display:block; clear:both;}
.pageNav a{text-align:center;line-height:38px;display:inline-block;color:#fff;background:#27AFAF;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.pageNav a i{width:38px;height:38px;line-height:38px; vertical-align: 0px;}
.pageNav a:hover{background:#666;color:#fff;text-decoration:none;}
.pageNav .number{background:#27AFAF;color:#fff;margin:0 3px;display:inline-block;line-height:38px;padding:0 15px;text-shadow:none;filter:alpha(opacity=60);opacity:0.6; vertical-align: 0px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.post.case .pageNav{padding-top:0;}


/*social*/
.social ul{text-align:center;margin:20px auto}
.social a.socialLink{background:rgba(255,255,255,.08);border-radius:1000px;-moz-border-radius:1000px;-webkit-border-radius:1000px;color:rgba(255,255,255,.7);font-size:18px;display:inline-block;width:46px;height:46px;line-height:46px;text-align:center; margin:0 4px;}


.social a:hover{background:rgba(255,255,255,.2)}
.social a.socialLink:hover{color:rgba(255,255,255,1)}
.pup.weixin{display:none;position:fixed;top:50%; left:50%; transform:translate(-50%,-50%);width:auto;height:auto;padding:5px;background:#fff;z-index:999; line-height:0; border-radius:5px;text-align: center;}
.pup.weixin p{ padding:5px 0 15px}
.pup.weixin img{max-width:200px;}



.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;}
.divArchives li a,.divAuthors li a,.divBrchives li a,.divCatalog li a,.divFavorites li a,.divLinkage li a,.divMisc li a,.divNavBar li a,.divStatistics li{color:#555;font-size:14px;margin-right:24px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.divArchives li:hover a,.divBrchives li:hover a,.divAuthors li:hover a,.divCatalog li:hover a,.divFavorites li:hover a,.divLinkage li:hover a,.divNavBar li:hover a,.divStatistics li:hover{padding-left:15px;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}
.divBrchives li:hover a{ color:#27AFAF}
.divBrchives li a i.fa,.tbox .fa{transform: translate(0px, -1px);}
.widget-tie h3{margin-bottom:15px}
.divTags li{float:left;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;}

/*----------- article-box panel -----------*/
.article-box{padding:0 20px 20px; margin:25px 0 16px;background: rgba(255, 255, 255, 0.65);border:0px solid #eee;} 
.article-top{padding: 20px 0 15px; border-bottom: 1px solid #eee;}
.article-top h2{font-size: 14px; color: #999;font-weight: normal;margin-top: 8px;}
.article-tit{margin-top: 5px; margin-bottom: 0px; font-size: 22px; font-weight:400;}
.article-mt{ margin-top: 10px;}
.article-mt span{font-size: 12px; color: #999;display: inline-block;margin-right:10px;}
.article-mt span a{font-size: 12px; color: #999;display: inline-block;}
.article-mt span .fa{width: 13px; display: inline-block; margin-right: 4px; font-size: 13px;}
.article-main{font-size:15px;line-height:25px; padding: 18px 0;word-wrap:break-word;}
.article-main img{margin: 5px 0;max-width:100%;height:auto;  display:inline-block}
.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:16px;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: #27AFAF;}
.article-main a:hover{color: #27AFAF;}
.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 { margin:10px 0 20px;}
.tag-box .tag-a a {padding:4px 8px 2px 8px;border: 1px solid #e4e4e4; margin-right: 6px; background:#f9f9f9;}
/*----------- 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{display:none;color:#999;}
.post-nav div a{ display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.post-nav div a i{ color:#ccc;font-size:50px;position:absolute;top:-14px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.post-nav div a:hover i{ color:#27AFAF;}
.post-prev a{ padding:5px 0 5px 38px;}
.post-next a{ padding:5px 38px 5px 0;}
.post-prev a i{left:0;}
.post-next a i{right:0;}

/*----------- Author Widget -----------*/
#writer {margin:20px 0;border: 0px solid #eee;background:rgba(255, 255, 255, 0.65);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.65) ;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 #27AFAF;background:#EEE}
#userMenu li.current-menu-item a{margin-left:-5px;color:#27AFAF}
#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.65); 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:#27AFAF;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.65);padding:20px; color:#888;border:1px solid #fff;}
.list-search p:hover{background-color:rgba(255, 255, 255, 0.95);}
.list-search p a:first-child{font-size: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:#27AFAF}
.list-search p strong{color:#27AFAF; font-weight:100}
/*----------- gotop -----------*/
#backTop{position:fixed;right:0px;bottom:35%;z-index:1000}
#backTop span{cursor:pointer;background:rgba(0,0,0,0.2);width:50px;height:50px;color:#fff;display:block;position:relative;margin:0px 0; right: 0;-webkit-transition: all .2s ease;
-o-transition:all .2s ease;
transition: all .2s ease;}
#backTop span.ft-qq{ background: #1ea6e9;}
#backTop span.ft-wx{ background: #46be8a;}
#backTop span.ft-wb,#backTop span.ft-tel{ background: #DA0023;}
#backTop span small,#backTop span.ft-tel small{ width: 200px; height: 150px; display: block; position: absolute; right: 80px; top: 0;box-shadow: 0 0 9pt rgba(0,0,0,.1); visibility: hidden; opacity: 0; background: #fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#backTop span.ft-tel small{width: 200px; height: 50px;line-height:50px; padding:0 10px;color:#333;font-size:22px;}
#backTop span:hover.ft-wx small,#backTop span:hover.ft-tel small{ visibility: visible; opacity: 1;right: 65px;}
#backTop span i{text-align:center;color:#fff;width:50px;height:50px;font-style:inherit;line-height:50px;position:relative;font-size: 22px;}
#backTop span.ft-qq i{ font-size: 22px;}
#backTop a{color:#fff;display:block;cursor:pointer}

#backTop span small b{width: 25px;height: 35px;position: absolute;top: 12px;right: -22px; z-index: 999; font-size: 26px;}
#backTop span.ft-tel small b{color:#fff;}
/*browse*/	
#browse{padding:10px 0;border-bottom:1px solid #ddd;background:#27AFAF;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 -----------*/	
.adBox{background-color: #fff;border:none;padding:20px;margin-bottom:16px;overflow: hidden;}
.adBox.animation{ margin-top: 16px;}
.adBox img{ display:block}
/*----------- footer -----------*/	
.footer{margin-top:0px;padding:0px 0 0;width:100%;background:#000;color:rgba(255,255,255,0.68);clear:both; position:relative; font-size:12px; line-height:22px; float: left;}
.footer a{color:rgba(255,255,255,0.68);font-size:12px;}
.footer-text{padding:10px 0; margin:0 auto;color:rgba(255,255,255,0.68);position:relative;overflow:hidden; border-top: 0px solid rgba(255,255,255,0.1); background: #111;}
.footer-text p{text-align:center}
.link{max-width:1160px;margin:20px auto 20px auto;text-align:center;}
.link span{font-size:12px}
.link ul{ display:inline}
.link li{display:inline;padding:0 6px; }

.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:absolute;right:50px;top:16px;color:#666;background:0 0;border:none;padding:0;margin:0;line-height:normal;font-size:19px;font-weight:300;outline:0;cursor:pointer; transition:none;}
a.search-btn{ display:none;}
.search-bg,.searchBox{position:fixed; left:50%; top:45%; z-index:890; height:auto; margin:-28px 0 0 -113px; display:none;}
.sbtn{ position:inherit; float:right; font-size:21px; background:#000; width:45px; height:45px; line-height:44px; border-radius:1000px; text-align:center; margin-top:20px; margin-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;filter:alpha(opacity=65)!important;opacity:0.65!important;}
.sbtn:hover{filter:alpha(opacity=100)!important;opacity:1!important;}
.header-nav.fixed .sbtn{margin-top:11px;}
.searchBox{ left:50%;margin:-28px 0 0 -100px; width:200px; z-index:900;}
.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:889; 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 #efefef;font-size:14px;padding:6px 30px 6px 10px;background:#fff;height:35px;outline:0}
.searchBox .search-pup form input{ max-width:200px;}

/*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%}

/*分享*/
.bdshare{ clear: both; padding-top: 20px;}
.bd_weixin_popup{ height: 300px!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";}

.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: 40px;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:#555C78;font-size:24px;position: relative; display:inline-block;}
.online a .iconfont{ font-size: 24px;}
.online a:after {content: "";position: absolute; right: 0;height: 100%;width: 1px;background: rgba(255,255,255,.3);}
.online a.last:after,.online a.gottop:after{ display: none;}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.0
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 10px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 22px);width:44px;height:44px; line-height:46px;}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:100px;border-radius:100px; opacity:0.68;background-color:rgba(255,255,255,.35);color:#fff;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:hover{background-color:#E94C3D; opacity:1;}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 
#baguetteBox-slider{ height:auto; top:5%; bottom:5%;}
.baguetteBox-button i{font-size:28px;webkit-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}
.baguetteBox-button#close-button{font-size:30px;top:0; right:0; background:rgba(255,255,255,0.4); border-radius:0;border-bottom-left-radius:100px; padding:30px;}
.baguetteBox-button#close-button i{ position:absolute; top:8px; right:8px;}
.baguetteBox-button#close-button:hover{background:#E94C3D;}
.baguetteBox-button#close-button:hover i{ color:#fff}

.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(owl.video.play.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 .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{ position:absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 40px; height: 50px; line-height: 64px; background: rgba(0,0,0,0);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; color: #fff; opacity: .3;}
.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover{ opacity: 1; background: #27AFAF}
.owl-carousel .owl-nav .owl-prev{ left: 0; text-indent: -3px;}
.owl-carousel .owl-nav .owl-next{ right: 0;text-indent: 2px;}
.owl-carousel .owl-nav .fa{ font-size: 46px; color: #fff;}

.owl-carousel .owl-dots{ position: absolute; left: 0; right: 0; bottom: 20px; z-index: 2; text-align: center;}
.owl-carousel .owl-dots .owl-dot{ width:5px; height: 5px; background: #fff; display: inline-block; opacity: .6;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; border-radius: 20px; margin: 0 3px;}
.owl-carousel .owl-dots .owl-dot.active{ width: 12px;opacity:1;}

.owl-carousel.teamOwl{ padding-bottom:30px;}
.owl-carousel.teamOwl .owl-dots,.owl-carousel.umHbOwl .owl-dots{ bottom: 0px;}
.owl-carousel.teamOwl .owl-nav .owl-prev,.owl-carousel.teamOwl .owl-nav .owl-next,.owl-carousel.umHbOwl .owl-nav .owl-prev,.owl-carousel.umHbOwl .owl-nav .owl-next{ top:calc(50% - 18px)}

.umHbOwl.owl-carousel{ padding:0 60px 30px;}
.umHbOwl.owl-carousel .owl-item .item img{ background: #fff; font-size: 0; display: block;}
.umHbOwl.owl-carousel .item a{ color: #fff;}
.umHbOwl.owl-carousel .item p{ color: #fff; opacity: .8; text-align: center; padding: 10px 0; line-height: 22px;}
.umHbBg .post.umHb{ max-width: 1340px; margin: 0 auto}

/*----------- media -----------*/
@media screen and (max-width:1024px){
.navbar a{ padding:15px 16px;}
.post.team .post-text{padding:50px 0px 0 0;}
}
@media screen and (max-width:960px){
body{padding-top: 0px;}
.navbar{ float:left; width:100%}
.moble{ display:block; height:60px;}	
#navBox{ display:none;}
.logo { margin-top: -17px;} 
.logo img{ height: 42px} 
nav>ul>li>ul li{font-size: 12px;text-indent:0px;}
.inner li a{ color:#666;}
.inner ul>li>ul>li a{font-size:14px;color:#888}

.search-pup,.mLogo .logo,a.search-btn,.header .moble-bars{ display:block;}
.post{padding:25px 10px 15px;}
.post .postTitle{ margin-bottom:30px;}
.post .postTitle h3{ font-size:2.4em}
.post .postTitle .title1{ font-size:1.8em}
.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:40px 0 45px;}
.post.team .post-img{ max-width:180px; max-height:180px; margin-top:20px;}
.post.team .post-text span{ margin-bottom:15px}
.post.team .post-text{padding:45px 40px 0 0; width:64%} 
.post.team .bx-controls-direction{margin-top:-85px;}
.post.news li p{margin-top:5px; line-height:22px; height: 66px; overflow: hidden;}	
.post.case .more{ padding:20px 0 30px;}
.post .more{ padding:30px 0;}
.pageNav{ padding:30px 0 25px;}
.post.case .pageNav{ padding-top:10px;}
.archive-top .archive-title span{line-height:30px;}
.subcate li{ padding:5px;}
.subcate li a{padding:4px 16px 3px; font-size:16px;}
.list-search p{ padding:16px;}
.page-search, .list-search p{ margin:10px 0;}
}

@media screen and (max-width:800px){
.post.team .post-text{padding:30px 40px 0 0; width:60%} 
.container{ padding:0 10px;}
.baguetteBox-button i{font-size:22px;}
.baguetteBox-button#close-button{font-size:28px;padding:26px;}
.baguetteBox-button#close-button i{top:8px; right:8px;}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:calc(50% - 20px);width:40px;height:40px; line-height:40px;}
.owl-carousel.umHbOwl{ padding: 10px 20px 30px; }
}

@media screen and (max-width:700px){
.post.team .post-text{padding:19px 40px 0 0;} 
}

@media screen and (max-width:640px){
.moble{ height:48px;}
.header .moble-bars{ margin-top:9px;}
.search-btn{ top:10px; right:45px;}
.inner{ top:48px;}
.mLogo{ height: 48px}
.logo{ margin-top:-18px; height: 36px}
.logo img{ height: 36px} 
	
	
.post{padding-top:30px;}
.post .PostShow li{ width:47%; margin: 0 1.46% 25px;}
.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;}
.post.team .post-text span{ margin-bottom:12px; font-size:1em}
.post.team .LiBox a{text-align:center;}
.post.team .post-img{ max-width:200px; max-height:200px; margin:20px auto;float:none; width:auto}
.post.team .post-text{ width:100%; padding:20px 20px 10px 20px}
.bx-controls-direction{ display:none;}
.post.team .post-text p{ font-size:12px;}
.post.news li{ width:100%;margin:0 0 10px;}
.post.news li:nth-child(even){float:left;}
.post.news li h4{font-size:1em;}
.post.news li p{ font-size:12px;}
.post .postTitle h3{ margin-bottom:0}
.post .postTitle .title1{ line-height:1.2}
.breadcrumb{ padding:8px 0;}
.subcate li{ padding:5px;}
.subcate li a{padding:4px 10px 3px; font-size:14px;}
.post-nav div a i{font-size:45px; top:-9px;}
.article-box{ padding:0 16px 16px}
.relates,.commBox{ padding:16px;}
.search-pup form button{ top:7px;}
	
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%}	
.footer-text{ padding: 10px 15px;}

.baguetteBox-button i{font-size:20px;}
.baguetteBox-button#close-button{font-size:26px;padding:24px;}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:calc(50% - 16px);width:32px;height:32px; line-height:30px;}

}

@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;}
.post.news .post-img{ max-width:120px; max-height:120px;  }
.post.news .post-img img{ width: 120px; height: 120px;}
.post .PostShow .loading{ min-height:90px;}
.avatar{margin-right:10px}
.avatar img{width:40px;height:40px;}
.commBody{margin-left:55px;}	
	#backTop{ display: none;}
}

@media screen and (max-width:320px){
.post .PostShow li{ width:98%;margin: 0 1% 20px;}
.post .PostShow .loading{ min-height:60px;}
}
