/*重置*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big,
cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,
ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details,
embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio,
video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration:none;}
/*设置默认属性*/
*, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html * {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {font-family: 'SourceHanSansCN !important';}
a{ background-color: transparent;color: #333;}
input{outline: none;
    -webkit-appearance: none;
    border-radius: 0;}
img{font-size: 14px;}
/*公用样式*/

/*最宽限度*/
.container{width: 1200px;}/*可更改性*/
.container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row{margin-right: -15px;margin-left: -15px;}
.col-f-1, .col-f-2, .col-f-3, .col-f-4, .col-f-5, .col-f-6, .col-f-7, .col-f-8, .col-f-9, .col-f-10, .col-f-11, .col-f-12, .col-f-25 {float: left;  position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
/*宽度*/
.col-f-12 { width: 100%;}
.col-f-11 {width: 91.66666667%;}
.col-f-10 {width: 83.33333333%;}
.col-f-9 {width: 75%;}
.col-f-8 {width: 66.66666667%;}
.col-f-7 {width: 58.33333333%;}
.col-f-6 {width: 50%;}
.col-f-5 {width: 41.66666667%;}
.col-f-4 {width: 33.33333333%;}
.col-f-3 {width: 25%;}
.col-f-25 {width: 20%;}
.col-f-2 {width: 16.66666667%;}
.col-f-1 {width: 8.33333333%;}
/*定位*/
.col-f-pull-12 {right: 100%;}
.col-f-pull-11 {right: 91.66666667%;}
.col-f-pull-10 {right: 83.33333333%;}
.col-f-pull-9 {right: 75%;}
.col-f-pull-8 {right: 66.66666667%;}
.col-f-pull-7 {right: 58.33333333%;}
.col-f-pull-6 {right: 50%;}
.col-f-pull-5 {right: 41.66666667%;}
.col-f-pull-4 {right: 33.33333333%;}
.col-f-pull-3 {right: 25%;}
.col-f-pull-2 {right: 16.66666667%;}
.col-f-pull-1 {right: 8.33333333%;}
.col-f-pull-0 {right: auto;}
.col-f-push-12 {left: 100%;}
.col-f-push-11 {left: 91.66666667%;}
.col-f-push-10 {left: 83.33333333%;}
.col-f-push-9 {left: 75%;}
.col-f-push-8 {left: 66.66666667%;}
.col-f-push-7 {left: 58.33333333%;}
.col-f-push-6 {left: 50%;}
.col-f-push-5 {left: 41.66666667%;}
.col-f-push-4 {left: 33.33333333%;}
.col-f-push-3 {left: 25%;}
.col-f-push-2 {left: 16.66666667%;}
.col-f-push-1 {left: 8.33333333%;}
.col-f-push-0 {left: auto;}
/*列偏移*/
.col-f-offset-12 {margin-left: 100%;}
.col-f-offset-11 {margin-left: 91.66666667%;}
.col-f-offset-10 {margin-left: 83.33333333%;}
.col-f-offset-9 {margin-left: 75%;}
.col-f-offset-8 {margin-left: 66.66666667%;}
.col-f-offset-7 {margin-left: 58.33333333%;}
.col-f-offset-6 {margin-left: 50%;}
.col-f-offset-5 {margin-left: 41.66666667%;}
.col-f-offset-4 {margin-left: 33.33333333%;}
.col-f-offset-3 {margin-left: 25%;}
.col-f-offset-2 {margin-left: 16.66666667%;}
.col-f-offset-1 {margin-left: 8.33333333%;}
.col-f-offset-0 {margin-left: 0;}
/*清楚浮动*/
.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after {display: table;content: " ";}
.clearfix:after,.container:after,.row:after{clear: both;}
/*浮动*/
.pull-right {float: right !important;}
.pull-left {float: left !important;}
/*显示隐藏*/
.hide {display: none !important;}
.show {display: block !important;}
/*内容块剧中*/
.center-block {display: block;margin-right: auto;margin-left: auto;}
/*文字类剧中，靠左，靠右*/
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
/*图片百分比*/
.img-responsive{display: block;max-width: 100%;height: auto;}
/*文字分散对齐*/
.text-justify {text-align: justify;}
/*禁止文字自动换行*/
.text-nowrap {white-space: nowrap;}
/*英文小写*/
.text-lowercase {text-transform: lowercase;}
/*英文大写*/
.text-uppercase {text-transform: uppercase;}
/*首字大写*/
.text-capitalize {text-transform: capitalize;}
/*定位*/
.position-re{position: relative;}
.position-ab{position: absolute;}
/*面包屑导航*/
.breadcrumb {margin-bottom: 20px;list-style: none;}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {padding: 0 5px;color: #303030;content: ">\00a0";}
.breadcrumb > .active {color: #303030;}
/*标题代码*/
.page-header {padding-bottom: 9px;}
/*以上为公用代码*/

/*轮播图代码*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
}
.carousel {
    position: relative;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition:      -o-transform .6s ease-in-out;
        transition:         transform .6s ease-in-out;

        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}
.carousel-inner > .active {
    left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}
.carousel-inner > .next {
    left: 100%;
}
.carousel-inner > .prev {
    left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}
.carousel-inner > .active.left {
    left: -100%;
}
.carousel-inner > .active.right {
    left: 100%;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
    opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    font-family: serif;
    line-height: 1;
}
.carousel-control .icon-prev:before {
    content: '\2039';
}
.carousel-control .icon-next:before {
    content: '\203a';
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
    text-shadow: none;
}
@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }
    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }
    .carousel-indicators {
        bottom: 110px;
    }
}
/*轮播图*/