body{color:#555;font-family:Microsoft Yahei}
dd,dl,dt,ul{margin:0;padding:0}
ul{list-style:none}
table{font-size:12px}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:10px;vertical-align:middle;border-top-color:#eee}
a{color:#666}
a:hover{color:#008b8b;text-decoration:none}
a:focus{outline:0}
img{max-width:100%}
body{background-color:#f6f6f6}
.container,body{position:relative}
.container{margin:0 auto;padding:0;max-width:1200px}
.header{position:relative;top:0;right:0;left:0;z-index:9;margin-bottom:15px;padding:55px 0 20px;border-color:rgba(0,0,0,.08);border-bottom:1px solid #eaeaea;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.03)}
.category-job .header,.page-template-pagesnavs-php .header,.page-template-pagesthemes-php .header,.page-template-pagestools-php .header{margin-bottom:0;border-bottom:none;box-shadow:none}
.logo{float:left;margin:0}
.logo,.logo a{overflow:hidden}
.logo a{display:block;height:32px;font-size:0}
.logo img{display:block;margin-bottom:32px;max-height:32px;vertical-align:top}
@media (max-width: 1024px){.brand {display: none;}} 
.brand{position:relative;top:1px;float:left;overflow:hidden;margin-left:10px;padding-left:10px;height:30px;border-left:2px solid #eaeaea;color:#bbb;font-size:14px;line-height:15px}
.site-navbar{float:right;margin-top:7px;margin-right:-15px;font-size:18px}
.site-navbar li{position:relative;float:left}
.site-navbar a{display:block;padding:0 15px;color:#666}
.site-navbar a:hover,.site-navbar li.active a:hover,.site-navbar li:hover>a{color:#008b8b}
.site-navbar .fa{width:18px}
.site-navbar .fa-angle-down{width:11px}
.topbar .fa{width:14px}
.topbar .fa-angle-down{width:9px}
.topbar{position:absolute;top:-39px;right:0;left:0;margin-right:-15px;margin-bottom:20px}
.topbar,.topbar a{color:#999}
.topbar a:hover{color:#008b8b}
.topmenu{float:right}
.topmenu li{position:relative;float:left}
.topmenu li:hover{z-index:2}
.topmenu a{display:block;padding:0 15px;color:#999}
.topmenu .red{display:inline-block;color:#ff5e52}
.topmenu .red:hover{color:#ff5e52;text-decoration:underline}
.site-nav .sub-menu{position:absolute;top:100%;left:0;display:none;padding:6px 0;width:132px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);font-weight:700;font-size:12px;line-height:32px}
.site-nav ul .sub-menu{top:-7px;left:100%;border-radius:0}
.site-nav .sub-menu li{float:none}
.site-nav .sub-menu a:hover{background-color:#f6f6f6}
.site-nav li:hover>.sub-menu{display:block}
.site-nav li:hover .fa-angle-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.site-nav li.current-menu-item>a,.site-nav li.current-menu-parent>a{color:#008b8b}
.sign-info{clear:both;margin-top:10px;font-size:12px}
.site-search{position:absolute;top:0;right:0;left:0;z-index:8;height:100px;background-color:#fff;background-color:hsla(0,0%,100%,.95)}
.search-on .site-search{top:108px}
.site-search-form{overflow:hidden;padding:25px 20%}
.search-input{float:left;padding:4px 12px;width:85%;height:50px;outline:0;border:1px solid #ddd;border-right:none;border-radius:2px 0 0 2px;color:#999;font-size:16px}
.search-input:focus{border-color:#008b8b}
.search-btn{padding:0 12px;width:15%;height:50px;border:none;border-radius:0 2px 2px 0;background:#008b8b;color:#fff;font-size:16px}
.search-btn:focus,.search-btn:hover{color:#fff;opacity:.85}
.search-btn .fa{width:16px;font-size:16px}
.site-search-form a{margin-left:20px;color:#999}
.site-search-form a:hover{color:#008b8b}
.search .site-search{position:relative;margin:-15px 0 15px;border-bottom:1px solid #eaeaea}
.rollbar{position:fixed;right:20px;bottom:20px;z-index:999;display:none}
.rollbar ul{margin:0;padding:0;width:50px;list-style:none}
.rollbar li{position:relative;margin-top:5px;text-align:center;opacity:.4}
.rollbar a{position:relative;z-index:2;display:block;height:50px;border-radius:2px;background-color:#666;color:#fff}
.rollbar a:hover{color:#fff}
.rollbar .fa{font-size:34px;line-height:50px}
.rollbar .fa-comments{font-size:24px}
.rollbar li:hover,.rollbar li:hover h6{opacity:.9}
.rollbar li:hover h6{right:100%}
.rollbar h6{position:absolute;top:50%;right:-15%;z-index:1;margin:-13px 10px 0 0;width:53px;border-radius:2px;background-color:#666;color:#fff;text-align:center;font-size:12px;line-height:26px;opacity:0}
.rollbar h6 i{position:absolute;top:50%;right:-4px;display:inline-block;margin-top:-4px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #666;vertical-align:middle}
.sign{z-index:999;visibility:hidden;overflow:auto;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-perspective:500px;-moz-perspective:500px;-ms-perspective:500px;-o-perspective:500px;perspective:500px;-ms-transition:all .3s}
.sign,.sign-mask{position:fixed;top:0;left:0;width:100%;height:100%}
.sign-mask{background-color:#313b43;opacity:.9}
.sign .container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;margin:auto;width:400px;height:360px;background-color:#e7ebef;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:rotateX(-20deg) translateZ(200px) translateY(20%);-moz-transform:rotateX(-20deg) translateZ(200px) translateY(20%);-o-transform:rotateX(-20deg) translateZ(200px) translateY(20%);transform:rotateX(-20deg) translateZ(200px) translateY(20%);-ms-transition:all .3s;-ms-transform:rotateX(-20deg) translateZ(200px) translateY(20%)}
.sign .close-link{position:absolute;top:0;left:100%;display:block;padding:22px 0;width:70px;background-color:#008b8b;color:#fff;text-align:center;font-size:18px;opacity:.85}
.sign .close-link:hover{color:#fff;opacity:1}
.sign form{padding:0 50px}
.sign h3{margin:0 -50px 20px;padding:25px 50px;background-color:#fff;color:#008b8b;font-size:18px}
.sign h3 small{float:right;margin-top:4px;color:#bbb;font-size:14px;cursor:pointer}
.sign h6{margin-bottom:15px}
.sign .sign-submit .btn{float:right}
.sign .sign-submit label{margin-top:8px;font-weight:400;font-size:12px}
.sign .sign-submit label input{position:relative;top:2px;margin-right:4px}
.sign-tips{position:absolute;right:0;bottom:0;left:0;overflow:hidden;padding:0 50px;height:0;background-color:#fd6e6e;color:#fff;font-size:12px;line-height:29px}
.sign-show .sign{visibility:visible;opacity:1}
.sign-show .sign .container{-webkit-transform:rotateX(0) translateZ(0) translateY(0);-moz-transform:rotateX(0) translateZ(0) translateY(0);-o-transform:rotateX(0) translateZ(0) translateY(0);transform:rotateX(0) translateZ(0) translateY(0);-ms-transform:rotateX(0) translateZ(0) translateY(0)}
body.sign-show{overflow:hidden;width:100%;height:100%}
.footer{position:relative;z-index:9;clear:both;padding:40px 30px;border-top:1px solid #eaeaea;background-color:#fff;text-align:center;font-size:12px;line-height:12px}
.footer,.footer a{color:#999}
.footer a:hover{color:#666}
.pageheader{overflow:hidden;margin-bottom:15px;padding:25px 20px;background-color:#008b8b;color:#fff}
.pageheader h1{margin:0;font-size:30px}
.pageheader h1 small{position:relative;top:-4px;margin-left:10px;color:#fff;font-size:12px}
.pageheader .note{margin-top:5px}
.pageheader p{margin-bottom:0}
.nav-fixed .header .topbar{display:none}
.nav-fixed .header{position:fixed;top:0;right:0;left:0;z-index:999;padding:15px 0}
.nav-fixed .site-navbar{margin-top:5px}
.m-icon-nav,.m-mask,.m-navbar{display:none}
.btn,.header,.m-icon-nav,.rollbar h6,.rollbar li,.search-btn,.site-nav .fa-angle-down,.site-navbar,.site-search,.widget-navcontent .item,a{-webkit-transition:all .25s;-moz-transition:all .25s;-o-transition:all .25s;transition:all .25s;-ms-transition:all .25s}
@media (max-width:1320px){.menusns .sub-menu{right:0;left:auto}
}
@media (max-width:1240px){.container{margin:0 15px}
.pageheader{padding:15px 0}
}
@media (max-width:860px){.topmenu{display:none}
.pageheader h1{font-size:22px}
.pageheader .share{display:none}
.container-page{padding-left:155px}
.pageside{width:140px}
.pagemenu li a{padding:10px 5px 10px 15px}
.tag-clouds a{width:24%}
.archives h3{float:none}
.archives-list{margin-left:0}
.plinks ul li{width:33.3333333%}
}
@media (max-width:720px){body{padding-top:77px}
.header{position:fixed;top:0;right:0;left:0;z-index:9999;padding:15px 0;height:62px;text-align:center}
.header .container{margin:0}
.logo{float:none;max-width:100%}
.logo,.logo a{text-align:center}
.logo a{max-width:180px}
.logo a,.logo img{margin:0 auto}
.site-navbar>li[id],.topbar,.topbar-user{display:none}
.m-navbar{position:fixed;top:0;bottom:0;left:-70%;z-index:99999;display:block;overflow-y:auto;margin:0;padding:0;width:70%;height:100%;background-color:#293038;text-align:left;font-size:16px;line-height:32px;-webkit-transition:left .3s;-moz-transition:left .3s;-o-transition:left .3s;transition:left .3s;-ms-transition:left .3s}
.m-navbar li{float:none;margin-left:0}
.m-navbar .sub-menu{position:relative;top:0;margin:0 0 0 25px;padding:0;width:auto;border:none;border-radius:0;background-color:transparent;box-shadow:none;font-weight:400;font-size:14px}
.m-navbar .fa{display:inline-block;width:18px;text-align:center}
.m-navbar li a{display:block;margin:0 20px;padding:10px;border-bottom:1px solid #303c4a;color:#eee}
.m-navbar li a:hover,.m-navbar li.current-menu-item>a,.m-navbar li.current-menu-parent>a,.m-navbar li:hover>a{color:#fff}
.m-navbar .navto-search{display:none}
.m-icon-nav{position:absolute;top:-15px;left:0;display:block;padding:21px 30px 21px 15px;color:#999;font-size:19px}
.m-nav-show{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.m-nav-show .m-navbar{left:0}
.m-nav-show .m-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99998;display:block;overflow:hidden;background-color:rgba(0,0,0,.5)}
.m-nav-show .m-icon-nav{color:#008b8b}
.site-search{top:-100px}
.search .site-search{top:0}
.site-navbar li.navto-search{position:absolute;top:-15px;right:0;border-bottom:none}
.site-navbar li.navto-search a{margin:0;padding:15px 15px 15px 30px;border-bottom:none;color:#999}
.site-nav .navto-search .fa{display:block;font-size:19px}
.search-on .site-search{top:62px}
.page-template-pagesnavs-php .pageheader,.pageheader{margin-top:-15px}
.tag-clouds a{width:32.3333333%}
.readers a.item-top{float:none;display:block;margin:0 0 15px;width:auto}
.flinks{display:none}
}
@media (max-width:640px){body{padding-top:67px}
.header{padding:15px 0;height:56px}
.logo a{height:24px}
.logo img{height:100%}
.m-icon-nav{top:-10px;padding:14px 30px 13px 15px}
.site-navbar li.navto-search a{padding:18px 15px 13px 30px}
.search-on .site-search{top:46px}
.footer{padding:30px 0 20px}
.footer nav{display:none}
.footer{padding:15px 10px}
.footer .container{line-height:16px}
.archives-list span{display:none}
.archives h3{font-weight:700;font-size:16px}
}
@media (max-width:480px){.container{margin:0 10px}
.single section.container{margin:0}
.single .content{padding:0 15px;border:none;border-radius:0}
.single{padding-top:54px}
.article-header{margin-bottom:10px}
.carousel-indicators{bottom:2px}
.carousel-indicators li,.carousel-indicators li.active{margin:0 1px;width:7px;height:7px}
.cat-first{padding:10px 10px 10px 170px}
.cat-first .thumbnail{margin-left:-160px;width:150px}
.cat-first .meta .pc,.cat-first .note{display:none}
.cat-first h2,.excerpt-minic h2{font-size:16px;line-height:20px}
.cat-posts li{width:50%}
.cat-posts li a{padding:10px}
.cat-posts li:first-child{border-radius:0}
.cat-posts li:first-child,.cat-posts li:nth-child(2){border-bottom:none}
.cat-posts li:nth-child(3){border-left:1px solid #eaeaea;border-radius:0 0 0 4px}
.tag-clouds a{width:49%}
.plinks ul li{width:50%}
.page-template-pagesresetpassword-php section.container{margin:0}
.page-template-pagesresetpassword-php .content{padding:0 15px;border:none;border-radius:0}
.page-template-pagesresetpassword-php{padding-top:44px}
.page .content.resetpass{padding:15px}
.nav_fixed.page .content.resetpass{padding:40px 15px 15px}
.resetpasssteps{margin:-14px -15px 15px}
.resetpasssteps li{font-size:12px;line-height:28px}
.resetpass form{width:100%}
.resetpass h3{font-size:16px}
.sign .container{width:80%}
.sign .close-link{right:0;left:auto}
.sign form{padding:0 20px}
.sign h3{margin:0 -20px 20px;padding:25px 20px}
.sign h3 small{margin-right:80px}
.pagination ul>li{display:none}
.pagination ul>li.next-page a{background-color:#008b8b;color:#fff}
.input-lg{padding:10px;height:34px;border-radius:4px;font-size:14px}
.excerpt .thumb{width:100px;height:68px}
.excerpt .author,.excerpt .note{display:none}
.excerpt .pc{text-decoration:none}
.excerpt h2{position:relative;display:block;overflow:hidden;min-height:40px}
.excerpt-text{padding-left:10px}
.excerpt-text h2,.excerpt-text header{margin-bottom:5px}
.excerpt-text h2{min-height:0}
}
@media (max-width:360px){.single .content{padding:5px 15px}
.cat-ebox li{width:100%;border-right:none}
.cat-ebox li:first-child{border-bottom:2px solid #eaeaea}
.cat-posts li a{height:170px}
.article-header{padding:10px 0;text-align:left}
.article-meta .item:nth-child(2){display:none}
.article-title{font-size:16px}
.excerpt h2{font-size:14px;line-height:18px}
.excerpt .pc{display:none}
.excerpt .pv{margin-right:0}
.btn-lg{padding:8px 20px;font-size:14px}
#commentform{padding-left:0}
#respond{overflow:hidden;width:100%}
.comt{padding-left:0}
.comt-title{float:none;overflow:hidden;margin-bottom:10px;margin-left:0;width:auto}
.comt-avatar{float:left;margin-right:5px;width:30px;height:30px}
.comt-avatar .avatar{width:30px;height:30px;border-radius:50%}
.comt-comterinfo{width:100%}
.comt-comterinfo .text-muted{display:none}
.comt-comterinfo input{margin-right:0;width:100%;box-shadow:none}
.comment-reply-link,.comt-info{position:relative;top:0;display:inline-block;margin-left:10px}
.comt-main{margin-right:0;margin-left:40px}
.comt-f{display:none}
.commentlist>.comment .children{margin-left:0}
.commentlist>.comment.depth-1>.children{margin-left:46px}
.comt-author{display:inline-block}
.branding{padding:30px 10px}
.branding h1,.branding h2{margin-bottom:10px;font-weight:700;font-size:16px}
.branding p{font-weight:400}
.tag-clouds a{width:99%}
.plinks ul li{width:100%}
}
#navs{color:#aaa}
#navs h2{margin:0;padding:10px;background-color:#008b8b;color:#fff;font-weight:400;font-size:20px}
#navs .item{overflow:hidden;margin:20px 0 30px}
#navs .item h2{margin:0;padding:11px 15px;width:140px;font-size:18px}
#navs .item ul{margin-right:-1%}
#navs .item li{float:left;overflow:hidden;margin-top:1%;margin-right:1%;padding:15px;width:19%;height:89px;border-bottom:15px solid #fff;background-color:#fff;font-size:12px}
#navs .item li a{display:inline-block;margin-bottom:5px;border-bottom:2px solid transparent;color:#008b8b;font-weight:700;font-size:14px}
#navs .item li a:hover{color:#fd8c84;border-bottom-color:#fd8c84}
#navs .items{margin-left:160px}
#navs nav{position:absolute;top:0;left:0;height:100%;background-color:#008b8b}
#navs nav,#navs nav ul{width:140px}
#navs nav a{display:block;padding:10px 20px;border-bottom:1px solid rgba(0,0,0,.08);color:#fff}
#navs nav .active a,#navs nav a:hover{color:#fff;font-weight:700}
#navs nav ul.affix{position:fixed;top:0}
#navs nav ul.affix-bottom{position:fixed}
.page-template-pagesnavs-php .pageheader{margin:0}
@media (max-width:1280px){#navs .items{margin-right:10px}
}
@media (max-width:1024px){#navs .item{margin-top:10px}
#navs .items{margin:0}
#navs nav{display:none}
#navs .item li{width:24%}
}
@media (max-width:640px){#navs .item li{width:32.333333%}
#navs .item h2{width:auto;text-align:center}
}
@media (max-width:320px){#navs .item li{width:49%}
}
