.inner { width: 80%; margin: auto; }
.navbar-index .top { border-bottom: 1px solid #dcdcdc; }

#s1 { width: 100%; top: 60px; background-color:  #2b263f; padding: 100px 0 130px; color: #fff; }
#s1 .inner { margin-top: 20px; }
#s1 p.line { color: #5bd7e4; font-weight: bold; }
#s1 h4 { margin: 0; }
#s1 .left { width: 55%; float: left; }
#s1 .right { width: 40%; float: right; }
#s1 .right div.img { max-width: 100%; padding: 0 0 20px 20px; }
#s1 .right div.img img { max-width: 100%; max-height: 400px; float: right; margin-bottom: 40px; }

#s2 { padding: 30px 0; }
#s2 p.first { width: 100%; }
/* #s2 div.banner { max-width: 100%; width: 200px; padding: 0 0 0 40px; background-color: #dedede; height: 600px; margin: 10px auto; } */
#s2 .col-sm-8 { margin-bottom: 20px; }

#s3 { background-color: #f7f7f7; }
#s3 .inner { padding: 40px 0; }
#s3 .inner .intro { margin-bottom: 20px; }
#s3 .list {  padding-right: 10px; } /* overflow-y: scroll; max-height: 1000px; */
#s3 .list .item { margin: 10px 0; }
#s3 .list .item .tab { padding: 7px; background-color: #443d64; color: #fff; cursor: pointer; }
#s3 .list .item .tab i { margin-right: 15px; }
#s3 .list .item .tab p { margin: 7px; }
#s3 .list .item .description { font-size: 12px; font-style: italic; margin-bottom: 20px; }
#s3 .list .item .desc { padding: 15px 0; min-height: 250px; }
#s3 .list .item .desc p { background-color: !important #f7f7f7; }
#s3 .list .item .img { max-width: 200px; max-height: 200px; float: left; margin-right: 20px; margin-bottom: 20px; }

#s3 .list::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

#s3 .list::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#s3 .list::-webkit-scrollbar-thumb
{
	background-color: #919191;
}

.buffer-footer { height: 145px; }