.banner {
    width: 100%;
    min-width: 1200px;
    /*height: 194px;
    padding-top: 70px;*/
    height: 240px;
    margin: 0 auto;
    background: url(c-person-banner.png) no-repeat;
    background-size: 100% 100%;
}

.banner h2 {
    width: 1200px;
    margin: 0 auto;
    font-size: 42px;
    color: #ffffff;
    padding-left: 28px;
}

.main {
    width: 100%;
    min-width: 1200px;
    background-color: #F6F6F6;
}

.main-con {
    position: relative;
    top: -102px;
    width: 1200px;
    margin: 0 auto;
}

.main-hader, main-footer {
    background-color: #fff;
    padding: 0 28px;
}

.main-footer {
    background-color: #fff;
    padding: 0 28px;
}

.main-hader > p {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-top: 24px;
    margin-bottom: 29px;
}

.main-hader ul li {
    float: left;
    margin: 0 .5% 22px;
    width: 15.6%;
}

.main-hader ul li a {
    display: inline-block;
    width: 180px;
    height: 99px;
    background-color: #f6f6f6;
    text-align: center;
    padding-top: 27px;
    font-size: 17px;
    color: #676767;
}

.main-hader ul li a img {
    margin-bottom: 12px;
}

.main-footer {
    margin-top: 23px;
    padding-top: 23px;
    padding-bottom: 30px;
}

.main-footer-header {

}

.main-footer-header span {
    font-size: 18px;
    color: #b3b3b3;
    padding-bottom: 6px;
    border-bottom: 3px solid #fff;
    margin-left: 22px;
    cursor: default !important;
}

.main-footer-header span.cur {
    font-size: 18px;
    color: #2f89eb;
    border-color: #2f89eb;
}

.main-footer .ul-warp > ul {
    padding-top: 3px;
    margin-top: 28px;
}

.ul-warp {
    height: 100px;
    overflow: hidden;
}

.main-footer .ul-warp > ul li {
    float: left;
    cursor: pointer;
    width: 110px;
    height: 60px;
    line-height: 60px;
    line-height: .6rem;
    text-align: center;
    font-size: 16px;
    color: #444444;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
    margin: 0 4.5px 13px;
    padding: 0 4px;
}

.main-footer .ul-warp > ul li.cur,
.main-footer .ul-warp > ul li:hover,
.mate-item ul li.cur,
.mate-item ul li:hover {
    background-color: #2f89eb;
    color: #ffffff;
    cursor: pointer;
}

.main-footer .ul-warp > ul li.more i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    border-radius: 50%;
    background: #EBEBEB url(c-icon-more.png) no-repeat center center;
    transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.main-footer p.line {
    background-color: #efefef;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 35px;
}

.person-search-warp {
    margin-bottom: 10px;
}

.person-search-warp select {
    font-size: 14px;
    color: #333333;
    padding: 8px 30px 8px 12px;
    background: url(c-icon-more.png) no-repeat;
    background-position: 90% center;
    border: 1px solid #d1d1d1;
    margin-right: 16px;
}

.person-search-warp label {
    padding: 8px 0;
    padding-left: 16px;
    border-left: 1px solid #ebebeb;
    font-size: 18px;
}

.person-search-warp input {
    padding: 7px 2px 8px 12px;
    border: solid 1px #d1d1d1;
    font-size: 14px;
    color: #999999;
}

.person-search-warp button {
    outline: none;
    border: none;
    width: 54px;
    height: 32px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    background-color: #2f89eb;
    font-size: 14px;
    cursor: pointer;
}

.mate-item {
    margin-top: 22px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #e5e5e5;
}

.mate-item div:first-child {
    color: #999;
    height: 34px;
    line-height: 34px;
}

.mate-item ul {
    width: 984px;
    color: #666;
}

.mate-item ul li {
    float: left;
    padding: 8px 12px;
    background-color: #ededed;
    color: #666;
    margin-right: 12px;
    margin-bottom: 10px;
}


.table > ul > li {
    overflow: hidden;
    padding: 17px 12px 16px 20px;
}

.table-left {
    font-size: 16px;
}

.table-left i {
    width: 14px;
    height: 17px;
    margin-right: 9px;
    padding-top: 14px;
}

.table-left i.default {
    display: inline-block;
    background: url(c-jiaobiao.png) no-repeat center center;
}

.table-left i.action {
    display: none;
    background: url(c-jiaobiao-action.png) no-repeat center center;
}

.table > ul > li:hover .table-left i.action {
    display: inline-block;
}

.table > ul > li:hover .table-left i.default {
    display: none;
}

.table-right ul li {
    float: left;
    font-size: 16px;
    margin-left: 12px;
    cursor: pointer;
}

.evaluate {
    width: 48px;
    background-color: #2f89eb;
}

.online-by {
    width: 76px;
    background-color: #c2c2c2;
}

.online-by-dart {
    width: 76px;
    background-color: #2f89eb;
}

.evaluate, .online-by, .evaluate a, .online-by a {
    height: 28px;
    line-height: 28px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}

.evaluate a, online-by a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.guide {
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 74px;
    border: solid 1px #2f89eb;
}

.guide a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #2f89eb;
    font-size: 16px;
}


.sub {
    padding-top: 5px;
    padding-bottom: 4px;
    color: #2f89eb;
}

.sub i {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    background: url(c-sub-default.png) no-repeat center center;
    transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.subed {
    color: #ee851e;
}

.subed i {
    background: url(c-sub-action.png) no-repeat center center;
    background-size: 100% 100%;
}

.table div.item-title {
    width: 785px;
    padding-top: 6px;
    font-size: 18px;
    cursor: default !important;
}

.table > ul > li:hover {
    background-color: #EFF6FD;
}

.table > ul > li:hover .item-title {
    color: #2f89eb;
}

.table > ul > li {
    border-bottom: 1px dashed #e5e5e5;
}

/*法人办事*/

#legel li {
    position: relative;
    width: 267px;
    height: 147px;
    margin-right: 14px;
}

#legel li a {
    width: 100%;
    padding-top: 0;
}

#legel li a > div {
    position: absolute;
    top: 35px;
    left: 28px;
    color: #fff;
    text-align: left;
}

#legel li a > div h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

#legel li a > div p {
    font-size: 16px;
}

.search-right input {
    padding: 0 !important;
    -moz-transform: scale(0.8) translateY(20%);
}

/***************************************响应式样式***************************************************/
.banner {
    width: 100%;
    min-width: auto;
    /*height: 194px;
    padding-top: 70px;*/
    height: 2.4rem;
    margin: 0 auto;
    background: url(c-person-banner.png) no-repeat;
    background-size: 100% 100%;
}

.banner h2 {
    width: 12rem;
    margin: 0 auto;
    font-size: .42rem;
    color: #ffffff;
    padding-left: .28rem;
}

.main {
    width: 100%;
    min-width: auto;
    background-color: #F6F6F6;
}

.main-con {
    position: relative;
    top: -1.02rem;
    width: 12.00rem;
    margin: 0 auto;
}

.main-hader, .main-footer {
    background-color: #fff;
    padding: 0 .28rem;
}

.main-footer {
    background-color: #fff;
    padding: 0 .28rem;
}

.main-hader > p {
    font-size: .24rem;
    font-weight: bold;
    color: #333;
    padding-bottom: .20rem;
    border-bottom: 1px solid #ddd;
    padding-top: .24rem;
    margin-bottom: .29rem;
}

.main-hader ul li {
    float: left;
    margin: 0 .05rem .22rem;
    width: calc((100% - 0.6rem) / 6);
}

.main-hader ul li a {
    display: inline-block;
    width: 1.80rem;
    height: 1.19rem;
    background-color: #f6f6f6;
    text-align: center;
    padding-top: .27rem;
    font-size: .17rem;
    color: #676767;
    overflow-y: hidden;
}

.main-hader ul li a img {
    margin-bottom: .12rem !important;
}

.main-footer {
    margin-top: .23rem;
    padding-top: .23rem;
    padding-bottom: .30rem;
}

.main-footer-header {

}

.main-footer-header span {
    font-size: .18rem;
    color: #b3b3b3;
    padding-bottom: .06rem;
    border-bottom: 3px solid #fff;
    margin-left: .22rem;
}

.main-footer-header span.cur {
    font-size: .18rem;
    color: #2f89eb;
    border-color: #2f89eb;
}

.main-footer .ul-warp > ul {
    padding-top: .03rem;
    margin-top: .28rem;
}

.ul-warp {
    height: 1.00rem;
    overflow: hidden;
}

.main-footer .ul-warp > ul li {
    float: left;
    cursor: pointer;
    width: 9.62%;
    height: .60rem;
    text-align: center;
    font-size: .16rem;
    color: #444444;
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
    margin: 0 .045rem .13rem;
    padding: 0 .04rem;
}

.main-footer .ul-warp > ul li.cur,
.main-footer .ul-warp > ul li:hover,
.mate-item ul li.cur,
.mate-item ul li:hover {
    background-color: #2f89eb;
    color: #ffffff;
    cursor: pointer;
}

.main-footer .ul-warp > ul li.more i {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-left: .05rem;
    border-radius: 50%;
    background: #EBEBEB url(c-icon-more.png) no-repeat center center;
    transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.main-footer p.line {
    background-color: #efefef;
    height: 1px;
    margin-top: .10rem;
    margin-bottom: .35rem;
}

.person-search-warp {
    margin-bottom: .10rem;
}

.person-search-warp select {
    font-size: .14rem;
    color: #333333;
    padding: .08rem .30rem .08rem .12rem;
    background: url(c-icon-more.png) no-repeat;
    background-position: 90% center;
    border: 1px solid #d1d1d1;
    margin-right: .16rem;
}

.person-search-warp label {
    padding: .08rem 0;
    padding-left: .16rem;
    border-left: 1px solid #ebebeb;
    font-size: .18rem;
}

.person-search-warp input {
    padding: 0 .1rem;
    border: solid 1px #d1d1d1;
    font-size: .14rem;
    color: #999999;
}

.person-search-warp button {
    outline: none;
    border: none;
    width: .54rem;
    height: .35rem;
    text-align: center;
    line-height: .35rem;
    color: #fff;
    background-color: #2f89eb;
    font-size: .14rem;
    cursor: pointer;
}

.mate-item {
    margin-top: .22rem;
    padding-bottom: .14rem;
    border-bottom: 1px dashed #e5e5e5;
}

.mate-item div:first-child {
    color: #999;
    height: .34rem;
    line-height: .34rem;
}

.mate-item ul {
    width: 9.84rem;
    color: #666;
}

.mate-item ul li {
    float: left;
    padding: .08rem .12rem;
    background-color: #ededed;
    color: #666;
    margin-right: .12rem;
    margin-bottom: .10rem;
}


.table > ul > li {
    overflow: hidden;
    padding: .17rem .12rem .16rem .20rem;
}

.table-left {
    font-size: .16rem;
}

.table-left i {
    /*width: .14rem;*/
    /*height: .17rem;*/
    margin-right: .09rem;
    padding-top: .14rem;
}

.table-left i.default {
    display: inline-block;
    background: url(c-jiaobiao.png) no-repeat center center;
}

.table-left i.action {
    display: none;
    background: url(c-jiaobiao-action.png) no-repeat center center;
}

.table > ul > li:hover .table-left i.action {
    display: inline-block;
}

.table > ul > li:hover .table-left i.default {
    display: none;
}

.table-right ul li {
    float: left;
    font-size: .16rem;
    margin-left: .12rem;
    cursor: pointer;
}

.evaluate {
    width: .48rem;
    background-color: #2f89eb;
}

.online-by {
    width: .76rem;
    background-color: #c2c2c2;
}

.online-by-dart {
    width: .76rem;
    background-color: #2f89eb;
}

.evaluate, .online-by, .evaluate a, .online-by a {
    width: .94rem;
    height: .28rem;
    line-height: .28rem;
    color: #ffffff;
    text-align: center;
    font-size: .16rem;
}

.evaluate a, online-by a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.guide {
    height: .26rem;
    line-height: .26rem;
    text-align: center;
    width: .94rem;
    border: solid 1px #2f89eb;
}

.guide a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #2f89eb;
    font-size: .16rem;
}


.sub {
    padding-top: .05rem;
    padding-bottom: .04rem;
    color: #2f89eb;
}

.sub i {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    margin-right: .04rem;
    background: url(c-sub-default.png) no-repeat center center;
    transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    background-size: 100% 100%;
}

.subed {
    color: #ee851e;
}

.subed i {
    background: url(c-sub-action.png) no-repeat center center;
    background-size: 100% 100%;
}

.table div.item-title {
    width: 7.85rem;
    padding-top: .06rem;
    font-size: .18rem;
}

.table > ul > li:hover {
    background-color: #EFF6FD;
}

.table > ul > li:hover .item-title {
    color: #2f89eb;
}

.table > ul > li {
    border-bottom: 1px dashed #e5e5e5;
}

/*法人办事*/

#legel li {
    position: relative;
    width: 2.67rem;
    height: 1.47rem;
    margin-right: .14rem;
}

#legel li a {
    width: 100%;
    padding-top: 0;
}

#legel li a > div {
    position: absolute;
    top: .35rem;
    left: .28rem;
    color: #fff;
    text-align: left;
}

#legel li a > div h3 {
    font-size: .24rem;
    margin-bottom: .10rem;
}

#legel li a > div p {
    font-size: .16rem;
}

.main-hader ul li a:hover {
    color: #2789ee;
}

.main-hader ul li a img {
    width: .60rem !important;
}

.main-hader li p {
    font-size: .17rem !important;
}

.main-hader ul li a {
    height: 1.19rem !important;
    padding-top: .17rem !important;
}

.main-footer .ul-warp > ul li {
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.12);
}

.main-footer .ul-warp > ul li {
    position: relative;
}

.person-search-warp select {
    padding-right: .35rem !important;
    padding-right: .4rem \9 !important;
    background-position: 1.23rem center !important;
}

.main-footer .ul-warp > ul li p {
    font-size: .18rem !important;
}

.main-footer .ul-warp > ul li.more {
    line-height: .60rem !important;
}

.online-by-action {
    background-color: #2f89eb;
}


.main-hader ul li a img {
    margin-bottom: .05rem !important;
}

.main-hader ul li a {
    width: 100% !important;
    background-color: #f3f9fd;
    border-radius: .08rem !important;
}

.main-footer .ul-warp > ul li {
    border-radius: .06rem !important;
}

.evaluate, .online-by, .guide {
    border-radius: .04rem !important;
}

.l-page a,
.l-page .go-page-action,
.l-page .go-page input {
    border-radius: .04rem !important;
}

.main-con {
    position: inherit;
    padding-top: .24rem !important;
    padding-bottom: .46rem !important;
}

.search-right .counts-list {
    font-size: .16rem !important;
    color: #999;
}

.person-headr-right {
    font-weight: bold;
    cursor: default !important;
}

/*.table ul > li:first-child {
    border-top: 1px dashed #e5e5e5;
}*/
.table {
    margin-top: .27rem !important;
}

.main-hader li p {
    font-weight: bold;
    width: 90% !important;
    /*width: 1.18rem !important;*/
    margin: 0 auto;
}

.main-footer-header {
    line-height: .34rem !important;
}

.highlight {
    color: #ee851e !important;
    margin-left: 0 !important;
}

.person-search-warp button {
    font-size: .16rem !important;
    height: .35rem !important;
}

.person-search-warp input {
    font-size: .16rem !important;
    border: solid 1px #2789ee;
}

.person-search-warp .search-left input {
    width: 3.5rem !important;
    height: .32rem;
}

.main-footer-header .l-pls {
    font-size: 26px;
    font-size: .26rem;
    line-height: 26px;
    line-height: .34rem;
    font-weight: bold;
    display: inline-block;
    color: #2789ee;
    padding-right: 80px;
    padding-right: .80rem;
    background: url(ll-arrow2.png) right center no-repeat;
    background-size: .37rem .2rem;
}

.main-footer-header .l-pls > img {
    height: .31rem;
    margin-top: -3px;
    margin-right: 20px;
    margin-right: .2rem;
}

/*.main-footer-header img {
    width: 2.21rem;
    height: .34rem;
}*/

.person-search-warp .search-left input {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

select::-ms-expand {
    display: none;
}

select {
    outline: none;
    appearance: none;
}

/*对width为1200px的盒子样式做适配*/
@media screen and (max-width:1680px) {
    .main-hader li p {
        font-size: .19rem !important;
    }
    .main-footer-header span {
        font-size: .2rem !important;
    } 
  .table div.item-title {
    font-size: .22rem;
  }
}

@media screen and (max-width: 1440px) {
    .banner h2, .main-con {
        width: 14.20rem;
    }
}

@media screen and (max-width: 1366px) {
    .banner h2, .main-con {
        width: 13.80rem;
    }

    .person-search-warp button {
        width: .6rem;
    }

    .main-hader ul li a {
        height: 1.3rem !important;
    }
}

@media screen and (max-width: 1200px) {
    .sub i {
        width: .2rem;
        height: .2rem;
    }

    .person-search-warp button {
        width: .7rem;
        font-size: .12rem !important;
    }

    .main-hader ul li a {
        height: 1.5rem !important;
    }

    .evaluate, .online-by, .evaluate a, .online-by a {
        transform: scale(0.9);
    }

    .guide a {
        transform: scale(0.8);
    }

    .table-left i {
        vertical-align: top;
        margin-top: -2px;
    }
    .search-right input {
        transform: scale(0.8) translateY(20%) \9;
    }


}