/* ============================================================
   安徽忠之盈工程咨询有限公司 - 企业官网（纯静态 PC 版）
   主体风格参照讯睿(61cms)系统模板
   ============================================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background: #fff;
}
ul, ol, li { list-style: none; }
img { border: 0; vertical-align: middle; max-width: 100%; }
a { text-decoration: none; color: #333; transition: all .2s linear 0s; }
.clear { clear: both; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* ---------------- 头部 ---------------- */
.topnavmargin { height: 121px; width: 100%; }
.pg_margins {
    width: 100%; height: 120px;
    background-color: #fff;
    position: fixed; top: 0; left: 0;
    z-index: 11111;
    border-bottom: 1px solid #e8e8e8;
}
.pg_header { width: 1200px; margin: 0 auto; display: flex; }
.header { position: relative; height: 120px; width: 350px; }
.header .logo { width: 350px; height: 110px; padding-top: 5px; }
.header .logo img { width: 100%; margin-top: 16px; }
#topNav { height: 120px; text-align: center; font-size: 14px; width: 850px; margin-left: 0; }
#topNav .navk { overflow: inherit; position: relative; }
.navbox li { position: relative; float: left; line-height: 120px; height: 120px; }
.nav li { width: 141px; }
#topNav .on { background: #00a1e9; color: #fff; }
#topNav li a { color: #000; display: block; width: 100%; height: 100%; font-size: 17px; }
#topNav li a:hover { color: #00a1e9; }
#topNav li a.on:hover { color: #fff; }
.shownav {
    background: #fff; position: absolute; width: 100%; padding: 0; left: 0;
    display: none; z-index: 100; box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
#topNav li .shownav a {
    line-height: 45px; height: 45px; color: #262626; width: 141px;
    font-size: 15px; text-align: center; background: #fff;
}
#topNav li .shownav a:hover { background: #00a1e9; color: #fff; }

/* ---------------- 首页轮播 banner ---------------- */
.slider { width: 100%; overflow: hidden; position: relative; height: 500px; }
.slider .slide-list { position: relative; height: 500px; }
.slider .slide-list li { position: absolute; left: 0; top: 0; width: 100%; height: 500px; opacity: 0; transition: opacity .8s; }
.slider .slide-list li.active { opacity: 1; }
.slider .slide-list li a { display: block; width: 100%; height: 100%; }
.slider .slide-list li img { width: 100%; height: 500px; object-fit: cover; }
.slider-dots { position: absolute; bottom: 18px; left: 0; width: 100%; text-align: center; z-index: 5; }
.slider-dots span {
    display: inline-block; width: 36px; height: 4px; margin: 0 5px;
    background: rgba(255,255,255,.5); cursor: pointer;
}
.slider-dots span.on { background: #00a1e9; }

/* ---------------- 首页版块 ---------------- */
.index_main { width: 1200px; margin: 0 auto; }

/* 关于我们 */
.index_01 { margin-top: 55px; }
.index_video { float: left; width: 560px; height: 400px; overflow: hidden; }
.index_video img { width: 100%; height: 400px; object-fit: cover; }
.index_about { float: right; width: 590px; }
.index_about h2 { font-size: 26px; color: #0055a2; line-height: 1; padding: 5px 0 25px; }
.index_about p { font-size: 14px; color: #666; line-height: 28px; text-align: justify; }
.index_about p a.more-link {
    display: inline-block; margin-top: 22px; padding: 0 28px; height: 38px;
    line-height: 38px; background: #00a1e9; color: #fff; font-size: 14px;
}
.index_about p a.more-link:hover { background: #0090d0; }

/* 版块标题 */
.index_bt { text-align: center; margin: 60px 0 40px; }
.index_bt img { height: 120px; }

/* 业务范围 走马灯 */
.marquee { width: 1200px; height: 356px; overflow: hidden; margin: 0 auto 20px auto; position: relative; }
.marquee .mq-track { position: relative; white-space: nowrap; }
.marquee li { display: inline-block; height: 350px; width: 350px; border: 1px solid #d9d9d9; margin-right: 16px; background: #fff; }
.marquee .if-rp { position: relative; margin: 10px; overflow: hidden; }
.marquee .m-pic { position: relative; overflow: hidden; }
.marquee li a.pic-link { display: block; width: 328px; height: 280px; overflow: hidden; text-align: center; }
.marquee li .m-pic img { width: 328px; height: 278px; object-fit: cover; transition: all .6s ease-in-out; }
.marquee li .m-pic a:hover img { transform: scale(1.2); }
.m-intro { border-top: 1px solid #d9d9d9; }
.u-tt { height: 45px; line-height: 45px; font-size: 14px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.marquee li:hover .u-tt a { background: #00a1e9; color: #fff; display: block; }

/* 查看更多 */
.more { text-align: center; margin-top: 10px; }
.more a { display: inline-block; padding: 0 40px; height: 40px; line-height: 40px; border: 1px solid #00a1e9; color: #00a1e9; font-size: 14px; }
.more a:hover { background: #00a1e9; color: #fff; }

/* 项目案例 */
.index_03 { background: #111; padding-bottom: 60px; margin-top: 60px; }
.index_03 .index_jz { width: 1200px; margin: 0 auto; }
.index_case { position: relative; }
.index_case_left { float: left; width: 700px; }
.TB-focus { position: relative; width: 700px; height: 400px; overflow: hidden; }
.TB-focus .bd ul { position: relative; }
.TB-focus .bd li { display: none; position: absolute; left: 0; top: 0; width: 700px; }
.TB-focus .bd li.active { display: block; }
.TB-focus .bd li p img { width: 700px; height: 320px; object-fit: cover; }
.TB-focus .bd li a { display: block; background: #1a1a1a; padding: 12px 15px; }
.TB-focus .bd li h2 { font-size: 16px; color: #fff; font-weight: normal; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.TB-focus .bd li span { font-size: 13px; color: #00a1e9; line-height: 22px; white-space: pre-line; }
.TB-focus .hd { position: absolute; right: 10px; bottom: 66px; z-index: 5; }
.TB-focus .hd ul li { float: left; width: 22px; height: 4px; background: rgba(255,255,255,.4); margin-left: 6px; cursor: pointer; }
.TB-focus .hd ul li.on { background: #00a1e9; }
.index_case_right { float: right; width: 480px; }
.index_case_right li { margin-bottom: 12px; border: 1px solid #2a2a2a; background: #1a1a1a; }
.index_case_right li a { display: block; padding: 8px; }
.index_case_right li a h2 { float: left; width: 240px; font-size: 14px; color: #ddd; font-weight: normal; line-height: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.index_case_right li a p { float: right; width: 200px; height: 130px; overflow: hidden; }
.index_case_right li a p img { width: 200px; height: 130px; object-fit: cover; }
.index_case_right li:hover a h2 { color: #00a1e9; }
.index_03 .more a { color: #fff; border-color: #fff; }
.index_03 .more a:hover { background: #00a1e9; border-color: #00a1e9; }

/* 最新动态 */
.index_04 { padding-bottom: 70px; }
.index_news { margin-top: 10px; }
.index_news li { float: left; width: 390px; margin-right: 15px; border: 1px solid #e8e8e8; transition: all .3s; }
.index_news li:last-child { margin-right: 0; }
.index_news li:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.index_news .index_news_time { float: left; width: 90px; text-align: center; padding-top: 18px; }
.index_news .index_news_time h2 { font-size: 26px; color: #00a1e9; line-height: 1.2; }
.index_news .index_news_time p { font-size: 14px; color: #999; }
.index_news .index_news_con { float: right; width: 280px; padding: 15px 15px 0 0; }
.index_news .index_news_con h3 { font-size: 15px; line-height: 24px; height: 48px; overflow: hidden; font-weight: normal; }
.index_news .index_news_con h3 a:hover { color: #00a1e9; }
.index_news .index_news_con p { margin-top: 8px; height: 110px; overflow: hidden; }
.index_news .index_news_con p img { width: 100%; height: 110px; object-fit: cover; }
.index_news .index_news_more { clear: both; border-top: 1px solid #eee; text-align: center; height: 40px; line-height: 40px; }
.index_news .index_news_more a { color: #999; font-size: 13px; }
.index_news .index_news_more a:hover { color: #00a1e9; }

/* ---------------- 内页 banner ---------------- */
.inner_banner { height: 340px; background: url(../img/y1.jpg) no-repeat center top; position: relative; margin-top: 0; padding-top: 150px; }
.inner_banner .main2 { width: 800px; margin: 0 auto; text-align: center; }
.inner_banner .contact_banner_div2 { color: #fff; font-size: 24px; font-weight: bold; letter-spacing: 4px; text-shadow: 0 2px 6px rgba(0,0,0,.35); }

/* ---------------- 内页布局 ---------------- */
.main-home { width: 1200px; margin: 35px auto 60px; }
.left { float: left; width: 260px; }
.right { float: right; width: 900px; min-height: 500px; }

/* 左侧栏目 */
.pro_sort_box { margin-bottom: 20px; }
.pro_sort_box .title { background: #0055a2; }
.pro_sort_box .title .title_more a { display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; letter-spacing: 2px; }
.pro_sort .each_li { border: 1px solid #e8e8e8; border-top: 0; }
.pro_sort .each_li .name a { display: block; height: 52px; line-height: 52px; padding-left: 40px; font-size: 15px; color: #555; position: relative; }
.pro_sort .each_li .name a:before { content: ""; position: absolute; left: 20px; top: 24px; width: 6px; height: 6px; background: #ccc; }
.pro_sort .each_li.active .name a, .pro_sort .each_li .name a:hover { color: #00a1e9; background: #f5fafd; }
.pro_sort .each_li.active .name a:before { background: #00a1e9; }

/* 左侧联系我们 */
.left-contact { border: 1px solid #e8e8e8; padding-bottom: 15px; }
.left-contact .title { background: #0055a2; }
.left-contact .title .title_more { height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; letter-spacing: 2px; }
.left-contact .content { padding: 18px 20px 0; }
.left-contact .content p { font-size: 14px; line-height: 30px; color: #666; }
.left-contact .content p b { color: #0055a2; }

/* ---------------- 内容区 ---------------- */
.crumb { padding: 0 0 20px; font-size: 13px; color: #999; }
.crumb a { color: #999; }
.crumb a:hover { color: #00a1e9; }

/* 图文列表（新闻/案例） */
.TTXW_CONTENT { border-bottom: 1px dashed #e5e5e5; padding: 22px 0; overflow: hidden; }
.TTXW_CONTENT .pic { float: left; width: 230px; height: 150px; overflow: hidden; margin-right: 25px; }
.TTXW_CONTENT .pic img { width: 230px; height: 150px; object-fit: cover; transition: all .5s; }
.TTXW_CONTENT:hover .pic img { transform: scale(1.08); }
.TTXW_CONTENT dl.intro { overflow: hidden; }
.TTXW_CONTENT dd.t { font-size: 17px; line-height: 30px; }
.TTXW_CONTENT dd.t a:hover { color: #00a1e9; }
.TTXW_CONTENT dd.t .newYear { float: right; color: #999; font-size: 13px; font-weight: normal; line-height: 30px; }
.TTXW_CONTENT dd.v { font-size: 14px; color: #888; line-height: 26px; margin-top: 8px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.TTXW_CONTENT dd.d { margin-top: 12px; }
.TTXW_CONTENT dd.d a.spot { color: #00a1e9; font-size: 13px; }
.TTXW_CONTENT.no-pic { padding: 0; border-bottom: 0; }
.TTXW_CONTENT.no-pic dl.intro { padding: 0 20px; }

/* 公告纯文字列表 */
.notice-list { border: 1px solid #e8e8e8; padding: 10px 20px; }
.notice-list .TTXW_CONTENT { border-bottom: 1px dashed #e5e5e5; }
.notice-list .TTXW_CONTENT:last-child { border-bottom: 0; }

/* 业务范围 图片网格 */
.biz-grid { overflow: hidden; margin: 0 -12px; }
.biz-grid li { float: left; width: 284px; margin: 0 12px 24px; border: 1px solid #e5e5e5; background: #fff; transition: all .3s; }
.biz-grid li:hover { box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.biz-grid li .pic { display: block; height: 212px; overflow: hidden; }
.biz-grid li .pic img { width: 100%; height: 212px; object-fit: cover; transition: all .6s; }
.biz-grid li:hover .pic img { transform: scale(1.1); }
.biz-grid li .u-tt { height: 50px; line-height: 50px; text-align: center; font-size: 15px; border-top: 1px solid #e5e5e5; }
.biz-grid li:hover .u-tt { background: #00a1e9; color: #fff; }

/* 资质荣誉 */
.ryzz-grid { overflow: hidden; margin: 0 -12px; }
.ryzz-grid li { float: left; width: 426px; margin: 0 12px 24px; border: 1px solid #e5e5e5; }
.ryzz-grid li a { display: block; padding: 10px; }
.ryzz-grid li img { width: 100%; height: 300px; object-fit: contain; }
.ryzz-grid li .u-tt { text-align: center; height: 45px; line-height: 45px; font-size: 15px; }
.ryzz-grid li:hover .u-tt { color: #00a1e9; }

/* 企业简介 正文 */
.about-content { font-size: 15px; line-height: 32px; color: #444; text-align: justify; }
.about-content h3.sec-title { font-size: 20px; color: #0055a2; text-align: center; margin: 10px 0 25px; letter-spacing: 6px; }
.about-content p { margin-bottom: 18px; text-indent: 2em; }
.about-content p.vision { text-indent: 0; background: #f2f8fc; border-left: 4px solid #00a1e9; padding: 16px 20px; color: #0055a2; font-weight: bold; }

/* 联系我们 */
.contact-box { padding: 30px 10px; }
.contact-box .contact-item { float: left; width: 33.33%; text-align: center; padding: 30px 10px; }
.contact-box .contact-item .ico { width: 70px; height: 70px; line-height: 70px; margin: 0 auto 18px; border-radius: 50%; background: #00a1e9; color: #fff; font-size: 26px; }
.contact-box .contact-item h4 { font-size: 17px; color: #333; margin-bottom: 10px; }
.contact-box .contact-item p { font-size: 14px; color: #777; line-height: 26px; }
.contact-map { margin-top: 30px; border: 1px solid #e8e8e8; }
.contact-map img { width: 100%; height: 400px; object-fit: cover; }

/* 详情页 */
.show-detail h1 { font-size: 24px; text-align: center; color: #333; padding: 10px 0 20px; font-weight: normal; }
.show-detail .show-info { text-align: center; color: #999; font-size: 13px; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 25px; }
.show-detail .show-info span { margin: 0 12px; }
.show-content { font-size: 15px; line-height: 32px; color: #444; text-align: justify; }
.show-content img { max-width: 100%; margin: 10px auto; display: block; }
.show-content p { margin-bottom: 14px; text-indent: 2em; }
.show-page { margin-top: 35px; border-top: 1px solid #eee; padding-top: 20px; font-size: 14px; line-height: 30px; }
.show-page a:hover { color: #00a1e9; }

/* 分页 */
.page { text-align: center; padding: 40px 0 10px; }
.page_list { font-size: 12px; }
.page_list a, .page_list span {
    display: inline-block; color: #898989; border: 1px solid #e8e8e8; background: #f8f8f8;
    text-align: center; padding: 0 12px; margin: 0 2px; height: 28px; line-height: 28px;
}
.page_list a:hover { color: #fff; border-color: #898989; background: #898989; }
.page_list span.on { color: #333; border-color: #ccc; background: #e5edf2; }

/* ---------------- 页脚 ---------------- */
.footer { margin-top: 60px; }
.bottom-bar { font-size: 12px; color: #fff; background: url(../img/bg-footer.jpg) no-repeat center top; background-size: 100% 100%; }
.bottom-bar .footer-nav { width: 1200px; margin: 0 auto; padding: 45px 4% 40px; border-bottom: 1px solid #438fef; font-size: 15px; }
.bottom-bar .footer-nav a { margin-right: 5%; color: #fff; }
.bottom-bar .footer-nav a:hover { color: #aee2ff; }
.bottom-bar .foot-main { width: 1200px; margin: 0 auto; padding: 24px 4% 60px; overflow: hidden; }
.bottom-bar .copyright { width: 840px; float: left; line-height: 26px; letter-spacing: .03em; }
.bottom-bar .copyright div { margin-bottom: 6px; }
.bottom-bar span { margin-right: 20px; }
.beian { color: #428bca; }
.beianb { color: #fff; }
.erweima { float: right; overflow: hidden; }
.erweima p { float: left; margin-left: 25px; text-align: center; color: #fff; line-height: 34px; }
.erweima p img { display: block; width: 100px; height: 100px; }