body {
    background: -webkit-linear-gradient(left, #b1d4fb, #acdbfe);
    /* Safari 5.1-6 */
    background: -o-linear-gradient(left, #b1d4fb, #acdbfe);
    /* Opera 11.1-12 */
    background: -moz-linear-gradient(left, #b1d4fb, #acdbfe);
    /* Firefox 3.6-15 */
    background: linear-gradient(to right, #b1d4fb, #acdbfe);
    /* 标准语法 */
    background-size: 100% auto;
}

.bg {
    width: 100%;
    height: 100%;
    background: url(xxjs_jcpt_20250702bg.jpg) no-repeat top center;
    background-size: 100% auto;
}

header {
    width: 100%;
}

.logo {

    width: 100%;
}

.logo a {
    display: inline-block;
    margin: 20px;
}

.logo a img {
    width: auto;
}



.c_mapsize {
    position: relative;
    width: 1200px;
    height: 800px;
    margin: 0 auto;
}

#jilinMap {
    width: 1200px;
    height: 800px;
    overflow: hidden;
    position: relative;
}

header h1 {
    display: block;
    text-align: center;
    margin: 50px auto;
}

header h1 a {
    display: inline-block;
    width: 60%;
}

header h1 a img {
    width: 100%;
}

.c_100 {
    width: 100%;
    margin: 0 auto;
}

main {
    width: 80%;
    margin: 0 auto;
}

.tabmenu {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.tabmenu ul {
    width: 100%;
    height: auto;
    margin: 30px auto;
    display: inline-block;
}

.tabmenu ul li {
    float: left;
    width: 23.5%;
    padding: 0 1%;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background: #ffffff url(xxjs_jcpt_20250702menu_libg.png) no-repeat center right;
    background-size: 100% 100%;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-left: 2%;
    text-align: left;


}

.tabmenu ul li a {
    font-size: 24px;
    color: #333;
    background: url(xxjs_jcpt_20250702menu_litit.png) no-repeat left;
    padding-left: 12%;
    width: 63%;
    display: inline-block;
}

.tabmenu ul li:first-child {
    margin-left: 0;
}

.tabmenu ul li.active {
    background: #ffffff url(xxjs_jcpt_20250702menu_libgon.png) no-repeat center right;
    background-size: 100% 100%;
    border: 1px solid #ffffff;
    text-align: center;
    position: relative;
}

.tabmenu ul li b {
    display: inline-block;
    width: 25%;
    height: 20px;
    background: url(xxjs_jcpt_20250702menu_lititmore.png) no-repeat center;
    background-size: 100% auto;

    display: inline-block;
}

.tabmenu ul li.active a {
    padding: 0;
    width: 100%;
    background: none;
    position: relative;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}

.tabmenu ul li.active b {
    display: none;
}

.tabmenu ul li.active a::after {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: inline-block;
    width: 20px;
    height: 4px;
    background: #e2e75f;

}

.tabmenu ul li.active::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -12px;
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #3684f1;
    border-radius: 2px;
}

.c_pos {
    position: relative;
    width: 100%;

    margin: 20px auto;

}

.tab_news_top_bd {
    position: absolute;
    top: 0;
    height: 800px;

    width: 100%;
}

.bgffftm {
    background: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 10px;
}

/*产业集群*/
.ccs_xyjq {
    position: absolute;
    right: 10px;
    width: 400px;
    height: 100px;
    background: #fff;
    border: #dcdcdc 1px solid;
    border-radius: 10px;
    box-shadow: #3684f1 1px 1px 4px;

}

.ccs_xyjq::after {
    content: '';
    /* background: url(xxjs_jcpt_20250702xccs.png) no-repeat center;*/
    width: 195px;
    height: 298px;
    display: inline-block;
}

/*当前位置*/
.dqwz {
    width: 100%;
    margin: 20px auto;
}

.dqwz h2 {

    margin-bottom: 10px;
}

.dqwz h2 a {
    font-size: 30px;
    color: #003984;
    font-weight: bold;
    background: url(xxjs_jcpt_20250702menu_litit.png) no-repeat center left;
    padding-left: 30px;
}

.dqwz p {
    font-size: 18px;
    color: #275fa8;
    display: inline-block;
    padding-left: 30px;
}

.dqwz p a {
    font-size: 18px;
    color: #275fa8;
}

.dqwz p a::before {
    content: '>';
    color: #275fa8;
    margin: 0 10px;
    font-size: 18px;
}

.dqwz p a:first-child::before {
    display: none;
}

.h3bt {
    border-bottom: #ddd 1px solid;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.h3bt h3 {

    display: inline-block;
    float: left;

    padding-bottom: 10px;
}

.h3bt h3 a {
    color: #4a5052;
    font-size: 24px;
    line-height: 60px;

}

.h3bt h3 a::before {
    margin-right: 10px;
    content: '';
    background: #5378ea;
    width: 6px;
    height: 20px;
    display: inline-block;
    border-radius: 5px;
}

.tabtb {
    width: auto;
    float: right;
    margin-right: 20px;
}

.tabtb ul li {
    float: left;
}

.tabtb ul li a {
    float: left;
    font-size: 22px;
    line-height: 60px;
}

.tabtb ul li a::before {
    display: inline-block;
    content: '|';
    margin: 0 10px;
    font-size: 18px;
    line-height: 60px;
    color: #e9e9e9;
}

.tabtb ul li:first-child a::before {
    display: none;
}

.tabtb ul li.active {
    float: left;
}

.tabtb ul li.active a {
    color: #5378ea;

}

.tab_tb_top_bd .news_list {
    width: 100%;
    min-height: 500px;
    overflow: hidden;
}

.tbtit20250704 {
    font-size: 20px;
    display: block;
    text-align: center;
    line-height: 36px;
    color: #275fa8;
    margin: 40px auto 10px auto;
}

.mt40 {
    margin-top: 40px;
}

.mfmore {
    display: table;
    float: right;
    line-height: 60px;
    height: 60px;
    margin: 0 auto;

}

.mfmore a {
    display: table-cell;
    vertical-align: middle;
}

.gslist {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

.gslist li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 0;
    border-radius: 10px;
}

.gslist li:nth-child(odd) {
    background: #f3f7fa;
}

.gslist li a {
    color: #999;
    font-size: 18px;
}

.gslist li a:first-child {
    float: left;
    font-size: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
}

.gslist li:hover a {
    color: #1c88d9;
}

.gslist li a:first-child::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #dcdcdc;
    border-radius: 50px;
    margin: 0 10px;

}

/*分页*/
.gsfy {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin-top: 20px;
}

.gsfy a {
    display: inline-block;
    background: #ebecf8;
    font-size: 16px;
    line-height: 14px;
    padding: 10px;
    margin: 0 5px;
    color: #4250c3;
    border-radius: 5px;
}

.gsfy a:hover {
    background: #5378ea;
    color: #fff;
}

.gsfy a.on {
    background: #5378ea;
    color: #fff;
}

/*地图城市定位*/
.city-marker {
    width: 450px !important;
    height: 100px !important;
    border-radius: 10px;
    padding: 5px;
    opacity: 1;
    background: #fff;
    border: #dcdcdc 1px solid;
}

.city_borbg {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    background: #ecf6ff;
    position: relative;
}

.citybt {
    min-width: 30%;
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 90px;
    font-weight: bold;
    text-align: center;
}

.citybt a {
    padding: 0 10px;
}

.citylist {
    display: flex;
    flex-direction: column;
    counter-reset: city-counter;
}

.citylist a {
    width: 100%;
    display: inline-block;
    float: left;
    display: flex;
    align-items: center;
    /* 垂直居中 */
    justify-content: center;
    /* 水平居中（可选） */
    color: #666;
}

.citylist a::before {
    display: inline-block;
    content: counter(city-counter);
    counter-increment: city-counter;
    color: #fff;
    font-size: 14px;
    background: url(xxjs_jcpt_20250702menu_lititsdbj.png) no-repeat center;
    background-size: 20px;
    width: 20px;
    height: 45px;
    border-radius: 5px;
    text-align: center;
    margin-right: 5px;
    line-height: 40px;
}


.ccdbg {}

.ccdbg .line-segment {
    position: absolute;
    height: 1px;
    background-color: #3B82F6;
    transform-origin: left center;
}

.ccdbg .segment1 {

    bottom: -139px;
    left: -93px;
    width: 40px;
    transform: rotate(0deg);
}

.ccdbg .segment2 {
    left: -53px;
    bottom: -139px;
    width: 188px;
    transform: rotate(-45deg);
}

.ccdbg .dian {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border: #3B82F6 1px solid;
    border-radius: 50%;
    text-align: center;
    left: -114px;
    bottom: -147px;

}

.ccdbg .dian::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #3B82F6;
    border-radius: 50%;
    margin: 5px;
}

.jldbg {}

.jldbg .line-segment {
    position: absolute;
    height: 1px;
    background-color: #3B82F6;
    transform-origin: left center;
}

.jldbg .segment1 {
    bottom: -122px;
    left: -99px;
    width: 40px;
    transform: rotate(0deg);
}

.jldbg .segment2 {
    left: -59px;
    bottom: -122px;
    width: 133px;
    transform: rotate(-61deg);
}

.jldbg .dian {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border: #3B82F6 1px solid;
    border-radius: 50%;
    text-align: center;
    left: -122px;
    bottom: -132px;
}

.jldbg .dian::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #3B82F6;
    border-radius: 50%;
    margin: 5px;
}

.ybdbg {}

.ybdbg .line-segment {
    position: absolute;
    height: 1px;
    background-color: #3B82F6;
    transform-origin: left center;
}

.ybdbg .segment1 {
    bottom: -72px;
    left: -99px;
    width: 75px;
    transform: rotate(0deg);
}

.ybdbg .segment2 {
    left: -25px;
    bottom: -72px;
    width: 75px;
    transform: rotate(-61deg);
}

.ybdbg .dian {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border: #3B82F6 1px solid;
    border-radius: 50%;
    text-align: center;
    left: -122px;
    bottom: -82px;
}

.ybdbg .dian::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #3B82F6;
    border-radius: 50%;
    margin: 5px;
}

.thdbg {}

.thdbg .line-segment {
    position: absolute;
    height: 1px;
    background-color: #3B82F6;
    transform-origin: left center;
}

.thdbg .segment1 {
    bottom: 190px;
    right: -145px;
    width: 40px;
    transform: rotate(0deg);
}

.thdbg .segment2 {
    right: -178px;
    bottom: 51px;
    width: 170px;
    transform: rotate(-55deg);
}

.thdbg .dian {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border: #3B82F6 1px solid;
    border-radius: 50%;
    text-align: center;
    right: -168px;
    bottom: 180px;
}

.thdbg .dian::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #3B82F6;
    border-radius: 50%;
    margin: 5px;
}

.bsdbg {}

.bsdbg .line-segment {
    position: absolute;
    height: 1px;
    background-color: #3B82F6;
    transform-origin: left center;
}

.bsdbg .segment1 {
    bottom: 201px;
    left: -114px;
    width: 40px;
    transform: rotate(0deg);
}

.bsdbg .segment2 {
    left: -74px;
    bottom: 200px;
    width: 133px;
    transform: rotate(55deg);
}

.bsdbg .dian {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border: #3B82F6 1px solid;
    border-radius: 50%;
    text-align: center;
    left: -137px;
    bottom: 190px;
}

.bsdbg .dian::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #3B82F6;
    border-radius: 50%;
    margin: 5px;
}

.lydbg {}

.lydbg .line-segment {
    position: absolute;
    height: 1px;
    background-color: #3B82F6;
    transform-origin: left center;
}

.lydbg .segment1 {
    bottom: 92px;
    right: -186px;
    width: 40px;
    transform: rotate(0deg);
}


.lydbg .segment2 {
    right: -161px;
    bottom: 29px;
    width: 156px;
    transform: rotate(-24deg);
}

.lydbg .dian {
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border: #3B82F6 1px solid;
    border-radius: 50%;
    text-align: center;
    right: -208px;
    bottom: 80px;
}

.lydbg .dian::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #3B82F6;
    border-radius: 50%;
    margin: 5px;
}

.mhkdbg {}

.mhkdbg .line-segment {
    position: absolute;
    height: 1px;
    background-color: #3B82F6;
    transform-origin: left center;
}

.mhkdbg .segment1 {
    display: none;
    bottom: 190px;
    right: -145px;
    width: 40px;
    transform: rotate(0deg);
}

.mhkdbg .segment2 {
    right: -136px;
    bottom: 63px;
    width: 131px;
    transform: rotate(-10deg);
}

.mhkdbg .dian {
    display: none;
    position: absolute;
    width: 22px;
    height: 22px;
    background: #fff;
    border: #3B82F6 1px solid;
    border-radius: 50%;
    text-align: center;
    right: -168px;
    bottom: 180px;
}

.mhkbg .dian::before {
    display: inline-block;
    content: '';
    width: 10px;
    height: 10px;
    background: #3B82F6;
    border-radius: 50%;
    margin: 5px;
}

.w100 {
    width: 100% !important
}
.wap_footer_bottom{display: none;}
.jgwab_img {
    padding-left: 18px;
    background: url(http://ctiinjl.com.cn/kzyy/images/P020250704504521173413.png) no-repeat center left;
    background-size: 16px;
}
@media screen and (max-width: 1440px) {
    .c_mapsize {
        width: 1200px;
        height: 1200px;
        position: relative;
    }
    #jilinMap {
        width: 1200px;
        height: 800px;
        overflow: hidden;
        position: relative;
    }
}

@media screen and (max-width: 1439px)and (min-width: 1366px) {
    .c_mapsize {
        width: 1200px;
        height: 800px;
        position: relative;
    }

    #jilinMap {
        width: 1200px;
        height: 800px;
        overflow: hidden;
        position: relative;
    }

    .ccdbg .dian {
        left: -122px;
        bottom: -163px;
    }

    .ccdbg .segment1 {
        bottom: -153px;
        left: -100px;
    }

    .ccdbg .segment2 {
        left: -60px;
        bottom: -152px;
        width: 173px;
        transform: rotate(-58deg);
    }

    .city-marker {
        width: 350px !important;
    }

    .ybdbg .dian {
        left: -25px;
        bottom: -61px;
    }

    .ybdbg .segment1 {
        display: none;
    }

    .ybdbg .segment2 {
        left: -10px;
        bottom: -41px;
        width: 40px;
        transform: rotate(-61deg);
    }

    .jldbg .dian {
        left: -96px;
        bottom: -132px;
    }

    .jldbg .segment1 {
        bottom: -122px;
        left: -74px;
        width: 15px;
    }
    .lydbg .dian {
           right: -140px;
    bottom: 87px;

    }
    .lydbg .segment1 {
    bottom: 98px;
    right: -118px;}
.lydbg .segment2 {
    right: -107px;
    bottom: 29px;
    width: 102px;
    transform: rotate(-43deg);
}




}
@media screen and (max-width: 1366px)and (min-width: 1280px) {
        .c_mapsize {
        width: 1000px;
        height: 800px;
        position: relative;
    }

    #jilinMap {
        width: 1000px;
        height: 800px;
        overflow: hidden;
        position: relative;
    }
}
@media screen and (max-width: 1280px)and (min-width: 1025px) {
    .c_mapsize {
        width: 800px;
        height: 800px;
        position: relative;
    }

    #jilinMap {
        width: 800px;
        height: 800px;
        overflow: hidden;
        position: relative;
    }

    .city-marker {
        width: 250px !important;
    }

    .citybt {
        min-width: 100%;
        font-size: 18px;
        color: #333;
        line-height: initial;
    }

    .citylist a::before {
        height: 25px;
        background-size: 16px;
        line-height: 20px;
    }

    .thdbg .dian {
    bottom: 81px;
    right: -130px;
}

    .thdbg .segment1 {
        display: none;
    }

    .thdbg .segment2 {
    right: -116px;
    bottom: 48px;
    width: 110px;
    transform: rotate(-21deg);
}
.mhkdbg .segment2 {
    right: -104px;
    bottom: 87px;
    width: 100px;
    transform: rotate(-67deg);
}
.bsdbg .dian{bottom:161px}
.bsdbg .segment1{display: none;}

.bsdbg .segment2{left: -115px;
    bottom: 169px;
    width: 140px;
    transform: rotate(33deg);}
 .ccdbg .dian{    left: -133px;
    bottom: -175px;}   
.ccdbg .segment1{display: none;}
.ccdbg .segment2 {
    left: -117px;
    bottom: -155px;
    width: 191px;
    transform: rotate(-54deg);
}
.jldbg .dian{left: -95px;}
.jldbg .segment1{display: none;}

.jldbg .segment1{    left: -73px;
    bottom: -117px;
    width: 133px;
    transform: rotate(-58deg);}
.ybdbg .dian{    left: -57px;
    bottom: -59px;}
    .ybdbg .segment1{display: none;}
.ybdbg .segment2 {
    left: -43px;
    bottom: -40px;
    width: 56px;
    transform: rotate(-43deg);
}
.lydbg .dian{right: -142px; bottom: 54px;}
.lydbg .segment1 {
    bottom: 65px;
    right: -118px;}
.lydbg .segment2 {
    right: -83px;
    bottom: 42px;
    width: 77px;
    transform: rotate(-17deg);
}


}

@media screen and (max-width: 1024px) {
    .c_mapsize{width: 100%; height: 600px;}
    #jilinMap{width: 70%; height: 100%; float: left;}
    #cityMarkers{width: 30%; float: left; position: initial!important;}
    .city-marker{position: inherit!important; width: 100%!important; height: 100px!important;}
    .city-marker .dian,.city-marker .segment1,.city-marker .segment2{display: none!important;}
    .tab_tb_top_bd .news_list{min-height: 300px;}
    .gslist li a:first-child{width: 100%;}
    .gslist li a{    overflow:initial!important;
    text-overflow: initial!important;
    white-space:initial!important;     line-height: 2rem;}
    .more2025{display: none;}
}

@media screen and (max-width: 768px) {
     .c_mapsize{width: 100%; height: auto;}
    #jilinMap{width: 100%; height: 500px; float: left;}
    #cityMarkers{width: 100%; float: left; position: initial!important;}
    .city-marker{position: inherit!important; width: 48%!important; height: 100px!important; margin: 0 1% 10px 1%!important; float: left;}
    .city-marker .dian,.city-marker .segment1,.city-marker .segment2{display: none!important;}
    .tabmenu ul li b{display: none;}
    .tabmenu ul li a {
    width: 100%;
    text-align: center;
}
header h1{margin: 10px 0;}
.wap_footer_bottom{display: block;    border-top: 1px solid #5590EE;
    background: #1f61b9;
    padding-top: 5px;}
.wap_footer_bottom a, .wap_footer_bottom p {
   color: #fff;
    font-size: 14px;
    padding-bottom: 5px;
    word-break: keep-all;
    text-align: center;
}

}

@media screen and (max-width: 480px) {
    .logo a img{width: 200px;}
     #jilinMap{width: 100%; height: 300px; float: left;}
    .city-marker{position: inherit!important; width: 98%!important; height: 100px!important; margin: 0 1% 10px 1%!important; float: left;}
    .citybt{font-size: 1rem;}
    .tabmenu ul li{width: 48%; margin: 0 1% 20px 1%!important;    height: 50px;
    line-height: 50px;} 
.tabmenu ul li.active a{font-size: 1.2rem;}
.tabmenu ul li a{font-size: 1rem;}
.tabmenu ul li.active a::after {
    position: absolute;
    bottom: 5px;}
}