/* CSS Document */

/*新闻列表页*/
.newslist{}
.newslist ul li{}
.newslist ul li a{ border-radius: 1rem; border: 1px solid #fff; background: #fff; padding: 2rem; display: block;}
.newslist a:hover img{ transform: scale(1.1); border-radius: 1rem;}
.newslist .date{ margin: 0 0 5px 0; color: #666;}
.newslist .date .month{ font-size: 2rem; font-weight: bold;}
.newslist .img{ overflow: hidden; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; height: 100%;}
.newslist .img img{ width: 100%; height: 180px; transition: 0.5s; object-fit: cover;}
.newslist .info{}
.newslist .info .title{ line-height: 3rem; font-size: 1.5rem; margin: 5px auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newslist .info .js{ line-height: 1.5rem; height: 3rem; overflow: hidden; color: #777; margin: 5px auto;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
	}
.newslist .info .lanmu{ margin: 1rem 0 0 0; text-align: right;}
.newslist .info .lanmu span{ background: #ebebeb; padding: 5px 10px; color: #666;}

/*新闻内容页*/
.news{}
.item{ padding: 2rem; background: #fff; border-radius: 5px;}
.news .newstitle{ font-size: 2rem;}
.news .details{ margin: 1rem 0;}
.news .details .iconfont{ margin: 0 1rem 0 0; display: inline-block; font-size: 0.8125rem;}

.news .daodu{ padding: 0.5rem; background: #f3f3f3;}
.news .content{ line-height: 24px;}
.news .content img{ max-width: 100%; height: auto;}

/*相关文章*/
.xiangguan{}
.xiangguan_title{ margin: 0 0 20px 0;}
.xiangguan_title b{ padding: 0 0 0 10px; border-left: 4px solid #f00; font-size: 1.625rem; line-height: 1.625rem; height: 1.625rem; overflow: hidden; display: block; font-weight: normal;}
.xiangguan a{ display: block; height: 12rem; overflow: hidden; position: relative;}
.xiangguan a img{ transition: 0.5s; width: 100%; height: 100%; object-fit: cover;}
.xiangguan a .title{ background: rgba(0,0,0,0.5); text-align: center; position: absolute; width: 100%; bottom: 0; color: #fff; padding: 5px 0;}
.xiangguan a:hover img{ transform: scale(1.1);}

/*案例列表页*/
.caselist{}
.caselist li{ transition: 0.5s;}
.caselist li>a{ display: block; background: #fff; border-radius: 5px; overflow: hidden; height: 100%;}
.caselist li .img{ overflow: hidden; align-items: center; justify-content: center; height: 15rem;}
.caselist li .img img{ transition: 0.5s; width: 100%; height: auto; object-fit: cover;}
.caselist li:hover img{ transform: scale(1.1);}

.caselist .case-title{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80%; display: inline-block;}

.caselist .details{ padding: 1.25rem; line-height: 30px; font-size: 1.25rem;}
.caselist .details .line{ border-bottom: 1px solid #e7e7e7; margin: 0 0 10px 0; padding: 0 0 10px 0;}

.caselist .details .fenlei{ font-size: 0.75rem;}
.caselist .details .iconfont{ font-weight: normal; float: right; font-size: 0.75rem; color: #777;}
.caselist .details .iconfont.icon-swap-right{ font-size: 1.625rem;}


/*单页*/
.dy{}
.dy .dy_boxtitle{ margin: 5rem 0 0 0;}
.dy .dy_boxtitle b{ margin: 20px 0 10px; font-size: 2rem; font-weight: bold; display: block;}
.dy .dy_boxtitle em{ margin: 0 0 20px 0; display: block;}
.dy .dy_pic img{ max-width: 100%;}
.dy .dy_info{}
.dy .title{ margin-bottom: 1rem; font-size: 2rem;}
.dy .dy_info>ul{ background: #F5F5F5; padding: 20px;}
.dy .dy_info li{ margin: 0 0 15px 0;}
.dy .dy_info li:last-child{ margin: 0;}
.dy .dy_info label{ padding: 0 10px; margin: 0 10px 0 0; border: 1px solid #aaa; line-height: 1.875rem;}
.dy .dy_info li>span{}
.dy .dy_info li em{ font-size: 20px; color: #f00; margin-right: 5px; font-weight: bold;}

.dy2 .title{ margin-bottom: 1rem; font-size: 2rem; text-align: center;}
.dy2 .content{ line-height: 30px;}

.liucheng{ margin: 2.5rem 0; justify-content: center; text-align: center; justify-content: space-between;}
.liucheng>div{ padding: 10px!important;}
.liucheng b{ display: block;}
.liucheng i{ font-size: 4rem;}

.dy table{ border: 1px solid #ddd; line-height: 1.875rem; color: #666;}
.dy table th,.dy table td{ padding: 5px 15px; font-size: 0.75rem;}
.dy table th{ background: #f5f6f7; line-height: 3.125rem; text-align: center;}
.dy table tr th:first-child,.dy table tr td:first-child{ text-align: center; border-right: 5px solid #ddd; background: #f5f6f7;}


.dy .ziliao{ margin: 5rem 0 0 0;}
.dy .ziliao .title_zl{ border-bottom: 1px solid #ddd;}
.dy .ziliao .title_zl b{ font-size: 1.375rem; position: relative; display: inline-block; line-height: 3rem;}
.dy .ziliao .title_zl b:before{ content: ''; border-bottom: 2px solid #ED5E01; position: absolute; bottom: 0; width: 100%;}
.dy .ziliao ul{ margin: 20px 0; line-height: 1.875rem;}

/*模板*/
.muban{}
.muban iframe{ width: 100%; height: 1550px; border: none; overflow: hidden; background: #f5f5f5; padding: 20px; border-radius: 5px;}
.muban iframe a{}


/*侧边分类*/
aside .aside_fenlei{}
aside .aside_fenlei a{ padding: 10px; line-height: 40px; display: block; border-bottom: 1px solid #ddd;}
aside .aside_fenlei a:hover{ text-indent: 1rem;}
aside .aside_fenlei a.active{ color: #f00; font-weight: bold;}


/*侧边推荐案例*/
.aside_anli{}
.aside_anli ul li{ overflow: hidden; margin: 0 0 10px 0;}
.aside_anli ul li .img{ overflow: hidden; height: 15rem;}
.aside_anli ul li img{ width: 100%; transition: 0.5s; object-fit: cover;}
.aside_anli ul li:hover img{ transform: scale(1.1);}
.aside_anli ul li span.title{ display: block; line-height: 30px; position: relative;}
.aside_anli ul li .iconfont:before{ position: absolute; right: 0;}
.aside_anli ul li a{ display: block;}

/*侧边推荐文章*/
.aside_news{}
.aside_news li{ line-height: 40px;}
.aside_news{}
.aside_news ul li a{ display: block;}

/*联系我们页*/
.contact{ padding: 0;}
.contact .bg2.row>[class^="col-"]{ padding: 3rem; border-radius: 5px; overflow: hidden;}

.contact .row .title1{ font-size: 2.375rem;}
.contact .row .title2{ font-size: 1rem;}
.contact .row .title3{ font-size: 1.625rem}

.contact .row .text{ margin: 1rem 0 0 0;}

.contact .bg1{ position: absolute; left: 0; right: 0; height: 100%;}
.contact .bg1 .col-6:first-child{ background: #fff;}
.contact .bg2{ padding: 1rem;}

.contact_part2{ background: url(../image/contact_bg.jpg) no-repeat fixed center / cover; color: #fff; text-align: center; padding: 4rem 0;}

.contact_part2 .title{ margin: 0 0 2rem 0; font-size: 2rem; font-weight: bold;}
.contact_part2 .title2{ margin: 0 auto; width: 80%;}
.contact_part2 .pinzhi{ margin: 2rem 0; justify-content: center;}
.contact_part2 .pinzhi>div{ margin: 1rem 1.5rem; font-size: 1rem;}
.contact_part2 .pinzhi .iconfont{ display: block; font-size: 4rem;}
.contact_part2 .pinzhi .iconfont:before{ margin: 0; }

/*联系我们页——企业文化*/
.contact_culture{ padding: 3rem 0; background: #fff; text-align: center;}
.contact_culture .title{ margin: 0 0 2rem 0; font-size: 2rem; font-weight: bold;}
.contact_culture .txt{ padding: 20px 30px 30px;}
.contact_culture .txt b{ margin: 0 0 20px 0; display: block; font-size: 1.5rem;}
.contact_culture .txt .js{ color: #555;}

.contact_culture [class*="col-"] .img{ overflow: hidden; align-items: center; justify-content: center;}
.contact_culture [class*="col-"] .img img{ width: 100%; height: 100%; object-fit: cover;}
.contact_culture [class*="col-"]>div{ box-shadow: 0 0 10px rgb(3,43,183,0.1); height: 100%;}

/*底部通用联系ad*/
.contact_ad{ padding: 5rem; background: url(../image/bg_bowen.jpg) no-repeat center; text-align: center; font-size: 1rem; position: relative;}
.contact_ad .container div:nth-child(1){ margin: 0 0 1rem 0;}
.contact_ad .container div:nth-child(2){ font-size: 2rem;}
.contact_ad .container div:nth-child(3){ font-size: 2.5rem; margin: 10px 0 20px 0;}
.contact_ad .container div:nth-child(4) a{ border-radius: 40px; margin: 10px; padding: 15px 40px; background: #035cac; color: #fff; display: inline-block;}
.contact_ad .container div:nth-child(4){ line-height: 30px;}
.contact_ad .container div:nth-child(4) .iconfont:before{ font-size: 1.5rem; float: left; margin-right: 10px;}
.contact_ad .container div:nth-child(4) a:last-child{ outline: 2px dashed #f00; outline-offset: 0.2rem; background: rgba(0,0,0,0.8);}



.syntaxhighlighter{width:100%!important;    white-space: pre-wrap !important;
    word-break: break-all;}
.syntaxhighlighter .line {

}
.syntaxhighlighter .gutter .line{width:22px !important;}
.syntaxhighlighter td.code .container::before, .syntaxhighlighter td.code .container::after {display: none;}
/* 如果是需要保留一行内的单词完整性则需要把 break-all 改为 break-word  */
.gutter .line{ width: 40px;}
.code .container{ min-width: auto;}