/*文字相关*/
.text-indent{ text-indent: 2em; }
.text-coffee{ color:#6b5436;}
.text-orange{ color:#fe6600;}
.text-orange2{ color:#ff9600; }
.text-green{ color:#5b97b2; }
.text-red{ color:#eb3e00; }
.text-yellow{ color:#ffea01;}
.text-blue{ color:#5b97b2; }
.text-blue2{ color:#77bddc; }
.text-black{ color:#000; }
.text-black2{ color:#454545; }
.text-white{ color:#fff; }
.text-gray{ color:#9c9c9c; }
.text-gray2{ color:#b9b9b9; }
.text-gray3{ color:#c0c0c0; }
.bg-green{ background: #84b226;}
.bg-blue{ background: #5b97b2;}
.bg-orange{ background: #fe6600;}

/*字号相关*/
.fs100{ font-weight: 100;}
.fi{ font-style:italic;}
.fn{ font-weight: normal; font-style: normal;}
.fb{ font-weight: bold;}
.f12{ font-size: 0.75rem;}
.f13{ font-size: 0.8125rem;}
.f14{ font-size: 0.875rem;}
.f15{ font-size: 0.9375rem;}
.f16{ font-size: 1rem;}
.f18{ font-size: 1.125rem;}
.f20{ font-size: 1.25rem;}
.f22{ font-size: 1.375rem;}
.f24{ font-size: 1.5rem;}
.f26{ font-size: 1.625rem;}
.f28{ font-size: 1.75rem;}
.f30{ font-size: 1.875rem;}
.f32{ font-size: 2rem;}
.f34{ font-size: 2.125rem;}
.f36{ font-size: 2.25rem;}
.f38{ font-size: 2.375rem;}
.f40{ font-size: 2.5rem;}
.f48{ font-size: 3rem;}
.f50{ font-size: 3.125rem;}
.f60{ font-size: 3.75rem;}
.f70{ font-size: 4.375rem;}
.f80{ font-size: 5rem;}
.f90{ font-size: 5.625rem;}
.f100{ font-size: 6.25rem;}
.f110{ font-size: 6.875rem;}
.f120{ font-size: 7.5rem;}

/*行高预定义*/
.line-height-10{ line-height: 1;}
.line-height-11{ line-height: 1.1;}
.line-height-12{ line-height: 1.2;}
.line-height-14{ line-height: 1.4;}
.line-height-16{ line-height: 1.6;}
.line-height-18{ line-height: 1.8;}
.line-height-20{ line-height: 2.0;}
.line-height-22{ line-height: 2.2;}
.line-height-24{ line-height: 2.4;}

/*超出隐藏*/
.max-line-1{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
.max-line-2,.max-line-3,.max-line-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.max-line-2{-webkit-line-clamp:2}
.max-line-3{-webkit-line-clamp:3}

/*边距处理*/
.p5{ padding:5px!important;}
.p10{ padding:10px!important;}
.p15{ padding:15px!important;}
.p20{ padding:20px!important;}
.p25{ padding:25px!important;}
.p30{ padding:30px!important;}
.pb0{ padding-bottom:0px!important;}
.pb5{ padding-bottom:5px!important;}
.pb10{ padding-bottom:10px!important;}
.pb15{ padding-bottom:15px!important;}
.pb20{ padding-bottom:20px!important;}
.pb25{ padding-bottom:25px!important;}
.pb30{ padding-bottom:30px!important;}
.pr20{ padding-right:20px!important;}
.pr30{ padding-right:30px!important;}
.pt0{ padding-top:0!important;}
.pt5{ padding-top:5px!important;}
.pt10{ padding-top:10px!important;}
.pt15{ padding-top:15px!important;}
.pt20{ padding-top:20px!important;}
.pt30{ padding-top:30px!important;}
.pt40{ padding-top:40px!important;}
.plr5{ padding-left:5px!important; padding-right:5px!important;}
.plr10{ padding-left:10px!important; padding-right:10px!important;}
.plr15{ padding-left:15px!important; padding-right:15px!important;}
.plr20{ padding-left:20px!important; padding-right:20px!important;}
.plr25{ padding-left:25px!important; padding-right:25px!important;}
.plr30{ padding-left:30px!important; padding-right:30px!important;}
.ptb5{ padding-top:5px!important; padding-bottom:5px!important;}
.ptb10{ padding-top:10px!important; padding-bottom:10px!important;}
.ptb15{ padding-top:15px!important; padding-bottom:15px!important;}
.ptb20{ padding-top:20px!important; padding-bottom:20px!important;}
.ptb25{ padding-top:25px!important; padding-bottom:25px!important;}
.ptb30{ padding-top:30px!important; padding-bottom:30px!important;}
.m5{ margin:5px!important;}
.m10{ margin:5px!important;}
.m15{ margin:5px!important;}
.m20{ margin:5px!important;}
.m25{ margin:5px!important;}
.m30{ margin:5px!important;}
.mt0{ margin-top:0px!important; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mb0{ margin-bottom:0px!important; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.ml5{ margin-left:5px; }
.mr5{ margin-right:5px; }
.ml10{ margin-left: 10px;}
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mlr5{ margin-left:5px!important; margin-right:5px!important;}
.mlr10{ margin-left:10px!important; margin-right:10px!important;}
.mlr15{ margin-left:15px!important; margin-right:15px!important;}
.mlr20{ margin-left:20px!important; margin-right:20px!important;}
.mlr25{ margin-left:25px!important; margin-right:25px!important;}
.mlr30{ margin-left:30px!important; margin-right:30px!important;}
.mtb5{ margin-top:5px!important; margin-bottom:5px!important;}
.mtb10{ margin-top:10px!important; margin-bottom:10px!important;}
.mtb15{ margin-top:15px!important; margin-bottom:15px!important;}
.mtb20{ margin-top:20px!important; margin-bottom:20px!important;}
.mtb25{ margin-top:25px!important; margin-bottom:25px!important;}
.mtb30{ margin-top:30px!important; margin-bottom:30px!important;}


/*图片比例占位*/
.img{display:block; position: relative; height: 0; width: 100%; overflow: hidden; }
.img > * { position: absolute; left: 0; top: 0; width: 100%;}
.img[data-ratio="1:1"]{padding-top:100%}
.img[data-ratio="1:2"]{padding-top:200%}
.img[data-ratio="2:1"]{padding-top:50%}
.img[data-ratio="1:3"]{padding-top:300%}
.img[data-ratio="3:1"]{padding-top:33.33%}
.img[data-ratio="2:3"]{padding-top:150%}
.img[data-ratio="3:2"]{padding-top:66.67%}
.img[data-ratio="3:4"]{padding-top:133.333%}
.img[data-ratio="4:3"]{padding-top:75%}
.img[data-ratio="5:2"]{padding-top:40%}
.img[data-ratio="2:5"]{padding-top:250%}
.img[data-ratio="5:3"]{padding-top:60%}
.img[data-ratio="5:4"]{padding-top:80%}
.img[data-ratio="4:5"]{padding-top:125%}
.img[data-ratio="7:4"]{padding-top:57.14%}
.img[data-ratio="4:7"]{padding-top:175%}
.img[data-ratio="16:9"]{padding-top:56.25%}
.img[data-ratio="9:16"]{padding-top:177.778%}
.img[data-ratio="14:9"]{padding-top:64.285%}
.img[data-ratio="9:14"]{padding-top:155.555%}
.img[data-ratio="19:12"]{padding-top:63.157%}
.img[data-ratio="12:19"]{padding-top:158.333%}

.uk-lightbox{ background:rgba(0,0,0,.5)!important;}

/*公共*/
#offcanvas li a{ font-size:16px; line-height: 2; }

.iabout p{ line-height: 2.0;}

.wedo .title{ background:#1b98e0; }
.wedo .title .line{ position: relative; }
.wedo .title .line::before{ content:""; background-color: #fff; display: block; height: 1px; width: 600px; position: absolute; left: 50%; top:50%; margin-left: -300px;}
.wedo .title .line span{ position: relative; z-index: 2; width:40px; display: inline-block; background:#1b98e0; }
.wedo .con{ padding:100px 0 120px;}

#honor{ background:#f7f8f9; }
#honor .uk-grid>div>div{ background:#fff;}
#honor .uk-grid>div .tit{ background:#fff; padding:10px; line-height: 1.6; }

.horonlist>div>div{ background:#fff;}
.horonlist>div .tit{ background:#fff; padding:10px; line-height: 1.6; }



#blog{ background:url(../images/bg_news.png); background-size: cover; }

#customer li>div{ max-width:500px; }
#customer>.uk-overlay{background-color: rgba(44,62,80,0.9);}

#contact>.uk-overlay{background-color: rgba(44,62,80,0.7);}
#contact .icos>a{ min-width:200px; }
#contact .icos>a .uk-icon-button{ width:90px; height: 90px; background:rgba(15,48,61,0.8); border-radius: 50%; font-size:40px; color:#fff; }

.hotul li .uk-icon{ position: relative; top:-2px; }

.newslist>div .date{ margin:10px 0 15px;}

.newsbanner > .uk-overlay{background-color: rgba(0,0,0,.5); -webkit-backdrop-filter: saturate(200%) blur(10px);  backdrop-filter: saturate(200%) blur(10px);}

.crumb{ color:#fff; }
.crumb a{ color:#fff; display: inline-block; padding:0 5px; }
.crumb a:hover{ text-decoration: underline; }

.crumb2 a{display: inline-block; padding:0 5px;}
.crumb2 a:hover{ color:#999; text-decoration: underline; }


/*分页*/
.pages{ margin-top:50px; margin-bottom: 60px!important;}
.pages a,.pages .page-num{ display: block; padding:0; height: 42px; line-height: 40px; min-width:42px; text-align: center; border:1px solid #e9e9e9;  background: #ffffff; margin-left:-1px; }
.pages a:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.pages a:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.pages a span{ display: block; height: 100%; line-height: 38px;}
.pages .page-num-current, .pages a:hover{ color:#fff; background: #f0506e; border-color:#f0506e; }
.pages a:hover span{ color:#fff;}
/* .pages .uk-icon{ padding-top:2px; } */


@media( max-width:640px){
    #contact .icos>a{ min-width:80px; }
    #contact .icos>a .uk-icon-button{ width:80px; height: 80px; background:rgba(15,48,61,0.8); border-radius: 50%; font-size:40px; color:#fff; }
}