/* @font-face {
    font-family: "优设标题黑";
    src: url('https://www.nmgjgdj.gov.cn/font/优设标题黑.ttf');
}

@font-face {
    font-family: "方正正大黑简体";
    src: url ('.https://www.nmgjgdj.gov.cn/font/方正正大黑简体.TTF');
}

@font-face {
    font-family: "未知名字字体";
    src: url('https://www.nmgjgdj.gov.cn/font/庞门正道.ttf');
} */

.showcase1_head {
    width: 100%;
    height: .5255rem;
    background-color: #fff;
}

.return_home {
    float: left;
    display: block;
    width: 1.8392rem;
    height: 100%;
    background: url(../image/ctoplogo.png) center center/90% auto no-repeat;
}

.showcase1_head ul {
    float: right;
    height: 100%;
}

.showcase1_head ul li {
    float: left;
    width: .5255rem;
}

.showcase1_head ul li:hover,
.showcase1_head ul li.hover {
    background: url(../image/showcase_head_bg.png) center center/100% auto no-repeat;
}

.showcase1_head ul li.hover a,
.showcase1_head ul li:hover a {
    color: #ff5b28;
    /* font-weight: 800; */
}

.showcase1_head ul li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: "华文行楷";
    font-size: .2102rem;
    line-height: .5255rem;
    color: #054679;

}

.main {
    position: relative;
    display: block;
    width: 100vw;
    height: 5.1498rem;
    background: url(../image/groundBg.png) center center/ 100% 100% no-repeat;
}

.title {
    width: 100%;
    height: .6306rem;
    background: url(../image/title.png) center top/100% auto no-repeat;
    padding-top: .1839rem;

}

.title h2 {
    background: linear-gradient(to bottom, #fff 0%, #b8f1ff 80%);
    background-clip: text;
    font-family: "方正正大黑简体", "微软雅黑";
    font-size: .1471rem;
    color: transparent;
    font-weight: 800;
    text-align: center;
}

.w1760 {
    width: 9.2486rem;
    margin: 0 auto;
}

#map {
    width: 5.2549rem;
    height: 3.6784rem;
}

/* 机构数量 */
.institution {
    width: 100%;
    height: .8408rem;
    padding-top: .1576rem;
}

.institution ul {
    display: flex;
    justify-content: center;
}

.institution li {
    display: flex;
    position: relative;
    margin-right: .1576rem;
}

.institution li:last-child {
    margin-right: 0;
}

.institution li:hover .icon {
    transform: scale(1.2);
}

.institution li:hover .icon::after {
    transform: translateX(-50%) translateY(-50%) scale(1.1);
    animation: icon-after-rotate 2s linear infinite;
}

.institution li .icon {
    position: relative;
    width: .289rem;
    height: .289rem;
    border-radius: 50%;
    background-position: center center;
    background-size: 100% 100%;
    margin: 0 .1051rem;
    transform-style: preserve-3d;
    transition: all .5s;
    z-index: 1;
}

.institution li .icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform-style: preserve-3d;
    transform: translateX(-50%) translateY(-50%) translate3d(0, 0, -1px);
    content: '';
    width: .4467rem;
    height: .4467rem;
    background: url(../image/icon-outside.png) center center/100% 100% no-repeat;
    transition: all .5s;
    z-index: 0;
}

.institution li:nth-child(1) .icon {
    background-image: url(../image/icon1.png);
}

.institution li:nth-child(2) .icon {
    background-image: url(../image/icon2.png);
}

.institution li:nth-child(3) .icon,
.institution li:nth-child(4) .icon {
    background-image: url(../image/icon3.png);
}

@keyframes icon-after-rotate {
    0% {
        transform-style: preserve-3d;
        transform: translateX(-50%) translateY(-50%) scale(1.1) rotateZ(0deg);
    }

    100% {
        transform-style: preserve-3d;
        transform: translateX(-50%) translateY(-50%) scale(1.1) rotateZ(360deg);
    }
}

.institution-info {
    display: flex;
    flex-direction: column;
    width: auto;
    cursor: pointer;
}

.institution-info span {
    text-align: left;
    color: #fff;
    white-space: nowrap;
}

.institution-info span:first-child {
    display: block;
    font-family: "微软雅黑";
    font-size: .1051rem;

}

.institution-info span:last-child {
    display: block;
    font-size: .0736rem;
}

.institution-info span:last-child i {
    display: inline-block;
    font-family: "黑体", "微软雅黑";
    font-size: .1682rem;
    margin-right: .02rem;
    margin-left: .02rem;
    font-weight: 800;
    vertical-align: sub;
}

.institution li:nth-child(1) i {
    color: #ccae46;
}

.institution li:nth-child(2) i {
    color: #fb6107;
}

.institution li:nth-child(n+3) i {
    color: #00ffba;
}

/* 地图弹窗 */
.map-lable {
    position: relative;
    /* position: absolute; */
    /* right: 0; */
    /* top: 50%; */
    width: .9459rem;
    height: 1.3663rem;
    background: url(../image/map-lable.png) center top /100% auto no-repeat;
    padding-top: .0525rem;
}

.map-lable h3 {
    position: relative;
    width: 100%;
    background: linear-gradient(to bottom, #fff, #76b1d2);
    background-clip: text;
    padding-left: .0525rem;
    margin-bottom: .1051rem;
    font-family: "未知名字字体", "微软雅黑";
    font-size: .1051rem;
    color: transparent;
    line-height: .1576rem;
    text-align: left;
    z-index: 10;
}

.map-lable::after {
    position: absolute;
    left: 0;
    top: .0525rem;
    content: '';
    width: 100%;
    height: .1576rem;
    background: #00ccff url(../image/map-lable-h3.png) .0263rem center/ 100% 100% no-repeat;
    z-index: 9;
}

.map-lable span {
    display: block;
    width: 100%;
    margin-bottom: .0158rem;
    padding-left: .0631rem;
    text-align: left;
    font-size: .0736rem;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.map-lable span:nth-child(odd) {
    margin-bottom: .0158rem;
    padding-left: .1576rem;
    font-size: .0053rem;
    font-weight: 800;
}

.map-lable span:nth-child(odd) i {
    font-family: "微软雅黑";
    font-size: .1051rem;
    font-weight: 800;
}

.map-lable span:nth-child(3) i {
    color: #f9d24c;
}

.map-lable span:nth-child(5) i {
    color: #fb6107;
}

.map-lable span:nth-child(7) i {
    color: #00ffba;
}

/* 重点工作动态 */
.important-job-info {
    position: absolute;
    left: .4204rem;
    top: 1.4714rem;
    width: 2.5749rem;
    height: 1.929rem;
}

.important-job-info h2 {
    height: .2627rem;
    background: url(../image/important-work-title.png) left center/auto 100% no-repeat;
    margin-bottom: .0525rem;
}

.important-job-info h2 span {
    display: block;
    background: linear-gradient(to bottom, #fff, #76b1d2);
    background-clip: text;
    padding-left: .1682rem;
    font-size: .1051rem;
    color: transparent;
    line-height: .2627rem;
    text-align: left;
}

.important-job-info ul {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 1.61rem;

    background: linear-gradient(to bottom, #011b44, #01162f, #01142a);
    overflow: hidden;
}

.important-job-info ul li {
    position: relative;
}

.important-job-info ul li:hover p,
.important-job-info ul li:hover span {
    color: #00ccff;
    font-weight: 800;
}

.important-job-info ul li:hover::before {
    box-shadow: 0 0 .0258rem .0153rem #49ecff;
}

.important-job-info ul li::before {
    position: absolute;
    left: .0525rem;
    top: 50%;
    transform: translateY(-50%) rotateZ(45deg);
    content: '';
    width: .0263rem;
    height: .0263rem;
    background-color: #49ecff;
    box-shadow: 0 0 .0158rem .0053rem #49ecff;
    transform: all .5s;
}

.important-job-info ul li a p {
    float: left;
    width: 75%;
    padding-left: .1576rem;
    font-size: .0841rem;
    line-height: .2102rem;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.important-job-info ul li a span {
    display: block;
    float: right;
    padding-right: .0525rem;
    color: #fff;
    font-size: .0841rem;
    line-height: .2102rem;
}

/* 右侧信息展示 */
.relevant-info {
    display: flex;
    position: absolute;
    right: .4204rem;
    top: 1.34rem;
    width: 4.2039rem;
    height: 3.6784rem;
    background: url(../image/relevant-info-bg.png) center center /100% 100% no-repeat;
    padding: .3416rem 0 0 .6831rem;
}

.relevant-info-left {
    width: 2.3121rem;
    height: 100%;
}

.relevant-info-right {
    width: 1.8917rem;
    height: 100%;
}

/* 特色产业 */
.distinctive-industy {
    width: 100%;
    height: 1.1561rem;

}

.distinctive-industy-box {
    height: .8408rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: .04rem;
    height: .03rem;
    border-radius: .02rem;
}

::-webkit-scrollbar-thumb {
    background-color: #29c0ff;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background-color: #03366b;
}

.distinctive-industy .distinctive-industy-rollLi {
    margin-bottom: .1rem;
}

.relevant-info ul li.nmg:nth-child(1) {
    width: 100%;
    height: 1.1035rem;
}


.rel-info-title {
    background: url(../image/important-work-title.png) left center /auto 100% no-repeat;
    padding-left: .1576rem;
    margin-bottom: .1051rem;
    font-family: '未知名字字体', "微软雅黑";
    font-size: .0900rem;
    font-weight: 800;
    line-height: .2102rem;
    color: #fff;
}

.nmg .rel-info-title {
    margin-bottom: .0525rem;
}

.text-introduction {
    float: left;
    position: relative;
    width: 2.2121rem;
    padding-left: .1576rem;
}

.text-introduction h3 {
    position: relative;
    margin-bottom: .0525rem;
    font-size: .0946rem;
    color: #fff;
    font-weight: 800;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.text-introduction::before {
    position: absolute;
    left: 0rem;
    top: .0263rem;
    content: '';
    width: .0841rem;
    height: .0631rem;
    background: url(../image/text-introduction-bg.png) center center/100% 100% no-repeat;
}

.text-introduction p {
    width: 1.9968rem;
    text-indent: 2em;
    font-size: .0841rem;
    color: #f7f7f7;
}

.img-introduction {
    float: right;

    width: calc(100% - 2.3121rem);
    margin-right: .05rem;
}

.img-introduction .img {
    position: relative;
    width: 1.1298rem;
    height: .7882rem;
    margin-right: .1rem;
}

.img-introduction .img img {
    width: 100%;
    height: 100%;
}

.img-introduction .img::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: .0788rem;
    height: .0788rem;
    background: url(../image/img-introduction-left.png) left top / 80% 80% no-repeat;
}

.img-introduction .img::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '';
    width: .0788rem;
    height: .0788rem;
    background: url(../image/img-introduction-right.png) right bottom/80% 80% no-repeat;
}

/* 示范村镇 */
.village-model {
    width: 100%;
    height: 1.1561rem;
    margin-top: .1rem;
}

ul li.nmg:nth-child(2) {
    height: 1.1035rem;
}

.village-model-table {
    height: .7357rem;
    overflow-y: scroll;
}

.village-model-table::-webkit-scrollbar {
    width: .0263rem;
}

.village-model-table table {
    min-width: 1.9968rem;
    table-layout: fixed;
    /* word-break: break-all; */
}

.village-model-table thead th {
    width: 100%;
    height: .1892rem;
    background-color: #03366c;
    text-align: center;
    font-size: .0788rem;
    color: #fff;

}

.village-model-table tbody td {
    height: auto;
    background-color: #02254b;
    padding: .042rem .1051rem;
    /* font-size: .0631rem; */
    color: #ccdceb;
    font-size: .0736rem !important;
    line-height: .1156rem;
    text-align: left;
}

.village-model-table tbody tr td:nth-child(1) {
    width: 1.1561rem !important;
    text-align: center;
    word-break: keep-all;
    text-align: left;
}

.village-model-table tbody tr td:nth-child(2) {
    width: 2.2281rem !important;
    text-align: left;
}

.village-model-table tbody tr td {
    text-align: left;
}

.village-model-table tbody tr td span {
    display: block;
}

/* 重点企业 */
.important-company {
    width: 2.1545rem !important;
    height: .8933rem;
}

.relevant-info ul li.nmg:nth-child(3) {
    width: auto;
    height: .8933rem;
    overflow: hidden;
}

.relevant-info ul li.nmg:nth-child(3) .village-model-table {
    height: .578rem;
}

.important-company-number {
    display: flex;
    justify-content: space-around;
}

.national-level,
.province-level {
    display: flex;
    justify-content: space-around;
    width: .8933rem;
}

.icon-national,
.icon-province {
    display: block;
    width: .3258rem;
    height: .3678rem;
    background: url(../image/icon-national.png) center center/100% 100% no-repeat;
}

.level-info {
    display: flex;
    flex-direction: column;
    width: .4729rem;
    height: .3678rem;
    background: url(../image/level-info.png) center center /100% auto no-repeat;
}

.level-info span:first-child {
    margin-bottom: .0525rem;
    font-size: .0946rem;
    color: #fff;
    text-align: left;
}

.level-info span:last-child {
    background: linear-gradient(to right, rgba(3, 54, 106, .7), rgba(2, 24, 49, 0));
    margin-top: .0263rem;
    padding-left: .0525rem;
    font-size: .0631rem;
    color: #fff;
}

.level-info span:last-child i {
    display: inline-block;
    background: linear-gradient(to bottom, #fff, #ce6539);
    background-clip: text;
    margin-right: .0525rem;
    font-size: .1261rem;
    line-height: .1314rem;
    font-weight: 800;
    color: transparent;
}

/* 链 */
.nmg {
    margin-top: 0 !important;
}

.nmg .village-model-table tbody tr td:nth-child(1) {
    text-align: center;
}

/* 普通列表页 */

.commonList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin: .2604rem auto;
}

.commonList ul li {

    width: 2.9167rem;
    height: 1.4063rem;
    background: url(../image/commonlist_bg.png) center center/100% 100% no-repeat;
    padding: .1302rem;
    margin-bottom: .25rem;
    transition: all .5s;
}

.commonList ul li:hover {
    box-shadow: #00397a 0px 0px 30px 10px;
}

.commonList ul li:hover p {
    color: #fff;
    transform: translateY(-0.0521rem);
}

.commonList ul li:hover .commonList-title {
    font-weight: 700;
}

.commonList ul li a {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.commonList-title {
    width: 100%;
    height: .4167rem;
    padding-left: .5208rem;
    padding-top: .0521rem;
    font-size: .1042rem;
    line-height: .1563rem;
    color: #fff;
    overflow: hidden;
    transition: all .5s;
}

.commonList li:nth-child(1) .commonList-title {
    background: url(../image/commonlist_indexBox1.png) left center / 100% 100% no-repeat;
}

.commonList li:nth-child(2) .commonList-title {
    background: url(../image/commonlist_indexBox2.png) left center / 100% 100% no-repeat;
}

.commonList li:nth-child(3) .commonList-title {
    background: url(../image/commonlist_indexBox3.png) left center / 100% 100% no-repeat;
}

.commonList li:nth-child(4) .commonList-title {
    background: url(../image/commonlist_indexBox4.png) left center / 100% 100% no-repeat;
}

.commonList li:nth-child(5) .commonList-title {
    background: url(../image/commonlist_indexBox5.png) left center / 100% 100% no-repeat;
}

.commonList li:nth-child(6) .commonList-title {
    background: url(../image/commonlist_indexBox6.png) left center / 100% 100% no-repeat;
}

.commonList li p {
    width: 100%;
    height: .3125rem;
    font-size: .0833rem;
    line-height: .1563rem;
    color: #d6d6d6;
    overflow: hidden;
    transition: transform .5s;
}

.commonList-time {
    width: 100%;
    height: .1563rem;
}

.commonList-time span:nth-child(1) {
    float: left;
    display: block;
    background: url(../image/commonlist_time.png) left center / auto 70% no-repeat;
    padding-left: .1563rem;
    color: #00effe;
    font-size: .0938rem;
    line-height: .1563rem;
}

.commonList-time span:nth-child(2) {
    float: right;
    display: block;
    background: linear-gradient(to right, #002753 0%, #074890 50%);
    padding-left: .2604rem;
    color: #00effe;
    font-size: .0938rem;
    line-height: .1563rem;
    padding-right: .05rem;
}

/* 普通列表页 end */
/* 分页 */
#AspNetPager1 a {
    display: inline-block;
    border: 1px solid #00a2ff;
    padding: 0 .0625rem;
    font-size: .0938rem;
    color: #00a2ff;
    line-height: .1823rem;
}

#AspNetPager1 a.on {
    background-color: #00effe;
    color: #333;
}

/* 分页 end */