.fl-r {
    float: right;
}
.cl-baf {
    *zoom: 1: ;
}
.trs03s {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .tel {
    margin: 11px 0 2px;
    padding-left: 40px;
    font-size: 0px;
    background: url(../img/icon-tel.png) left center no-repeat;
}
.header .tel-2 {
    background-position: left bottom;
}
.comwrap {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
}
.header {
    position: absolute;
    top: 0px;
    right: 0;
    z-index: 9;
    background-color: #fff;
}
.cl-baf::after {
    content: "";
    display: block;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
    clear: both;
}


.d-ib {
    display: inline-block;
    *display: inline: ;
    *zoom: 1: ;
    vertical-align: middle;
}
.header .tel .txt {
    margin-bottom: 2px;
    font-weight: lighter;
    font-size: 14px;
    color: #676767;
    vertical-align: text-bottom;
}
.header .tel-2 .txt {
    display: block;
    margin-bottom: 0px;
}
.header .tel .num {
    font-weight: bold;
    font-size: 24px;
    color: #c17c2e;
    vertical-align: text-bottom;
}
.header .tel-2 .num {
    display: block;
}

@media (max-width: 991px){
    .header .tel { margin-top: 15px; padding-left: 35px; line-height: 1.3; }
    .header .tel .txt { font-size: 12px; }
    .header .tel .num { margin: 4px 0; font-size: 18px; }

    .met-nav.navbar-fixed-top .navbar-right { margin-right: 165px; }
}

@media (max-width: 768px){
    .header {
    right: 70px;
}

.header .tel {
    padding-left: 30px;
    line-height: 1.2;
    background-size: auto 25px;
}

.header .tel .num { font-size: 16px; }

}



/*更多案例新闻*/
.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; font-size: 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; }

    .single_main .single-wenti,
    .single_main .single-anli { display: none; }
}



/* 首页 */
.index-title { font-size: 0; text-align: center; }
.index-title .txt { display: inline-block; *display: inline; *zoom: 1; margin: 0; padding: 0 1.5em; line-height: 70px; color: #333; font-size: 30px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }

.index-menu { margin: 20px auto; font-size: 0; text-align: center; }
.index-menu li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }
.index-menu li a { display: block; margin: 1.5em; padding: 0 1em; line-height: 36px; color: #666; font-size: 16px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.index-menu li a:hover { border-color: #c17c2e; }

.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; }



.index-cases { padding: 60px 0; background-color: #f7f7f7; }
.index-cases .main { margin: 0 -2.5%; font-size: 0; }
.index-cases .main .child { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; margin: 2% 1% 0; padding-bottom: 21.25%; width: 31.33%; height: 0; overflow: hidden; }
.index-cases .main .child .childImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.index-cases .main .child .childTitle { color: #fff; font-size: 16px; position: absolute; bottom: 10px; left: 0px; right: 0; margin: 0 auto; line-height: 32px; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 1; }
.index-cases .main .child .childFoot { position: absolute; bottom: 0px; left: 0px; width: 100%; max-height: 100%; }
.index-cases .main .child .childHide { display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:2;background:#c17c2e;opacity: .3;}
.index-cases .main .child .childSearchBg {display:none;position:absolute;top:50%;left:50%;width:66px;height:66px;margin:-33px 0 0 -33px;background:#c17c2e;border-radius:66px;z-index:3;opacity:.7;}
.index-cases .main .child .childSearch {display:none;position:absolute;top:50%;left:50%;width:30px;height:24px;margin:-12px 0 0 -15px;z-index:4;}
.index-cases .main .child:hover .childHide {display:block;}
.index-cases .main .child:hover .childSearchBg {display:block;animation:quan .2s ease-in-out 0s both;}
.index-cases .main .child:hover .childSearch {
    display:block;
}
@keyframes quan {
    0% { transform:scale(0); }
    100% { transform:scale(1); }
}

@media (max-width: 768px){
    .index-title .txt { padding: 0 1em; line-height: 35px; font-size: 20px; }

    .index-menu { margin: 8% auto; text-align: left; }
    .index-menu ul { margin: 0; padding: 0; }
    .index-menu li { margin: 1.5% 3% 1.5% 0; width: 22.75%; }
    .index-menu li:nth-child(4n) { margin-right: 0; }
    .index-menu li a { margin: 0; padding: 0; line-height: 30px; font-size: 14px; text-align: center; overflow: hidden; }

    .index-btn { margin-top: 8%; }
    .index-btn .btn { line-height: 30px; width: 120px; height: 30px; border-radius: 30px; }

    .index-cases { padding: 12% 0; }
    .index-cases .main { margin: 0; }
    .index-cases .main .child { margin: 8% 2% 0; padding-bottom: 67%; width: 96%; }
    .index-cases .main .child .childTitle { font-size: 15px; }
}



.index-about { padding: 60px 0; background-color: #f0f0f0; }
.index-about .main{position:relative;overflow:hidden;margin-top:40px;background-color:#c17c2e;}
.index-about .main .img{position:absolute;height:100%;right:0;top:0;width:48.8%;overflow: hidden;}
.index-about .main .img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
.index-about .main .img:after{content:'';position:absolute;top:30px;left:30px;bottom:30px;right:30px;border:1px solid #fff}
.index-about .main .txt{width:51.2%;padding:50px;overflow:hidden;color:#fff;font-size:16px;line-height:2.5;text-align:justify}
.index-about .main .txt .tit{font-size:30px;font-weight:400;margin:10px 0 20px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index-about .main .txt .desc{overflow:hidden;}
.index-about .main .txt .desc p { margin: 0; }

@media (max-width: 768px){
	.index-about { padding: 12% 0; }
	.index-about .main { margin-top: 10%; }
	.index-about .main .txt { padding: 10% 6%; width: auto; font-size: 15px; line-height: 1.6; }
	.index-about .main .img { position: relative; padding-bottom: 60%; width: auto; height: 0; }
	.index-about .main .img:after { top: 15px; left: 15px; bottom: 15px; right: 15px; }
}



.index-news { padding: 80px 0; }
.index-news .main { margin-top: 50px; }
.index-news .main .list { margin: -1.5625% -1.5625% 0; padding: 0; font-size: 0; }
.index-news .main .list .col { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 1.5151% 0 0 1.5151%; padding: 1.5151% 0; width: 47.72735%; background-color: #f5f5f5; }
.index-news .main .list .col .pic { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; position: relative; margin-left: 3.17%; padding-bottom: 24.6%; width: 28.57%; height: 0; overflow: hidden; }
.index-news .main .list .col img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .4s; object-fit: cover; }
.index-news .main .list .col .box { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 3.17%; width: 58.75%; }
.index-news .main .list .col .tit { margin: 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; white-space: nowrap; color: #262626; transition: all .4s; }
.index-news .main .list .col .tit:hover { color: #c17c2e; }
.index-news .main .list .col .txt { -webkit-line-clamp: 2; font-size: 13px; margin-top: 4%; line-height: 22px; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #8c8c8c; }
.index-news .main .list .col .time { margin-top: 3%; font-size: 12px; color: #8c8c8c; }

.index-btn { display: block; margin: 40px auto 0; padding: 0 20px; width: 100%; max-width: 138px; height: 46px; font-weight: bold; font-size: 15px; line-height: 44px; text-align: center; color: rgba(193, 124, 46, 0.8); border: 1px solid rgba(193, 124, 46, 0.5); border-radius: 0; transition: all .4s ease-out; }
.index-btn:hover { color: #fff; background-color: rgba(193, 124, 46, 0.8); }

@media (max-width: 768px){
    .index-news { padding: 12% 0; }
    .index-news .main { margin-top: 10%; }
    .index-news .main .list { margin: 0; }
    .index-news .main .list .col { display: block; margin: 8% 3% 0; padding: 5%; width: auto; }
    .index-news .main .list .col .pic { display: block; margin-left: 0; padding-bottom: 60%; width: auto; }
    .index-news .main .list .col .box { display: block; margin-top: 5%; margin-left: 0; width: auto; }
    .index-news .main .list .col .tit { font-size: 15px; }
    .index-news .main .list .col .txt { font-size: 13px; margin-top: 4%; line-height: 20px; }
    .index-news .main .list .col .time { margin-top: 4%; }

    .index-btn { margin: 8% auto 0; padding: 0 10px; max-width: 108px; height: 36px; font-size: 14px; line-height: 34px; }
}



/*首页报价*/
.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; }

.pages { text-align:center; margin: 55px 0 0 0; }
.pages a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin:6px 3px 0; font-size: 14px; border:1px solid #f0f0f0; border-radius:4px; }
.pages a { padding:6px 12px; color:#666; }
.pages a.active,
.pages a:hover { border-color:#c17c2e; background-color: #c17c2e; color: #fff; }
.pages a.active { padding: 6px 12px; }



.mainContent { font-size: 0; }
.mainContent .child { width: 23.75%; margin-right:1.66%; vertical-align:text-top; padding-top:60px; display:inline-block; *display:inline; *zoom:1; }
.mainContent .child:nth-child(4n) { margin-right: 0; }
.mainContent .child .childImg { overflow:hidden; position:relative; padding-bottom: 66.66%; height:0; }
.mainContent .child .childImg .childImgimg { position: absolute; top: 0; left: 0; width:100%; height:100%; object-fit: cover; }
.mainContent .child .childImg .childHide { opacity:0; position:absolute; top:0px; left:-100%; z-index: 2; width:100%; height:100%; transition-duration: .5s; }
.mainContent .child .childImg .childHide {
    background-image: linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
    background-image: -o-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
    background-image: -moz-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
    background-image: -webkit-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
    background-image: -ms-linear-gradient(top, rgba(232,232,232, 0.8) 0%, rgba(214,214,214, 0.8) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(232,232,232, 0.8)), color-stop(1, rgba(214,214,214, 0.8)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#d6d6d6'), progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.mainContent .child .childImg .childHide .childHideIcon { position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; cursor:pointer; width:36px; height:36px; text-align:center; line-height:36px; border-radius:36px; background:#5f5f5f; transition-duration: .5s; }
.mainContent .child .childImg .childHide .childHideIcon:hover { background:#000; }
.mainContent .child .childImg:hover .childHide { left:0; opacity:1; }
.mainContent .child .childTitle { line-height:28px; padding-top:20px;   color:#333333; font-size:16px; }
.mainContent .child .childTime { line-height:22px; padding-top:6px; color:#999999; font-size:12px; }
.mainContent .child .childInfo { line-height:22px; padding-top: 6px; font-size:12px; color:#666; }
.mainContent .child:hover .childTitle { color: #c17c2e; }

.mainContent .content { margin-top: 60px; font-size: 16px; line-height: 2; overflow: hidden; }
.mainContent .content img { max-width: 100%; height: auto!important; }



@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; }

    .pages { margin: 10% 0 0 0; }
    .pages a { margin:4px 2px 0; font-size: 12px; }
    .pages a { padding:4px 10px; }
    .pages a.active { padding: 4px 10px; }

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

    .mainContent .child { width: 100%; margin-right:0; padding-top:10%; }
    .mainContent .child .childTitle { padding-top:10px; font-size:15px; line-height: 25px; }

    .mainContent .content { margin-top: 10%; font-size: 15px; line-height: 1.6; }
}



/* 内页2 */
.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}

.single_main { float: left; margin: 60px 0; width: 74%; }
.single_main div { font-size: 16px; color: #595757; line-height: 30px; }
.single_main div img { max-width: 100%; height: auto!important; }
.single_main .index-title{margin-bottom:52px;text-align:center;overflow:hidden}
.single_main .index-title h1,
.single_main .index-title h2,
.single_main .index-title h3{font-size:36px;color:#242526;line-height:1.4;font-weight:400;margin:0 0 6px}
.single_main .index-title p{margin: 0;font-size:24px;color:#666;line-height:1.4;text-transform:uppercase;letter-spacing:.8px}
.single_side { float: right; margin: 60px 0; width: 21.6%; }
.single_side h2{color: #c17c2e;font-size: 22px;line-height: 26px;overflow: hidden;}
.single_side h2 b{width: 4px;height: 26px;background: #c17c2e;float: left;margin-right: 15px;}
.single_side ul { margin: 0; padding: 0; }
.single_side li { list-style: none; }
.single_side .pic ul li{padding-top: 20px;position: relative;}
.single_side .pic ul li img{display: block;width: 100%;}
.single_side .pic ul li p{margin: 0;padding: 0 5%;width: 100%;height: 21px;line-height: 21px;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: rgba(0,0,0,0.6);position: absolute;bottom: 0;left: 0;color: #fff;}
.single_side .pic ul li a p:hover{color: #c17c2e}
.single_side .txt{padding-top: 40px; }
.single_side .txt ul li{padding: 15px 0;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px #bfbfbf solid;}
.single_side .txt ul li a{color: #717071;}
.single_side .txt ul li a:hover{color: #c17c2e;}

@media (max-width: 768px){
	.position{padding:10px 0;font-size: 12px;}
	.position h3{font-size:12px;background-size:20px auto;padding-left:24px}

	.single_main,
	.single_side { float: none; margin: 10% 3%; width: auto; }
	.single_main .index-title{margin-bottom:8%;}
	.single_main .index-title h1,
	.single_main .index-title h2,
	.single_main .index-title h3{font-size:20px;}
	.single_main .index-title p{font-size:14px;}
	.single_side h2 { font-size: 18px; }
	.single_side h2 b { margin-top: 3px; height: 18px; }
}



/* 文章 */
.secondary-menu { font-size: 0; background-color: #c17c2e; }
.secondary-menu .link { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 1.5em; font-size: 14px; line-height: 45px; color: #fff; transition: all .4s; }
.secondary-menu .link:hover { background-color: rgba(255, 255, 255, .1); }
.secondary-menu .link.active { background-color: rgba(255, 255, 255, .2); }

.crumbs-container { padding: 10px 0; font-size: 14px; line-height: 30px; color: #555; background-color: #f0f0f0; }
.crumbs-container a { color: #555; }

//.main-container { margin: 80px auto; }
.main-title { margin-bottom: 60px; }
.main-title .tit { margin: 0; font-weight: bold; font-size: 30px; color: #333; }
.main-title .line { margin: 20px 0 0; width: 50px; height: 2px; background-color: #6e6e6e; }
.main-title2 { text-align: center; }
.main-title2 .line { margin: 20px auto 0; }

.main-content { line-height: 2em; color: #555; font-size: 15px; }
.main-content p { margin-bottom: 0.5em; }
.main-content img { max-width: 100%; height: auto!important; }

.main-container .index-news { padding: 0; background: none; }
.main-container .index-news .main .list .col { background-color: #f5f5f5; }

.main-container .met-index-body:nth-of-type(odd) { background: #fff; }

.page-container { margin-top: 60px; font-size: 0; text-align: center; }
.page-container a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.page-container a { min-width: 34px; margin: 0 3px; padding: 0 6px; color: #595959; border: 1px solid #d9d9d9; line-height: 30px; font-size: 14px; border-radius: 6px; transition: all .4s; }
.page-container a:hover { color: #c17c2e; border-color: #c17c2e; }
.page-container a.active { color: #fff; background-color: #c17c2e; border-color: #c17c2e; }
.page-container a i { font-size: 18px; }

@media (max-width: 768px){
    .secondary-menu .link { width: 25%; padding: 0 0.5em; font-size: 14px; line-height: 35px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .crumbs-container { padding: 10px 0; font-size: 14px; line-height: 30px; color: #555; background-color: #f0f0f0; }
    .crumbs-container a { color: #555; }

    .main-container { margin: 12% auto; }
    .main-title { display: none; margin-bottom: 10%; }
    .main-title .tit { font-size: 20px; }
    .main-title .line { margin: 10px 0 0; width: 30px; }
    .main-title2 .line { margin: 10px auto 0; }

    .page-container { margin-top: 10%; }
    .page-container a { min-width: 30px; margin: 0 2px; padding: 0 5px; }

    .main-content { line-height: 1.5em; }
    .main-container .index-news .main { margin-top: -8%; }
}