/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #102957;
    color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6 { margin: 0;}
ul { list-style: none;}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
    padding: 60px 15px 0;
}
.container .text-muted {
    margin: 20px 0;
}

code {
    font-size: 80%;
}

.index {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

.navbar { background-color: #2d7bbe; color: #FFFFFF; margin-bottom: 2px; color: #FFFFFF;}
a.navbar-brand, .navbar-nav a { color: #FFFFFF !important; height: auto; padding: 10px;}
.navbar-toggle { border-color: #FFFFFF; margin-right: 10px;}
.navbar-nav .active a { color: #2d7bbe !important; background-color: #eee}
.nav>li>a:focus, .nav>li>a:hover { color: #2d7bbe !important;}
.navbar-toggle .icon-bar { background-color: #FFFFFF;}
.navbar-toggle:hover,
.navbar-toggle:focus { background: none;}

.navbar-brand { width: 85%; float: left;}
.navbar-btn { width: 15%; float: right; min-width: 50px;}

#position { overflow: hidden; width: 66px; margin: 15px auto 10px; padding: 0;}
#position li { float: left; width: 12px; height: 12px; list-style: none; background: url("../images/position.png") no-repeat; margin: 0 5px;}
#position li.on { background-position: -12px 0;}

.main-menu ul { overflow: hidden; padding: 0; margin: 0;}
.main-menu ul li { list-style: none; background-color: #38c5c0; border-radius: 4px; float: left; width: 28%; padding-bottom: 10px; margin: 10px 2%; text-align: center; font-size: 20px;}
.main-menu ul li.menu-first { margin-left: 4%; background-color: #ff9500;}
.main-menu ul li.menu-last { background-color: #2390b4;}
.main-menu ul li i { display: block; width: 62px; height: 62px; margin: 10px auto 5px;}
.main-menu ul li a { color: #FFFFFF; text-decoration: none; display: inline-block; width: 100%;}

.main-news, .company-info { padding: 20px; clear: both;}
.main-tite { padding: 15px 0;}
.main-tite em { display: block; height: 1px; background-color: #d8d8d8; margin: 3px 0;}
.main-tite h2 { width: 124px; font-size: 26px; margin: -20px auto 0; padding: 0; text-align: center; background-color: #FFFFFF;}
.main-content { color: #666666; font-size: 18px; margin-bottom: 15px;}

.main-news td { padding: 10px 0; border-bottom: 1px solid #ebebeb;}
.time-block { border: 1px solid #cfd7da; background-color: #e9f2f5; text-align: center; padding: 0 7px; margin-right: 12px; float: left;}
.time-block em, .time-block i { display: block; font-size: 28px; line-height: 32px; color: #387cce; font-style: normal;}
.time-block i { font-size: 16px;}
.main-news a { text-decoration: none;}
.main-news h3 { font-size: 18px; color: #626262;}
.main-news p { color: #a19e9e; margin-top: 10px; font-size: 14px;}
.pages a, .news-more { display: inline-block; height: 32px; line-height: 32px; border-radius: 15px; padding: 0 10px; margin: 10px 2px; float: right; font-size: 16px; background-color: #efedee; color: #7b7074;}
.pages a { float: left;}
.pages { float: right;}
.pages p { overflow: hidden;}

.footer a { display: inline-block; width: 100%; text-decoration: none; color: #FFFFFF; text-align: center; font-size: 18px; line-height: 60px;}
.footer i { display: inline-block; float: left; font-size: 24px; height: 41px; margin: 19px 5px 0 20px;}
.footer span { display: inline-block; float: left;}
.footer i.a-2 { background-position-x: -35px;}
.footer i.a-3 { background-position-x: -70px;}

.news-content h1 { font-size: 18px; text-align: center; margin-bottom: 10px;}
.title-tool { font-size: 12px; color: #999999; text-align: center; border-bottom: 1px solid #DDDDDD; padding-bottom: 10px;}
.content-text { font-size: 14px; color: #666666; line-height: 22px; }
.content-text p{ font-size: 14px; color: #666666; line-height: 22px; padding-bottom:10px;text-indent:2em;}
.content-text img { max-width: 100%;}

.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > div {
    float:left;
    width:100%;
    position: relative;
}
.swipe-wrap a { display: block; text-decoration: none;}
.swipe-wrap img { width: 100%;}
.swipe-wrap h3 { height: 34px; line-height: 34px; margin:0; margin-top: -34px; font-size: 18px; color: #e08c23; text-align: center; background-image: url("../images/banner-title.png"); background-repeat: repeat-x; padding:0; position: relative; overflow: hidden;}