body{
    background-color: #fff;
    color:#434343;
}
img {
    width: 100%;
}
#indexCarousel{
    margin-top: -20px;
}
#indexCarousel .carousel-indicators{
    bottom:10px;
    margin-bottom: 0;
}
#indexCarousel .carousel-indicators li{
    margin: 0 5px;
    background-color: #a0a0a0;
    border-color:transparent;
    width:14px;
    height:14px;
}
#indexCarousel .carousel-indicators li.active{
    background-color: #fff;
    border-color:#fff;
}
#indexCarousel .carousel-control [class^="icon-"]{
    position: absolute;
    top:50%;
    margin-top: -1em;
}
#indexCarousel .left [class^="icon-"]{
    left:15px;
}
#indexCarousel .right [class^="icon-"]{
    right:15px;
}

.scrollnews{
    padding:5px 0;
    background-color: #eee;
    line-height: 30px;
}
.scrollnews .col-md-10{
    padding-left: 0;
    height:30px;
    overflow: hidden;
}
#newsBox{
    margin:0;
    padding:0;
}
#newsBox>li{
    padding:0;
    margin:0px;
}
#newsBox>li>a:hover,#newsBox>li>a:focus{
    color:#434343;
    text-decoration: none;
}
.scrollnews a.more{
    color:#2e9fe3;
}
.scrollnews a.more:hover{
    color:#186ab3;
    text-decoration: none;
}
.feature-div{
    margin-bottom: 25px;
    padding-top: 30px;
}
.feature{
    margin:0 auto;
    margin-bottom: 10px;
}
.feature .circle{
    margin:10px auto;
    width:115px;
    height:115px;
    display: block;
    border-radius:100%;
    background-color: #eeeeee;
    background-image: url(../../images/feature@2x.png);
    background-repeat:no-repeat;
    margin-bottom: 20px;
    transition: background-color 0.3s ease-in-out;
}
.feature1 .circle{
    background-position: 0 0;
}
.feature2 .circle{
    background-position: 50% 0;
}
.feature3 .circle{
    background-position: 100% 0;
}
.feature4 .circle{
    background-position: 0 50%;
}
.feature5 .circle{
    background-position: 50% 50%;
}
.feature6 .circle{
    background-position: 100% 50%;
}
.feature-des{
    position: relative;
    margin:0 auto;
    height: 68px;
    width:250px;
    border:2px solid transparent;
    border-radius:6px;
    text-align: center;
    transition: border-color 0.2s ease-in-out;
}
.feature:hover>.circle{
    background-color: #186ab3;
    background-image: url(../../images/feature_on@2x.png);
}
.feature:hover>.feature-des{
    border-color:#186ab3
}
.feature:hover>.feature-des>h3{
    color:#fc6d04;
}
.feature:hover> .feature-des>p{
    display: block;
}
.feature-des span{
    line-height: 64px;
    font-size: 18px;
    color:#aaa;
}
.feature-des>h3,.feature-des>p{
    position: absolute;
    left:0;
    right:0;
    margin:0;
    text-align: center;
}
.feature-des>h3{
    top:-12px;
    transition: color 0.2s ease-in-out;
}
.feature-des>h3 strong{
    display: inline;
    padding:0 5px;
    background-color: #fff;

}
.feature-des>p{
    bottom:-12px;
    display: none
}
.feature-des>p a{
    display: inline;
    padding:0 5px;
    background-color: #fff;
    color:#186ab3;
    font-weight: bold;
}
.feature-des>p a:hover{
    text-decoration: none;
    color:#fc6d04
}
@media(min-width:768px){
    .carousel-caption h3{
        margin-bottom: 45px;
        font-size: 65px;
        font-weight: bold;
    }
    .carousel-caption h5{
        font-size: 42px;

    }
    .carousel-caption h5+p{
        font-size: 32px;
    }
}
@media(min-width:1400px){
    .carousel-caption{
        top:50%;
        margin-top: -120px;
    }
}
@media(min-width:1000px) and (max-width:1400px){
    .carousel-caption{
        top:50%;
        margin-top: -120px;
    }
    .carousel-caption>h3{
        font-size: 55px;
    }
    .carousel-caption>h5{
        font-size: 36px;
    }
    .carousel-caption>p{
        font-size: 24px;
    }
}
@media (max-width: 374px){
    .navbar-blue .navbar-brand{
        font-size: 18px;
    }
    .carousel-caption{
        bottom:10px;
    }
}
@media (max-width: 768px){
    #indexCarousel .carousel-control{
        display: none;
    }
    .carousel-caption{
        bottom:0px;
    }
    #indexCarousel .carousel-indicators{
        bottom:0;
    }
    .carousel-caption>h3{
        font-size: 18px;
    }
    .carousel-caption>h5{
        font-size: 14px;
    }
    .carousel-caption>p{
        font-size: 12px;
    }
    .carousel-caption>h3,.carousel-caption>h5,.carousel-caption>p{
        margin-bottom: 0;
        margin-top: 5px;
    }

    .feature .circle{
        width: 60px;
        height: 60px;
        background-image: url(../../images/feature.png);
    }
    .feature-des{
        width:130px;
        height:42px;
    }
    .feature-des>h3{
        font-size: 16px;
    }
    .feature-des span{
        line-height: 40px;
        font-size: 16px;
    }
    .feature:hover>.circle{
        background-image: url(../../images/feature_on.png);
    }
}
.item-title{
    font-size: 24px;
    font-weight: 700;
}

/*浏览器检测样式*/
#browser_ie {
    background-color: #dff0d8; display: none; height: 85px; color: #000; font-size: 15px
}
#browser_ie .brower_info {
    margin: 0px auto; width: 800px; padding-top: 17px
}
#browser_ie .brower_info .notice_info {
    position: relative; margin-top: 5px; float: left
}
#browser_ie .brower_info .notice_info p {
    text-align: left; line-height: 25px; width: 360px; display: inline-block
}
#browser_ie .browser_list {
    position: relative; float: left
}
#browser_ie .browser_list img {
    width: 40px; height: 40px
}
#browser_ie .browser_list span {
    text-align: center; width: 80px; display: inline-block
}

#TipsA .modal-content {
    border-radius: 8px;
}
#TipsA .modal-header {
    padding: 20px 20px 0;
    background-color: #fff;
    color: #333;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom: none;
}
#TipsA .modal-title {
    font-size: 16px;
    font-weight: 600;
}
#TipsA .modal-body p {
    padding-left: 5px;
    font-size: 14px;
}
#TipsA .modal-body {
    position: relative;
    padding: 25px 15px 31px;
}
#TipsA .modal-footer {
    padding: 7px 15px;
}
#TipsA .modal-footer .btn {
    background: #fff;
    color: #5d94f3;
    outline:none;
}
#TipsA .modal-footer .btn:active {
    box-shadow: none;
}
.modal-backdrop {
    position: fixed;
}