body {
    font-family: "Microsoft YaHei";
}

.navbar-inverse{
    background-color: rgba(0,0,0,0.7);
}
.center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.center-horzontal-absolute {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.padder-lg {
    padding-right: 30px;
    padding-left: 30px;
}

.padder-md {
    padding-right: 20px;
    padding-left: 20px;
}

.padder {
    padding-right: 15px;
    padding-left: 15px;
}

.padder-v {
    padding-top: 15px;
    padding-bottom: 15px;
}

.no-padder {
    padding: 0 !important;
}

.navbar-brand img {
    display: inline;
    max-height: 40px;
    margin-top: -14px;
    vertical-align: middle;
}

.cs-header {
    height: 65px;
    padding-top: 15px;
    font-size: 14px;
    background-color: #364660;
}

.navbar-inverse .navbar-nav > li > a {
    padding-top: 8px;
    color: #ffffff;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #f6d001;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #f6d001;
    height: 48px;
}

/*.navbar-inverse .navbar-nav > .active > a:hover {*/
    /*background: #398439;*/
    /*color: #fff;*/
    /*font-weight: 700;*/
/*}*/

.header-bg {
    background-color: #080808;
}

.header-right {

    margin-right: 10px;
    height: 32px;
    line-height: 32px;
    margin-top: 4px;
    font-size: 16px;

}

.header-right-text{
    color: #000000;
}

/*@media (max-width: 767px){*/
    /*.header-right {*/
        /*background-color: #ffffff;*/
        /*margin-right: 10px;*/
        /*height: 200px;*/
        /*margin-top: 4px;*/
        /*font-size: 16px;*/

    /*}*/
/*}*/

.weinxinqr {
    position: absolute;
    left: 80px;
    top: 42px;
    display:none;
}

.section0 {
    width: 100%;
    height: 800px;
    background-image: url(../img/section0-bg.jpg);
    position: relative;
    margin-top: -80px;
    background-position: center center;
    background-repeat: no-repeat;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding-top: 0;

}

.section1 {
    width: 100%;
}

/*.collapse.in >.navbar-nav>li>a{*/
    /*color: #000000;*/
/*}*/

.collapse.in {
    background-color: rgba(0,0,0,0.7);
}

.news-box {
    min-width: 210px;
    min-height: 200px;
    background-color: #f6d001;
    margin: 20px 20px;
    position: relative;
    z-index: 110;
    padding-left: 10px;
    padding-top: 10px;

    border: 1px solid #696;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
}

.news-box-white {
    min-width: 210px;
    min-height: 200px;
    background-color: #ffffff;
    margin: 20px 20px;
    position: relative;
    z-index: 110;
    padding-left: 10px;
    padding-top: 10px;

    border: 1px solid #696;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
}

.border4 {
    border-left: 4px solid !important;
}

.color5 {
    color: #69a5e3;
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee;
}

/*.news-box-white:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-bottom: 80px solid #262626;*/
    /*border-left: 80px solid transparent;*/
    /*z-index: 99;*/
/*}*/

/*.news-box:after {*/
    /*content: "";*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-bottom: 80px solid #262626;*/
    /*border-left: 80px solid transparent;*/
    /*z-index: 99;*/
/*}*/

.news-box-appendix {
    height: 100px;
    margin-top: -100px;
    margin-right: -15px;
    margin-left: -15px
}

.dk-bg {
    background-color: #364660;
}

.section2-header {
    width: 100%;
    min-height: 240px;
    background-color: #262626;
    padding-top: 80px;
}

.book-box {
    display: block;

}

.book-box img{
    /*border: 1px #f6d001 solid;*/
    border: 1px  #25b7d3 solid;
}

.book-box img:hover,
.book-box img.active,
.book-box img.active:focus {
    border-color: #FFFFFF  !important;
    border-width: 2px;
    -webkit-box-shadow:0 0 1px 2px  #25b7d3;
    -moz-box-shadow:0 0 1px 2px #25b7d3;
    box-shadow:0 0 1px 2px  #25b7d3;
}

.book-box img.book-cover {
    width: 400px;
    height: 250px;

}

/*.book-box .book-title {*/
    /*height: 50px;*/
    /*width: 400px;*/
    /*position: relative;*/
    /*overflow: hidden;*//*注意不要写在最后了*/
    /*white-space: nowrap;*/
    /*top: -100px;*/
    /*background-color: rgba(0, 0, 0, 0.5);*/
    /*padding: 8px;*/
    /*text-overflow: ellipsis;*/
    /*color: #ffffff;*/
/*}*/

.book-box .book-info {
    height: 75px;
    width: 400px;
    position: relative;
    overflow: hidden;/*注意不要写在最后了*/
    white-space: nowrap;
    top: -75px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 8px;
    text-overflow: ellipsis;
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
}

.book-box:hover .book-info {
    opacity: 1;
}

.book-box .book-info .book-desc {
    height: 20px;
}

.yellow-line {
    width: 100%;
    height: 2px;
    background-color: #f6d001;
}

.sec0-content {
    background-color: #1e983b;
}

.sec-divider {
    width: 100%;
    padding: 0px 20px;
}

.sec-divider .mid {
    z-index: 2;
    background-color: #eee;
    width: 500px;
    margin-left: -250px;
    position: absolute;
    top: 0;
    left: 50%;
}

.sec-divider .left, .sec-divider .right {
    z-index: 1;
    position: absolute;
    top: 0;
    width: 50%;
}

.sec-divider .left {
    left: 0;
}

.sec-divider .left .container {
    margin-right: 250px;
    background-color: #bbb;
}

.sec-divider .right {
    right: 0;
}

.sec-divider .right .container {
    margin-left: 250px;
    background-color: #bbb;
}

.section2{

    padding-top: 50px;
}
.bottombar {
    color: #ffffff;
    position: absolute;
    bottom: 0;
    padding: 11px 0 8px 0;
    text-align: center;
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.7);
    width: 400px;
    text-align: left;
}

.bottombar a{
    color: #ffffff;
}

.bc-social-buttons {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;

}

.bc-social-buttons li {
    display: inline-block;
    line-height: 1;
    color: #555;
    text-align: right;
}

#hexagon {
    width: 346px; /* y*cos30 *2 =  1.73*y   */
    height: 200px; /*也就是边长，设为y*/
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 99;
}

#hexagon:before {
    content: "";
    position: absolute;
    top: -100px; /*  y*sin30 = 0.5*y */
    left: 0;
    width: 0;
    height: 0;
    border-left: 173px solid transparent; /*  y*cos30 = 0.86y */
    border-right: 173px solid transparent; /*  y*cos30 = 0.86y  */
    border-bottom: 100px solid rgba(255, 255, 255, 0.9); /* 0.5y  */
    z-index: 99;
}

#hexagon:after {
    content: "";
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 173px solid transparent;
    border-right: 173px solid transparent;
    border-top: 100px solid rgba(255, 255, 255, 0.9);
    z-index: 99;
}

.small-hexagon {
    width: 87px; /* y*cos30 *2 =  1.73*y   */
    height: 50px; /*也就是边长，设为y*/
    background: #ffffff;
    position: relative;
    z-index: 99;
}

.small-hexagon:before {
    content: "";
    position: absolute;
    top: -25px; /*  y*sin30 = 0.5*y */
    left: 0;
    width: 0;
    height: 0;
    border-left: 43px solid transparent; /*  y*cos30 = 0.86y */
    border-right: 43px solid transparent; /*  y*cos30 = 0.86y  */
    border-bottom: 25px solid #ffffff; /* 0.5y  */
    z-index: 99;
}

.small-hexagon:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 43px solid transparent;
    border-right: 43px solid transparent;
    border-top: 25px solid white;
    z-index: 99;
}

#hexagon-more {
    width: 50px; /* y*cos30 *2 =  1.73*y   */
    height: 87px; /*也就是边长，设为y*/
    background: #f6d000;
    position: relative;
    z-index: 100;
}

#hexagon-more:before {
    content: "";
    position: absolute;
    right: -25px; /*  y*sin30 = 0.5*y */
    top: 0;
    width: 0;
    height: 0;
    border-top: 44px solid transparent; /*  y*cos30 = 0.86y */
    border-bottom: 44px solid transparent; /*  y*cos30 = 0.86y  */
    border-left: 26px solid #f6d000; /* 0.5y  */
    z-index: 100;
}

#hexagon-more:after {
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 44px solid transparent;
    border-bottom: 44px solid transparent;
    border-right: 26px solid #f6d000;
    z-index: 100;
}

.section3{
    width: 100%;
    margin-top: 40px;
    min-height: 480px;

}
.section3 .bg{
    width: 100%;
    height: 800px;
    background-image: url(../img/bg13.jpg);
    position: relative;
    margin-top: -80px;
    background-position: center center;
    background-repeat: no-repeat;
    webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    padding-top: 0;
}

.friend-link-box{
    /*background-color: #333333;*/
}
.link-exchange{
    width: 1024px;
    margin: 0 auto;
    /*background-color: #333333;*/
    font-size: 12px;
    color: #737373;
    padding-top: 16px;
}
.link-exchange h5{
    font-size: 14px;
    font-weight: bolder;
}
.link-exchange a{
    color: #737373;
    border-left: 1px solid #737373;
    line-height: 14px;
    margin-top: 8px;
    margin-left: 10px;
    margin-bottom: 8px;
    text-indent: 4px;
    display: inline-block;
}

.link-exchange a img{
   width: 42px;
    height: 42px;
}

.cs-footer{
    color: #ffffff;
    position: relative;
    bottom: 0;
    width: 100%;
}
.cs-footer a{
    color: #ffffff;
}

#slide-container{
    width: 1080px;
    height: 600px;
    margin: 0 auto;
}


.skippr-nav-element {
    cursor:pointer;
    float:left;
    background-color: rgba(246,208,0,0.5);
    -webkit-transition: all .25s linear;
    transition: all .25s linear;
}

.skippr-nav-element-bubble {
    width:12px;
    height:12px;
    border-radius: 50%;
    margin:0 4px;
}

.skippr-nav-element-block {
    width:60px;
    height:10px;
}



.skippr-nav-element:hover, .skippr-nav-element-active {
    background-color:rgba(246,208,0,1);
}



.banner-title {
    font-size: 34px;
    position: absolute;
    left: 20px;
    padding-left: 50px

}
.banner-content {
    width: 360px;
    display: inline-block;
    font-size: 21px;
    line-height: 29px;
    margin: 100px 0px 0px 0px;
    position: relative;
    height: 250px;
    top:20px;
    left: 20px;
    padding-left: 50px

}

.banner-image {
    position: absolute;
}

.banner-main-parent {
    height: 360px;
    position: relative;
}

.banner-main {
    width: 960px;
    padding: 70px 0px 60px 0px;
}

span.news_title{
    cursor: pointer;
    color: #709bc1;
    padding-left: 0.5em;
    white-space: nowrap;
}

.news_title_td {
    text-overflow: ellipsis;
    overflow: hidden;
}

.table td {
    border-top: none !important;
}

.morecase-list{
    color:#000000;
}

.morecase-list a.csbtn{
    /*display: block;*/
    /*float: left;*/
    height: 36px;
    /*width: 100%;*/
    /*max-width: 98px;*/
    min-width: 68px;
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #000000 !important;
    /*border: 1px #e6c001 solid;*/
    border: 1px #25b7d3 solid;
    border-radius: 6px;
    text-decoration:none;
    padding: 5px 6px;
    margin: auto 6px;
}

.morecase-list a.csbtn.active{
    /*background-color: #f6d001;*/
    background-color: #25b7d3;
    color: #ffffff !important;
    text-decoration:none;

}

.morecase-list a.csbtn>span{
    text-align: center;
}

.morecase-list a.csbtn:hover{
    /*background-color: #f6d001;*/
    background-color: #25b7d3;
    color: #ffffff !important;
    text-decoration:none;
    cursor: pointer;
}

a{
    text-decoration:none;
}

.section2 a{
    color: #000000;
    text-decoration:none;
}

span.news_title{
    cursor: pointer;
    color: #709bc1;
    padding-left: 0.5em;
    white-space: nowrap;
}

.news_title_td {
    text-overflow: ellipsis;
    overflow: hidden;
}

.WB_follow_ex .follow_btn {
    display: inline-block;
    width: 78px !important;
    height: 22px;
    vertical-align: middle;
}

.about {
    font-size: 16px;
}
.indent2 {
    text-indent:2em;
}
.follow_text {
    width:40px !important;
    padding-left: 0px !important;
}


/*.skippr-arrow {*/
    /*position: absolute;*/
    /*z-index: 999;*/
    /*top: 50%;*/
    /*-webkit-transform: translate(0%,-50%);*/
    /*-moz-transform: translate(0%,-50%);*/
    /*-ms-transform: translate(0%,-50%);*/
    /*transform: translate(0%,-50%);*/
    /*width: 30px;*/
    /*height: 30px;*/
    /* background-color: white; */
    /*transform-origin: center center;*/
    /*-webkit-transform-origin: top left;*/
    /*cursor: pointer;*/
/*}*/

.skippr-next{
    right: 3.5%;
    background: url(../img/skipper-right.png) 0 0 no-repeat;
    width: 46px;
    height: 47px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.skippr-previous {
    left: 2.5%;
    /*-webkit-transform: rotate(-45deg);*/
    /*transform: rotate(-45deg);*/
    /*border-top: 7px solid #f6d000;*/
    /*border-left: 7px solid #f6d000;*/
    background: url(../img/skipper-left.png) 0 0 no-repeat;
    width: 46px;
    height: 47px;
    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);


}


/*.skippr-arrow{*/
    /*position: absolute;*/
    /*top: 180px;*/
    /*width: 30px;*/
    /*height: 60px;*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*border-radius: 0;*/
    /*font: 60px/60px "宋体";*/
    /*background-color: transparent;*/
    /*overflow: hidden;*/
    /*_display: none;*/
    /*color: #FFF;*/
    /*display: inline-block;*/
    /*zoom: 1;*/
    /*margin: 5px;*/
    /*padding: 3px 10px;*/
    /*font-size: 12px;*/
    /*-webkit-border-radius: 30px;*/
    /*-moz-border-radius: 30px;*/
    /*border-radius: 30px;*/
    /*background: #869791;*/
    /*filter: Alpha(Opacity=50);*/
    /*opacity: 0.5;*/
    /*cursor: pointer;*/
/*}*/

/*.skippr-previous:before {*/
    /*content: "<";*/
/*}*/
.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -40px;
}
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: 180px;
    width: 30px;
    height: 60px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    font: 60px/60px "宋体";
    background-color: transparent;
    overflow: hidden;
    _display: none;
}
.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
    content: ">";
}

.cs-bottom-footer{
    background-color: #f6d001;width: 100%;height: 16px;
    display:none
}
.icon-qq-qun{
    background-size: 21px 21px;
    background: url(../img/qq-qun.png) no-repeat 2px -2px;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

.pagination > li > a:hover{
    cursor: pointer;
}

.app-download-box{
    width: 190px;
    height: 200px;
    background-color: #ffffff;
    border: 1px #e6c001 solid;
    position: absolute;
    top: 180px;
    left: 80px;

}

.app-download-box .app-code{
    position: absolute;
    /* top: 1px; */
    left: 15px;
    background-size: 400px 400px;
    background: url(../img/tbx_qrcode.png);
    background-position: center center;
    background-size: cover;
    width: 160px;
    height: 160px;
}

.app-download-box .app-text{
    position: absolute;
    bottom: 15px;
    left: 30px;
}

.app-download-box .app-down{
    position: absolute;
    bottom: 10px;
    left: 46px;
    width: 90px;
    display: none;
}
.icon-weixin{
    background: url('../img/index/weixin.png') no-repeat 0px 0px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.icon-weibo{
    background: url('../img/index/weibo.png') no-repeat 0px 0px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.icon-qun{
    background: url('../img/index/qun.png') no-repeat 0px 0px;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}
.navbar-right li:not(:first-child) a span {
    border: solid 1px;
    border-radius: 50px;
    padding: 5px;
}
.navbar-right li:not(:first-child) a span {
    border: solid 1px;
    border-radius: 50px;
    padding: 5px;
}