@charset 'utf-8';
.floor1 {
    width: 980px;
    margin: 0 auto;
}

.floor1_l {
    width: 312px;
    height: 325px;
    margin-top: 25px;
}

.floor1_l_title {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #d7e0e6;
}

.floo_title {
    height: 44px;
    border-bottom: 2px solid #5abb00;
    font-size: 24px;
    line-height: 44px;
    text-align: left;
    color: #666;
}

.floor1_l_title span {
    display: inline-block;
    *display: inline;
    height: 22px;
    line-height: 22px;
    margin-top: 22px;
    margin-left: 22px;
}

.floor1_l_title span a {
    margin: 0 2px;
    font-size: 14px;
}

.floor1_l_title span em {
    font-weight: bold;
}

.floor1_l_title a {
    font-size: 12px;
    color: #f00;
    text-decoration: underline;
    margin-top: 20px;
}

.floor1_l_login,
.floor1_l_nologin {
    width: 310px;
    height: 155px;
    border: 1px solid #d7e0e6;
    margin-top: 20px;
}

.floor1_l_login h2 {
    font-size: 16px;
    line-height: 25px;
    padding: 23px;
    color: #333;
}

.floor1_login_btn {
    width: 268px;
    height: 36px;
    margin-left: 23px;
}

.btn {
    width: 124px;
    height: 36px;
    background: url(../images/public/btn.jpg) no-repeat;
}

.btn:hover {
    background-position: 0 -36px;
}

.btn_f {
    font-size: 14px;
    line-height: 36px;
    color: #fff;
    text-align: center;
}

.btn_f:hover {
    text-decoration: none;
}

.pad_btn {
    margin-right: 20px;
}

.floor1_l_nologin h2 {
    font-size: 14px;
    font-family: 宋体;
    color: #666;
    text-align: center;
    line-height: 24px;
    padding: 30px 0 10px 0;
}

#login_tip1 {
    margin: 0 auto;
}

.floor1_l_bottom {
    width: 310px;
    height: 98px;
    border-bottom: 1px solid #d7e0e6;
    border-left: 1px solid #d7e0e6;
    border-right: 1px solid #d7e0e6;
}

.self_service {
    width: 154px;
    height: 98px;
    border-right: 1px solid #d7e0e6;
    background: #5abb00;
}

.self_service a {
    width: 98px;
    margin: 10px auto 0 auto;
    color: #333;
    color: #fff;
}
.self_service a em {
    width: 53px;
    height: 53px;
    background-position: 0 0;
    margin: 0 auto 5px auto;
}

.self_service a span,
.submit_order a span {
    font-size: 16px;
    line-height: 24px;
}

.self_service:hover,.submit_order:hover{
    background:#428900;
    transtion:.35s;
    -webkit-transition:.35s;
}

.self_service:hover em,
.submit_order:hover em {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}


.self_service a:hover,
.submit_order a:hover {
    color: #fff;
    text-decoration: none;
}

.submit_order {
    width: 155px;
    height: 98px;
    background: #5abb00;
}

.submit_order a {
    width: 98px;
    margin: 16px auto 0 auto;
    color: #333;
    color: #fff;
}

.submit_order a em {
    width: 47px;
    height: 47px;
    background-position: -55px -6px;
    margin: 0 auto 5px auto;
}

.floor1_r {
    width: 650px;
    height: 325px;
    margin-top: 25px;
}

.conven_service {
    width: 100%;
    height: 136px;
    margin-top: 20px;
}

.conven_service ul {
    height: 136px;
}

.conven_service ul li {
    width: 120px;
    height: 134px;
    border: 1px solid #d7e0e6;
    margin-right: 10px;
}

.conven_service ul .last {
    margin-right: 0px;
}

.conven_service ul li a {
    width: 68px;
    height: 68px;
    margin: 20px auto 0 auto;
    color: #666;
}

.conven_service ul li a span {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    padding-top: 74px;
    text-align: center;
}

.convenser_list1 {
    background-position: 0px -125px;
}

.convenser_list2 {
    background-position: -68px -125px;
}

.convenser_list3 {
    background-position: -136px -125px;
}

.convenser_list4 {
    background-position: -204px -125px;
}

.convenser_list5 {
    background-position: -272px -125px;
}

.convenser_list1:hover {
    background-position: 0px -193px;
    color: #5abb00;
    text-decoration: underline;
}

.convenser_list2:hover {
    background-position: -68px -193px;
    color: #5abb00;
    text-decoration: underline;
}

.convenser_list3:hover {
    background-position: -136px -193px;
    color: #5abb00;
    text-decoration: underline;
}

.convenser_list4:hover {
    background-position: -204px -193px;
    color: #5abb00;
    text-decoration: underline;
}

.convenser_list5:hover {
    background-position: -272px -193px;
    color: #5abb00;
    text-decoration: underline;
}

.slide_pic {
    width: 650px;
    height: 100px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
}

.bannerBar {
    width: 100%;
    height: 100%;
}

.bannerBar li {
    width: 100%;
    height: 100%;
}

.bannerBar_switch {
    width: auto;
    height: 8px;
    line-height: 8px;
    font-size: 0px;
    position: absolute;
    top: 80px;
    right: 20px;
}

.bannerBar_switch a {
    width: 12px;
    height: 10px;
    background: #FFF;
    margin-right: 6px;
}

.bannerBar_switch a.cur {
    background: #5abb00;
}

.floor2 {
    width: 980px;
    margin: 0 auto;
}

.floor2_l {
    width: 312px;
    margin-top: 25px;
}

.floor2_r {
    width: 650px;
    margin-top: 25px;
}

.floor2_title {
    width: 100%;
    height: 45px;
    border-bottom: 1px solid #d7e0e6;
}

.floor2_title a {
    font-size: 12px;
    color: #858585;
    text-decoration: underline;
    margin-top: 20px;
}

.self_service_nav {
    width: 310px;
    border: 1px solid #d7e0e6;
    margin-top: 20px;
}

.self_service_top1 {
    width: 100%;
    height: 110px;
    background: #f3f3f3;
}

.list_self_service1 {
    width: 154px;
    height: 110px;
    border-right: 1px solid #d7e0e6;
}

.list_self_service2 {
    width: 155px;
    height: 110px;
}

.list_icon1 {
    width: 34px;
    height: 43px;
    background-position: -18px 0px;
    margin: 20px auto 12px auto;
}

.list_icon2 {
    width: 28px;
    height: 40px;
    background-position: -53px -1px;
    margin: 23px auto 12px auto;
}

.self_service_list {
    width: 310px;
    height: 216px;
    border-left: 1px solid #d7e0e6;
    border-right: 1px solid #d7e0e6;
    border-bottom: 1px solid #d7e0e6;
    background: #fff;
}

.self_service_list1 {
    width: 154px;
    height: 100%;
    border-right: 1px solid #d7e0e6;
}

.self_service_list2 {
    width: 155px;
    height: 100%;
}

.self_service_list1 ul,
.self_service_list2 ul {
    margin: 20px auto;
    width: 70px;
}

.self_service_list1 ul li,
.self_service_list2 ul li {
    width: 70px;
    height: 18px;
    font-size: 14px;
    font-family: 宋体;
    color: #333;
    margin-bottom: 20px;
}

.self_service_list1 ul li em,
.self_service_list2 ul li em {
    width: 4px;
    height: 4px;
    font-size: 0;
    line-height: 0;
    background: #5abb00;
    border-radius: 2px;
    margin-top: 7px;
    margin-right: 10px;
}

.self_service_list1 ul li a,
.self_service_list2 ul li a {
    font-size: 14px;
    font-family: 宋体;
    color: #333;
    line-height: 18px;
}

.self_service_list1 ul li a:hover,
.self_service_list2 ul li a:hover {
    color: #5abb00;
}

.list_ifon {
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    color: #333;
    text-align: center;
}

.submitOrder_nav {
    width: 648px;
    border: 1px solid #d7e0e6;
    margin-top: 20px;
}

.submitOrder_nav_top1 {
    width: 100%;
    height: 110px;
    background: #f3f3f3;
}

.list_self_service3 {
    width: 161px;
    height: 110px;
    border-right: 1px solid #d7e0e6;
}

.list_self_service4 {
    width: 162px;
    height: 110px;
}

.list_icon3 {
    width: 31px;
    height: 31px;
    background-position: -82px -1px;
    margin: 32px auto 12px auto;
}

.list_icon4 {
    width: 31px;
    height: 28px;
    background-position: -114px -1px;
    margin: 35px auto 12px auto;
}

.list_icon5 {
    width: 27px;
    height: 35px;
    background-position: -146px -1px;
    margin: 28px auto 12px auto;
}

.list_icon6 {
    width: 28px;
    height: 35px;
    background-position: -174px -1px;
    margin: 28px auto 12px auto;
}

.submitOrderList {
    width: 648px;
    height: 216px;
    border-left: 1px solid #d7e0e6;
    border-right: 1px solid #d7e0e6;
    border-bottom: 1px solid #d7e0e6;
    background: #fff;
}

.submitOrderList_list1 {
    width: 161px;
    height: 100%;
    border-right: 1px solid #d7e0e6;
}

.submitOrderList_list2 {
    width: 162px;
    height: 100%;
}

.submitOrderList_list1 ul,
.submitOrderList_list2 ul {
    margin: 20px auto;
    width: 80px;
}

.submitOrderList_list1 ul li,
.submitOrderList_list2 ul li {
    width: 100%;
    height: 18px;
    font-size: 14px;
    font-family: 宋体;
    color: #333;
    margin-bottom: 20px;
}

.submitOrderList_list1 ul li em,
.submitOrderList_list2 ul li em {
    width: 4px;
    height: 4px;
    font-size: 0;
    line-height: 0;
    background: #5abb00;
    border-radius: 2px;
    margin-top: 7px;
    margin-right: 10px;
}

.submitOrderList_list1 ul li a,
.submitOrderList_list2 ul li a {
    font-size: 14px;
    font-family: 宋体;
    color: #333;
    line-height: 18px;
}

.submitOrderList_list1 ul li a:hover,
.submitOrderList_list2 ul li a:hover {
    color: #5abb00;
}

.submitOrderList_list1 .submitOrder_five {
    margin: 20px auto;
    width: 105px;
}

.submitOrderList_list1 .submitOrder_four {
    margin: 20px auto;
    width: 100px;
}

.floor3 {
    width: 980px;
    height: 98px;
    margin: 30px auto;
}

.index_gg {
    width: 310px;
    height: 98px;
}

.floor3_r {
    width: 650px;
    height: 98px;
}

.floor3_r ul {
    width: 100%;
    height: 98%;
}

.floor3_r ul li {
    width: 208px;
    height: 96px;
    border: 1px solid #d7e0e6;
    margin-right: 10px;
}

.floor3_r ul .last {
    margin-right: 0px;
    cursor: pointer;
    background: url(../images/public/custom-service.png) no-repeat center 32px;
}

.floor3_r ul li h3 {
    font-size: 20px;
    line-height: 24px;
    color: #666;
    text-align: center;
    padding-top: 16px;
}

.floor3_r ul .last h3 {
    line-height: 68px;
}


.floor3_r_icon1 {
    width: 74px;
    height: 5px;
    background-position: -145px -82px;
    font-size: 0;
    line-height: 0;
    margin: 5px auto;
}

.floor3_r_icon2 {
    width: 66px;
    height: 5px;
    background-position: -145px -88px;
    font-size: 0;
    line-height: 0;
    margin: 5px auto 0 71px;
}

.floor3_r_icon3 {
    width: 51px;
    height: 5px;
    background-position: -145px -94px;
    font-size: 0;
    line-height: 0;
    margin: 5px auto 0 78px;
}

.floor3_r ul li p {
    font-size: 16px;
    color: #5abb00;
    text-align: center;
    padding-top: 8px;
    line-height: 20px;
}


/*add kefu*/

.floor3_r .list_mess {
    width: 178px;
    height: 20px;
    margin: 10px auto 0 auto;
    border: 1px solid #d7e0e6;
    font: 12px/20px 宋体;
    color: #666666;
    position: relative;
    text-align: center;
    cursor: default;
}

.floor3_r .list_mess_content {
    width: 178px;
    height: auto;
    position: absolute;
    border-bottom: 1px solid #d7e0e6;
    border-right: 1px solid #d7e0e6;
    border-left: 1px solid #d7e0e6;
    top: 20px;
    left: -1px;
}

.floor3_r .list_mess_content li {
    width: 100%;
    height: 24px;
    font: 12px/24px 宋体;
    color: #808080;
    text-align: center;
    background: #fff;
    border: none;
}

.floor3_r .list_mess_content .cur {
    background: #ccc;
    color: #fff;
    cursor: pointer;
}