body {font-family:"宋体";}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead {font-family:"宋体";}
body {padding-top: 0}
@media (min-width:1024px) {
.navbar{min-height: 51px}
.navbar-nav>li>a{font-size: 14px; padding-top:0px;}
.navbar-brand{padding-top: 0;padding-bottom: 0;height: auto;}
}


@media (min-width:768px) {
.navbar {min-height: 101px ;}
.navbar-nav>li>a {font-size: 14px;padding-top:0px;}
.navbar-brand{padding-top: 0;padding-bottom: 0;height: auto;}
}

.jumbotron {position: relative;padding: 0px 0;color: #fff;text-align: center;}
.jumbotron a {color: #fff;}
.jumbotron aa:hover {color: #fff;}
.jumbotron .container {position: relative;z-index: 2}

.jumbotron:after {content: '';display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1) {
.jumbotron:after {background-size: 150px 150px}
}

.masthead {padding: 0px 0 0px;margin-bottom: 0;color: #fff}
@media screen and (min-width:768px) {
.masthead {padding: 0px 0 0px}
}

.masthead h1 {font-size: 60px;line-height: 1;letter-spacing: -2px;font-weight: 700}

@media screen and (min-width:768px) {
.masthead h1 {font-size: 90px}
}

@media screen and (min-width:992px) {
.masthead h1 {font-size: 100px}
}

.masthead h2 {font-size: 18px;font-weight: 200;line-height: 1.25}

@media screen and (min-width:768px) {
.masthead h2 {font-size: 24px}
}

@media screen and (min-width:992px) {
.masthead h2 {font-size: 30px}
}
.masthead p {font-size: 40px;font-weight: 200;line-height: 1.25}
.masthead .masthead-button-links {margin-top: 30px}
.masthead-links{margin:0 ;padding:0;list-style: none}
.masthead-links li {display: inline;padding: 0 10px;color: rgba(255,255,255,.25)}
.masthead-links li a:hover {color: #fff}
.subhead {text-align: center;border-bottom: 1px solid #ddd}
@media screen and (min-width:768px) {
.subhead {text-align: left}
}

.subhead h1{font-size: 60px}
.subhead p{margin-bottom: 20px}
@media screen and (min-width:768px) {
.subhead p {text-align: left}
}

.btn-primary.btn-shadow {-webkit-box-shadow: inset 0 -4px 0 #2a6496;box-shadow: inset 0 -4px 0 #2a6496;border: 0;color: #fff}
.btn-lg.btn-shadow {padding: 13px 35px 17px}
.bc-social{padding:15px 0;text-align: center;background-color:#f5f5f5;border-top: 1px solid #fff;border-bottom: 1px solid #ddd}

.bc-social-buttons {margin-left:0;margin-bottom:0;padding-left:0;list-style:none}
.bc-social-buttons li{display:inline-block;line-height:1;color:#555}
.bc-social-buttons li .fa{font-size:18px;margin-right:3px}
.bc-social-buttons li .fa-weibo{font-size:20px}
.bc-social-buttons li a{color:#555}
.bc-social-buttons li.social-qq:hover{color:#428bca}
.bc-social-buttons li.social-weibo a:hover {color:#d9534f}
.bc-social-buttons>li+li:before{padding:0 10px;color: #ccc;content: "|"}
.projects .thumbnail{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:157px;margin-bottom:0px;border-radius:0}

.projects .thumbnail .caption{height:168px;overflow-y:hidden;background:#da4a63;color: #555}
.projects .thumbnail2 {display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:700px;/*max-width:100%;*/margin-bottom:0px;border-radius:0; padding-left:0px; overflow:hidden;}

.projects .thumbnail2 .caption {height: auto;overflow-y: hidden; background:#da4a63;color: #555}
.projects .thumbnail3{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:277px;/*max-width:100%;*/margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail3 .caption{overflow-y:hidden;background:#da4a63;color:#555}
.projects .thumbnail4{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:1002px;margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail4 .caption {height: auto;overflow-y: hidden; background:#da4a63;color: #555}
.projects .thumbnail5 {display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:700px;/*max-width:100%;*/margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail5 .caption {height: auto;overflow-y: hidden; background:#da4a63;color: #555}
.projects .thumbnail6{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:277px;margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail6 .caption {overflow-y: hidden; background:#da4a63;color: #555}
.projects .thumbnail7{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:320px;margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail7 .caption {height: auto;overflow-y: hidden; background:#da4a63;color: #555}
@media (max-width: 1210px) {
.projects .thumbnail2{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:100%;margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail3{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:100%;margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail4{display:block;margin-left:auto;margin-right:auto;
text-align:center;max-width:100%;margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail5{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:100%;margin-bottom:0px;border-radius:0; padding-left:0px;}
.projects .thumbnail6{display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:100%;margin-bottom:0px;border-radius:0; padding-left:0px;}
}
.projects .thumbnail .caption a:hover,.projects .thumbnail .caption a:focus {
text-decoration:none}
.projects .thumbnail img {max-width: 100%; height:auto;}
.projects-header{width:60%;text-align:center;margin:60px 0 10px;font-weight:200;margin-bottom:40px;display: block;margin-left:auto;margin-right:auto}
.projects-header h2{font-size:30px;letter-spacing:-1px}
@media screen and (min-width:768px) {
.projects-header h2{font-size:42px}
}
.nav-sub{padding-top:10px;padding-bottom:10px;margin-top:70px;border-top:1px solid #eee}
.footer{color:#777;padding:30px 0;border-top:1px solid #e5e5e5;margin-top: 70px}
.footer a{color:#777}
.footer-top .about>div {height: 110px;margin-bottom: 10px}
.footer-top .about>div h4 {color: #563d7c;font-size: 16px}

.footer-bottom {font-size: 13px}
.footer-bottom ul>li {padding: 0}
.footer-bottom ul>li+li:before{padding:0 10px;color:#ccc;content:"|"}
#scrollUp{background-color:#777;color:#eee;font-size:40px;
line-height:1;text-align:center;text-decoration:none;bottom:20px;right:20px;overflow:hidden;width:46px;height: 46px;border:none;opacity:.8}
#scrollUp:hover{background-color: #333}
@media screen and (min-width:992px) {
#scrollUp{bottom:100px}
}
.bc-sidebar{margin-top: 30px}
.bc-sidebar>ul>li>a{display: block;margin: 0 0 -1px;padding: 8px 14px;border: 1px solid #e5e5e5}
.excerpt-list{margin-top:60px}
.excerpt{min-height:120px;border: 1px solid #eee;position: relative;margin-bottom: 10px;padding:20px 20px 20px 24px}
.excerpt-title{font-size:24px;margin-top:0}
.excerpt-title a{color:#555}
.excerpt-title a:hover,.excerpt-title a:active {color:#3071a9}
.excerpt-meta{position:absolute;bottom:12px}
.excerpt-tags{color:#777}
.excerpt-tags .glyphicon{position:relative;top:2px;color:#eee}
.excerpt-tags a,.excerpt-tags span{color:#777;font-size:12px}
.post{position:relative;margin-top: 60px;max-width:680px;display:block;margin-left: auto;margin-right:auto}
.post-header h1,.post-header h2 {font-size: 32px;margin: 0 0 45px;position: relative;text-align: center}
@media (min-width:768px) {
.post-header h1,.post-header h2 {font-size:36px}
}
.post-header h1:after,.post-header h2:after{border-top:1px solid #e5e5e5;bottom:0;content: "";left:50%;margin:0 0 0 -30%;position:absolute;width:60%}
.post-header h1 a,.post-header h2 a {color: #363636;display: block;padding: 65px 0 20px;position: relative}
.post-header h1 a:hover,.post-header h2 a:hover{color:#428bca}
.post-header h1 a:before,.post-header h2 a:before{border-top:1px solid #e5e5e5;bottom:-4px;content:"";left:50%;margin:0 0 0 -27%;position:absolute;width:60%}
.post-header h1 a:after,.post-header h2 a:after{border-top:1px solid #e5e5e5;bottom:-3px;content:"";left:50%;margin:0 0 0 -28%;position:absolute;width:60%}
@media (min-width:768px) {
.post-header h1 a,.post-header h2 a{padding-left:65px;padding-right:65px}
}
.post-content{font-size:16px;line-height:1.8;padding-top:20px;padding-bottom:20px}
.post-content p,.post-content pre,.post-content ul,.post-content ol,.post-content dl,.post-content form,.post-content hr,.post-content table,.post-content blockquote{margin-bottom: 1.8em}
.post-content blockquote{font-size:16px}
.post-content pre{margin-top:-20px}
.post-content li>p{margin-bottom:5px}
.post-content img,.post-content video,.post-content embed,.post-content iframe {max-width: 100%}
.post-content img{height:auto}
article.page{margin-top:0;max-width:none}
article.page .post-content{padding-top:0}
article.page .post-content h2{font-size:36px;padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}