@charset "utf-8";

/* Bootstrap */
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:#f6f6f6; }
.navbar-inverse { background:#f6f6f6; -moz-box-shadow:0px 0px 15px #ddd; -webkit-box-shadow:0px 0px 15px #ddd; box-shadow:0px 0px 15px #ddd; border-color:#f6f6f6; background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f6f6f6)); background:-moz-linear-gradient(top, #ffffff,#f6f6f6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f6f6f6,grandientType=0); }
.navbar-inverse .navbar-brand { color:#657382; font-family:"仿宋"; font-size:24px; font-weight:bolder; }
.navbar-inverse .navbar-brand:hover { color:#566371}
.navbar-inverse .navbar-nav li a { color:#6f7e8d; font-size:18px; font-weight:900; font-family:"仿宋"; }
.navbar-inverse .navbar-nav li a:hover { color:#6f7e8d; }
.navbar-inverse .navbar-nav li:hover { background-color:#efefef; }
.navbar-inverse .navbar-nav2 li a { color:#657382; font-size:18px; font-weight:900; font-family:"仿宋"; }
.navbar-inverse .navbar-nav2 li a:hover { color:#657382;}
.navbar-inverse .navbar-toggle { border-color:#6f7e8d; }
.navbar-inverse .navbar-toggle .icon-bar { background:#6f7e8d;}

/* 通用效果 */
.opactran a img { filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:1.00; opacity:1; transition:all 0.3s ease-in-out 0s; }
.opactran a:hover img { filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity:0.70; opacity:0.7; }
.transdelay { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }
.transdelay a { transition:all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; }

/* 通用定义 */
body { font-family:"微软雅黑"; }
a { color:#2b2b2b;}
a:hover { color:#a30100;}
ul, ol, dl,dt,dd, li { list-style: none; }
figure { margin: 0; }
.clear { clear:both; }
.index_title { border-left:30px solid #a30100; padding-left:20px; border-bottom:solid 1px #a30100; line-height:30px; margin-bottom:30px; padding-bottom:5px; font-family:"仿宋"; font-size:24px; }
.index_title a { color:#000; display:block; }
.sys_btn { background-color:#a30100; border:solid 1px #8d2722; margin:10px 0; text-align:center; }
.sys_btn a { color:#fff; display:block; padding-top:10px; padding-bottom:10px; }
.sys_btn a:hover { background-color:#8d2722; }

/* index banner */
.index_banner { width:100%; text-align:center; padding-top:50px; padding-bottom:50px; }
@media (min-width: 1200px) {
.index_banner img { width:auto; }
}
@media (max-width: 1199px) {
.index_banner img { width:100%; }
}

/* index learning */
.index_learning { margin-top:20px;}
.index_learning h2 { font-size:26px; line-height:42px; margin-top:20px; margin-bottom:15px; }

/* index work */
.indexwork_img img { width: 100%; }
.indexwork_text { background: #a30100; border-top: solid 1px #fff; color: #fff; padding: 10px; width: auto; text-align:center; }
.indexwork_text a { color: #fff; }
.index_work { margin-bottom: 30px; }
@media (max-width: 767px) {
 .index_work { margin: 0 auto; padding: 10px; width: 60%; }
}
@media (max-width: 480px) {
 .index_work { width: 100%; }
}
.indexwork_text_title { margin: 0 0 5px; }

/* index html */
.index_html {}
.index_html h2 { font-size:26px; line-height:42px; margin-top:20px; margin-bottom:15px; }

/* Photo */
.index_photo_divider { margin: 50px 0; }
.index_photo_heading { margin: 20px 0; font-size: 24px; line-height:1.5;letter-spacing: 2px;  }
.index_photo_p { display:block; margin-bottom:20px;}
.index_photo_time { position:relative; }
.index_photo_image { width:100%; -moz-border-radius: 10px; -webkit-border-radius:10px; border-radius: 10px; }
.index_photo_time .time { display:block; position:absolute; top:-10px; left:10px; padding:10px; background-color:#a30100; color:#fff; z-index:2; }
@media (min-width: 992px) {
 .index_photo_heading { margin-top: 20px; font-size: 30px; line-height:1.5;letter-spacing: 2px; margin:0 0 20px 0;  }
}

/* Essays */
.index_essays img { width:100%; -moz-border-radius: 20px; -webkit-border-radius:20px; border-radius: 20px; }
.index_essays_title { font-size:24px; line-height:1.8; margin:10px 0;}