@charset "utf-8";/* CSS Document */html,body {color:#222;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
a {color:#333;text-decoration:none;}
a:hover {color:#f00;text-decoration:none;}


header{background:#0C9 url(../images/bg.png) no-repeat center;}
.logo img{ width:100%;}

#LBbox{}
#LBbox .item{ margin:0 auto;text-align:center;width:100%;}
#LBbox .item img{ margin:0 auto;text-align:center;width:100%;}
#LBbox .carousel-caption{ top:30%;text-align:center;color:#fff;}
#LBbox .carousel-caption h1{ font-size:60px; font-weight:600;color:#0C8;text-shadow: 2px 2px 2px rgb(0 0 0 / 100%);text-indent:25px;}
#LBbox .carousel-caption p{ font-size:35px;font-weight:normal;text-shadow: 1px 1px 1px rgb(0 0 0 / 100%); font-family:Arial, Helvetica, sans-serif;}


.title{width:100%; text-align:center; padding:20px 0 50px}
.title h1{ color:#0C8; font-size:42px;}
.title span{line-height:20px; font-size:32px;margin:0 auto; color:rgba(255,0,0,0.6); font-weight:lighter; margin-left:15px;}


.indexabout { width:100%; padding:30px 5%;}
.indexabout .about-pic{}
.indexabout .about-pic img{width:100%; border-radius:6px;}
.indexabout .lead{font-size:18px; line-height:180%;text-indent:2em; background:rgba(255,255,255,0.9);text-align:justify}


.indexcontact{text-align:left; font-size:22px;border-top:1px dotted #0C9; background:#fbfbfb url(../images/bg.jpg) no-repeat center; padding:30px; margin-bottom:30px;}
.indexcontact .img-thumbnail{ padding:15px; background:#0C9; margin-right:100px; color:#FFF; border:none;}
.indexcontact .img-thumbnail img{ width:180px; height:180px;}
.indexcontact .lead{float:left; line-height:220%; width:550px; margin-bottom:0px;}

.footer{ background:#0C9;color:#FFF; text-align:center; width:100%; padding:20px 0;}
.footer a{ color:#FFF}


.delay100 {-webkit-animation-delay:.1s;animation-delay:.1s;}
.delay180 {-webkit-animation-delay:.180s;animation-delay:.180s;}
.delay200 {-webkit-animation-delay:.2s;animation-delay:.2s;}
.delay300 {-webkit-animation-delay:.3s;animation-delay:.3s;}
.delay400 {-webkit-animation-delay:.4s;animation-delay:.4s;}
.delay500 {-webkit-animation-delay:.5s;animation-delay:.5s;}
.delay600 {-webkit-animation-delay:.6s;animation-delay:.6s;}
.delay700 {-webkit-animation-delay:.7s;animation-delay:.7s;}
.delay800 {-webkit-animation-delay:.8s;animation-delay:.8s;}
.delay1000 {-webkit-animation-delay:1s;animation-delay:1s;}

@media (max-width:767px) {
.indexabout { width:100%; padding:10px 5%;}	
.title{width:100%; text-align:center; padding:0px 0 20px 0}
.title h1{ color:#0C8; font-size:28px;}
.title span{line-height:20px; font-size:18px;margin:0 auto; color:rgba(255,0,0,0.6); font-weight:lighter; margin-left:15px;}
}