﻿/*翻页*/
.paginator { font: 16px Arial, Helvetica, sans-serif; padding: 20px 0px 20px 0; margin: 0px; }

    .paginator a { text-decoration: none; color: #666; background: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; padding: 10px 13px; margin-right: 3px; }

        .paginator a:visited { padding: 1px 6px; border: solid 1px #ddd; text-decoration: none; }

    .paginator .cpb { background: #0070c0; border: 1px solid #0070c0; color: #fff; border-radius: 50%; padding: 10px 13px; margin-right: 3px; }

    .paginator a:hover { background: #0070c0; border: 1px solid #0070c0; color: #fff; }


.sub_banner { height: 400px; }

    .sub_banner img { height: 100%; width: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.sub-search .container { height: 80px; }

.sub-search .search-keyword a,
.sub-search .search-keyword,
.sub-search .search-box .s-input input[type="text"],
.search-box .s-input input::-webkit-input-placeholder { color: #666; }


.iconbox { margin-right: 5px; }

    .iconbox i { color: #666; margin-right: 5px; }

.iconbox-meta { color: #666; }



.breadcrumbs { list-style: none; margin: 0; color: #666; }

    .breadcrumbs > li,
    .g-breadcrumbs > span { display: inline-block; vertical-align: top; margin-bottom: 0; margin-right: 5px; }

        .breadcrumbs > li a { color: #666; }

.breadcrumbs-separator { margin: 0px }

    .breadcrumbs-separator i { font-size: 1rem; }

.breadcrumbs.hide_current .breadcrumbs-item:last-child,
.breadcrumbs.hide_current .breadcrumbs-separator:nth-last-child(2) { display: none }

.breadcrumbs.has_text_color a { color: inherit }

.sub-tit { border-bottom: 1px #999 dashed; padding: 10px 0; }

    .sub-tit h2 { border-left: 4px solid #333; padding-left: 15px; margin: 0; line-height: 24px; }


.sortnav { position: relative; padding: 0; }

    .sortnav ul { }

        .sortnav ul:after { display: none; }

        .sortnav ul li { width:20%; }

            .sortnav ul li a { display: block; position: relative; height: 100%; text-align: center; line-height: 55px; background: #f8f9fa; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

            /*.sortnav ul li a::after { position: absolute; content: ''; display: block; width: 1px; height: 30%; background: #ccc; right: 0; top: 35%; }
            .sortnav ul li:last-child a::after { display: none; }*/
            .sortnav ul li.active a,
            .sortnav ul li:hover a { color: #fff; background: #0070c0; }

@media (max-width: 1199px) {
    .sortnav { top: 0; padding-top: 1rem; }

        .sortnav ul { flex-wrap: wrap; box-shadow: none; }

            .sortnav ul li { width: 50%; padding: 0px 5px; margin: 0.5rem 0; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }

                .sortnav ul li a { box-shadow: 0px 0px 5px rgb(11 11 11 / 10%); font-size: 16px; }

                    .sortnav ul li a::after { display: none; }
}






.photolist dl { width: 100%; background: #f0f0f0; margin: 0 0 30px 0; }

.photolist dt { border: 1px solid #e5e5e5; background: #fff; text-align: center; width: 100%; display: block; position: relative; padding: 5px; }

.photolist dd h4 { height: 3.125rem; line-height: 3.125rem; font-size: 1rem; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f8f9fa; margin: 0; }

    .photolist dd h4 a { color: #4b4a4a; }

.photolist dl:hover dd h4 { background: #0070c0; color: #fff; }


.info-area { line-height: 2; }


.kfay dl { display: flex; }

.kfay dt { flex: 0 0 208px; padding: 10px; }

    .kfay dt img { display: block; }

.kfay dd { flex: 1 }

    .kfay dd h4 { height: 65px; padding-top: 20px; font: 24px "Microsoft YaHei"; color: #0070c0; background: url(../img/lin.jpg) no-repeat left bottom }

        .kfay dd h4 i { padding-left: 15px; text-transform: uppercase; font: 16px "Arial"; color: #999999; }

    .kfay dd p { font: 15px "Microsoft YaHei"; color: #333333; line-height: 30px; padding-top: 15px; }

@media (max-width: 992px) {
    .kfay dt { flex: 0 0 20%; }
}

.sub-section .sub-left { width: 20%; }

.sub-section .sub-right { width: 80%; padding-left: 2%; }

@media (max-width: 992px) {
    .sub-section .sub-left { width: 100%; margin-bottom: 30px; }

    .sub-section .sub-right { width: 100%; padding-left: 0%; }
}

.sub-nav h3 { background: #0c58a3; text-align: center; }

.sub-nav ul { background: #f4f4f4; padding: 10px; }
    .sub-nav ul li { border-left: 2px solid transparent; }

@media (max-width: 992px) {
    /*.sub-nav ul li { width: 50%; float: left; }*/
    .sub-nav ul.collapse li {width:100% }
}

.sub-nav ul li:hover,
.sub-nav ul li.cur { background: #e0e0e0; border-left: 2px solid #0c58a3; color: #333; }

.sub-nav ul li a { display: block; width: 100%; height: 100%; }

.sub-nav ul li:hover a { color: #333; }

.dphonePro { overflow: hidden; background: #333; padding: 20px 0; }

    .dphonePro dt { float: left; background: url(../img/zc1.png) no-repeat center; margin-left: 5px; width: 72px; height: 50px; }

    .dphonePro dd { margin-left: 72px; color: #fff; padding: 5px 13px; border-left: 1px dotted #5c5c5c; }

        .dphonePro dd span { font-size: 13px; }

        .dphonePro dd p { font-size: 20px; font-family: "Arial"; }




.newsList li { border: 1px solid #efefef; cursor: pointer; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 15px }

.newsList .img { flex: 0 0 20%; }


.newsList .text { flex: 1; display: flex; margin-left: 30px; }

@media (max-width: 992px) {
    .newsList .img { flex: 1 1 100%; }


    .newsList .text { flex: 1 1 100%; margin-left: 0px; }
}

.newsList .info { width: 60%; flex: 1; -webkit-transition: all ease-out 0.3s; -moz-transition: all ease-out 0.3s; transition: all ease-out 0.3s; }

    .newsList .info .title { display: block; padding: 15px 0; font-size: 16px; color: #575757; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

    .newsList .info .main { font-size: 12px; line-height: 2; display: -webkit-box; color: #999; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.newsList .date { flex: 0 0 80px; margin-left: 10px; padding-top: 15px; }

.newsList .num { font-size: 28px; color: #999; }

.newsList .ins { display: block; text-align: right; padding-top: 30px; color: #c3c3c3; font-size: 16px; }

.newsList li:hover .content .info { -webkit-transform: translateX(5%); transform: translateX(5%); }

.newsList li:hover { border: 1px solid #0070c0 }

    .newsList li:hover .content .info .title { color: #0070c0; }



.news-info-title { text-align: center; padding-bottom: 10px; }

    .news-info-title p span { display: inline-block; padding: 5px 0; color: #c1c1c1; font-size: 14px; }

.news-info-img img { border: #ededed 1px solid; padding: 4px; margin-bottom: 15px; }








.news-info-body { padding: 20px; line-height: 2; font-size: 14px; }

    .news-info-body .key { background: #F8F8F8 url(../img/artIcon.gif) no-repeat 10px 10px; height: 30px; line-height: 30px; padding-left: 30px; }

        .news-info-body .key a { text-decoration: none; }


    .news-info-body .change { margin-top: 10px; }

        .news-info-body .change a { text-decoration: none; }

            .news-info-body .change a:hover { color: #ff9d34; }

        .news-info-body .change .lastone { color: #1b67ca; }

.more-news-list .hd-wrap { border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; overflow: hidden; display: flex; justify-content: space-between; }

    .more-news-list .hd-wrap .hd-title { color: #147ab3; margin: 0; font-size: 18px; padding: 10px 0; font-weight: bold; font-weight: normal; position: relative; }

        .more-news-list .hd-wrap .hd-title::before { content: ''; display: block; width: 100%; border-bottom: 1px solid #147ab3; position: absolute; bottom: 0px; }

    .more-news-list .hd-wrap a { float: right; line-height: 46px; color: #666; }

.more-news-list ul { overflow: hidden; }

    .more-news-list ul li.item { float: left; width: 48%; margin: 0 4% 10px 0; display: flex; justify-content: space-between; }

        .more-news-list ul li.item:nth-child(2n) { margin-right: 0; }

        .more-news-list ul li.item a { color: #666; font-size: 14px; flex: 1; }

            .more-news-list ul li.item a:hover { color: #147ab3; }

        .more-news-list ul li.item span { flex: 0 0 72px; margin-left: 5px; color: #999; font-size: 14px; }

@media (max-width: 992px) {
    .more-news-list ul li.item { width: 100%; margin-right: 0; }
}


.pro-list .license-box { display: block; position: relative; text-align: center; border: 1px solid #ededed; overflow: hidden; margin-bottom: 30px; }

.pro-list .pro-img { overflow: hidden; background: #fff; }

.pro-list .p-caption { font-weight: normal; opacity: 0; width: 100%; position: absolute; height: 40px; line-height: 40px; padding: 0 20px; background: #0070c0; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pro-list li:hover .license-box { border-color: #0070c0; }

.pro-list .pro-img,
.pro-list .p-caption { -webkit-transition: transform ease-in-out .5s; transition: transform ease-in-out .5s; }

.pro-list li:hover .pro-img,
.pro-list li:hover .p-caption { -webkit-transform: translateY(-40px); transform: translateY(-40px); }
.pro-list li:hover .p-caption { opacity: 1; }
