@charset "utf-8";


/*-----------public-style-----------*/

body {
    background: #fff;
    overflow-x: hidden;
}

.public-container {
    width: 1500px;
    margin: 0 auto;
}

.fl, .lf {
    display: block;
    float: left;
}

.fr, .rf {
    display: block;
    float: right;
}

.qing {
    display: block;
    clear: both;
}

.mgtop {
    margin-top: 30px;
}

.top-down-nav,
.nav-items a span,
.sevice-icon img,
.rib-items,
.subnav-items a,
.thlli-mask,
.pages-items a,
.thldm-nav-items,
.experts-pic img,
.jgjs-case-pic img,
.jgjsi-art-tit a,
.reff-list-tit a,
.epl-items a,
.btm-nav-items,
.thlli-tit a,
.til-pic img,
.til-tit a,
.design-tit a,
.design-pic img,
.btm-list-pic img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}



/* 头部 */

.header {
    background: #fff;
}

.header-top {
    position: relative;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    background: #f1f1f1;
    color: #4e4e4e;
}

.top-about {
    position: relative;
}

.top-about,
.top-phone {
    float: left;
    line-height: 40px;
    color: #bbb;
}

.top-about a span,
.top-phone span {
    padding: 0 26px;
    color: #4e4e4e;
}

.top-about a {
    color: #bbb;
}

.top-down-nav {
    display: none;
    position: absolute;
    width: 240px;
    left: 0;
    top: 100%;
    padding: 14px 10px 10px;
    background: #f1f1f1;
    text-align: center;
    color: #4e4e4e;
    z-index: 2;
}

.top-down-nav a {
    color: #4e4e4e;
}

.top-nav-items {
    float: left;
    width: 50%;
}

.top-nav-items p {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.top-nav-items .fewm-pic {
    margin: 0 auto;
}

.top-nav-items .fewm-text {
    padding-top: 10px;
    line-height: 1;
}

.logo-search {
    position: relative;
    height: 98px;
}

.logo {
    display: block;
    position: relative;
    margin-top: 16px;
}

.logo img {
    vertical-align: top;
}

.top-search {
    position: relative;
    display: block;
    margin-top: 28px;
    width: 344px;
    height: 42px;
    border: 2px solid #e5e4e2;
    box-sizing: border-box;
}

.search-text {
    width: 100%;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    border: 0 none;
    padding: 0 52px 0 18px;
    box-sizing: border-box;
    font-size: 12px;
    color: #8b8b8b;
}

.search-text:focus {
    border: 0 none;
    outline: none;
}

.search-sub {
    position: absolute;
    top: -2px;
    right: -2px;
    display: block;
    width: 52px;
    height: 42px;
    background: url('../img/search-sub.jpg') no-repeat;
    background-size: 100% 100%;
    border: 0 none;
    cursor: pointer;
    outline: none;
}



/* 导航 */

.nav {
    width: 100%;
    height: 50px;
    background: #3e3837;
    overflow: hidden;
}

.nav-items {
    display: block;
    float: left;
    position: relative;
    width: 11.11%;
    height: 100%;
    overflow: hidden;
}

.nav-line-first,
.nav-line {
    position: absolute;
    width: 1px;
    height: 22px;
    background: #524c4b;
}

.nav-line-first {
    left: 0;
    top: 14px;
}

.nav-line {
    right: 0;
    top: 14px;
}

.nav-items a {
    display: block;
    line-height: 50px;
    text-align: center;
    color: #fff;
}

.nav-items a span {
    position: relative;
    display: block;
    top: 0;
}

.nav-items-act a span,
.nav-items:hover a span {
    top: -50px;
}

.nav-items-act {
    background: #eb5923;
}

.nav-items-act .nav-line {
    display: none;
}

.nav-items-act .nav-line-first {
    display: none;
}



/* 头部end */


/* 底部end */

.footer {
    background: #333;
    overflow: hidden;
}

.footer-blend {
    overflow: hidden;
}

.footer-nav {
    padding: 35px 0 18px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-nav-block {
    float: left;
    width: 200px;
    padding-left: 50px;
    padding-bottom: 10px;
    border-left: 1px solid #404040;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fnb-tit {
    font-size: 14px;
    line-height: 2em;
    color: #ccc;
}

.fnb-main {
    margin-top: 22px;
}

.footer-nav-items a {
    font-size: 12px;
    line-height: 26px;
    color: #878686;
}

.footer-ewm {
    width: 393px;
    margin-top: 40px;
    padding: 0 58px 0 80px;
    border-right: 1px solid #404040;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-ewm p span {
    display: block;
}

.fewm-pic {
    display: block;
    width: 102px;
    height: 102px;
}

.fewm-pic img {
    width: 100%;
    vertical-align: top;
}

.fewm-text {
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    color: #878686;
}

.hotline-tel {
    position: relative;
    margin-top: 40px;
    padding-top: 10px;
    padding-left: 55px;
}

.hotline-tel span {
    display: block;
}

.hotline-icon {
    position: absolute;
    left: 0;
    top: 10px;
}

.hotline-text {
    padding-top: 7px;
    font-size: 14px;
    line-height: 1;
    color: #ccc;
}

.hotline-num {
    padding-top: 8px;
    font-size: 24px;
    line-height: 1;
    color: #f5cc20;
}

.work-time {
    margin-top: 10px;
    font-size: 12px;
    line-height: 2em;
    color: #878686;
}

.friendlink {
    margin-top: 16px;
}

.friendlink-tit {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 36px;
    font-weight: normal;
    color: #ccc;
    border-bottom: 1px solid #404040;
    box-sizing: border-box;
}

.friendlink-tit-line {
    display: block;
    position: absolute;
    width: 74px;
    height: 1px;
    background: #f5cc20;
    bottom: -1px;
}

.friendlink-link {
    margin-left: -5px;
    padding: 24px 0 26px;
    overflow: hidden;
}

.friendlink-link-items {
    float: left;
}

.friendlink-link-items,
.friendlink-link-items a {
    font-size: 12px;
    line-height: 2em;
    color: #878686;
}

.friendlink-link-items a {
    padding: 0 10px;
}

.copyright {
    border-top: 1px solid #404040;
    padding: 16px 0 26px;
    height:5px;
    overflow:hidden;
}

.copyright p {
    font-size: 12px;
    line-height: 2em;
    color: #878686;
}
.copyright p a {
    clear:both;
    color: #878686;
}



/* 底部end */


/* banner start */

.banner {
    position: relative;
}

.banner a {
    display: block;
}

.banner a img {
    vertical-align: top;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ban-box {
    height: auto;
    overflow: hidden;
    position: relative;
}

.ban-con {
    height: 402px;
    overflow: hidden;
    position: relative;
}

.ban-block {
    width: 9999px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.ban-con-items {
    float: left;
    width: 100%;
    height: 402px;
}

.ban-con-items a {
    display: block;
    width: 100%;
    height: 100%;
}

div.ban-icon {
    position: absolute;
    display: table;
    bottom: 10px;
    left: 50%;
    z-index: 2;
}

div.ban-icon a {
    float: left;
    width: 8px;
    height: 8px;
    margin: 0 4px;
    padding: 0;
    background: #fff;
    display: block;
    border-radius: 100%;
    text-indent: -1000px
}

div.ban-icon a.on {
    background: #3f3b3a;
}

.ban-hot {
    position: absolute;
    width: 264px;
    height: 380px;
    top: 10px;
    background: #fffefc;
}

.ban-hot-tit {
    position: relative;
    height: 52px;
    padding-left: 28px;
    font-size: 16px;
    font-weight: normal;
    line-height: 52px;
    color: #000;
    box-sizing: border-box;
    background: #fafaf7;
}

.ban-hot-line {
    position: absolute;
    display: block;
    width: 35px;
    height: 2px;
    left: 29px;
    bottom: 9px;
    background: #eb5923;
}

.ban-hot-list {
    padding-top: 13px;
}

.ban-hot-items a {
    display: block;
    padding: 0 28px;
    font-size: 12px;
    line-height: 34px;
    color: #3e3e3e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.ban-hot-items a span {
    padding-right: 4px;
    color: #eb5923;
}



/* banner end */


/* 服务和风向标 start */

.sevice-bellwether-main {
    border-bottom: 1px solid #dfdfdf;
    overflow: hidden;
}

.sevice-items {
    float: left;
    width: 264px;
    height: 182px;
}

.sevice-items a {
    display: block;
    width: 100%;
    height: 182px;
    border-left: 1px solid #dfdfdf;
    overflow: hidden;
}

.sevice-items-block {
    display: table;
    margin: 30px auto 0;
}

.sevice-icon {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.sevice-icon img {
    vertical-align: top;
}

.sevice-tit {
    display: block;
    margin-top: 14px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #eb5923;
}

.text-orange {
    color: #eb5923;
}

.sevice-text {
    display: block;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #767676;
}

.sevice-items:hover .sevice-icon img {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.bellwether {
    position: relative;
    width: 444px;
    height: 182px;
    padding: 32px 24px 24px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #dfdfdf;
    box-sizing: border-box;
}

.bellwether-tit {
    font-size: 18px;
    font-weight: normal;
    color: #eb5923;
}

.bellwether-tit small {
    margin-left: 6px;
    font-size: 12px;
    color: #cfcfcf;
}

.bellw-box {
    padding-top: 4px;
}

.bellw-box .hd {
    height: 22px;
    line-height: 22px;
}



/* 下面是前/后按钮代码，如果不需要删除即可 */

.bellw-box .arrow {
    position: absolute;
    right: 28px;
    top: 32px;
}

.bellw-box .arrow a {
    display: block;
    width: 22px;
    height: 22px;
    float: right;
    margin-left: 3px;
    overflow: hidden;
    cursor: pointer;
}

.bellw-pic {
    width: 78px;
    height: 78px;
    border-radius: 100%;
    text-align: center;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    overflow: hidden;
}

.bellw-pic img {
    max-width: 100%;
    vertical-align: top;
}

.bellw-art {
    margin-left: 92px;
}

.bellw-tit a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    color: #272727;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bellw-article a {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #767676;
    max-height: 60px;
}



/* 服务和风向标 end */


/* 加固技术 jgjs start */

.jgjs {
    margin-top: 19px;
}

.index-tit {
    font-size: 30px;
    font-weight: normal;
    line-height: 64px;
    color: #403b3b;
}

.jgjs-main {
    padding: 30px 0 44px;
    box-sizing: border-box;
    background: #f7f7f7;
    overflow: hidden;
}

.jgjs-items {
    float: left;
    width: 33.33%;
    padding: 0 30px;
    border-left: 1px solid #d8d8d8;
    box-sizing: border-box;
}

.jgjs-items:first-child {
    border: 0 none;
}

.jgjsi-tit {
    position: relative;
    padding-left: 9px;
    padding-bottom: 16px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.jgjsi-tit-line {
    position: absolute;
    display: block;
    width: 75px;
    height: 2px;
    left: 3px;
    bottom: -1px;
    background: #eb5923;
}

.jgjsi-items {
    height: 94px;
    border-bottom: 1px dashed #dfdfdf;
    box-sizing: border-box;
}

.jgjsi-items-main {
    display: block;
    height: 100%;
    padding: 18px 38px 18px 0;
    box-sizing: border-box;
}

.jgjsi-num {
    width: 56px;
    height: 56px;
}

.jgjsi-num img {
    width: 100%;
    vertical-align: top;
}

.jgjsi-art {
    margin-left: 70px;
}

.jgjsi-art-tit {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jgjsi-art-tit a {
    display: block;
    color: #000;
}

.jgjsi-article {
    margin-top: 8px;
    font-size: 12px;
    line-height: 2em;
    color: #8a8a8a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jgjsi-article a {
    display: block;
    color: #8a8a8a;
}

.jgjs-case-items {
    height: 140px;
    border-bottom: 1px dashed #dfdfdf;
    box-sizing: border-box;
}

.jci-main {
    display: block;
    height: 100%;
    padding: 28px 0;
    box-sizing: border-box;
}

.jci-main .jgjsi-art-tit a {
    color: #000;
}

.jgjs-case-pic {
    display: block;
    width: 126px;
    overflow: hidden;
}

.jgjs-case-pic img {
    vertical-align: top;
    width: 100%;
}

.jgjs-case-art {
    margin-left: 148px;
}

.jgjs-case-article {
    height: 4em;
    margin-top: 8px;
    font-size: 12px;
    line-height: 2em;
    color: #8a8a8a;
    overflow: hidden;
}

.jgjs-case-article a {
    display: block;
    color: #8a8a8a;
}

.jgjs-case-items:hover .jgjs-case-pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.jgjsi-items:hover .jgjsi-art-tit a,
.jgjs-case-items:hover .jgjsi-art-tit a {
    padding-left: 0.5em;
    color: #eb5923;
}



/* 加固技术 jgjs end */


/* 加固论坛 refcem-forum start */

.refcem-forum {
    margin-top: 19px;
}

.refcem-forum-tit {
    overflow: hidden;
}

.refcem-forum-more {
    font-size: 14px;
    line-height: 64px;
    color: #000;
}

.refcem-forum-more span img {
    vertical-align: middle;
}

.reff-main {
    position: relative;
    height: 432px;
}

.reff-main::after {
    display: block;
    position: absolute;
    content: '';
    top: 100%;
    width: 100%;
    height: 12px;
    margin-top: -13px;
    z-index: -1;
    box-shadow: 0 12px 12px #f2f2f2;
}

.reff-l {
    width: 1144px;
    height: 432px;
    /*overflow: hidden;*/
}

.reff-pic {
    width: 412px;
    height: 432px;
}

.reff-pic img {
    width: 100%;
    vertical-align: top;
}

.reff-list {
    margin-left: 0;
    width: 50%;
    height: 432px;
    float: left;
    position: relative;
    padding: 5px 32px 18px 30px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.reff-list-items {
    height: 82px;
    padding-top: 15px;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.reff-list-items:first-child {
    border: 0 none;
}

.reff-list-tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 2em;
    color: #403b3b;
}

.reff-list-tit a {
    display: block;
    color: #403b3b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reff-list-art {
    margin-top: 2px;
    font-size: 12px;
    line-height: 2em;
    color: #767676;
}

.reff-list-art a {
    display: block;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.reff-list-items:hover .reff-list-tit a {
    padding-left: 0.5em;
    color: #eb5923;
}

.essence-post {
    position: relative;
    width: 356px;
    height: 432px;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
}

.essence-post-tit {
	display: block;
    position: absolute;
    left: 18px;
    top: -15px;
    background: #fff;
    padding: 0 10px;
    line-height: 30px;
    font-size: 20px;
    color: #ea5922;
    font-weight: normal;
}

.essence-post-list {
    padding: 15px 25px;
    box-sizing: border-box;
}

.epl-items a {
    position: relative;
    display: block;
    padding-left: 20px;
    font-size: 12px;
    line-height: 40px;
    color: #403b3b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.epl-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
}

.epl-icon img {
    vertical-align: top;
}

.epl-items:hover a {
    padding-left: 30px;
}



/* 加固论坛 refcem-forum end */


/* 加固信息 refcem-info start */

.refcem-info {
    margin-top: 16px;
}

.refcem-info-main {
    overflow: hidden;
}

.refcem-info-block {
    width: 49.07%;
    height: 372px;
    border-width: 2px 1px 1px 1px;
    border-style: solid;
    border-color: #eb5923 #dfdfdf #dfdfdf #dfdfdf;
    box-sizing: border-box;
}

.refcem-info-tit {
    padding: 0 28px;
    border-bottom: 1px solid #dfdfdf;
    box-sizing: border-box;
    overflow: hidden;
}

.rit-title {
    font-size: 20px;
    font-weight: normal;
    line-height: 55px;
    color: #eb5923;
}

.rit-more {
    font-size: 12px;
    line-height: 55px;
    color: #000;
}

.rit-more-icon {
    vertical-align: middle;
}

.rib-items {
    height: 104px;
    padding: 0 23px 0 28px;
    box-sizing: border-box;
}

.rib-items-main {
    position: relative;
    display: block;
    height: 100%;
    padding-top: 16px;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
}

.rib-items:last-child .rib-items-main {
    border: 0 none;
}

.ribi-tit {
    display: block;
    max-width: 100%;
    padding-right: 8em;
    font-size: 16px;
    font-weight: normal;
    line-height: 2em;
    color: #0a0a0a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ribi-tit a {
    display: block;
    color: #0a0a0a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ribi-info-items {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 2em;
    color: #6c6c6c;
}

.ribi-info {
    margin-top: 8px;
    margin-left: -42px;
    overflow: hidden;
}

.ribi-info-items {
    margin-left: 42px;
}

.ribi-info-items span {
    color: #0a0a0a;
}

.ribi-tag {
    position: absolute;
    display: block;
    max-width: 8.7rem;
    right: 0px;
    top: 18px;
    padding: 0 16px;
    height: 30px;
    font-size: 14px;
    line-height: 28px;
    color: #535353;
    border-radius: 30px;
    border: 1px solid #fed000;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rib-items:hover {
    background: #faf5de;
}

.rib-items:hover .ribi-tit a {
    border: 0 none;
}



/* 加固信息 refcem-info end */


/* 精品材料 boutique-material start */

.boutique-material {
    margin-top: 26px;
}

.boutique-material .public-container {
    position: relative;
}

.btm-nav {
    position: absolute;
    right: 0;
    top: 15px;
}

.btm-nav-items {
    display: block;
    float: left;
    height: 36px;
    margin-left: 14px;
    padding: 0 28px;
    font-size: 16px;
    line-height: 34px;
    color: #3f3b3a;
    border: 1px solid #d7d7d7;
    border-radius: 36px;
    box-sizing: border-box;
    cursor: pointer;
}

.btm-nav-items:hover,
.btm-nav-items.on {
    border-color: #eb5923;
    background: #eb5923;
    color: #fff;
}

.btm-main {
    padding-top: 20px;
    padding-bottom: 55px;
    overflow: hidden;
}

.btm-list {
    margin-left: -22px;
}

.btm-list-items {
    float: left;
    width: 20%;
    padding-left: 22px;
    box-sizing: border-box;
}

.btm-list-pic {
    display: block;
    position: relative;
    text-align: center;
    overflow: hidden;
    height: 208px;
}

.btm-list-pic img {
    width: 100%;
    vertical-align: top;
}


/*end*/
.btm-list-art {
    position: relative;
    display: block;
    padding: 30px 16px;
    box-sizing: border-box;
    background: #f9f9f9;
}

.btm-list-art span {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.btm-list-tit {
    font-size: 16px;
    line-height: 1.6em;
    color: #000;
}

.btm-list-text {
    display: block;
    height: 2em;
    font-size: 12px;
    line-height: 2em;
    color: #6c6c6c;
}

.btm-list-icon {
    display: block;
    position: absolute;
    width: 38px;
    height: 38px;
    left: 50%;
    top: 100%;
    margin-left: -19px;
    margin-top: -19px;
    background: #fff;
    border-radius: 100%;
}

.btm-list-icon i {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 100%;
    background: #eaeaea;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    color: #000;
}

.btm-list-items:hover .btm-list-pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



/* 精品材料 boutique-material end */


/*---------------------------- 加固技术 technology start ----------------------------*/

.web-address {
    background: #f3f3f3;
}

.web-address-main {
    padding: 16px 0;
    font-size: 12px;
    line-height: 2em;
    color: #858585;
}

.web-address a {
    color: #858585;
}

.web-address .web-address-now {
    color: #eb5923;
}

.web-address-arrow {
    padding: 0 4px;
    font-family: "simsun";
}

.subnav-bar {
    display: table;
    margin: 26px auto;
}

.subnav-items {
    float: left;
    margin: 10px;
}

.subnav-items a {
    display: block;
    padding: 0 2.2em;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    color: #000;
    border: 1px solid #dcdcdc;
    border-radius: 52px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.subnav-items-act a,
.subnav-items:hover a {
    color: #fff;
    background: #eb5923;
    border-color: #eb5923;
}



/* technology-main */

.thl-list {
    margin-left: -20px;
    overflow: hidden;
}

.thl-list-items {
    float: left;
    width: 25%;
    margin-bottom: 20px;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.thlli-block {
    padding: 18px 19px;
    border: 1px solid #dbdbdb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.thlli-pic {
    display: block;
    position: relative;
    overflow: hidden;
}

.thlli-picture {
    display: block;
    height: 209px;
    overflow: hidden;
}

.thlli-picture img {
    width: 100%;
    vertical-align: top;
}

.thlli-mask {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/thlli-mask-bg.png') repeat;
    overflow: hidden;
}

.thlli-mask i {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 61px;
    height: 61px;
    margin-left: -30px;
    margin-top: -30px;
}

.thlli-tit {
    margin-top: 23px;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.thlli-tit a {
    display: block;
    color: #000;
}

.thlli-art {
    margin-top: 12px;
    font-size: 12px;
    line-height: 20px;
    color: #8a8a8a;
}

.thlli-art a {
    display: block;
    color: #8a8a8a;
    height: 40px;
    max-height: 40px;
    overflow: hidden;
}

.thl-list-items:hover .thlli-tit a {
    padding-left: 0.5em;
    color: #eb5923;
}



/* 分页 pages */

.pages {
    display: table;
    margin: 16px auto 43px;
    overflow: hidden;
}

.pages-items {
    float: left;
    margin: 0 8px;
}

.pages-items a {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #777;
    border: 1px solid #d5d5d5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pages-prev,
.pages-next {
    font-size: 18px;
    font-family: "simsun";
}

.pages-items-act a,
.pages-items:hover a {
    color: #eb5923;
    border-color: #eb5923;
}



/* 行业风向 */

.thl-vane {
    padding: 16px 0 56px;
    background: #f3f3f3;
    overflow: hidden;
}

.thl-vane-tit {
    margin: 26px 0;
    font-size: 30px;
    font-weight: normal;
    line-height: 1;
    color: #403b3b;
}

.thl-vane-l {
    /* width: 1016px; */
    width: 67.73%;
    max-width: 67.73%;
}

.vane-nav-items {
    position: relative;
    width: 204px;
    height: 148px;
    margin-bottom: 5px;
    cursor: pointer;
    background: #fff;
}

.vane-nav-icon {
    position: absolute;
    display: table;
    left: 50%;
    top: 50%;
    *margin-top: -36px;
    *margin-left: -2em;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vane-nav-icon span {
    display: block;
    text-align: center;
}

.vane-nav-items.on {
    background: #fecb00;
}

.vane-nav-items.on:after,
.vane-nav-items.on::after {
    position: absolute;
    display: block;
    content: '';
    right: -14px;
    top: 50%;
    margin-top: -14px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 14px solid #fecb00;
}

.vane-con {
    margin-left: 242px;
}

.vane-list {
    width: 368px;
    margin-top: -6px;
}

.vane-list-items {
    position: relative;
    padding: 0 92px 0 14px;
}

.vane-list-items a {
    display: block;
    max-width: 100%;
    font-size: 12px;
    line-height: 35px;
    color: #403b3b;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vli-icon {
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    left: 0;
    top: 50%;
    margin-top: -4px;
    border-radius: 6px;
    background: #eb5923;
}

.vli-time {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    line-height: 35px;
    color: #a9a7a7;
}

.vane-items-pat {
    width: 360px;
    background: #fff;
}

.vane-items-pat a {
    display: block;
}

.vi-pic {
    width: 100%;
    height: 253px;
    overflow: hidden;
}

.vi-pic img {
    width: 100%;
    vertical-align: top;
}

.vi-text {
    max-width: 100%;
    padding: 0 20px;
    font-size: 12px;
    line-height: 48px;
    color: #403b3b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vane-list-items:hover a {
    color: #eb5923;
}

.vane-items-pat:hover a {
    color: #eb5923;
}



/* 技术创新 */

.thliiv {
    position: relative;
    /* width: 430px; */
    width: 28.666%;
}

.thliiv-tit {
    padding-bottom: 17px;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    box-sizing: border-box;
    border-bottom: 1px solid #dfdfdf;
}

.thliiv-box {
    position: relative;
}

.thliiv-box .arrow {
    position: absolute;
    right: 0;
    top: -39px;
}

.thliiv-box .arrow a {
    display: block;
    width: 22px;
    height: 22px;
    float: right;
    margin-left: 3px;
    overflow: hidden;
    cursor: pointer;
}

.thliiv-items-list {
    padding-top: 8px;
}

.til-items {
    padding: 22px 0;
    overflow: hidden;
    border-bottom: 1px dashed #cecece;
}

.til-pic {
    display: block;
    width: 126px;
    height: 82px;
    overflow: hidden;
}

.til-pic img {
    vertical-align: top;
}

.til-article {
    margin-left: 146px;
}

.til-tit {
    font-size: 14px;
    line-height: 2em;
    font-weight: normal;
    color: #000;
}

.til-tit a {
    display: block;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.til-art {
    margin-top: 7px;
    font-size: 12px;
    line-height: 2em;
    color: #8a8a8a;
}

.til-art a {
    display: block;
    color: #8a8a8a;
    max-height: 4em;
    overflow: hidden;
}

.til-items:hover .til-pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.til-items:hover .til-tit a {
    padding-left: 0.5em;
    color: #eb5923;
}



/* technology-details */

.thld-main {
    width: 77.866%;
}

.thl-details {
    padding-bottom: 70px;
    overflow: hidden;
}

.thldm-nav {
    padding: 38px 0 34px;
    overflow: hidden;
}

.thldm-nav-items {
    float: left;
    margin-right: 18px;
    padding: 0 32px;
    font-size: 16px;
    line-height: 40px;
    color: #000;
    border: 1px solid #c9c9c9;
    border-radius: 42px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.thldm-nav-items:hover,
.thldm-nav-items.on {
    color: #fff;
    background: #eb5923;
    border-color: #eb5923;
}

.thldm-items p {
    font-size: 16px;
    line-height: 28px;
    color: #5c5b5b;
}

.thldm-items p img {
    max-width: 100%;
    display: block;
    margin: 0 auto 6px;
}

.thld-side {
    margin-top: 114px;
}

.item-parameter {
    width: 300px;
    padding: 12px 28px 27px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item-parameter-tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 2em;
    color: #eb5923;
    border-bottom: 1px solid #e9e9e9;
}

.itemp-items {
    position: relative;
    padding-left: 31px;
    font-size: 14px;
    line-height: 28px;
    color: #434343;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.itemp-text {
    display: block;
    padding: 14px 0;
    border-bottom: 1px solid #e9e9e9;
}

.itemp-icon {
    position: absolute;
    left: 0;
    top: 17px;
}



/*---------------------------- 加固技术 technology end ----------------------------*/


/*---------------------------- 加固信息 info start ----------------------------*/

.info-main {
    padding: 30px 0 0;
    overflow: hidden;
}

.info-screen-nav {
    overflow: hidden;
    background: #fdda52;
}

.infosn-items {
    float: left;
}

.infosn-items a {
    display: block;
    min-width: 196px;
    padding: 0 1em;
    font-size: 20px;
    line-height: 58px;
    text-align: center;
    color: #000;
    background: #fdca03;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.infosn-items.on a {
    color: #fff;
    background: #eb5923;
}

.info-screen-main {
    padding: 16px 28px 14px;
    border: 1px solid #e3e3e3;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.info-sum-tit {
    line-height: 2em;
    color: #5c5c5c;
}

.info-sum-option {
    overflow: hidden;
}

.infoso-items {
    float: left;
    margin-left: 19px;
}

.infoso-items a {
    display: block;
    padding: 0 1em;
    line-height: 2em;
    color: #777;
}

.infoso-items:hover a,
.infoso-items.on a {
    background: #eb5923;
    color: #fff;
}

.search-block {
    height: 44px;
    margin: 31px 0;
    font-size: 14px;
    color: #636363;
}

.sycs {
    line-height: 44px;
    margin-right: 8px;
}

.info-province,
.info-citys {
    margin-left: 13px;
}

.info-province .wide,
.info-citys .wide {
    width: 216px;
    height: 44px;
    padding: 0 20px;
    border-color: #d0d0d0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #636363;
}

.prov-city .beaSelect .beaSelectBox {
    width: 214px !important;
}

.prov-city .beaSelect .beaSelectList {
    width: 214px !important;
}

.prov-city .beaSelect .beaSelectText {
    background: url('../img/select-bg.png') no-repeat;
    background-position: 190px 18px;
}



/* 省市联动 */

.beaSelect {
    display: inline-block!important;
    position: relative;
    height: 44px;
    margin-right: 10px;
    top: 0;
    left: 0;
    vertical-align: middle;
    font-size: 14px;
    line-height: 42px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.beaSelect .beaSelectBox {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.beaSelect .beaSelectText {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    height: 44px !important;
    line-height: 42px !important;
    color: #333;
    padding: 0 20px;
    height: 100%;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.beaSelect .beaSelectList {
    position: absolute;
    left: 0;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-top: none;
    display: none;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.beaSelect .beaSelectList ul li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 5px;
    line-height: 42px;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.beaSelect .beaSelectList ul li:hover {
    background-color: #4390F5;
    color: #fff;
}

.beaSelect .beaSelectList ul li.beaSelected {
    background-color: #4390F5;
    color: #fff;
}

.beaDisabled .beaSelectText {
    background-color: #e1e1e1;
    color: #999;
}

.beaSelect .beaSelectList ul li:last-child {
    border-bottom: 0 none;
}



/* 公司类型 */

.company-type {
    margin-left: 12px;
}

.company-type .beaSelect .beaSelectBox {
    width: 465px !important;
}

.company-type .beaSelect .beaSelectList {
    width: 465px !important;
}

.company-type .beaSelect .beaSelectText {
    background: url('../img/select-bg.png') no-repeat;
    background-position: 440px 18px;
}



/* 发布时间 */

.release-time {
    margin-left: 16px;
}

.release-time .beaSelect .beaSelectBox {
    width: 236px !important;
}

.release-time .beaSelect .beaSelectList {
    width: 236px !important;
}

.release-time .beaSelect .beaSelectText {
    background: url('../img/select-bg.png') no-repeat;
    background-position: 210px 18px;
}

.screen-search input {
    display: block;
    width: 102px;
    height: 44px;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #eb5923;
    border: 0 none;
    cursor: pointer;
}



/* 表格 */

.info-table {
    padding-bottom: 19px;
}

.info-table-main {
    width: 100%;
    text-align: left;
    border: 1px solid #e4e4e4;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-animation: zoomIn 0.5s linear;
    -o-animation: zoomIn 0.5s linear;
    animation: zoomIn 0.5s linear;
}

@keyframes zoomIn {
    from {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

.info-table-main thead {
    background: #faf5de;
}

.info-table-main th {
    padding: 0 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 60px;
    color: #000;
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info-table-main td {
    padding: 13px 20px;
    font-size: 14px;
    line-height: 2em;
    color: #636363;
    border: 1px solid #e4e4e4;
}

.company-name {
    max-width: 44.8em;
}

.info-table-main td a {
    display: block;
    color: #636363;
    max-width: 28em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/*---------------------------- 加固信息 info end ----------------------------*/


/*---------------------------- 结构设计 design start ----------------------------*/

.design-main {
    padding: 40px 0 16px;
    overflow: hidden;
}

.design-main-l {
    /* width: 1180px; */
    width: 78.666%;
}

.region,
.range {
    position: relative;
}

.region-block,
.range-block {
    margin: 0;
    padding: 14px 94px 14px 24px;
    font-size: 12px;
    line-height: 28px;
    color: #777;
    border: 1px solid #e7e7e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.region-block,
.range-block {
    height: 58px;
    overflow: hidden;
}

.range-block {
    border-top: 0 none;
}

.region-main,
.range-main {
    margin-left: 5em;
}

.region-main a,
.range-main a {
    display: block;
    float: left;
    margin-left: 12px;
    margin-bottom: 6px;
    padding: 0 16px;
    line-height: 28px;
    color: #777;
}

.region-main a.on,
.range-main a.on {
    color: #fff;
    background: #eb5923;
}

.design-more {
    position: absolute;
    display: block;
    padding: 0 1em;
    right: 16px;
    top: 14px;
    font-size: 12px;
    line-height: 28px;
    color: #787878;
    border: 1px solid #cacaca;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.design-block {
    height: auto;
}

.design-list {
    padding: 15px 0 30px;
}

.design-items {
    overflow: hidden;
}

.design-pic {
    position: relative;
    display: block;
    width: 226px;
    height: 140px;
    margin: 22px 0;
    padding: 5px;
    border: 1px solid #e8e8e8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    vertical-align: middle;
}

.design-pic img {
    width: 216px;
    max-height: 130px;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.design-items-main {
    position: relative;
    margin-left: 254px;
    padding: 22px 228px 22px 0;
    border-bottom: 1px solid #e8e8e8;
}

.design-tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 38px;
    color: #000;
}

.design-tit a {
    display: block;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.design-aut {
    margin-top: 12px;
    overflow: hidden;
}

.design-aut-items {
    margin-right: 21px;
    font-size: 12px;
    line-height: 21px;
}

.design-aut-y,
.design-aut-z,
.design-aut-a {
    display: block;
    width: 21px;
    text-align: center;
    color: #fff;
}

.design-aut-y {
    background: #bcb77d;
}

.design-aut-z {
    background: #65b6ea;
}

.design-aut-a {
    background: #6cd9a9;
}

.design-aut-whether {
    margin: 0 6px;
}

.design-art {
    margin-top: 18px;
    font-size: 12px;
    line-height: 2em;
    color: #6c6c6c;
}

.design-art a {
    display: block;
    min-height: 4em;
    color: #6c6c6c;
}

.design-order {
    position: absolute;
    right: 0;
    top: 22px;
    padding: 0 12px;
    width: 154px;
}

.design-items:hover .design-tit a {
    padding-left: 0.5em;
    color: #eb5923;
}

.design-items:hover .design-pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.company-hot {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #d86424;
}

.grade {
    display: table;
    margin: 18px auto 0;
}

.stars,
.grade-num {
    display: block;
    float: left;
}

.stars a {
    display: inline-block;
}

.grade-num {
    margin-left: 4px;
    font-size: 12px;
    line-height: 18px;
    color: #5c5c5c;
}

.design-order-btn {
    display: block;
    margin: 28px auto 0;
    width: 130px;
    height: 34px;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    color: #c9591c;
    border: 1px solid #d86424;
}



/* 模态框 */

.md-content {
    position: relative;
    padding: 30px 40px 52px;
    background: #fff;
}

.md-content .md-order-tit {
    padding: 0;
    font-size: 30px;
    line-height: 58px;
    background: none;
    opacity: 1;
}

.md-order-form {
    margin-top: 28px;
    font-size: 14px;
    color: #585858;
}

.md-order-name,
.md-order-tel {
    margin-bottom: 20px;
}

.md-order-name input,
.md-order-tel input {
    margin-left: 14px;
    width: 482px;
    height: 56px;
    padding: 0.5em;
    border: 1px solid #d3d3d3;
    line-height: 54px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.md-content .beaSelect {
    height: 56px;
    margin-right: 0;
    margin-left: 18px;
}

.md-content .sycs {
    margin-right: 0;
}

.md-content .beaSelect .beaSelectText {
    height: 56px !important;
    line-height: 54px !important;
    background: url('../img/md-arrow.png') no-repeat;
    background-position: 196px 22px;
}

.md-content .beaSelect .beaSelectBox {
    width: 230px !important;
}

.md-content .beaSelect .beaSelectList {
    width: 230px !important;
    min-height: 42px;
}

.md-sub {
    display: block;
    margin-top: 40px;
}

.md-sub input {
    display: block;
    width: 208px;
    height: 56px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 56px;
    color: #fff;
    background: #eb5923;
    border: 0 none;
    cursor: pointer;
    outline: none;
}

.md-close {
    position: absolute;
    display: block;
    top: 18px;
    right: 20px;
}

.md-close img {
    vertical-align: top;
}



/* 侧栏 */

.design-side {
    width: 300px;
}

.budget {
    width: 100%;
    margin-bottom: 20px;
    padding: 26px 19px 29px;
    background: #faf5de;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.budget-tit {
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    color: #000;
}

.budget-num {
    margin-bottom: 14px;
    font-size: 12px;
    line-height: 2em;
    text-align: center;
    color: #797979;
}

.budget-num span {
    color: #eb5923;
}

.budget-type {
    position: relative;
    height: 46px;
    margin-bottom: 9px;
    border: 1px solid #e0dbc7;
    background: #fff;
}

.budget .beaSelect {
    float: right;
    width: 174px;
    height: 46px;
    margin-right: 0;
}

.budget .beaSelect .beaSelectText {
    width: 174px;
    height: 46px !important;
    padding: 0;
    font-size: 14px;
    line-height: 46px !important;
    color: #b7b7b7;
    border: 0 none;
    background: url('../img/md-arrow.png') no-repeat;
    background-position: 145px 19px;
}

.budget .beaSelect .beaSelectList {
    width: 262px !important;
    margin-left: -87px;
}

.budget-type-tit {
    position: absolute;
    left: 16px;
    font-size: 14px;
    line-height: 46px;
    color: #515151;
}

.budget-area {
    position: relative;
    height: 46px;
    margin-bottom: 9px;
    border: 1px solid #e0dbc7;
    background: #fff;
}

.budget-area input {
    float: right;
    display: block;
    width: 174px;
    border: 0 none;
    font-size: 14px;
    line-height: 44px;
    color: #b7b7b7;
    outline: none;
}

.budget-area input::-webkit-input-placeholder {
    color: #c7c7c7;
}

.budget-sub input {
    width: 100%;
    height: 39px;
    font-size: 16px;
    line-height: 39px;
    text-align: center;
    color: #fff;
    background: #eb5923;
    border: 0 none;
    outline: none;
    cursor: pointer;
}

.design-sevice {
    margin-bottom: 20px;
    padding: 3px 28px 23px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.design-sevice-items {
    padding: 22px 0;
    border-bottom: 1px solid #e6e6e6;
}

.dsi-pic {
    width: 36px;
}

.dsi-pic img {
    width: 100%;
    vertical-align: top;
}

.dsi-art {
    margin-left: 52px;
}

.dsi-tit {
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    color: #eb5923;
}

.dsi-article {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.recommend {
    margin-bottom: 20px;
    padding: 8px 28px 24px;
    border: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.recommend-tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    border-bottom: 1px solid #e6e6e6;
}

.recommend-items {
    padding: 14px 0;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.recomd-pic {
    width: 82px;
    overflow: hidden;
}

.recomd-pic img {
    width: 100%;
    vertical-align: top;
}

.recomd-main {
    margin-left: 100px;
    overflow: hidden;
}

.recomd-name {
    display: block;
    font-size: 14px;
    line-height: 20px;
    /* text-align: center; */
}

.recomd-name a {
    color: #000;
}

.recomd-main {
    margin-top: 4px;
}

.recomd-main .stars {
    display: block;
    width: 100%;
    margin-top: 6px;
    text-align: center;
}

.recomd-main .stars span {
    display: inline-block;
}

.recomd-main .stars span img {
    vertical-align: top;
}

.design-details {
    padding: 40px 0 36px;
    overflow: hidden;
}

.designd-title {
    position: relative;
    width: 100%;
    padding: 32px 258px 32px 38px;
    background: #faf5de;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.designd-tit {
    margin-bottom: 14px;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    color: #000;
}

.designdt-text {
    font-size: 14px;
    line-height: 2em;
    color: #868686;
}

.designdt-btn {
    display: block;
    position: absolute;
    right: 30px;
    top: 54px;
    width: 182px;
    height: 58px;
    font-size: 16px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    background: #eb5923;
}

.designd-main {
    width: 100%;
    min-height: 687px;
    margin-top: 20px;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.designd-l {
    width: 299px;
    min-height: 685px;
    border-right: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.designd-logo {
    width: 100%;
    height: 100%;
    text-align: center;
}
.designd-logo img {
    width: 100%;
    vertical-align: top;
}

.designd-info {
    padding: 0 30px;
    border-top: 1px solid #e0e0e0;
}

.designdi-contact {
    padding: 10px 0;
}

.designdi-contact-items {
    position: relative;
    min-height: 25px;
    margin-top: 15px;
    padding-left: 38px;
    font-size: 14px;
    line-height: 25px;
}

.dci-icon {
    position: absolute;
    display: block;
    left: 0;
    font-size: 0;
}

.dci-icon img {
    vertical-align: top;
}

.designdi-type {
    margin-top: 10px;
}

.designdi-type-tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 2em;
    color: #eb5923;
}

.designdi-type-list {
    margin-top: 6px;
}

.designdi-type-items {
    font-size: 14px;
    line-height: 30px;
    color: #6a6a6a;
}

.designd-r {
    margin-left: 299px;
    padding: 30px 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.designdr-tit {
    position: relative;
    display: block;
    padding-left: 0.5em;
    font-size: 18px;
    font-weight: normal;
    line-height: 22px;
    color: #eb5923;
}

.designdr-tit-line {
    display: block;
    position: absolute;
    left: 0;
    top: 1px;
    width: 3px;
    height: 20px;
    background: #eb5923;
}

.log-on {
    position: relative;
}

.log-on-mian {
    width: 100%;
    margin-top: 14px;
    font-size: 14px;
    line-height: 28px;
    color: #5f5f5f;
}

.tch {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    line-height: 22px;
}

.tch span {
    display: block;
    float: left;
}

.tch-tit {
    padding-right: 5px;
    font-size: 14px;
    color: #d86424;
}

.tch-stars {
    padding-top: 2px;
}

.tch-stars i {
    padding: 0 3px;
}

.tch-stars i img {
    margin-top: 2px;
    vertical-align: top;
}

.tch-grade {
    padding-left: 3px;
    font-size: 12px;
    color: #5c5c5c;
}

.company-profile,
.services {
    margin-top: 30px;
}

.designdr-art {
    margin-top: 14px;
    font-size: 14px;
    line-height: 30px;
    color: #5f5f5f;
}



/*---------------------------- 结构设计 design end ----------------------------*/


/*---------------------------- 精品材料 material start ----------------------------*/

.material-address {
    background: #f3f3f3;
}

.material-tit {
    font-size: 20px;
    font-weight: normal;
    line-height: 58px;
    color: #000;
}

.material-main {
    padding: 30px 0 19px;
    overflow: hidden;
}

.material-side {
    width: 276px;
}

.material-nav {
    width: 100%;
    padding: 0 30px 30px;
    background: #fdda52;
    border-top: 5px solid #64583c;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.material-side-items {
    position: relative;
    font-size: 16px;
    line-height: 58px;
    color: #000;
    border-bottom: 1px solid #e7c543;
}

.material-side-items a {
    position: relative;
    display: block;
    padding-right: 20px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.msi-line {
    display: none;
    position: absolute;
    width: 4px;
    height: 24px;
    top: 17px;
    left: -12px;
    background: #998020;
}

.material-side-items.on .msi-line {
    display: block;
}

.msi-arrow {
    position: absolute;
    right: 0;
    top: 22px;
}

.msi-arrow img {
    vertical-align: top;
}

.material-list {
    margin-left: 305px;
}

.material-list .btm-list-items {
    width: 25%;
    margin-bottom: 50px;
}

.material-list .btm-list {
    overflow: hidden;
}

.web-address {
    overflow: hidden;
}



/* material-details */

.material-details {
    margin-left: 305px;
    padding-bottom: 53px;
}

.pro-parameter {
    padding: 32px 30px 38px;
    border: 1px solid #e3e3e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.pro-show {
    position: relative;
}

.pro-pic img {
    vertical-align: top;
}

.pro-icon {
    position: absolute;
    right: 18px;
    bottom: 17px;
    z-index: 2
}

.pro-icon-items {
    float: left;
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 4px;
    border-radius: 11px;
    background: #bbb;
    cursor: pointer;
}

.pro-icon-items.on {
    background: #eb5923;
}

.propar-main {
    margin-left: 628px;
}

.propar-title {
    margin-bottom: 39px;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
}

.propar-tit {
    font-size: 30px;
    font-weight: normal;
    line-height: 46px;
    color: #000;
}

.propar-tit-small {
    font-size: 12px;
    line-height: 2em;
    color: #a5a5a5;
}

.propar-intro {
    margin-bottom: 28px;
}

.propar-intro .designdr-tit {
    font-size: 16px;
}

.propar-intro .designdr-tit-line {
    top: 2px;
    height: 18px;
}

.propar-intro-list {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #606060;
}

.propari-items {
    position: relative;
    padding-left: 22px;
    font-size: 14px;
    line-height: 24px;
    color: #606060;
}

.propari-icon {
    display: block;
    position: absolute;
    left: 10px;
    top: 9px;
}

.propari-icon img {
    vertical-align: top;
}

.pro-details {
    margin-top: 20px;
    border: 1px solid #e3e3e3;
}

.pro-details-tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 58px;
    padding-left: 28px;
    background: #f3f3f3;
}

.pro-details-art {
    padding: 20px 28px 70px 28px;
    font-size: 14px;
    line-height: 36px;
    color: #616161;
}

.pro-details-art p {
    position: relative;
    /* padding-left: 12px; */
}


/* .pro-details-art p::before {
    display: block;
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    left: 0;
    top: 14px;
    background: #616161;
    border-radius: 7px;
} */


/*---------------------------- 精品材料 material end ----------------------------*/


/*---------------------------- 加固问答 issue start ----------------------------*/

.issue-main {
    padding-top: 9px;
}

.issue-ask {
    width: 78.53%;
}

.issue-ask-tit {
    padding: 13px 0;
    font-size: 30px;
    font-weight: normal;
    line-height: 48px;
    color: #403b3b;
}

.issue-sort {
    padding: 15px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

.sort-btn {
    position: relative;
    display: block;
    margin-right: 30px;
    padding-right: 21px;
    font-size: 14px;
    line-height: 24px;
    color: #737373;
}

.sort-arrow {
    display: block;
    position: absolute;
    width: 11px;
    height: 14px;
    right: 5px;
    top: 6px;
    background: url('../img/sort-arrow1.png') no-repeat;
}

.sort-btn.on,
.sort-btn:hover {
    color: #eb5923;
}

.sort-btn.on .sort-arrow,
.sort-btn:hover .sort-arrow {
    background: url('../img/sort-arrow2.png') no-repeat;
}

.sort-all {
    display: block;
    position: relative;
    padding-right: 22px;
    font-size: 14px;
    line-height: 24px;
    color: #737373;
}

.sort-all-arrow {
    display: block;
    position: absolute;
    width: 10px;
    height: 7px;
    right: 3px;
    top: 9px;
    background: url('../img/sort-all-arrow.png') no-repeat;
}

.issue-itmes {
    padding: 8px 0;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

.issue-tit {
    font-size: 16px;
    font-weight: normal;
    line-height: 40px;
    color: #2a2a2a;
}

.issue-tit a {
    display: inline-block;
    color: #2a2a2a;
}

.issue-mes {
    font-size: 12px;
    line-height: 40px;
    color: #999797;
}

.issue-mes-l span {
    color: #eb5923;
}

.issue-ask .pages {
    margin: 50px auto 62px;
}

.issue-side {
    width: 302px;
}

.experts-list {
    padding: 10px 20px 26px;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.experts-list-items {
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.experts-pic {
    width: 101px;
    height: 101px;
    border: 1px solid #d3d3d3;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.experts-pic img {
    width: 100%;
    max-width: 100%;
    vertical-align: top;
    border: 10px solid #fff;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.experts-mes {
    margin-left: 118px;
    padding: 15px 0;
}

.experts-name {
    font-size: 18px;
    line-height: 1;
    font-weight: normal;
    color: #000;
}

.experts-name a {
    display: block;
    color: #000;
}

.experts-post {
    font-size: 14px;
    line-height: 2em;
    color: #8b8b8b;
}

.experts-goodat {
    margin-top: 4px;
    font-size: 14px;
    line-height: 2em;
    color: #8b8b8b;
}

.issue-quantity {
    margin-top: 19px;
    padding: 46px 20px 38px;
    border: 1px solid #d8d8d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.issue-place {
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #000;
}

.issue-num {
    display: table;
    margin: 0 auto;
    padding-left: 7px;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 7px;
    background: #fed100;
}

.issue-place-text {
    display: block;
    margin-top: 30px;
}

.quiz {
    display: table;
    margin: 0 auto;
    margin-top: 30px;
    padding: 0 30px;
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    background: #eb5923;
}

.experts-pic:hover img {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.issue-home {
    padding-bottom: 64px;
    overflow: hidden;
}



/* 精华问答 */

.essence {
    overflow: hidden;
}

.essence-box {
    position: relative;
    width: 596px;
}

.essence-tit {
    position: absolute;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    z-index: 2;
    bottom: 0;
    background: url('../img/essence-tit-bg.png') repeat;
}

.ese-tit-items {
    display: none;
    padding-top: 12px;
    padding-left: 123px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ese-tit-items.on {
    display: block;
}

.ese-tit-items a {
    display: block;
    padding-right: 74px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.essence-tit .arrow {
    position: absolute;
    right: 22px;
    top: 12px;
}

.essence-tit .arrow a {
    margin-left: 18px;
    font-size: 16px;
    font-family: 'simsun';
    line-height: 27px;
    cursor: pointer;
}

.ese-tit-mark {
    position: absolute;
    display: block;
    width: 76px;
    height: 27px;
    left: 20px;
    top: 12px;
    line-height: 27px;
    text-align: right;
    padding-right: 8px;
    background: url('../img/ese-tit-mark.png') no-repeat;
}

.essence-items a {
    display: block;
}

.essence-items a img {
    width: 100%;
    vertical-align: top;
}

.essence-list {
    width: 48.94%;
}

.essence-hot {
    height: 185px;
    padding: 30px 34px 24px;
    background-color: #fed100;
    background-image: url('../img/hot.png');
    background-repeat: no-repeat;
    background-position: 94.27% 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ese-hot-tit {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #3e3837;
}

.ese-hot-tit a {
    display: block;
    color: #3e3837;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ese-hot-art {
    margin-top: 18px;
    font-size: 14px;
    line-height: 2em;
    color: #848181;
}

.ese-hot-art a {
    display: block;
    color: #585858;
    max-height: 6em;
    overflow: hidden;
}

.ese-list-block {
    padding: 0 34px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d6d6d6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ese-list-items {
    font-size: 14px;
    line-height: 52px;
    color: #555;
    border-top: 1px solid #e7e7e7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ese-list-items a {
    position: relative;
    display: block;
    padding-left: 15px;
    color: #555;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ese-list-icon {
    position: absolute;
    display: block;
    left: 0;
    top: 23px;
}

.ese-list-icon img {
    vertical-align: top;
}

.ese-list-items:first-child {
    border: 0 none;
}

.asking {
    margin-top: 22px;
}

.asking-list {
    margin-left: -30px;
    overflow: hidden;
}

.asking-items {
    float: left;
    width: 50%;
    height: 72px;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.asking-block {
    position: relative;
    height: 72px;
    padding: 13px 85px 12px 25px;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.asking-tit {
    display: block;
    font-size: 14px;
    line-height: 26px;
    color: #424242;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.asking-time {
    font-size: 12px;
    line-height: 2em;
    color: #b3b3b3;
}

.asking-arrow {
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
}

.asking-arrow img {
    vertical-align: top;
}

.asking-number {
    position: absolute;
    display: block;
    right: 6px;
    top: 19px;
    font-size: 14px;
    line-height: 34px;
    color: #818181;
}

.asking-unm {
    display: block;
    float: left;
    width: 34px;
    height: 34px;
    margin-right: 7px;
    border-radius: 34px;
    background: #fed100;
    font-size: 18px;
    text-align: center;
    color: #fff;
}

.asking-unm img {
    vertical-align: top;
}

.issue-model {
    padding: 15px 40px 0 !important;
    font-weight: normal !important;
}

.issue-content {
    display: block;
}


/* .issue-content textarea {
    width: 100%;
    max-width: 100%;
    height: 12em;
    max-height: 18em;
    padding: 0 0.5em;
    font-size: 16px;
    line-height: 2em;
    border: 1px solid #d1d1d1;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} */


/* 20170719修改 */

.issue-content textarea {
    width: 100%;
    max-width: 100%;
    height: 8em;
    max-height: 18em;
    padding: 0 0.5em;
    font-size: 16px;
    line-height: 2em;
    border: 1px solid #d1d1d1;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}




/*---------------------------- 加固问答 issue end ----------------------------*/

.skill {
    padding-bottom: 40px;
    overflow: hidden;
}

.skill-article {
    width: 77.866%;
    padding: 40px 44px;
    background: #f1e6e3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.skill-tit {
    font-size: 22px;
    font-weight: normal;
    color: #000;
}

.skill-subhead {
    margin: 10px 0;
    padding: 6px 0;
    overflow: hidden;
}

.skill-info {
    font-size: 14px;
    line-height: 2em;
    color: #aaa;
}

.skill-info span {
    display: inline-block;
    margin-right: 2em;
}

.skill-time {
    position: relative;
    padding-left: 30px;
}

.skill-time-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
}

.skill-time-icon img {
    vertical-align: top;
}

.share {
    padding-top: 4px;
}

.skill-art {
    width: 100%;
    padding: 30px 50px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.skill-art p {
    font-size: 16px;
    line-height: 1.8em;
    color: #333;
}
.skill-art p a {
    color: #333;
}

.skill-art p img {
    max-width: 100%;
    display: block;
    margin: 10px auto;
}

.paging {
    margin-top: 20px;
    padding: 10px 0;
    font-size: 14px;
    line-height: 2em;
    color: #555;
}

.paging a {
    color: #555;
}

.paging a:hover {
    color: #eb5923;
}

.skill-side {
    width: 302px;
}

.skill-vane {
    padding: 10px 19px 19px;
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.skill-vane-block {
    padding-top: 10px;
}

.skill-vane-items {
    padding: 14px 0;
    overflow: hidden;
    border-bottom: 1px solid #e4e4e4;
}

.skill-vane-items .bellw-article {
    padding-top: 6px;
}

.skill-vane-items .bellw-article a {
    max-height: 40px;
    overflow: hidden;
}

.skill-side .essence-post {
    margin-top: 30px;
    width: 302px;
}

.skill-side .recommend-list {
    padding-top: 10px;
}



/* 加固信息详情页 */

.info-details {
    margin-top: 40px
}

.info-argument {
    margin-left: -50px;
    overflow: hidden;
}

.info-arg-items {
    float: left;
    width: 50%;
    padding-left: 50px;
    font-size: 16px;
    line-height: 54px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.info-arg-items p {
    display: block;
    font-size: 16px;
    line-height: 48px;
    color: #333;
    border-bottom: 1px solid #e4e4e4;
}

.info-arg-art {
    margin-top: 20px;
}

.info-bellw-art .bellw-article {
    max-height: 40px;
    margin-top: 6px;
    overflow: hidden;
}



/* 专家介绍 */

.experts-intro {
    padding: 36px 40px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
}

.exp-pic {
    width: 147px;
}

.exp-pic img {
    width: 100%;
    vertical-align: top;
}

.exp-art {
    margin-left: 187px;
}

.exp-name {
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1em;
    color: #eb5923;
    border-bottom: 1px solid #d8d8d8;
}

.exp-post {
    margin-left: 10px;
    font-size: 16px;
    line-height: 2em;
    color: #2a2a2a;
}

.exp-introduce {
    padding: 16px 0 0;
}

.exp-good-at {
    font-size: 16px;
    line-height: 2em;
}

.ega-tit {
    color: #eb5923;
    font-weight: 500;
}

.ega-art {
    margin-left: 5em;
}

.exp-profile {
    margin-top: 6px;
    font-size: 16px;
    line-height: 2em;
}

.exp-profile a {
    color: #eb5923;
}

.answer {
    padding-bottom: 30px;
    overflow: hidden;
}

.ia-hd {
    color: #eb5923;
}

.ia-hd-main {
    margin-left: 3em;
}

.ia-hd,
.ia-hd-main {
    font-size: 16px;
    line-height: 2em;
}

.answer .issue-list {
    padding-top: 10px;
}

.mg-name .btm-list-tit,
.mg-name .btm-list-text {
    display: block;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



/* 验证码 */

.issue-yzm {
    width: 100%;
    margin: 20px 0 30px !important;
    display: block;
    position: relative;
    height: 48px;
    line-height: 46px;
    border: 1px solid #d1d1d1;
    overflow: hidden;
}

.wt .md-content>div p {
    padding: 0;
}

.issue-yzm input {
    width: 100%;
    padding: 0 130px 0 10px;
    line-height: 48px;
    border: 0 none;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.yzm {
    position: absolute;
    top: 0;
    right: 0;
}

.budget-block {
    width: 420px;
    min-width: 420px;
    padding: 0 !important;
}

.budget-block .md-content {
    padding: 0;
}

.budget-block .md-content>div {
    padding: 36px 39px 39px;
}

.budget-block .md-content>div p {
    padding: 0;
}

.budget-block .md-content>div ul {
    padding: 0;
}

.budget-block .md-close {
    width: 20px;
    top: 16px;
}

.budget-block .md-close img {
    width: 100%;
}



/* 底导航页 */

.fnav-main {
    padding-top: 40px;
}

.fnav-main .skill-side {
    width: 260px;
}

.fnav-main .skill-side .essence-post {
    width: 260px;
}

.fnav-main .skill-article {
    width: 80%;
    padding-bottom: 60px;
}

.fnav-main .skill-vane {
    margin-bottom: 20px;
}

.fnav-main .skill-art {
    margin-top: 24px;
}

.skill .recommend-tit {
    font-size: 18px;
}

.skill .epl-items a {
    font-size: 14px;
}




/* 20170714 */

.wide,
.city {
    float: left;
    display: block;
    width: 214px;
    height: 42px;
    padding: 0 20px;
    line-height: 42px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(/Public/pc/img/select-bg.png) no-repeat;
    background-position: 190px 18px;
    border: 1px solid #d1d1d1;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.city {
    margin-left: 12px;
}

.company-type,
.release-time {
    margin-left: 16px;
}

.company-type .comtype {
    width: 465px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    height: 44px !important;
    line-height: 42px !important;
    color: #333;
    padding: 0 20px;
    height: 100%;
    cursor: pointer;
    background: url(/Public/pc/img/select-bg.png) no-repeat;
    background-position: 440px 18px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    outline: none;
}

.release-time .comtype {
    width: 236px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    height: 44px !important;
    line-height: 42px !important;
    color: #333;
    padding: 0 20px;
    height: 100%;
    cursor: pointer;
    background: url(/Public/pc/img/select-bg.png) no-repeat;
    background-position: 210px 18px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    outline: none;
}


.md-content .wide,
.md-content .city {
    width: 230px;
    height: 56px;
    line-height: 54px;
    background: url(../img/md-arrow.png) no-repeat;
    background-position: 196px 22px;
}

.md-content .wide {
    margin-left: 18px;
}

.md-content .city {
    margin-left: 22px;
}

.md-content .md-sub {
    clear: both;
    margin-top: 0;
    padding-top: 40px;
}

.beaSelectList {
    background: #fff;
}



/* 2017/7/17 */

.jgjs-more {
    padding-top: 6px;
    font-size: 14px;
    color: #333;
}

.jgjs-more span {
    font-family: simsun;
    font-weight: 600;
    color: #666
}

.item-parameter {
    margin-bottom: 20px;
}

.issue-itmes {
    line-height: 2em;
}

.issue-ask .issue-ask-tit {
    font-size: 26px;
}


/* 2017/7/19 修改 */

.ban-hot-nav {
    padding: 0 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.bhn-items {
    position: relative;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    line-height: 42px;
    color: #000;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}

.bhn-items.on i {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #eb5923;
    bottom: -1px;
}

.ban-hot-con {
    margin-top: 6px;
}

.md-content .md-budget-type .beaSelect .beaSelectText {
    color: #000;
    font-size: 16px;
    height: 48px !important;
    line-height: 46px !important;
    background: url(../img/md-arrow.png) no-repeat;
    background-position: 96% 20px;
}

.md-content .md-budget-type .beaSelect .beaSelectBox {
    width: 100% !important;
}

.md-content .md-budget-type .beaSelect {
    height: 48px;
    width: 100%;
}

.md-budget-type .beaSelect .beaSelectText {
    border: 0 none;
}

.md-content .md-budget-type .beaSelect {
    margin-left: 0;
}

.md-content .md-budget-type ul {
    padding: 0 !important;
}

.md-content .md-budget-type .beaSelect .beaSelectList {
    width: 100% !important;
}

.md-budget-type {
    margin-bottom: 22px;
    border: 1px solid #d1d1d1;
}


/* 2017-7-24 09:38:33 */

.page-items {
    float: left;
}

.page-items a {
    color: #2a2a2a;
}

/*2018-04-17*/
/*视频*/
.btm-list-spk{
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background: url(../img/injg-spk.png) center center no-repeat;
	background-size: cover !important;
}
.in-spk{
	background: #f7f7f7; padding-top: 15px;
}
.in-spk .btm-list-art{
    background: #fff;
    padding: 18px 16px;
}
/*新闻*/
.in-xw-qsk{
	display: block;
	position: relative;
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
}
.in-xw-qsk .jci-main{
	padding: 0;
	height: auto;
}
.in-xw-qslb .reff-list-items{
    height: auto;
    padding: 11px 0;
    overflow: hidden;
    border-top: none;
    border-bottom: 1px dashed #dfdfdf;
    box-sizing: border-box;
}

.reff-list-items .in-xw-qsda{
	display: block;
	float: right;
	line-height: 32px;
	font-size: 14px;
	color: #888;
}
.reff-list-items .reff-list-tit{
	margin-right: 100px;
}
/***2018-04-27在线计算***/
.budget-xie{
	display: block;
	overflow: hidden;
	margin-bottom: 8px;
	line-height: 26px;
	font-size: 14px;
	color: #555;
}

.budget-xie span{
	display: block;
	float: left;
}
.budget-xie-tit{
	line-height: 26px;
	font-size: 14px;
	color: #555;
}
.budget-xie-tit-x{
	display: block;
	float: left;
	margin: 0 6px;
	width: 60px !important;
	height: 22px;
	padding: 0 6px;
	border: none;
	background-color:#faf5de;
	outline: none;
	border-bottom: 1px solid #ddd;
	line-height: 21px;
	font-size: 14px;
	color: #555;
}

/*2018-05-05-about*/
/*公司介绍*/
.gsjsk{ display:block; padding:42px 0 60px; overflow:hidden; position:relative;}
.gsk{ width:890px;}
.gscjk{ width:500px; padding-left:56px; position: relative;}
.gscjk b{ display:block; position:absolute; left:0; top:35px; width:1px; height:100%; background:#f2f2f2;}
.gscj1{ border-bottom:1px solid #f2f2f2; padding:35px 0;}
.gsc-cn{ line-height:24px; color:#535353; font-size:16px;}
.gsc-en{ line-height:20px; color:#d3d3d3; font-size:16px;}
.gsc-s{ font-size:62px; color:#ff9e57; line-height:62px;}
.gsj-ti{ margin-bottom:17px; padding-bottom:24px; position:relative; line-height:45px; color:#0a0a0a; font-size:34px;}
.gsj-ti b{ display:block; position:absolute; bottom:0; width:17px; height:2px; background:#eaeaea;}
.gsj-qycn{ display:block; line-height:38px; color:#00873b; font-size:28px;}
.gsj-qyen{ display:block; margin-bottom:22px; line-height:28px; color:#9c9c9c; font-size:18px;}
.gsj-js{ display:block; line-height:30px; font-size:14px; color:#737373;}
.abzbg{ display:block; background:url(../img/abzzbg.jpg) center top no-repeat; height:615px; }
.zzk{ display:block; width:1250px; margin:0 auto;}
.zzti-cn{ display:block; line-height:48px; font-size:34px; color:#0a0a0a;}
.zzti-cn table{ margin:0 auto;}
.zzti-cn b, .zzti-cn i{ display:block; width:30px; height:1px; background:#c2c2c2;}
.zzti-en{ display:block; text-align:center; line-height:20px; font-size:12px; color:#ababab;}
.zztik{ display:block; margin:0 auto 53px; padding-top:45px;}
.zztik2{ display:block; margin:0 auto 38px; padding-top:40px;}
.zzlb{ display:block; width:723px;}
.zzlk{ margin-bottom:18px;}
.zzlb1{ display:block; }
.zzlb1 li{ display:block; height:40px; line-height:40px; font-size:14px;}
.zzlm{ display: block; float:left;}
.zzlm, .zzlm:visited{ color:#212121;}
.zzlkan{ display:block; float:right; height:40px; line-height:40px; position:relative;}
.zzlkan span{ font-family:"宋体";}
.zzlkan, .zzlkan:visited{ color:#00873b;}
.zzb{ display:block; float:left; width:42px; height:42px; margin-left:11px;}
.zzlb1 li:hover .zzlm{ padding-left:5px; color:#00873b;}
.zztu{ display:block; position:absolute; width:0; height:0; top:0; overflow:hidden; left:-220px;}
.zzlb1 li .zzlkan:hover .zztu{width:200px; height:200px;}
/*大事记样式*/
.fzxk{ display:block; width:100%; height:490px; margin:0 auto 58px; position:relative; z-index:99;background:url(../img/san1.png) center 45px repeat-x;}
.fzxkt{ display:block; width:100%; position: absolute; height:1px; background:#e1e1e1; top:58px;}
.fzx1{ display:block;}
#timeline{width:1250px;height: auto;overflow:hidden; position:relative; margin:0 auto;}
#dates{width:1250px;overflow:hidden; }
#dates li{float:left;width:90px;height:70px;font-size:18px;text-align:center;}
#dates a{color:#616161;width:90px;height:70px; padding-bottom:40px; line-height:30px;display:block; font-family:Arial, Helvetica, sans-serif;}
#dates .selected{font-size:24px; color:#00873b; background:url(../img/san2.png) center bottom no-repeat;}
#issues{width:1250px;height:410px;overflow:hidden;}
#issues li{width:1250px;height:410px;list-style:none;float:left;}
#issues li img{text-align:center;display:block;margin:0 auto;}
#next,#prev{position:absolute; top:105px;width:70px;height:30px;text-align:center; overflow:hidden; }
#next{right:454px; background:url(../img/jt2.png) center center no-repeat;}
#prev{left:454px; background:url(../img/jt1.png) center center no-repeat;}
#next.disabled,#prev.disabled{opacity:0.2;}
#next:hover{ background:url(../img/jt2.png) center center no-repeat;}
#prev:hover{ background:url(../img/jt1.png) center center no-repeat;}
.fzlc{ display:block; width:1250px; margin:0 auto;}
.fzlc-n{ display:block; text-align:center; line-height:100px; font-size:48px; color:#00873b;}
.fzlc-js1{ display:block; position:relative; text-align:center; padding-bottom:25px; line-height:22px; font-size:14px; color:#545454;}
.fzlc-js1 b{ display:block; position:absolute; background:#d0d0d0; width:52px; height:3px; bottom:0; left:50%; margin-left:-26px;}
.fztik{ display:block; margin-bottom:59px;}
.fzlc-js2{ line-height:28px; font-size:14px; color:#545454;}
.faztu{ display:block; float:left; position:relative;}
.faztu1{ display:block; position:relative; z-index:2;}
.faztu2{ display:block; position: absolute; z-index:1; left:10px; top:10px;}
/**核心团队**/
.tebg{ display:block; background:#f7f7f7;}  /*padding-bottom:56px;*/
.zzti-js{ display:block; text-align:center; padding:11px 0; line-height:26px; color:#5b5b5b; font-size:14px;}
.team{ display:block; background:#FFF; position:relative; padding:35px 42px;}
.team b{ display:block; position:absolute; width:24px; height:12px; left:183px; top:-12px; background:url(../img/tj.png) center center no-repeat;}
.team-ti{ display:block; line-height:32px; font-size:24px; color:#000;}
.team-xw{ display:block; line-height:24px; font-size:14px; color:#5b5b5b;}
.team-js{ display:block; padding-top:18px; line-height:24px; font-size:14px; color:#5b5b5b;}
.telb{ display:block; overflow:hidden; }/*margin:0 66px 34px;*/
.telb li{ float:left; background-size: cover !important;}
.tek1{ width:148px; height:148px; margin:0 19px; position:relative; background-size: cover !important;}
.tek11{ display:block; width:148px; height:148px; position:relative; background: url(../img/tek1.png) center center no-repeat;}
.telb li.on{ display:block;}
.telb li.on .tek11{ background: url(../img/tek2.png) center center no-repeat;}
.tej1 { display:block; float:left; margin-top:53px; }
.tej2 { display:block; float: right; margin-top:53px;}
/***团队特效样式*****/
/* tFocus */
#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block; }
#tFocus{width:100%;height: auto; overflow:hidden; }
#tFocus-pic{width:100%;height:243px;position:relative;}
#tFocus-pic li{width:100%;height:243px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;}
#tFocusBtn{width:100%;height:182px;padding-left:0;margin-top:5px;z-index:20;overflow:hidden;}
#tFocus-btn{ height:182px;position:relative; overflow:hidden; margin:0 66px; }
#tFocus-btn ul{width:100000px;position:absolute;left:0;top:0;}
#tFocus-btn li{height:182px;width:148px; display:block;float:left;margin:0 19px;}
#tFocus-btn li img{ }
#tFocus-btn li .tek11 b{ display:block; position: absolute; bottom:-34px; left:50%; margin-left:-12px; width:24px; height:12px; background:url(../img/tj0.png) center center no-repeat;}
#tFocus-btn li.active .tek11{ background:url(../img/tek2.png) center center no-repeat;}
#tFocus-btn li.active .tek11 b{ background:url(../img/tj.png) center center no-repeat; }
#tFocus-leftbtn,#tFocus-rightbtn{height:42px;margin-top:55px;width:42px;text-indent:0;}
#tFocus-leftbtn{margin-right:0; float:left;}
#tFocus-rightbtn{ float: right;}

/*企业文化*/
.whk{ display:block; overflow:hidden; padding-bottom:65px; margin-left:-12px;}
.whk li{ display:block; background:#f7f7f7; float:left; position: relative; width:240px; height:412px; overflow:hidden; margin-left:12px;}
.whknr1{ display:block; position:relative; z-index:2;}
.qywtu{ display:block; overflow:hidden;}
.qywnr{ display:block; padding:28px 34px 0;}
.qywnr1{ display:block; margin-bottom:12px; line-height:40px; color:#0a0a0a; font-size:24px;}
.qywnr2{ display:block; line-height:24px; color:#545454; font-size:14px;}
.whknr2{ display:block; position:absolute; left:0; top:100%; width:100%; height:100%; padding:38px 23px 20px; box-sizing: border-box; background:url(../img/whtbg.png) center no-repeat; background-size: cover !important; z-index:3;}
.whtn1{ display:block; margin-bottom:22px; font-size:24px; color:#fff; line-height:40px; cursor:default;}
.whtn2{ display:block; line-height:28px; color:#fff; font-size:12px; cursor:default;}
.whk li:hover .whknr2{top:0;}


.whknr2{
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}