/* Home Page Carousel */
html{font-size:10px;-webkit-tap-highlight-color:transparent}
body{font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,WenQuanYi Micro Hei,Microsoft Yahei,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#fff}
.carousel-inner > .item > img {
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 400px;
}

/*bootstrap样式重写*/

.navbar-inverse {
    background-color: #fff;
    border-color: #eee;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.navbar-inverse .navbar-nav>li>a {
    color: #333;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #000;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #f5f5f5;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #f5f5f5;
}
.navbar-inverse .navbar-toggle {
    border-color: #ddd;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333;
}

/*logo样式定义*/
a.navbar-brand.logo {
    display: block;
    height: 50px;
    width: 120px !important;
    padding: 0 !important;
    margin: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
}

.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}

.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}

.ml-20{margin-left: 20px;}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

.fmt {
    line-height: 1.6;
    word-wrap: break-word;
}
.mt30{margin-top:30px;}

/* Footer Styles */

footer {
    margin: 50px 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}

#banner-carousel .carousel-caption{bottom: 80px;}

.feature-list .col-md-4{margin-bottom:22px}.feature-list h4 .fa:before{vertical-align:-10%;font-size:28px;display:inline-block;width:1.07142857em;text-align:center;margin-right:5px}
.widget-relation {
    padding: 10px;
    border-top: 1px solid #eee;
}

.widget-links-item {
    margin-bottom: 8px;
}
.widget-links-item a{margin-right:6px;}
.widget-links-item small{display:inline-block;font-size:13px}
.widget-links-item .ranks{float:left;padding:0;margin-right:5px;width:26px;background:#f3f3f3;color:#444;text-align:center;font-size:13px}


.gold, .text-gold {
    color: #ff8a00;
}

.requirement {
    margin-top: 40px;
    margin-bottom: 40px;
    word-wrap: break-word;
}

.requirement .env-req {
    padding: 10px 15px 10px 30px;
}

.footer {
    margin-top: 50px;
    background-color: #fff;
    border-top: 1px solid #eee;
}

.footer .sitemap {
    background: #fff;
    color: #333;
}
.footer .sitemap dl {
    float: left;
    margin: 38px;
}
.footer .sitemap dl dt {
    margin-bottom: 20px;
    color: #333;
    line-height: 26px;
    font-weight: 500;
}
.footer .sitemap dl dd {
    margin: 0;
    line-height: 26px;
}

.footer .sitemap dl a {
    color: #666;
}
.footer .sitemap dl a:hover {
    color: #333;
}

.footer .copyright {
    padding: 20px;
    background: #fff;
    font-size: 12px;
    color: #666;
    text-align: center;
}
.footer hr {
    margin: 15px;
    border-color: #eee;
}


#footer {
    border-top: 1px solid #EEE;
    padding: 20px 0;
    color: #666;
    line-height: 1.6;
    vertical-align: top;
}
#footer a{color:#666;}
.footer-bottom ul>li {
    padding: 0;
}
.footer-bottom ul>li+li:before {
    padding: 0 10px;
    color: #ccc;
    content: "|";
}

#cus_ser{width:32px; height:180px; top:200px; position:fixed; right:0px; color:#FFF; z-index:9999; overflow:hidden; }
.cus_ser_{width:165px; height:150px; background:#1463da;border-bottom-left-radius:4px;  border-top-left-radius:4px;overflow:hidden;}
#cus_ser .title{ width:32px; height:112px; float:left; background:url(../images/zxzx.png); cursor:pointer;}
#cus_ser  ul{ padding:10px 0px 0px 2px; font-size:12px;line-height:30px; width:130px; float:left;}
#cus_ser  ul li#zqq{ height:30px;  display:block;  padding-left:24px; background:url(../images/zxzx.png) no-repeat 2px 7px;}
#cus_ser  ul li#zphone{ height:30px; display:block; padding-left:24px; background:url(../images/zxzx.png) no-repeat 2px 8px;}
#cus_ser  ul li#wx{padding: 5px;}
#cus_ser  ul li a{ color:#FFF;}
#cus_ser  ul li a:hover{ text-decoration:underline;}
#cus_ser .close{ display:inline-block; width:16px; height:16px; overflow:hidden; cursor:pointer; margin-right:4px; float:right;}
#cus_ser ul, ol{list-style:none;margin:0 0 9px 0;}