@charset "utf-8";
/* CSS Document */

* { box-sizing: border-box; }
body { padding: 0; margin: 0; height: 100%; width: 100%; color: #333; font-family: "微软雅黑"; font-size: 14px; position: absolute; top: 0; right: 0; background: url(../images/bg.jpg) no-repeat top center; }
ul { margin: 0; padding: 0; list-style: none; }
li { list-style: none; }
h3 { margin: 0; }
a { text-decoration: none; }
input:focus, button:focus { outline: none; }

/********************** index *********************/
.entry-body { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.entry-top { margin: 50px 0; }
.entry-logo { text-align: center; }
.entry-footer p { text-align: center; background: #f2f2f2; color: #555; margin: 0; padding: 10px 20px; line-height: 26px; font-size: 13px; }
.entry-search { display: flex; justify-content: center; margin-top: 35px; }
    .entry-search input.search-input { border: 1px solid #ddd; border-radius: 3px; padding: 15px; width: 540px; box-shadow: 0 1px 6px rgba(0,0,0,.2); }
        .entry-search input.search-input:focus { border: 1px solid #39aa92; background: #f3f9f7; }
button.search-btn { background: #39aa92; border: 0; color: #fff; font-size: 16px; width: 100px; margin-left: 5px; border-radius: 3px; cursor: pointer; box-shadow: 0 1px 6px rgba(0,0,0,.3); }
    button.search-btn:hover { background: #2d9a83; }

.container { width: 1000px; margin: 0 auto; }
.division-search { display: flex; }
.width7 { width: 70%; }
.width3 { width: 30%; }
.division-left { border: 1px solid #eeeeee; padding: 20px; border-radius: 3px; background: #fff; width: 70%; }
.info-right { border: 1px solid #eeeeee; padding: 20px; border-radius: 3px; background: #fff; margin-left: 15px; width: 30%; }
.division-tit { font-size: 18px; }
.division-info { display: flex; color: #666; margin-top: 20px; flex-wrap: wrap; }
    .division-info li { width: 20%; margin: 5px 15px 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .division-info li span { padding: 4px 12px; cursor: pointer; line-height: 32px; }
            .division-info li span:hover { background: #f2f2f2; }
        .division-info li.active span { background: #efefef; color: #299a8a; font-weight: bold; }
.division-foot { margin-top: 20px; border-top: 1px solid #eee; padding: 10px 0; display: flex; justify-content: space-between; align-items: center; }
    .division-foot > span i { margin: 0 3px; font-size: 16px; color: #39aa92; font-style: initial; }
    .division-foot > button { height: 40px; }
.info-box { margin-top: 15px; }
    .info-box li { line-height: 32px; color: #555; }
.overflow-auto { overflow-y: auto }

/*********************** details **************************/
.entry-d-top { background: #fff; border-bottom: 1px solid #ddd; }
.d-top-box { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }
.d-top-btnbox { display: flex; }
    .d-top-btnbox input { height: 34px; line-height: 34px; border: 1px solid #ddd; border-radius: 3px; width: 300px; padding: 0 8px; }
        .d-top-btnbox input:focus { border: 1px solid #39aa92; }
    .d-top-btnbox button { border: 0; background: #39aa92; color: #fff; width: 60px; text-align: center; margin-left: 5px; border-radius: 3px; height: 34px; cursor: pointer; }
        .d-top-btnbox button:hover { background: #2d9a83; }
.entry-d-center { display: flex; }
.entry-d-center { margin-top: 15px; }
.d-center-left { border: 1px solid #eeeeee; padding: 20px; border-radius: 3px; background: #fff; width: 70%; }
.d-center-right { border: 1px solid #eeeeee; padding: 20px; border-radius: 3px; background: #fff; margin-left: 15px; width: 30%; }
.d-center-left h2 { margin: 0; }
    .d-center-left h2 span { color: #666; font-weight: normal; font-size: 14px; margin-left: 18px; }
.means-div { margin-top: 20px; }
    .means-div h1 { font-size: 14px; border-bottom: 1px solid #eee; }
        .means-div h1 span { width: 60px; text-align: center; display: block; line-height: 30px; border-bottom: 2px solid #3aaa93; margin-bottom: -1px; }
    .means-div > div p { text-align: justify; line-height: 24px; color: #666; text-indent: 2em; }
.used-ul { margin-top: 15px; }
    .used-ul li a { line-height: 30px; color: #308fd2; }

/************************ list ***********************/
.entry-list li { padding: 12px 0; border-bottom: 1px solid #eee; }
    .entry-list li h3 a { font-size: 14px; color: #39aa92; text-decoration: underline; }
.list-item-info { margin-top: 8px; }
    .list-item-info span { color: #666; margin-right: 5px; }
.list-item-body p { /*white-space: nowrap;*/ overflow: hidden; text-overflow: ellipsis; margin: 8px 0 0 0; }


/*********************** 媒体查询 *******************/

@media screen and (max-width: 768px) {
    .division-left { width: 100%; }
    .info-right { width: 100%; margin-left: 0; margin-top: 10px; }
    .division-search { display: unset; }
    .division-info li { width: 27%; }
    .entry-top { margin: 15px 0; }
    .entry-logo img { width: 58%; }
    .entry-search { margin-top: 10px; }
    .container { width: 100%; }
    .overflow-auto { padding: 0 10px; }
    /* details	*/
    .d-top-box { display: block; text-align: center; }
    .d-top-btnbox input { width: 100%; }
    .d-top-btnbox { padding: 10px 0; }
    .logobox { margin-top: 10px; }
    .entry-d-top { margin: 0 -10px; padding: 0 10px; }
    .entry-d-center { display: block; }
    .d-center-left { width: 100%; }
    .d-center-right { width: 100%; margin: 10px 0 0 0; }
}

#focus-banner { position: relative; width: 100%; overflow: hidden; height: 100%; }

#focus-banner-list { position: relative; height: 100%; }
    #focus-banner-list li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
        #focus-banner-list li img { width: 100%; height: 100%; }
.focus-banner-img { display: block; height: 100%; }

#focus-banner-list .focus-banner-text { position: absolute; left: 0; right: 0; bottom: 0; height: 40px; line-height: 40px; font-size: 16px; padding: 0 15px; background: rgba(0,0,0,.3); }
    #focus-banner-list .focus-banner-text p { color: #fff; }
#focus-banner .focus-handle { position: absolute; top: 50%; margin-top: -40px; z-index: 100; display: block; width: 80px; height: 80px; background-image: url("../images/focus_handle.png"); }
#next-img { left: 0; }
#next-img { left: 0; background-position: 0 0; }
    #next-img:hover { background-position: 0 -80px; }
#prev-img { right: 0; }
#prev-img { right: 0; background-position: -80px 0; }
    #prev-img:hover { background-position: -80px -80px; }

#focus-bubble { position: absolute; right: 10px; bottom: 15px; z-index: 999; }
    #focus-bubble li { float: left; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border: 1px #fff solid; cursor: pointer; }
        #focus-bubble li a { display: block; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; }
        #focus-bubble li.current { background-color: #fff; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px }
    .pagination li { display: inline; width: auto }
        .pagination li a { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #fff; border: 1px solid #ddd }
        .pagination li:first-child a { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px }
        .pagination li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px }
        .pagination li a:hover, .pagination li a:focus { background-color: #eee }
    .pagination .active a, .pagination .active a:hover, .pagination .active a:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca }
    .pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd }
.pagination-lg li a { padding: 10px 16px; font-size: 18px }
.pagination-sm li a, .pagination-sm li span { padding: 5px 10px; font-size: 12px }