﻿@charset "utf-8";

body {
    font-family: "Microsoft YaHei",Arial,"宋体";
}

/****私信新版 ，布局****/
.letterContent {
    height: 100%;
}

    .letterContent .letterInner {
        width: 100%;
        height: 100%;
        border: 0px solid red;
        position: relative;
    }

    .letterContent .letterList {
        overflow: auto;
        border: 0px solid red;
        position: relative;
    }

.letterList .itemContent {
    margin: 15px 0px;
}
.letterList .time {
    text-align: center;
    color: #ACACAB;
}

.letterList .itemTouX {
    float: left;
    width: 35px;
    height: 35px;
    margin-left: 15px;
    margin-right: 15px;
    
}
.itemTouX img {
    width: 100%;
    height: 100%;
    border-radius:3px;
}

.letterList .rightText {
    float: left;
    max-width: 60%;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 2em;
    font-size: 13px;
    font-family: 'Microsoft YaHei',Arial,'Bauhaus 93';
    border: 1px solid #B9B9B9;
    border-radius: 6px;
    padding: 3px 8px;
    background-color: white;
    position: relative;
    margin-top: 3px;
    box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}

.letterList .arrowLeft {
    border: 10px solid white;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 9px;
    border-right-color: #B9B9B9;
    position: absolute;
    left: -10px;
    top: 5px;
    width: 0px;
    height: 0px;
    font-size: 0px;
}

    .letterList .arrowLeft .arrowLeftTop {
        border: 8px solid transparent;
        border-left-width: 0px;
        border-top-width: 0px;
        border-bottom-width: 7px;
        border-right-color: white;
        position: absolute;
        left: 3px;
        top: 1px;
        width: 0px;
        height: 0px;
        font-size: 0px;
    }


.itemContent_Right {
}

    .itemContent_Right .itemTouX {
        float: right;
    }

    .itemContent_Right .rightText {
        float: right;
        background-color: #E3E7EE;
        border-color: #B9B9B9;
        color: black;
    }

    .itemContent_Right .arrowRight {
        border: 10px solid transparent;
        border-right-width: 0px;
        border-top-width: 0px;
        border-bottom-width: 9px;
        border-left-color: #B9B9B9;
        position: absolute;
        right: -10px;
        top: 5px;
        width: 0px;
        height: 0px;
        font-size: 0px;
    }

.arrowRight .arrowRightTop {
    border: 8px solid transparent;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 7px;
    border-left-color: #E3E7EE;
    position: absolute;
    right: 3px;
    top: 1px;
    width: 0px;
    height: 0px;
    font-size: 0px;
}

    .itemContent_Right .rightText {
        box-shadow:-2px 2px 4px rgba(0,0,0,0.2);
    }

.letterList .lastBlank {
    height: 20px;
}

.letterContent .sixinMore {
    text-align: center;
    padding: 2px 0px;
}

.sixinMoreBtn {
    cursor: pointer;
}

    .sixinMoreBtn:hover {
        text-decoration: underline;
    }

.letterContent .sendBox {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #D7D7D7;
    padding-top: 5px;
    background: white;
}

.letterContent textarea {
    display: block;
    width: 96%;
    height: 100%;
    margin: auto;
    border: 0px;
}


/*******二级页面头部********/
.secondTopOuter {
    border-bottom: 1px solid #EEEEEE;
    background-color: #F9F9F9;
    position: relative;
    z-index: 10;
}

.secondTop {
    width: 1005px;
    margin: auto;
    height: 37px;
    line-height: 37px;
}

    .secondTop .item {
        display: block;
        float: left;
        padding: 0px 10px;
        cursor: pointer;
    }


.topUserInfo .item {
    display: block;
    float: left;
    padding: 0px 10px;
    height: 37px;
    position: relative;
    cursor: pointer;
}

.secondTop .separate {
    display: inline-block;
    float: left;
    border-left: 1px solid #C8C8C8;
    height: 13px;
    margin-top: 12px;
}

.topUserInfo .indexIcon {
    background: url(../images/xiumx/weilanHome.png) no-repeat -750px -30px;
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-top: 10px;
    float: left;
    margin-right: -5px;
}

.topUserInfo .itemContent {
    float: left;
    display: inline-block;
    padding: 0px 6px;
}

.topUserInfo .arrowDown {
    background: url(../images/xiumx/weilanHome.png) no-repeat -400px -0px;
    width: 13px;
    height: 8px;
    display: inline-block;
    position: relative;
    margin-top: 12px;
}

.topUserInfo .phoneIcon {
    background: url(../images/xiumx/weilanHome.png) no-repeat -700px -30px;
    width: 9px;
    height: 14px;
    display: inline-block;
    margin-top: 11px;
    float: left;
}

.topUserInfo .itemMessage {
    height: 17px;
    line-height: 17px;
    display: inline-block;
    text-align: right;
    margin-top: 11px;
    float: left;
    position: relative;
}

.itemMessage .itemMessageIcon {
    background: url(../images/xiumx/weilanHome.png) no-repeat -650px -28px;
    height: 17px;
    width: 20px;
    line-height: 17px;
    display: inline-block;
    border: 0px solid blue;
    float: left;
}

.itemMessage .itemMessageText {
    display: inline-block;
    float: left;
}

.hasPanel {
    position: relative;
}

    .hasPanel .itemContent {
        position: relative;
    }

.hasPanel .hidePanel {
    top:0px;
    right: -10px;
    left:!important;
    width: 100px;
}
/*****Old********/
.Header {
    background-color: #3d3d3d;
}



.Header_C {
    width: 1004px;
    height: 50px;
    margin: 0px auto;
    padding: 14px 0px;
    position: relative;
}

    .Header_C .logo {
        float: left;
    }

    .Header_C .title {
        font-family: "宋体";
        font-size: 18px;
        line-height: 50px;
        color: #FFF;
        float: left;
        margin-left: 20px;
    }

    .Header_C .search {
        width: 375px;
        height: 25px;
        float: right;
        right: 230px;
        position: absolute;
    }

.Header_Search {
    width: 375px;
    height: 25px;
    float: right;
    right: 290px;
    top: 20px;
    position: absolute;
    border: 1px solid #BFBFBF;
}

.search .select {
    width: 84px;
    height: 25px;
    font-family: "宋体";
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    color: #4c4c4c;
    background-color: #fff;
    cursor: pointer;
    float: left;
}

.search .select_down {
    width: 83px;
    font-family: "宋体";
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-top: 0px;
    color: #4c4c4c;
    position: relative;
    z-index: 999;
    display: none;
}

.search .op:hover {
    color: #FF9400;
}

.select_down .op {
    background-color: #fff;
}

.select_down .selectop {
    background-color: #eee;
}

.search .show_down {
    float: left;
    height: 25px;
    width: 18px;
    line-height: 25px;
    background: url('../Images/images.png') no-repeat;
    display: inline-block;
    background-position: 0px 0px;
    cursor: pointer;
    border-left: 1px solid #e5e5e5;
}

.search .search_text {
    float: left;
    width: 197px;
    height: 25px;
    border:0px solid red;
    background-color:white;
    overflow:hidden;
}

.search_text input {
    width: 195px;
    height: 22px;
    line-height: 22px;
    font-size: 13px;
    padding: 0px;
    margin: 0px;
    outline: none;
    border: 1px solid white;
    display: block;
}

.search .search_btn {
    float: right;
    width: 65px;
    height: 25px;
    line-height: 25px;
    background: url('../Images/images.png') no-repeat;
    display: inline-block;
    background-position: -50px 0px;
    cursor: pointer;
}

    .search .search_btn:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

.Header_C .menus {
    width: 645px;
    height: 25px;
    float: right;
    position: relative;
}

.menus .menu {
    list-style: none;
    font-family: "微软雅黑";
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.menu li {
    float: left;
    padding: 0px 7px;
    color: #fff;
}


#Login {
    float:right;
    margin-top:10px;
    margin-right:15px;
}

#Login .dengru{ width:45px; height:32px; padding-left:28px;background:url(../images/annius.png) no-repeat 0px 0px; float:left;}
#Login .dengru a{ font-weight:bold;display:block;height:16px;padding:8px 0px; text-align:center; color:#FFFFFF;}
#Login .dengru a:hover{ color:#f22020;}
#Login .zhuce{ width:37px; padding-left:32px;height:32px;background:url(../images/annius.png) no-repeat -73px 0px; float:left;color:#FFFFFF;}
#Login .zhuce a{ font-weight:bold;display:block; height:16px;padding:8px 0px; text-align:center;color:#FFFFFF;}
#Login .zhuce a:hover{color:#f22020;}
#Login .qqLogin{ width:32px;height:32px;background:url(../images/annius.png) no-repeat -142px 0px; float:left;color:#FFFFFF;}
#Login .qqLogin a{ font-weight:bold;display:block; height:32px;text-align:center;color:#FFFFFF;}
#Login .qqLogin img{ display:none;}
#Login .qqLogin a:hover{color:#f22020;}
#Login .xlLogin{ width:41px;height:32px;background:url(../images/annius.png) no-repeat -174px 0px; float:left;color:#FFFFFF;}
#Login .xlLogin a{ font-weight:bold;display:block; height:32px;text-align:center;color:#FFFFFF;}
#Login .xlLogin img{ display:none;}
#wb_connect_btn a{text-indent: -9999em; overflow: hidden;float: left; }
#Login .xlLogin a:hover{color:#f22020;}

#Login .u{color:#fff;font-size:18px;font-family:"微软雅黑","黑体";}
#Login .u:hover{color:#f22020;}
#qqLoginBtn {display:block;height:32px;}
#wb_connect_btn {display:block;height:32px;}

#Login .jia {
    float: left;
    line-height: 32px;
    cursor: pointer;
    height: 32px;
    position: relative;
    overflow: hidden;
}

.arrowDownWhite {
    border: 5px solid #5E5E5E;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: block;
    font-size: 0px;
    overflow: hidden;
    float: left;
    margin-top: 14px;
}

#Login .jia a {
    display: block;
    color: black;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    float: left;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 3px;
}

#Login .userinfo {
    float: right;
    position: relative;
}
/********隐藏面板********/
.hidePanel {
    z-index: 9999;
    position: absolute;
    background-color: white;
    margin-top: 32px;
    display: none;
    padding: 4px 0px;
    box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.3);
    border: 1px solid #ccc;
    border-radius: 2px;
    min-width: 100px;
}



    .hidePanel li {
        list-style: none;
        font-weight: normal;
        line-height: 24px;
        padding: 0px 5px;
        cursor: pointer;
    }

        .hidePanel li a {
            color: black;
            display: block;
            white-space: nowrap;
            cursor: pointer;
            font: 12px/1.2 'Arial','Microsoft YaHei';
            padding: 9px 13px;
        }

            .hidePanel li a:hover {
                background-color: #f2f2f5;
                color: #F8722C;
                text-decoration: none;
            }


.hidePanel .arrowTop {
    background-color: transparent;
    width: 14px;
    height: 24px;
    display: block;
    border: 0px solid red;
    position: absolute;
    top: -15px;
    right: 50px;
    overflow: hidden;
}

.arrowTop em {
    border: 7px solid #cccccc;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    display: inline-block;
    line-height: 0px;
    overflow: hidden;
    font-size: 0px;
    vertical-align: top;
    position:absolute;
}

.arrowTop i {
    border: 7px solid white;
    border-top-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    display: inline-block;
    line-height: 0px;
    overflow: hidden;
    font-size: 0px;
    vertical-align: top;
    position: absolute;
    top: 2px;
}



#Login .xinx {
    float: right;
    width: 80px;
    position: relative;
}

    #Login .xinx .hidePanel {
        left: -10px;
    }

#Login .sixin {
    line-height: 32px;
    height:32px;
    float: right;
    cursor: pointer;
    margin: 0px 15px;
    overflow: hidden;
}

    #Login .sixin .rightDiv {
        padding:0px 2px;
    }

    #Login .sixin * {
        font-size: 12px;
        color:black;
        font-family: "Microsoft YaHei";
    }

    #Login .sixin img {
        height: 12px;
        width: 18px;
        border: none;
        margin-top: 10px;
        display: block;
    }

    #Login .sixin a {
        display: block;
        color: white;
        padding: 0px 12px 0px 8px;
    }

#Login .loginout {
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    float: right;
    font-family: "Microsoft YaHei";
    display: block;
    padding: 0px 4px;
}

    #Login .loginout:hover {
        color: #F36921;
        text-decoration: underline;
    }


/*导航*/
.ui-dropdown {
    display: inline-block;
    position: relative;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    line-height: 18px;
    z-index: 100;
    white-space: nowrap;
    
    float:right;
}

.ui-dropdown-hd {
    display: inline-block;
    padding: 1px 14px 1px 8px;

    font-weight: bold;
    height: 30px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    color: #FFF;
}

    .ui-dropdown-hd b {
        position: absolute;
        right: 3px;
        top: 11px;
        width: 0;
        height: 0;
        border-width: 4px;
        border-style: solid;
        border-color: #fff transparent transparent;
        -webkit-transform-origin: 50% 20%;
        -moz-transform-origin: 50% 20%;
        -ms-transform-origin: 50% 20%;
        transform-origin: 50% 20%;
        -webkit-transition: -webkit-transform 0.5s ease;
        -moz-transition: -moz-transform 0.5s ease;
        -o-transition: -o-transform 0.5s ease;
        transition: transform 0.5s ease;
    }

.ui-dropdown-menu {
    display: none;
    padding-left: 0;
    list-style: none;
    z-index: 999;
    float:right;
}

.ui-dropdown.hover .ui-dropdown-hd,
.ui-dropdown:hover .ui-dropdown-hd {
    position: relative;
    z-index: 1;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #bfbfbf;
    padding: 0 13px 1px 7px;
    background: #1479ad;
}

    .ui-dropdown.hover .ui-dropdown-hd b,
    .ui-dropdown:hover .ui-dropdown-hd b {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.ui-dropdown.hover .ui-dropdown-menu,
.ui-dropdown:hover .ui-dropdown-menu {
    display: block;
    position: absolute;
    top: 100%;
    margin-top: -1px;
    left: 0;
    float: left;
    min-width: 72px;
    padding: 5px;
    border: 1px solid #bfbfbf;
    background: #1479ad;
}

    .ui-dropdown.hover .ui-dropdown-menu a,
    .ui-dropdown:hover .ui-dropdown-menu a {
        /*display: block;*/
        padding: 2px 5px;

        color:#fff;
    }

    .ui-dropdown.hover .ui-dropdown-menu a.hover,
    .ui-dropdown:hover .ui-dropdown-menu a:hover {
        color: red;
        text-decoration:underline;
    }

    .ui-dropdown.hover .ui-dropdown-menu.fr,
    .ui-dropdown:hover .ui-dropdown-menu.fr {
        left: auto;
        right: 0;
    }

.highlight {
    width:200px;
    line-height:28px;
    border-bottom:1px solid #848484;
}

.kfzx {
    width:200px;
    line-height:20px;
}
    .kfzx p {
        padding-left:5px;
        color:#fff;
        font-weight:bold;
        margin:0px;
        line-height:28px;
        font-size:15px;
        margin-top:5px;
    }
    
/*
    2014-12-25
    新版首页
    开始
*/
/* CSS Document */

/* 头部 */
.head01{ background:#f9f9f9;border-bottom:1px solid #eeeeee;margin-top:1px;}
.head_nr{width:1005px; margin:0 auto;}
.lf_shouye{ float:left;line-height:37px; height:37px;}
.tbiao{ background:url(../images/index-1.png) no-repeat 0 0;width:8px;height:4px; float:left;margin-top:18px;margin-left:5px; display:inline;}
.cj_name{ float:left;font-size:13px;}
.cj_name a{color:#505050;}
.cj_name a:hover{color:#499e12;}
.name_mb{ float:left;margin-left:10px;margin-right:20px;}

.header .shouji {
    background: url(../images/index-1.png) no-repeat -42px 0;
    width: 16px;
    height: 12px;
    float: left;
    margin-top: 14px;
}

.sji_b{background:url(../images/index-1.png) no-repeat -11px 0;width:7px;height:12px; float:left;margin-top:13px;margin-right:5px;}
.rg_daohang{float:right;}
.ul_dhang{line-height:37px;}
.ul_dhang li{ float:left;color:#c8c8c8;}
.ul_dhang li span{margin:0 15px;}
.ul_dhang li a{color:#505050;}
.ul_dhang li a:hover{color:#499e12;}
.head02{width:1005px; margin:0 auto;margin-bottom:25px;}
.tp_logo{ float:left;padding-top:30px;}
.right_sousuo{ float:right;padding-top:36px;}
.sou_suo{ float:left;margin-right:20px;}
.anniu_fb {
    float: left;
    line-height: 30px;
    background: #3ba354;
    margin-left: 20px;
    font-size: 15px;
}

    .anniu_fb a {
        color: #FFF;
        padding: 0px 25px;
        display: block;
    }

        .anniu_fb a:hover {
            color: white;
            background-color: #23893b;
        }
.or{ float:left;line-height:37px;font-size:14px;color:#828282;}
.shou_lcon{ background:url(../images/index-1.png) no-repeat -23px 0;width:15px;height:13px; float:left;margin-top:12px;}
/*结束*/


/**************搜索框******************/
.indexSearch {
    float: right;
    margin-right:25px;
}

.logInDiv {
    float: right;
    padding-top: 2px;
}

    .logInDiv .greenBtn {
        margin-right: 20px;
    }

        .logInDiv .greenBtn:hover {
            background-color: #188532;
            color:white;
        }

.searchContainer {
    border: 1px solid #C8C8C8;
    width: 315px;
    height: 30px;
    position: relative;
    z-index: 1;
}

.searchLeft {
    width: 85px;
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}

.search_title {
    position: relative;
    border-right: 1px solid #C8C8C8;
}


.iconDown {
    width: 12px;
    height: 9px;
    background: url(../images/xiumx/weilanHome.png) no-repeat -350px -0px;
    position: absolute;
    right: 5px;
    /*top: 12px;*/
    margin-top: -19px;
}

.searchCenter {
    float: left;
    width: 185px;
    padding: 0px 10px;
    height: 30px;
}

    .searchCenter input[type=text] {
        border: 0px;
        font-size: 13px;
        height: 18px;
        line-height: 18px;
        padding: 6px 0px;
        width: 100%;
        float: left;
        border:0px;
    }

.searchBtn {
    width: 20px;
    height: 20px;
    background: url(../images/xiumx/weilanHome.png) no-repeat -148px -29px;
    border: 0px solid red;
    float: left;
    cursor: pointer;
    margin-top: 5px;
}

    .searchBtn:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

.searchItemPanel {
    background-color: white;
    position: absolute;
    margin-top: 1px;
    border: 1px solid #C8C8C8;
    width: 84px;
    border-top: 0px;
    left:-1px;
    height:0px;
    display:none;
}

.newSearchItem {
    width: 68px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width:100%;
}
    .newSearchItem:hover {
        background-color:#DBDBDB;
    }

/* 悬浮*/
.kf_conter{position: fixed; right:10px; bottom:30px;z-index:9;}
.kf_tb{margin-bottom:3px;height:38px; display:block;margin-bottom:10px;}
.q010{ background:url(../images/piao-dh1.png) no-repeat -250px -49px;width:41px;height:41px;display: block;}
.q010:hover{ background:url(../images/piao-dh1.png) no-repeat -250px 0px;}
.q011{ background:url(../images/xin1.png);width:41px;height:41px;display: block;}
.q011:hover{ background:url(../images/xin2.png);}
.q013{ background:url(../images/piao-dh1.png) no-repeat -48px -49px;width:41px;height:41px;display: block;}
.q013:hover{ background:url(../images/piao-dh1.png) no-repeat -48px 0px;}
.q012{ background:url(../images/piao-dh1.png) no-repeat 0px -49px ;width:41px;height:41px;display: block;}
.q012:hover{ background:url(../images/piao-dh1.png) no-repeat 0px 0px;}
.q015{ background:url(../images/piao-dh1.png) no-repeat -148px -49px;width:41px;height:41px;display: block;}
.q015:hover{ background:url(../images/piao-dh1.png) no-repeat -148px 0px;}
.q014{ background:url(../images/piao-dh1.png) no-repeat -98px -49px;width:41px;height:41px;display: block;}
.q014:hover{ background:url(../images/piao-dh1.png) no-repeat -98px 0px;}
.q016{ background:url(../images/piao-dh1.png) no-repeat -199px -49px;width:41px;height:41px;display: block;}
.q016:hover{ background:url(../images/piao-dh1.png) no-repeat -199px 0px;}
.kf_qq{position:absolute;right:40px;top:-100px;background:url(../images/xinlang-1.png);height:101px;width:120px;padding:14px;display:none}
.kf_xl{top:-50px;}
.kf_wx{top:0}
.kf_dh{top:50px}
.kf_tb:hover > .kf_qq{ display:block;}
.kf_qq:hover{ display:block;}