﻿/*------------------------------通用设置------------------------------*/
body {
    font-size: 14px;
}

a {
font-size:14px;}

a:link {
    color: #30363d;
    text-decoration: none;
}

a:visited {
    color: #30363d;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:active {
    color: #000;
    text-decoration: none;
}

.box {
    position: relative;
    margin: 0px auto;
    max-width: 1180px;
    clear: both;
}

.sub {
    padding-left: 20px;
}

.now {
    font-weight: bolder;
}

.single {
    padding: 10px;
}

    .single dt {
        text-align: center;
        font-size: 18px;
        padding: 20px;
        font-family: Microsoft Yahei;
    }

.nav {
    margin-top:30px;
    padding: 10px 0;
    border-bottom: #333 dotted 1px;
    margin-bottom: 15px;
    font-size: 12px;
}

.parent_menu {
    line-height: 30px;
    font-size: 14px;
}

.m20 {margin-bottom:20px;}

.w280 {
width:280px;}
.w580 {
width:580px;}
.w880 {
width:880px;}

/*------------------------------输入定义------------------------------*/
.xhe_default table, .xhe_default th, .xhe_default td {
    padding: 0px;
    border: none;
}

input[readonly], .gray {
    background-color: #EEEEEE;
}

.INPUT, .FILE, .DATETIME, .NUMBER, .SESSION, .PASSWORD, .IP, .EMAIL, .MOBILE, .QQ {
    width: 350px;
    border: #333 solid 1px;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
}

.SELECTPARENT, .SELECTPARENTSIZE, .SELECT {
    width: 350px;
    border: #333 solid 1px;
    border-radius: 3px;
}

.FILE_MSG {
    position: relative;
    top: 8px;
    padding-bottom: 8px;
}

.TEXTAREA,.MULTITEXT {
    width: 350px;
    height: 180px;
}

.DATETIME {
    cursor: pointer;
}

/*------------------------------表格------------------------------*/
.tb_box {
    margin: 0px auto;
    max-width: 860px;
    margin: 50px auto;
    background: #fff;
    padding: 20px;
    border: #333 solid 1px;
    border-radius: 15px;
}

.tb {
    border-collapse: collapse;
    margin: 10px auto;
    width: 100%;
    background: #f9f9f9;
    border: #e6e6e6 solid 1px;
    font-size: 12px;
    clear: both;
}

.tbHover {
    background: #e3e9f4;
}

.tb caption {
    text-align: center;
    height: auto;
    clear: both;
    color: #ff6f3d;
    font-size: 16px;
    font-weight: bolder;
    font-family: "黑体";
    border-bottom: #333 dotted 0px;
    padding: 25px 0;
}

    .tb caption strong {
        float: left;
    }

.tb_caption {
    text-align: center;
    height: auto;
    clear: both;
    font-size: 16px;
    font-family: "黑体";
    border-bottom: #333 dotted 0px;
    padding: 25px 0;
}

    .tb_caption strong {
        color: red;
    }

.tb .rr {
    float: right;
}

.tb .searchForm {
    float: left;
    margin-left: 15px;
}

.tb .searchFormBtn {
    float: right;
}

.tb td, .tb th {
    border: #cdcdcd solid 1px;
    padding: 8px;
    color: #666;
    background: #f7f7f7;
}

.tb td {
    background: #fff;
}

.tb th {
    color: #999;
    font-weight: normal;
    font-size: 14px;
}

.tb .TBCONTROL {
    width: 220px;
}

.tb span {
    /*padding-left: 10px;*/
}

.tb .IMG {
    width: 100px;
    height: 75px;
}

.tb_control {
    width: 98%;
    margin: 0px auto;
    clear: both;
}

    .tb_control .ll {
        float: left;
    }

    .tb_control .rr {
        float: right;
    }



.tb_center {
    text-align: center;
}

.tb_line {
    border-bottom: #333 dotted 1px;
    margin-top: 15px;
}


/*竖排表格*/
.tb_ctrl {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    font-size: 12px;
    clear: both;
}

    .tb_ctrl caption {
        text-align: center;
        height: auto;
        clear: both;
        color: #ff6f3d;
        font-size: 16px;
        font-weight: bolder;
        font-family: "黑体";
        border-bottom: #333 dotted 1px;
        padding: 25px 0;
    }

    .tb_ctrl td, .tb_ctrl th {
        padding: 15px 10px 0 10px;
        color: #666;
    }

    .tb_ctrl th {
        width: 25%;
        color: #999;
        font-weight: normal;
        font-size: 14px;
    }

    .tb_ctrl .msg {
        color: #666666;
        font-size: 12px;
        padding-left: 15px;
        /*display: block;*/
        margin-top: 8px;
    }

        .tb_ctrl .msg strong {
            color: red;
            font-weight: normal;
        }



/*按钮集*/
.btn_group {
    width: 100%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    font-size: 16px;
}

    .btn_group .msg {
        clear: both;
        margin: 25px 0;
        font-size: 12px;
        color: #333;
    }

    .btn_group a {
        display: inline-block;
        clear: both;
        margin: 10px 0 0 0;
        padding: 10px 25px;
        text-align: center;
        border-radius: 3px;
    }

    .btn_group .big {
        width: 280px;
    }

    .btn_group a:link, .btn_group a:visited {
        background: #333;
        border: #f0cab6 solid 0px;
        color: #999;
    }

    .btn_group a:hover {
        background: #f7c200;
        color:#000;
    }

    .btn_group .on, .btn_group a.on:link, .btn_group a.on:visited {
        background: #ff4400;
        border: #ff4400 solid 0px;
        color: #fff;
    }

    .btn_group a.on:hover {
        background: #ca3600;
    }

    .btn_group .blue, .btn_group a.blue:link, .btn_group a.blue:visited {
        background: #0070cc;
        border: #0070cc solid 0px;
        color: #fff;
    }

    .btn_group a.blue:hover {
        background: #007ee6;
    }


/*------------------------------多级切换------------------------------*/
.jquery_tab {
    height: 33px;
    border-bottom: 1px solid #8dd8d4;
    cursor: pointer;
}

    .jquery_tab li {
        float: left;
        display: block;
        margin-left: -1px;
    }

        .jquery_tab li a {
            text-decoration: none;
            display: inline-block;
            border-top: 1px solid #8dd8d4;
            border-right: 1px solid #8dd8d4;
            border-left: 1px solid #8dd8d4;
            background-color: #f5fcfb;
            padding: 0 15px;
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            color: #098483;
            zoom: 1;
        }

            .jquery_tab li a:hover {
                background-color: #fff;
            }

        .jquery_tab li.on a {
            height: 33px;
            background-color: #fff;
            color: #3f3f3f;
            margin-bottom: -1px;
            cursor: pointer;
        }



/*------------------------------留言 列表与提问框------------------------------*/
.guest_box {
    background: #efefef;
    padding: 20px;
}

    .guest_box img {
        vertical-align: middle;
        margin-top: -5px;
    }

    .guest_box ul {
        margin: 10px 0;
    }

    .guest_box li {
        margin-bottom: 10px;
        background: #f6f6f6;
        padding: 10px 20px;
    }

        .guest_box li .name {
            color: #037dbf;
            padding: 0 30px 0 20px;
        }

        .guest_box li .title {
            color: #000;
        }

        .guest_box li .content {
            color: #333;
            clear: both;
            display: block;
            padding: 15px 0;
            line-height: 26px;
            font-size: 12px;
        }

        .guest_box li .time {
            color: #666;
            float: right;
            font-size: 12px;
            font-family: Arial;
            clear: both;
            display: block;
        }



        .guest_box li.guest_reply {
            background: #fff;
        }

            .guest_box li.guest_reply .name {
                color: #d58a13;
            }

            .guest_box li.guest_reply .title {
                color: #037dbf;
            }

            .guest_box li.guest_reply .content {
                color: #d58a13;
            }


    .guest_box .tb_ctrl {
    width:auto;}


/*------------------------------classShow列表类------------------------------*/
.class_show_menu {
    min-height: 800px;
    border-right: #333 solid 1px;
}

    .class_show_menu strong {
        display: block;
        text-align: right;
        height: 40px;
        line-height: 40px;
        padding-right: 20px;
        color: #000;
        letter-spacing: 0.1em;
        font-weight: normal;
        font-size: 14px;
        border-bottom: #333 solid 1px;
        margin-bottom: 15px;
    }

    .class_show_menu a {
        display: block;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        font-size: 12px;
        text-align: right;
        padding-right: 25px;
        border-bottom: #333 dotted 1px;
    }

    .class_show_menu .fr {
        width: 4px;
        height: 4px;
        background-color: #333;
        margin-left: 10px;
        margin-right: 20px;
        margin-top: 14px;
        float: right;
    }

    .class_show_menu a:link, .class_show_menu a:visited {
        color: #999;
    }

    .class_show_menu .on a:link, .class_show_menu .on a:visited {
        color: orange;
    }

.class_show_content {
color:#999;}

.class_show_content .title {
    display: block;
    text-align: left;
    height: 40px;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    border-bottom: #333 solid 1px;
}


    .class_show_content .title h1 {
        font-size: 14px;
        border-bottom: #f7c200 solid 3px;
        color: #f7c200;
        display: inline-block;
        line-height: 38px;
        padding: 0 20px;
        letter-spacing: 0.1em;
    }

.class_show_content .pic {
    text-align: center;
    margin: 15px 0;
}

.class_show_content img {max-width:100%;_width:100%;}

.class_show_content .title {
    margin-bottom: 15px;
}

.class_show_content .content {
    margin-top: 15px;
    font-size: 14px;
    line-height: 26px;
    margin-bottom:15px;
}

/*------------------------------singleShow列表类------------------------------*/
.single_show_menu {
    font-size: 16px;
    border-bottom: #999 solid 1px;
}

    .single_show_menu li {
        float: left;
        margin: 100px 15px 0 15px;
        padding: 15px 35px;
        border: #E74700 solid 0px;border-bottom:none;
        background: #333;
        margin-bottom: 0px;
        font-size: 12px;
    }

        .single_show_menu li, .single_show_menu li a:link, .single_show_menu li a:visited {
            color: #333;
        }

    .single_show_menu .on {
        background: #E74700;
        border: #fff solid 0px;
        border-bottom: #fff solid 0px;border-bottom:none;
        font-weight: bolder;
        font-size: 14px;
    }

        .single_show_menu .on, .single_show_menu .on a:link, .single_show_menu .on a:visited {
            color: #fff;
        }

.single_show_content {
    position: relative;
    background: #ededed;
}

    .single_show_content h1 {
        position: absolute;
        top: -120px;
        left: 20px;
    }

    .single_show_content .intro {
        position: absolute;
        height: 220px;
        background: url("../site/WebSingleShow.jpg");
        width: 100%;
    }

        .single_show_content .intro .box {
        margin-top:20px;}

    .single_show_content .content {
        margin-top: 230px;
        padding: 0 0 30px 0;
    }

        .single_show_content .content strong {
            color: #333333;
            font-size: 20px;
            display: block;
            text-align: center;
            margin: 30px 0;
        }

        .single_show_content .content p {
            background: #f7f7f7;
            line-height: 26px;
            font-size: 14px;
            color: #878787;
            padding: 20px 30px;
            border-bottom: #dcdcdc solid 3px;
            margin-bottom: 20px;
        }


/*------------------------------web版列表------------------------------*/
.scroll .scroll_item {
    margin-bottom: 10px;
}

.scroll .img {
    float: left;
    margin-right: 10px;
}

    .scroll .img img {
        width: 160px;
        height: 120px;
    }


/*------------------------------drop_box下拉框列表------------------------------*/
.drop_box {
position:relative;}
.drop_box ul{position:absolute;left:0px;display:none;
}
.drop_box ul li{display:inline-block;margin-bottom:2px;background:#f7f7f7;color:#333;padding:5px 10px;font-size:12px;width:30px;text-align:center;
}
.drop_box {
}
.drop_box {
}
.drop_box {
}




/*------------------------------list列表类 HtmlWebList控件显示类------------------------------*/


/*有图处理*/
.IMG .item, .IMG-TITLE .item, .IMG-TITLE-CONTENT .item,.IMG-TITLE-INTRO .item, .IMG-TITLE-TIME .item, .IMG-TITLE-PRICE .item {
    margin: 10px;
    overflow: hidden;
    border: #000 solid 1px;
    background: #333;
}

    .IMG .item .img, .IMG-TITLE .item .img, .IMG-TITLE-CONTENT .item .img,.IMG-TITLE-INTRO .item .img, .IMG-TITLE-TIME .item .img, .IMG-TITLE-PRICE .item .img {
        width: 100%;
        height: 180px;
        text-align: center;
        vertical-align: middle;
        display: block;
        background: #333;
        overflow:hidden;
    }

        .IMG .item .img a, .IMG-TITLE .item .img a, .IMG-TITLE-CONTENT .item .img a, .IMG-TITLE-INTRO .item .img a, .IMG-TITLE-TIME .item .img a, .IMG-TITLE-PRICE .item .img a {
            display: block;
            text-align: center;
            width: 100%;
            height: 100%;
            overflow:hidden;
        }

        .IMG .item .img img, .IMG-TITLE .item .img img, .IMG-TITLE-CONTENT .item .img img, .IMG-TITLE-INTRO .item .img img, .IMG-TITLE-TIME .item .img img, .IMG-TITLE-PRICE .item .img img {
            max-height: 100%;
            display:inline-block;
        }

    .IMG .item .title, .IMG-TITLE .item .title, .IMG-TITLE-CONTENT .item .title,.IMG-TITLE-INTRO .item .title, .IMG-TITLE-TIME .item .title, .IMG-TITLE-PRICE .item .title {
        padding: 10px;
        font-weight: bolder;
    }

    .IMG .item .content, .IMG-TITLE .item .content, .IMG-TITLE-CONTENT .item .content,.IMG-TITLE-INTRO .item .intro, .IMG-TITLE-TIME .item .content, .IMG-TITLE-PRICE .item .content {
        padding: 0 10px 10px 10px;
        font-size: 12px;
        color: #999;
        line-height: 23px;
    }

    .IMG .item .price, .IMG-TITLE .item .price, .IMG-TITLE-CONTENT .item .price, .IMG-TITLE-INTRO .item .price, .IMG-TITLE-TIME .item .price, .IMG-TITLE-PRICE .item .price {
        padding: 0 10px 10px 10px;
        font-size: 12px;
        color: #999;
        line-height: 23px;
    }

    .IMG .item .time, .IMG-TITLE .item .time, .IMG-TITLE-CONTENT .item .time,.IMG-TITLE-INTRO .item .time, .IMG-TITLE-TIME .item .time, .IMG-TITLE-PRICE .item .time {
        padding: 0 10px 10px 10px;
        font-size: 12px;
        color: #999;
        line-height: 23px;
    }

.IMG .item_hover, .IMG-TITLE .item_hover, .IMG-TITLE-CONTENT .item_hover, .IMG-TITLE-INTRO .item_hover, .IMG-TITLE-TIME .item_hover, .IMG-TITLE-PRICE .item_hover {
    border: #f7c200 solid 1px;
}

.IMG ul li:before, .IMG ul li:after, .IMG-TITLE ul li:before, .IMG-TITLE ul li:after, .IMG-TITLE-CONTENT ul li:before, .IMG-TITLE-CONTENT ul li:after, .IMG-TITLE-INTRO ul li:before, .IMG-TITLE-INTRO ul li:after, .IMG-TITLE-TIME ul li:before, .IMG-TITLE-TIME ul li:after, .IMG-TITLE-PRICE ul li:before, .IMG-TITLE-PRICE ul li:after {
    content: "";
    display: table;
}

.IMG ul li:after, .IMG-TITLE ul li:after, .IMG-TITLE-CONTENT ul li:after, .IMG-TITLE-TIME ul li:after, .IMG-TITLE-INTRO ul li:after, .IMG-TITLE-TIME ul li:after, .IMG-TITLE-PRICE ul li:after {
    clear: both;
    overflow: hidden;
}

.IMG ul li, .IMG-TITLE ul li, .IMG-TITLE-CONTENT ul li, .IMG-TITLE-TIME ul li, .IMG-TITLE-PRICE ul li {
    *zoom: 1;
}

.IMG-TITLE-CONTENT .content {
    min-height: 50px;
}

/*无图处理*/

.TITLE li, .TITLE-CONTENT li, .TITLE-TIME li, .TITLE-PRICE li {
    *zoom: 1;
}

.TITLE .item, .TITLE-CONTENT .item, .TITLE-TIME .item, .TITLE-PRICE .item {
    font-size: 14px;
    line-height: 26px;
    min-height: 30px;
    /*padding-left: 25px;*/
    background: url("../images/TITLE.png") no-repeat 0px 8px;
    margin: 10px;
    border-bottom: #333 dotted 1px;
    text-indent: 25px;
}

    .TITLE .item .title, .TITLE-CONTENT .item .title, .TITLE-TIME .item .title, .TITLE-PRICE .item .title {
        padding: 0px;
        margin: 0px;
        float: left;
    }

    .TITLE-CONTENT .item .content {
        background: none;
        clear: both;
        padding: 0px;
        margin: 10px 0;
        font-size:12px;
        color:#666;
    }

    .TITLE-TIME .item .time {
        float: right;
        color: #999;
    }

    .TITLE-PRICE .item .price {
        float: left;
        margin-left: 15px;
    }

.TITLE .item_hover, .TITLE-CONTENT .item_hover, .TITLE-TIME .item_hover, .TITLE-PRICE .item_hover {
}

.TITLE-CONTENT .content {
    min-height: 50px;
    text-indent: 0px;
}





/*------------------------------个人中心------------------------------*/
.my_menu {
    width: 200px;
    line-height: 30px;
    float: left;
    margin: 20px 0;
}

    .my_menu strong {
        font-size: 18px;
        font-weight: bolder;
        display: block;
        color: #082a79;
        border-bottom: #d9d9d9 solid 1px;
        padding: 30px 10px 0 10px;
        margin-bottom: 5px;
    }

    .my_menu ul {
        display: block;
        margin-bottom: 30px;
    }

        .my_menu ul li {
            border-bottom: #d9d9d9 dotted 1px;
            font-size: 12px;
            text-indent: 1em;
        }
            /*.my_menu ul li:last-child {
    border-bottom:none;}*/

            .my_menu ul li, .my_menu ul li a:link, .my_menu ul li a:visited {
                color: #333;
            }


.my_content {
    /*padding-left: 220px;*/
    width: 920px;
    border: #eeeeee solid 1px;
    background: #fff;
    padding: 20px;
    float: right;
    border-radius: 8px;
    margin: 20px 0;
}



/*中心首页信息*/
.my_personal {
    background: #f7f7f7;
    padding: 10px 30px;
}

    .my_personal .my_psersonal_info {
        margin-top: 20px;
    }

    .my_personal .my_psersonal_info_pic {
        margin-right: 10px;
        font-size: 12px;
        line-height: 23px;
    }

        .my_personal .my_psersonal_info_pic, .my_personal .my_psersonal_info_pic a:link, .my_personal .my_psersonal_info_pic a:visited {
            color: #999;
        }

    .my_personal .my_psersonal_info_name {
        font-size: 12px;
        color: #666;
        line-height: 26px;
    }

        .my_personal .my_psersonal_info_name strong {
            font-size: 14px;
            color: #082a79;
        }

.my_personal_bigtitle {
    font-size: 16px;
    font-weight: bolder;
    margin: 15px 0;
    padding: 15px;
    border-bottom: #333 dotted 1px;
    color: #333;
}







/*------------------------------文章内页------------------------------*/
.item_article {
}

    .item_article h1 {
        font-size: 30px;
        font-weight: bold;
        line-height: 36px;
        padding: 15px 0;
        display: block;
        text-align: center;
    }

    .item_article .function {
        clear: both;
        padding: 15px 0;
        border-top: #333 dotted 1px;
        font-size: 12px;
        color: #666;
        text-align: center;
    }

    .item_article .pic {
        margin: 15px 0;
        text-align: center;
        clear: both;
    }

        .item_article .pic a img {
            max-width: 100%;
        }

    .item_article .content {
        margin: 15px 0;
        font-size: 16px;
        line-height: 30px;
        min-height:300px;
    }

.item_product {
    position: relative;
}

    .item_product .pic {
        position: absolute;
        width: 380px;
        text-align: center;
        vertical-align: top;
        /*display: table;
        *display: block;*/
        overflow:hidden;
        max-height:300px;
        overflow:hidden;
        /*background:#f7f7f7;
        border:#333333 solid 1px;*/
    }

        .item_product .pic a {
            display: inline-block;
            text-align: center;
            width: 100%;
            height: 100%;
            display: table-cell;
            vertical-align: top;
        }

            .item_product .pic a img {
                max-width: 100%;
            }

    .item_product .intro {
        padding-left: 400px;
        min-height:300px;
    }

    .item_product h1 {
        font-size: 30px;
        font-weight: bold;
        line-height: 36px;
        padding: 15px 0;
        display: block;
        text-align: left;
    }

    .item_product .function {
        clear: both;
        padding: 15px 0;
        border-top: #333 dotted 1px;
        font-size: 12px;
        color: #666;
        text-align: left;
    }

    .item_product .standard {
        font-size: 12px;
        line-height: 23px;
        margin: 15px 0;
    }

    .item_product .ptitle {
        background: #333;
        padding: 5px;
        color: #999;
        font-size: 14px;
        margin: 15px 0;
    }

    .item_product .content {
        margin: 15px 0;
        font-size: 16px;
        line-height: 30px;
    }

    .item_product .content img {
        max-width:100%;
    }

    .item_product .price {
        background: #fff2e8;
        padding: 15px;
    }

        .item_product .price strong {
            color: #ff4400;
            font-family: verdana,arial;
            font-size: 24px;
        }


.item_arrow {
    border-top: #333 dotted 1px;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 15px;
}
