body, html {
color: #333;
font-size: 12px
}

body, html, div, blockquote, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol, li, dl, dt, dd, form, a, fieldset, input, th, td {
margin: 0;
padding: 0;
border: 0;
outline: none;
word-break: break-all;
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif
}

select, textarea {
outline: none;
font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif
}

table {
border-collapse: collapse;
border-spacing: 0
}

fieldset, img {
border: 0;
vertical-align: top
}

address, caption, cite, code, dfn, strong, th, var {
font-weight: normal
}

em, i {
font-style: normal
}

ol, ul {
list-style: none;
list-style-position: inside
}

a {
color: #333;
text-decoration: none
}

caption, th {
text-align: left
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal
}

q:before, q:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden
}

abbr, acronym {
border: 0
}

 

input::-webkit-input-placeholder {
color: #ccc !important
}

input:-moz-placeholder {
color: #ccc !important
}

input::-moz-placeholder {
color: #ccc !important
}

input:-ms-input-placeholder {
color: #ccc !important
}

.fl {
float: left
}

.fr {
float: right
}

.clear {
clear: both
}

.clearfix:before, .clearfix:after {
content: '.';
display: block;
height: 0;
clear: both;
overflow: hidden
}

.c-red {
color: #f00
}

.c-333 {
color: #333
}

.c-666 {
color: #666
}

.c-999 {
color: #999
}

.c-f60 {
color: #f60
}

.c-f80 {
color: #f80
}

.w100 {
width: 100px !important
}

.w105 {
width: 105px !important
}

.w120 {
width: 120px !important
}

.w230 {
width: 230px !important
}

.w250 {
width: 250px !important
}

.w260 {
width: 260px !important
}

.w270 {
width: 270px !important
}

.w300 {
width: 300px !important
}

.w500 {
width: 500px !important
}

.w550 {
width: 550px !important
}

.w700 {
width: 700px !important
}

.w790 {
width: 790px !important
}

.pl10 {
padding-left: 10px
}

.pr10 {
padding-right: 10px
}

.mt4 {
margin-top: 4px
}

.mt5 {
margin-top: 5px !important
}

.mt10 {
margin-top: 10px !important
}

.mt15 {
margin-top: 15px !important
}

.mt20 {
margin-top: 20px !important
}

.mt25 {
margin-top: 25px !important
}

.mt50 {
margin-top: 50px !important
}

.mt100 {
margin-top: 100px !important
}

.ml5 {
margin-left: 5px !important
}

.ml10 {
margin-left: 10px !important
}

.ml20 {
margin-left: 20px !important
}

.ml15 {
margin-left: 15px !important
}

.mr20 {
margin-right: 20px !important
}

.mb15 {
margin-bottom: 15px !important
}

.mb35 {
margin-bottom: 35px !important
}

.hide {
display: none !important
}

.container {
float: left;
width: 100%;
min-width: 1200px
}

.containermin {
width: 1200px;
margin: 0 auto;
position: relative
}

.containermin:before, .containermin:after {
content: '.';
display: block;
height: 0;
clear: both;
overflow: hidden
}
.mainmid {
float: left;
width: 1200px;
}
.breadcrumb {
color: #999;
height: 30px;
line-height: 30px;
padding: 10px 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.breadcrumb a {
color: #666
}

.breadcrumb a:hover {
color: #31a5e7
}





/*头部*/

.bkhtop {
float: left;
width: 100%;
min-width: 1200px;
height: 35px;
border-bottom: 1px solid #ededed;
background: #f9f7f6
}

.bkhtop .containermin {
height: 35px
}

.huanying {
float: left;
color: #666;
width: 450px;
height: 35px;
line-height: 35px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

.shoucangindex {
float: right;
max-width: 580px
}

.shoucangindex a,
.shoucangindex dl.dh
dt {
float: left;
color: #333;
height: 35px;
line-height: 35px;
padding: 0 10px;
cursor: pointer
}

.shoucangindex a:hover,
.shoucangindex dl.dh dt:hover {
color: #f80
}


.bkhheader {
float: left;
width: 100%;
min-width: 1200px;
padding: 22px 0 23px;
background: #fff
}

.bkhheader .sitelogo {
float: left;
width: 298px;
height: 85px;
line-height: 85px;
overflow: hidden
}

.bkhheader .sitelogo a {
display: table-cell;
width: 298px;
height: 85px;
vertical-align: middle
}

.bkhheader .sitelogo a img {
max-width: 298px;
max-height: 85px;
vertical-align: middle;
display: block
}
.sitetel {
float: right;
height: 46px;
position: absolute;
right: 0;
top: 50%;
margin-top: -23px
}
.sitetel-ico {
float: left
}

.sitetel-txt {
float: left;
display: table;
height: 46px;
padding-left: 10px;
margin-top: -23px
}

.sitetel em {
color: #0082dd;
display: table-cell;
max-width: 200px;
vertical-align: middle;
font-size: 20px;
font-style: normal;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-family: Arial,"Microsoft YaHei",Helvetica,sans-serif
}



.navbar-defaul {
float: left;
width: 100%;
min-width: 1200px;
height: 45px;
background: #00b7ee
}

.global-nav {
float: left;
width: 220px;
height: 45px;
position: relative
}

.global-nav .nav-menu-hd {
float: left;
color: #fff;
width: 220px;
height: 45px;
line-height: 45px;
font-size: 16px;
text-align: center;
background: #009fde
}

.global-nav .nav-menu-list {
float: left;
position: relative;
z-index: 99999;
width: 220px;
height: 420px;
background: #fff
}

.menu-list-item {
float: left;
width: 220px;
height: 69px;
border-bottom: 1px solid #e8e8e8
}

.menu-list-item h3 {
float: left;
width: 196px;
height: 69px;
padding: 0 10px;
position: relative;
border-left: 3px solid #fff;
border-right: 1px solid #fff
}

.menu-list-item h3.hover {
margin-top: -1px;
z-index: 9999;
border: 1px solid #00b7ee;
border-right: 1px solid #fff;
border-left: 3px solid #00b7ee
}

.menu-list-item h3 strong {
float: left;
width: 196px;
height: 24px;
line-height: 24px;
margin-top: 10px;
font-size: 14px
}

.menu-list-item h3 strong em {
margin: 2px 5px 0 0
}

.menu-list-item h3 strong em, .menu-list-item h3 strong em img {
float: left;
width: 20px;
height: 20px;
overflow: hidden
}

.menu-list-item h3 strong a {
color: #333;
float: left;
font-size: 16px
}

.menu-list-item h3 strong a:hover,  .menu-list-item h3 p a:hover {
color: #f60
}

.menu-list-item h3 p {
float: left;
width: 175px;
height: 20px;
padding-left: 21px;
margin-top: 5px;
overflow: hidden
}

.menu-list-item h3 p a {
float: left;
color: #8c9093;
height: 20px;
line-height: 20px;
margin-right: 5px
}

.menu-list-item h3 .arrow-rig {
position: absolute;
right: 10px;
top: 50%;
display: block;
width: 6px;
height: 11px;
margin-top: -5px;
background: url(/style/images/arrow-right-ico2.png) left no-repeat
}

.menu-item {
display: none;
position: absolute;
left: 219px;
top: 0;
z-index: 999;
/*width: 979px;*/
width: 600px;
min-height: 418px;
border: 1px solid #00b7ee;
background: #fff
}

.menu-item .item-list {
float: left;
/*width:980px*/
width: 600px
}

.menu-item .item-list
dl {
float: left;
width: 450px;
padding: 10px 20px
}

.menu-item .item-list dl
dt {
border-bottom: 1px solid #e8e8e8
}

.menu-item .item-list dl dt,
.menu-item .item-list dl dt
a {
float: left;
color: #333;
width: 450px;
height: 30px;
line-height: 30px;
font-size: 14px
}

.menu-item .item-list dl
dd {
float: left;
width: 450px;
margin-top: 5px
}

.menu-item .item-list dl dd
a {
float: left;
color: #666;
height: 24px;
line-height: 24px;
margin-right: 15px
}

.menu-item .item-list dl dt a:hover,
.menu-item .item-list dl dd a:hover {
color: #f60
}

.menu-item .ad-box {
float: left;
width: 600px;
height: 110px;
overflow: hidden
}




.navbarmenu {
float: left;
width: 980px;
height: 45px
}

.navbarmenu > ul > li {
float: left;
height: 45px;
position: relative;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-o-transition: all .8s;
transition: all .8s
}

.navbarmenu > ul > li .st-arrow-ico {
float: right;
display: block;
width: 0;
height: 0;
margin: 22px 0 0 5px;
border-top: 4px solid #fff;
border-left: 4px solid transparent;
border-right: 4px solid transparent
}

.navbarmenu > ul > li.this-hover .st-arrow-ico {
border-top: 0;
border-bottom: 4px solid #fff;
border-left: 4px solid transparent;
border-right: 4px solid transparent
}

.navbarmenu > ul > li > a {
display: block;
color: #fff;
height: 45px;
line-height: 45px;
padding: 0 20px;
font-size: 16px;
position: relative
}

.navbarmenu > ul > li.active, .navbarmenu > ul > li:hover, .navbarmenu > ul > li.this-hover {
background: #0088d0
}

.navbarmenu > ul > li.active s, .navbarmenu > ul > li.this-hover s {
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -4px;
border-bottom: 4px solid #fff;
border-left: 4px solid transparent;
border-right: 4px solid transparent
}

.navbarmenu .st-nav-icon {
position: absolute;
top: -5px;
right: 5px
}



.main_mod_page {
    width: 100%;
    padding: 20px 0;
    overflow: hidden
}

    .main_mod_page
    p.page_right {
        width: 100%;
        height: 30px;
        text-align: center
    }

    .main_mod_page .back-first,
    .main_mod_page .go-last,
    .main_mod_page .prev,
    .main_mod_page
    .next {
        display: inline-block;
        *zoom: 1;
        *display: inline;
        width: 30px;
        height: 30px;
        font-size: 14px;
        vertical-align: top
    }

    .main_mod_page .back-first {
        width: 11px;
        background: url(/style/images/page_home_bg.png) center no-repeat
    }

        .main_mod_page .back-first:hover {
            background: url(/style/images/page_home_bg_hover.png) center no-repeat
        }

    .main_mod_page .go-last {
        width: 11px;
        background: url(/style/images/page_last_bg.png) center no-repeat
    }

        .main_mod_page .go-last:hover {
            background: url(/style/images/page_last_bg_hover.png) center no-repeat
        }

    .main_mod_page
    .prev {
        background: url(/style/images/page_prev_bg.png) center no-repeat
    }

        .main_mod_page .prev:hover {
            background: url(/style/images/page_prev_bg_hover.png) center no-repeat
        }

    .main_mod_page
    .next {
        background: url(/style/images/page_next_bg.png) center no-repeat
    }

        .main_mod_page .next:hover {
            background: url(/style/images/page_next_bg_hover.png) center no-repeat
        }

    .main_mod_page
    .mod_pagenav_count {
        display: inline-block;
        height: 30px;
        vertical-align: top
    }

        .main_mod_page .mod_pagenav_count
        a {
            display: inline-block;
            *zoom: 1;
            *display: inline;
            color: #ccc;
            width: 28px;
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            text-align: center;
            margin: 0 1px 0;
            border: 1px solid #ccc;
            border-radius: 3px
        }

            .main_mod_page .mod_pagenav_count a.current,
            .main_mod_page .mod_pagenav_count a:hover {
                color: #f60;
                border: 1px solid #f60
            }

    .main_mod_page p.page_right
    .txt {
        line-height: 30px;
        padding-left: 15px;
        color: #666
    }

        .main_mod_page p.page_right .txt
        b {
            color: #f60;
            font-weight: normal
        }

.siteright {
    float: right;
    width: 280px;
}
.mb15 {
    margin-bottom: 15px !important;
}

.list-item:hover {
    border: 1px solid #00b7ee;
}
.main_mod_page .back-first {
    width: 11px;
    background: url(/style/images/page_home_bg.png) center no-repeat;
}
.main_mod_page .back-first, .main_mod_page .go-last, .main_mod_page .prev, .main_mod_page .next {
    display: inline-block;
    *zoom: 1;
    *display: inline;
    width: 30px;
    height: 30px;
    font-size: 14px;
    vertical-align: top;
}
.main_mod_page .back-first a:hover{
    width: 11px;
    background: url(/style/images/page_home_bg.png) center no-repeat;
}

.amount-opt-wrap .sub-btn {
    border-right: 0;
}

.amount-opt-wrap .sub-btn, .amount-opt-wrap .add-btn {
    display: inline-block;
    color: #999;
    width: 28px;
    height: 28px;
    line-height: 24px;
    vertical-align: middle;
    text-align: center;
    font-size: 24px;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.amount-opt-wrap .num-text {
    width: 56px;
    height: 28px;
    border: 1px solid #e6e6e6;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    background: #fff;
}

select, textarea {
    outline: none;
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
}

    select:not(:-internal-list-box) {
        overflow: visible !important;
    }
     
select {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: black;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    background-color: white;
    cursor: default;
    margin: 0em;
    font: 400 13.3333px Arial;
    border-radius: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(169, 169, 169);
    border-image: initial;
}