@font-face {
    font-family: 'helveticaneueltpro-thex';
    src: url('../fonts/helveticaneueltpro-thex.eot');
    src: url('../fonts/helveticaneueltpro-thex.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueltpro-thex.woff2') format('woff2'),
         url('../fonts/helveticaneueltpro-thex.woff') format('woff'),
         url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'),
         url('../fonts/helveticaneueltpro-thex.svg#helveticaneueltpro-thex') format('svg');
    font-weight: normal;
    font-style: normal;
}

.header-title p,
.content p {
    margin: 0;
}
.clear {
    clear: both;
}



/*标题*/
.header-title p.title {
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    overflow: hidden;
    color: #333;
}
.header-title p.subtitle {
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    overflow: hidden;
    color: #b1b1b1;
}



/*菜单*/
#category {
    padding: 3% 0 7%;
    text-align: center;
    padding-bottom: 50px;
}
#category li {
    display: inline-block;
}
#category a {
    position: relative;
    line-height: 16px;
    padding: 8px 16px;
    color: #666;
    margin-right: 2px;
    display: inline-block;
    transition: all 0.3s ease-out 0s;
}
#category a.active,
#category a:hover {
    color: #333;
}
#category a::before {
    position: absolute;
    z-index: 1;
    top: 32px;
    width: 25px;
    height: 1px;
    content: "";
    transition: all 0.3s ease-out 0s;
    background-color: transparent;
}
#category a:hover::before, #category a.active:before {
    width: 35px;
    transition: all 0.3s ease-out 0s;
    background: #aaa;
}



/*更多*/
.index-page-more {
    position: relative;
    background: rgba(255, 255, 255, 0);
    width: 130px;
    height: 35px;
    display: block;
    //margin: 40px auto 50px;
    margin: 0 auto;
    line-height: 58px;
    //font-size: 20px;
    font-size: 0;
    transition: all ease-out 0.3s;
}
.index-page-more::before,
.index-page-more::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
            transition:         transform 0.3s, background-color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
            transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
    border-radius: inherit;
}
.index-page-more::before {
    margin-top: -2px;
    transform: scale3d(0.7, 0.7, 1);
    border: 2px solid #303030;
    webkit-transform: scale3d(0.7, 0.7, 1);
}
.index-page-more::after {
    background: #303030;
}
.index-page-more i {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    width: 34px;
    height: 14px;
    margin-top: -8px;
    margin-left: -18px;
    text-indent: -10px;
    content: "";
    transition: all 0.3s ease-out 0s;
    background: url(../img/icon.png) no-repeat 0 -22px;
}
.index-page-more:hover i {
    background: url(../img/icon1.png) no-repeat 0 -36px;
    margin-top: -10px;
}
.index-page-more:hover:after {
    transform: scale3d(0.7, 0.7, 1);
    background-color: transparent;
    webkit-transform: scale3d(0.7, 0.7, 1);
}
.index-page-more:hover::before {
    transform: scale3d(1, 1, 1);
    webkit-transform: scale3d(1, 1, 1);;
}



/*案例*/
.projectSubList {
    margin-bottom: 20px;
}
#mproject .content {
    width: 90%;
    max-width: 1430px;
    margin: 0 auto;
}
#mproject {
    padding: 100px 0 70px;
    background-color: #f7f7f7;
}
#mproject .content .wrapper .content_list {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#projectlist .projectitem {
    width: 32.33%;
    height: auto;
    margin: 0 0.5% 1%;
    float: left;
    position: relative;
    background: #000;
    overflow: hidden;
}
#projectlist .projectitem-c10 {
    display: none;
}
#projectlist .projectitem a {
    display: block;
    overflow: hidden;
}
#projectlist .projectitem .project_img {
    position: relative;
    padding-bottom: 60%;
    height: 0;
    overflow: hidden;
}
#projectlist .projectitem a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#projectlist .projectitem a:hover img {
    transform: scale(1.2, 1.2);
}
#projectlist .projectitem a .project_info {
    width: 92%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    margin: 0 auto 4%;
    padding: 3% 0;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
#projectlist .projectitem a:hover .project_info {
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
}
#projectlist .projectitem a .project_info p {
    text-align: center;
    color: #fff;
    padding: 0 20px;
}
#projectlist .projectitem a .project_info div {
    position: relative;
    width: 83.33%;
}
#projectlist .projectitem a .project_info p.title {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    transition: all ease-out 0.3s;
}
#projectlist .projectitem a .project_info p.title {
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
#projectlist .projectitem a .project_info p.title:after {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 14px;
    height: 9px;
    margin: -5px 0 0 6px;
    content: "";
    background: url(../img/icon.png) no-repeat 0 -71px;
}
#projectlist .projectitem a .project_info p.subtitle {
    display: none;
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all ease-out 0.3s;
}
#projectlist .projectitem a .project_info p.description {
    display: none;
    position: relative;
    margin-top: 15px;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    overflow: hidden;
    transition: all ease-out 0.3s;
}
#mproject .index-page-more {
    margin-top: 0;
}



/*简介*/
#mpage {
    background-size: cover;
    background-repeat: no-repeat;
}
#mpage .header-title {
    margin-bottom: 30px;
}
#mpage .header-title p.subtitle,
#mpage .header-title p.title {
    color: #fff;
}
#mpage .content {
    margin: 0;
    padding: 420px 0 40px;
}
#mpage .wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#mpage .wrapper li {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    width: 90%;
}
#mpage .wrapper li:after {
    display: block;
    clear: both;
    content: "";
}
#mpage .wrapper li .fimg {
    float: left;
    width: 45.84%;
    height: 300px;
    background-repeat: no-repeat;
    background-position: 60% center;
    background-size: 30% auto;
    background-color: #fff;
}
#mpage .module-content .des-wrap {
    line-height: 28px;
    z-index: 5;
    float: right;
    width: 54.16%;
    padding: 5% 5% 0;
    color: #9c9c9c;
    background-color: #fff;
}
#mpage .module-content .description {
    color: #9c9c9c;
}
#mpage a.index-page-more {
    margin-left: 0;
}



/*新闻*/
#mnews {
    padding: 0.1px 0;
    background-color: #f8f8f8;
}
#mnews .header-title {
    padding: 90px 0 60px;
}
#newslist .content_list {
    margin: 0;
    padding: 0;
    list-style: none;
}
#newslist .newsbody .date {
    color: #999;
    font-size: 12px;
    margin-bottom: 10px;
}
#newslist .newsbody .title {
    font-size: 30px;
    color: #333;
    line-height: 40px;
}
#newslist .newsbody .description {
    width: 100%;
    height: auto;
    line-height: 22px;
    font-size: 13px;
    color: #6a6a6a;
    margin-top: 10px;
}
#newslist .newstitem {
    position: relative;
    float: left;
    width: 27.27%;
    margin-right: 9.095%;
    margin-bottom: 60px;
}
#newslist .newstitem:nth-child(3n) {
    margin-right: 0;
}
#mnews #newslist {
    padding-top: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#mnews #newslist .wrapper {
    max-width: 1320px;
    width: 90%;
    height: auto;
    margin: 0 auto;
}
#newslist .newsbody .title {
    font-size: 16px;
    line-height: 32px;
    overflow: hidden;
    height: 64px;
    margin: 0 auto;
    margin-top: 54px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-align: left;
    white-space: nowrap;
    text-indent: 0;
    text-overflow: ellipsis;
    color: #575757;
}
#newslist .newsbody .description {
    font-size: 12px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    height: 52px;
    margin-top: 0;
    margin-top: 20px;
    transition: all 0.3s ease-out 0s;
    text-align: left;
    text-overflow: ellipsis;
    color: #999;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#newslist .newsbody .date {
    font-weight: 100;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-align: left;
    background: transparent;
}
#newslist .newsbody .date .md {
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    line-height: 20px;
    position: absolute;
    top: 40px;
    top: 16px;
    left: 74px;
    display: inline-block;
    width: 100%;
    transition: all 0.3s ease-out 0s;
    color: #adadad;;
}
#newslist .newsbody .date .year {
    font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";
    font-size: 22px;
    line-height: 46px;
    position: relative;
    top: 0;
    display: block;
    display: inline-block;
    width: 100%;
    color: #8f8f8f;
}
#newslist .newstitem .newsbody {
    position: relative;
    margin-left: 20px;
    padding: 0.1px 0;
    height: 200px;
}
#newslist .newstitem .newsbody:after {
    position: absolute;
    top: -50px;
    left: -20px;
    display: block;
    width: 1px;
    height: 0;
    content: "";
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background: rgba(0, 0, 0, 0.08);
}
#newslist .newstitem:nth-child(n+4) .newsbody:after {
    top: 54px;
}
#newslist .newstitem:hover .newsbody:after {
    height: 100%;
}
#newslist .newstitem:hover .newsbody .title {
    color: #303030;
}
#newslist .newstitem:hover .newsbody .description {
    margin-top: 0;
}
#newslist .newstitem:hover .newsbody .date {
    position: absolute;
    top: 220px;
}



@media (max-width: 768px) {
    html { font-size: 62.5%; }

    .header-title p.title,
    .header-title p.subtitle { line-height: normal; }
    .header-title p.title { font-size: 2rem; }
    .header-title p.subtitle { font-size: 1.2rem; color: #6e6e6e; }

    #category { padding: 8% 0; font-size: 0; }
    #category a { margin: 0; padding: 0.5em; width: 25%; font-size: 1.4rem; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    #category a::before { top: auto; bottom: 0; }

    .index-page-more { margin: 8% auto; width: 100px; height: 30px; }

    #mproject { padding: 12% 0; }
    .projectSubList { margin-bottom: 8%; }
    #projectlist .projectitem { margin: 0 3% 3% 0; width: 48.5%; }
    #projectlist .projectitem:nth-child(2n) { margin-right: 0; }
    #projectlist .projectitem-c10 { display: inline-block; }
    #projectlist .projectitem a .project_info { display: none; }
    /*#projectlist .projectitem { margin: 0 0 3%; width: 100%; }
    #projectlist .projectitem a .project_info { bottom: 5%; background: rgba(0, 0, 0, 0.35); }
    #projectlist .projectitem a .project_info p.title { margin-right: 10px; padding: 0 10px; font-size: 1.4rem; line-height: 1.5em; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }*/
    #mproject .index-page-more { margin: 0 auto; }

    #mproject #category a { display: none; }
    #mproject #category a:nth-child(-n+8) { display: inline-block; }

    #mpage { background-size: auto 100%; background-position: 30% center; }
    #mpage .content { padding: 12% 0; }
    #mpage .header-title { margin-bottom: 8%; }
    #mpage .header-title p.subtitle { color: #6e6e6e; }
    #mpage .header-title p.title { color: #333; }
    #mpage .module-content .des-wrap { float: none; padding: 5%; width: auto; background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); }
    #mpage .module-content .description { color: #555; }
    #mpage a.index-page-more { margin-left: auto; }
    #mpage .wrapper li .fimg { display: none; }

    #mnews .header-title { padding: 12% 0 8%; }
    #mnews #newslist { padding-top: 0; }
    #newslist .newstitem { float: none; margin: 0; padding: 8% 0; width: auto; border-bottom: rgba(0, 0, 0, 0.07) 1px solid; }
    #newslist .newstitem .newsbody { margin-left: 0; height: auto; }
    #newslist .newsbody .title { margin-top: 0; height: 5rem; font-size: 1.6rem; line-height: 2rem; color: #333; }
    #newslist .newsbody .date { top: 2.5rem; }
    #newslist .newsbody .date .md { top: 0; left: 5rem; font-size: 1.2rem; }
    #newslist .newsbody .date .year { font-size: 1.6rem; line-height: 2rem; }
    #newslist .newsbody .description { margin-top: 0.5em; height: 3.6rem; font-size: 1.4rem; line-height: 1.8rem; }
}



/*内页*/
#pages {
    margin-top: 40px;
    text-align: center;
}
#pages a {
    width: 36px;
    height: 36px;
    background-color: #f7f7f7;
    display: inline-block;
    vertical-align: top;
    color: #a9a9a9;
    line-height: 36px;
    text-align: center;
    font-family: Arial;
    margin-right: 5px;
    transition: background-color 0.2s ease-out;
}
#pages span {
    margin-right: 5px;
}
#pages a i {
    font-size: 24px;
    top: 2px;
    position: relative;
}
#pages a.active,
#pages a:hover {
    background-color: #838383;
    color: #fff;
}

.npagePage .postbody img {
    width: 100% !important;
    height: auto !important;
}



/*案例*/
#mproject.npagePage { padding: 50px 0 70px; background: none; }
#mproject.npagePage #category a { display: inline-block; }
#mproject.npagePage .met-index-partner { background: none; }



/*单页*/
.npagePage {
    padding: 50px 0 70px;
}
.npagePage .header-title .title {
    letter-spacing: 0.5em;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3em;
    text-indent: 0.5em;
}
.npagePage .header-title .subtitle {
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #5a5a5a;
}
.postbody {
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
    margin-top: 50px;
    line-height: 24px;
    font-size: 13px;
    color: #6a6a6a;
}



/*新闻*/
#newslist2 {
    margin: 0 auto;
    width: 90%;
    max-width: 1200px;
}
#newslist2 .newstitem {
    position: relative;
    margin-bottom: 4px;
    padding-top: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    overflow: hidden;
}
#newslist2 .newstitem .newsimg {
    display: block;
    float: right;
    width: 198px;
    height: 128px;
    margin: 16px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    background-position: center;
    background-size: cover;
}
#newslist2 .newstitem .news_wrapper {
    margin-right: 230px;
    height: auto;
    padding: 34px 13.38% 34px 155px;
    transition: all 0.3s ease-out 0s;
}
#newslist2 .newsbody .title {
    font-size: 16px;
    display: block;
    overflow: hidden;
    height: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    transition: all 0.3s ease-out 0s;
    color: #717171;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    white-space: nowrap;
    text-indent: 0;
    text-overflow: ellipsis;
}
#newslist2 .newsbody .description {
    height: 52px;
    font-size: 12px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 0;
    margin-top: 20px;
    transition: all 0.3s ease-out 0s;
    text-align: left;
    text-overflow: ellipsis;
    color: #999;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#newslist2 .newsbody .date {
    font-weight: 100;
    position: absolute;
    top: 28px;
    left: 0;
    color: #999;
    font-size: 12px;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    text-align: left;
    background: transparent;
}
#newslist2 .newsbody .date .md {
    font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    line-height: 20px;
    position: absolute;
    top: 46px;
    left: 0;
    color: rgb(173, 173, 173);
    transition: all 0.3s ease-out 0s;
}
#newslist2 .newsbody .date .year {
    font-size: 24px;
    font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;
    line-height: 46px;
    position: relative;
    top: 0px;
    display: inline-block;
    width: 100%;
    color: rgb(143, 143, 143);
}
#newslist2 .newsbody .date:after {
    position: absolute;
    top: 24px;
    left: 84px;
    width: 35px;
    height: 1px;
    content: "";
    transition: all 0.3s ease-out 0s;
    background: #bfbfbf;
}
#newslist2 .newstitem:hover .news_wrapper {
    padding-left: 175px;
}
#newslist2 .newstitem:hover .newsbody .date .year {
    color: #333;
}
#newslist2 .newstitem:hover .newsbody .date:after {
    width: 60px;
    background: #7d7d7d;
}
#newslist2 .newstitem a.details {
    position: absolute;
    bottom: 34px;
    left: 0;
    display: block;
    width: 36px;
    height: 36px;
    margin: 0;
    transition: all 0.3s ease-out 0s;
    color: transparent;
    border: 1px solid transparent;
}
#newslist2 .newstitem a.details i {
    position: absolute;
    top: 0;
    display: block;
    width: 15px;
    height: 9px;
    margin: 13px 0 0 11px;
    transition: all 0s ease-out 0s;
    background: url(../img/icon.png) no-repeat -110px -11px;
}
#newslist2 .newstitem:hover a.details {
    border: 1px solid #303030;
    background: #303030;
}

#newslist2 .newstitem:hover a.details i {
    background-position: 0 -71px;
}



@media (max-width: 768px) {
    .npagePage,
    #mproject.npagePage { padding: 12% 0; }

    .npagePage .header-title .title { font-size: 18px; }

    .postbody { margin-top: 10%; }

    .npagePage #projectlist .projectitem { float: none; margin: 0 0 10%; width: auto; }
    .npagePage #projectlist .projectitem:last-child { margin-bottom: 0; }
    .npagePage #projectlist .projectitem a .project_info { display: block; bottom: 5%; background: rgba(0, 0, 0, 0.35); }
    .npagePage #projectlist .projectitem a .project_info p.title { margin-right: 10px; padding: 0 10px; font-size: 1.4rem; line-height: 1.5em; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

    #newslist2 .newstitem { margin-bottom: 10%; padding-top: 10%; }
    #newslist2 .newstitem .newsimg { float: none; margin: 0; padding-bottom: 60%; width: auto; height: 0; }
    #newslist2 .newstitem .news_wrapper { margin-right: 0; padding: 5% 0 0; }
    #newslist2 .newstitem a.details { display: none; }
}



.index-btn { margin-top: 50px; font-size: 0; text-align: center; }
.index-btn .btn { display: inline-block; *display: inline; *zoom: 1; padding: 0; color: #999; border: 1px solid #ddd; font-size: 14px; line-height: 40px; width: 150px; height: 40px; border-radius: 40px; }
.index-btn .btn:hover { color: #fff; background-color: #c17c2e; }

.container-about { padding: 60px 0; }
.container-about .main { margin-top: 50px; font-size: 0; }
.container-about .main .left,
.container-about .main .right { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.container-about .main .left { width: 40%; }
.container-about .main .left img { display: block; width: 100%; }
.container-about .main .right { margin-left: 5%; width: 55%; font-size: 16px; line-height: 40px; color: #666; }
.container-about .main .right p { margin: 0; }
.container-about .index-btn { margin-top: 30px; text-align: left; }
.container-about .index-btn .btn { line-height: 30px; width: 120px; height: 30px; border-radius: 30px; }

@media (max-width: 768px){
    .index-btn,
    .container-about .index-btn { margin-top: 8%; }
    .index-btn .btn { line-height: 30px; width: 120px; height: 30px; border-radius: 30px; }

    .container-about { padding: 12% 0; }
    .container-about .main { margin-top: 8%; }
    .container-about .main .left,
    .container-about .main .right { width: 100%; }
    .container-about .main .right { margin: 5% 0 0; font-size: 15px; line-height: 26px; }
    .container-about .index-btn { text-align: center; }
}



.index-news { padding: 60px 0; background-color: #f6f6f6; }
.index-news .contents { margin-top: 50px; }
.index-news ul { margin: 0 -16px; padding: 0; overflow: hidden; }
.index-news li{float:left;width:33.332%;margin-bottom:37px;list-style: none;}
.index-news .item{display:block;overflow:hidden;background-color:#fff;margin:0 16px;box-shadow:0 10px 30px rgba(0,0,0,.1)}
.index-news .item .pic{position:relative;overflow:hidden;padding-top:58.35%}
.index-news .item .pic img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;transition: all .4s;}
.index-news .item .txt{padding:15px;color:#242526;text-align:justify}
.index-news .txt .hd{overflow:hidden;position:relative;padding-bottom:15px;margin-bottom:15px}
.index-news .txt .hd:after{content:'';position:absolute;bottom:0;left:4%;width:92%;height:1px;background-color:#eeeeef}
.index-news .txt .date{float:left;position:relative;text-align:center;line-height:1;padding-right:15px;margin-right:15px}
.index-news .txt .date:after{content:'';position:absolute;right:0;top:10%;height:80%;width:1px;background-color:#eeeeef}
.index-news .txt .date .s1{font-size:46px;display:block;margin-bottom:8px}
.index-news .txt .date .s2{font-size:16px;display:block}
.index-news .txt .tit{font-size:16px;line-height:1.5em;font-weight:400;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:3em;margin-top:15px}
.index-news .ft{overflow:hidden}
.index-news .desc{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:48px}
.index-news .ft .more{float:right;margin-top:5px;width:auto;height:auto;background: none;border:none;text-transform:uppercase}
.index-news .item:hover img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08)}

@media (max-width: 768px){
    .index-news { padding: 12% 0; }
    .index-news .contents { margin-top: 8%; }
    .index-news ul { margin: 0; }
    .index-news li { float: none; margin-bottom: 8%; width: auto; }
    .index-news .txt .date .s1 { font-size: 32px; }
    .index-news .txt .date .s2 { font-size: 14px; }
    .index-news .txt .tit { margin-top: 7px; font-size: 15px; }

    .met-index-body.index-news li { float: left; width: 50%; margin-bottom: 8%; }
    .met-index-body.index-news .item { margin: 0 10px; }
    .met-index-body.index-news .item .txt { padding: 10px; }
    .met-index-body.index-news .txt .hd { padding-bottom: 0; margin-bottom: 0; }
    .met-index-body.index-news .txt .hd:after { display: none; }
    .met-index-body.index-news .txt .date { float: none; padding-right: 0; margin-right: 0; overflow: hidden; }
    .met-index-body.index-news .txt .date .s1 { float: left; font-size: 16px; }
    .met-index-body.index-news .txt .date .s2 { float: left; margin: 3px 0 0 0.5em; font-size: 12px; }
    .met-index-body.index-news .txt .tit { display: block; margin: 5px 0 0; font-size: 15px; }
    .met-index-body.index-news .ft { display: none; }
}



/*首页报价*/
.index-baojia .contents { margin: 50px auto 30px; padding: 15px; font-size: 14px; line-height: 2.14; color: #454545; background-color: #fff; }
.index-baojia .contents .body { height: 306px; overflow-y: scroll; }
.index-baojia .contents table { border-top: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; }
.index-baojia .contents table td { padding: 12px 18px; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;; }

@media (max-width:767px) {
    .index-baojia .contents { margin-top: 30px; padding: 10px; line-height: 1.8; }
    .index-baojia .contents .body { height: 257px; overflow: scroll; }
    .index-baojia .contents table td { padding: 6px; }
}



/* 简介 */
.crumbs { position:relative; padding: 15px 0; background:url(../img/crumbs-bg.jpg) center top repeat; border-bottom:1px solid #e0e0e0; }
.crumbs .list { font-size: 0; }
.crumbs .list .link { display: inline-block; *display: inline; *zoom: 1; margin-right: 1.5em; color:#666; font-size:18px; line-height: 30px; font-family:""微软雅黑""; }
.crumbs .list .link:hover,
.crumbs .list .active { color: #c17c2e; }
.crumbs .childs { float:right; margin: 5px 0 0 30px; color:#999; font-size:14px; line-height: 20px; font-family:"Hiragino Sans GB"; }
.crumbs .childs a { color:#999; }

.mainContainer { padding: 60px 0 90px; }
.mainContainer .maxTitle { position:relative; line-height:34px; }
.mainContainer .maxTitle span { position:relative; z-index:1; padding-right:18px; background:#fff; color:#c17c2e; font-size:30px; }
.mainContainer .maxTitle .sub { position:absolute; top:18px; width:100%; height:1px; width:100%; background:#d6d6d6; }
.mainContent .content { margin-top: 60px; font-size: 16px; line-height: 2; overflow: hidden; }
.mainContent .content img { max-width: 100%; height: auto!important; }
.mainContainer .met-product-baojia { margin: 0; padding: 0; }

@media (max-width: 768px){
    .crumbs .childs { float: none; margin: 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
    .crumbs .list { margin: 10px 0 0; }
    .crumbs .list .link { margin: 3% 3% 0 0; width: 22.75%; font-size: 14px; line-height: 20px; }
    .crumbs .list .link:nth-child(4n) { margin-right: 0; }

    .mainContainer { padding: 12% 0; }
    .mainContainer .maxTitle { line-height:20px; }
    .mainContainer .maxTitle span { padding-right:8px; font-size:18px; }
    .mainContainer .maxTitle .sub { top:10px; }

    .mainContent .content { margin-top: 0; font-size: 15px; line-height: 1.6; }
    .mainContainer .maxTitle { display: none; }
}



/*新闻*/
.position { padding: 15px 0 16px; font-size: 16px; color: #666; line-height: 2.4; overflow: hidden; }
.position h3, .position a{display: inline-block;*display: inline;*zoom: 1; vertical-align: top;}
.position h3{margin: 0;font-size:16px;color:#666;padding-left:34px;font-weight:400; line-height: 2.4;background:url(../img/ico-pos.png) left center no-repeat}
.position a{color:#666;transition:.5s}
.position a:hover{color:#c17c2e}

.index-title{margin-bottom:52px;text-align:center;overflow:hidden}
.index-title h1,
.index-title h2,
.index-title h3{font-size:36px;color:#242526;line-height:1.4;font-weight:400;margin:0 0 6px}
.index-title p{margin: 0;font-size:24px;color:#666;line-height:1.4;text-transform:uppercase;letter-spacing:.8px}

.main-container .index-news { padding-bottom: 30px; background: none; }

.pages-container{text-align:center;font-size:0;padding:30px 0}
.pages-container a{display:inline-block;vertical-align:middle;margin:0 5px;padding: 0 1em;line-height:40px;background-color:#fff;font-size:14px;color:#242526;box-shadow:0 5px 30px rgba(35,35,48,.1)}
.pages-container a.active,.pages-h1 a:hover{background-color:#c17c2e;color:#fff}

@media (max-width: 768px){
    .index-title{margin-bottom:8%;}
    .index-title h1,
    .index-title h2,
    .index-title h3{font-size:20px;}
    .index-title p{font-size:14px;}

    .position{padding:10px 0;font-size: 12px;}
    .position h3{font-size:12px;background-size:20px auto;padding-left:24px}

    .pages-container { padding: 0 0 12%; }
    .pages-container a{margin:0 2px;padding: 0 0.8em;line-height:30px;}
}



/*更多案例新闻*/
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.single-anli { margin-top: 40px; font-size: 0; overflow: hidden; }
.single-anli .list { padding: 0; margin: 0; }
.single-anli .col { margin: 2% 2% 0 0; width: 23.5%; background-color: #fff; vertical-align: top; }
.single-anli .col:nth-child(4n) { margin-right: 0; }
.single-anli .imgwr { position: relative; padding-bottom: 66.13%; height: 0; overflow: hidden; }
.single-anli .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.single-anli .tit { margin: 0.5em 0 0; padding: 0 1em; font-weight: lighter; font-size: 14px; line-height: 1.5em; color: #454545; }
.single-anli .col:hover .img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
.single-anli .col:hover .tit { color: #c17c2e; }
.single-anli .more { display: block; margin: 40px auto 0; width: 25%; height: auto; font-weight: lighter; font-size: 14px; line-height: 38px; text-align: center; color: #c17c2e; background: none; border: 1px solid #c17c2e; }
.single-anli .more:hover { color: #fff; background-color: #c17c2e; }
.single-wenti { margin-top: 60px; padding: 20px 18px 25px; background-color: #f9f9f9; }
.single-wenti .title { padding-bottom: 18px; font-size: 0; border-bottom: 1px solid #e0e0e0; }
.single-wenti .title .icon { margin-right: 15px; width: 15px; height: 17px; background-image: url(../img/icon_inside.png); background-repeat: no-repeat; background-position: 0 -90px; }
.single-wenti .title .txt { margin: 0; font-weight: bold; font-size: 16px; color: #454545; }
.single-wenti .title .more { margin: 0; width: auto; height: auto; font-size: 14px; line-height: 21px; color: #333; background: none; border: none; }
.single-wenti .title .more:hover { color: #c17c2e; }
.single-wenti .list ul { margin: 0; padding: 0; font-size: 0; }
.single-wenti .list .row { margin: 22px 0 0; width: 46%; vertical-align: top; }
.single-wenti .list .row-0 { margin-left: 8%; }
.single-wenti .list .row-wr { display: block; position: relative; padding-left: 18px; }
.single-wenti .list .row-wr:before { content: ''; position: absolute; top: 8px; left: 3px; width: 4px; height: 3px; background-color: #c17c2e; border-radius: 100%; }
.single-wenti .list .tit { margin: 0; font-weight: bold; font-size: 14px; line-height: normal; color: #454545; }
.single-wenti .list .desc { margin: 12px 0 0; font-weight: lighter; font-size: 12px; line-height: normal; color: #454545; }
.single-wenti .list .row:hover .tit { color: #c17c2e; }
.npagePage .single-wenti { margin-left: 15px; margin-right: 15px; }
.npagePage .single-wenti .title .txt { font-size: 18px; }
.npagePage .single-wenti .list .tit { font-size: 16px; }
.npagePage .single-wenti .list .desc { font-size: 14px; }
.met-showproduct-body .single-wenti { margin: 30px auto; }

@media (max-width: 768px){
    .single-anli { margin-top: 15px; }
    .single-anli .col { margin: 4% 4% 0 0; width: 48%; }
    .single-anli .col:nth-child(2n) { margin-right: 0; }
    .single-anli .tit { padding: 0; }
    .single-anli .more { margin-top: 20px; line-height: 30px; }
    .single-wenti { margin-top: 30px; padding: 15px 10px; }
    .npagePage .single-wenti { margin-left: 10px; margin-right: 10px; }
    .single-wenti .title { padding-bottom: 10px; }
    .single-wenti .title .icon { margin-right: 10px; }
    .single-wenti .list .row { display: block; margin-top: 15px; width: auto; }
    .single-wenti .list .row-0 { margin-left: 0; }
    .npagePage .single-wenti .list .tit { font-size: 13px; }
    .single-wenti .list .desc { margin-top: 6px; color: #666; }
}