*{ margin:0; padding:0}
@font-face {
    font-family:'' ;
    src: url('');
}
body { width:100%;margin:0 auto; font-size:14px; font-family:"PingFangSC-Semibold, PingFang SC"; line-height:150%;color: #000;position:relative;letter-spacing: 0px;overflow-x: hidden;background: #fff;}
ul,dl,dd,dt,h1,h2,h3,h4,h5,h6,form { padding:0; margin:0;}
h1 { font-size:20px; font-family:'Microsoft YaHei';}
h2 { font-size:12px; font-weight:normal;}
h3 { font-size:14px; font-weight:normal;}
h4 { font-size:12px; font-weight:normal;}
h5 { font-size:12px; font-weight:normal;}
ul { list-style:none;}
li { list-style:none;}
img { border:none;}
a {color: #000; text-decoration:none;}
a:hover{text-decoration:none;}
p{ word-spacing:-1.5px; padding:0; margin:0;line-height: 150%;}
section,header,main,footer{
    display: flex;width: 100%;position: relative;flex-direction: column;justify-content: center;align-items: center;}
input{border:0;outline:none;}


.d-flex{display: flex;}
.al-c{align-items: center;}
.jc-c{justify-content: center;}
.jc-s{justify-content: space-between;}
.al-fs{align-items: flex-start;}
.al-ed{align-items: flex-end;}
.jc-fs{justify-content: flex-start;}
.p-r{position: relative;}
.p-a{position: absolute;}
.p-f{position: fixed;}
.w100{width: 100%;}
.ft14{font-size: 0.14rem;line-height: 150%;}
.ft18{font-size: 0.18rem;line-height: 150%;}
.ft20{font-size: 0.2rem;line-height: 150%;}
.ft22{font-size: 0.22rem;line-height: 150%;}
.ft24{font-size: 0.24rem;line-height: 150%;}
.ft25{font-size: 0.25rem;line-height: 150%;}
.ft26{font-size: 0.26rem;line-height: 150%;}
.ft28{font-size: 0.28rem;line-height: 150%;}
.ft30{font-size: 0.30rem;line-height: 150%;}
.ft35{font-size: 0.35rem;line-height: 150%;}
.ft36{font-size: 0.36rem;line-height: 150%;}
.ft40{font-size: 0.4rem;line-height: 150%;}
.ft42{font-size: 0.42rem;line-height: 150%;}
.ft48{font-size: 0.48rem;line-height: 150%;}
.ft60{font-size: 0.6rem;line-height: 150%;}
.mt30{margin-bottom: 0.3rem;}
.m_t50{margin-top: 0.5rem;}
.none{display: none;}
.flex-column{flex-direction: column;}
.wrap{flex-wrap: wrap;}
.mw100{max-width: 100%;}
.w1920{width: 19.2rem;}
.wap{display: none;}
/* .min1920{min-width: 1920px;} */
.fsour{font-family: 'sour';}
.avtive{color: #ff9900;}
.lh150{line-height: 150%;}
.w1400{width: 1400px;}
.w1200{width: 1200px;}
.arcbody{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0.2rem;
    }
.arcbody * {
    line-height: 180%;
    width: 100%;
}
.arcbody img {
    width: auto;
    max-width: 100%;
    margin: 0.15rem 0 0;
    height: auto!important;
}
.arcbody p{margin-top: 0.15rem;}
.text-line{
    background: linear-gradient(0deg,var(--bgcolor),var(--bgcolor)) no-repeat left bottom;
    background-size: 0% 0.02rem;
    transition: all 0.3s;
    display: inline!important;
}
.text-line:hover{
    background-size: 100% 0.02rem; 
}
:root{
    --bgcolor: rgba(15, 144, 218, 1);
    --fontcolor: #06284c;
    --b-r:0.05rem;
    --hoverbg: #cc3333;
    --hoverfont: #8f5407;
}
.w1296{width: 1200px;}
.headxf{
    background: #fff;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 12;
    position: fixed;
    box-shadow: 0 0 0.05rem #ccc;
}

.head{
    width: 12rem;
    max-width: 96%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.2rem;
}
.head h1{}
.head .logo-wrap{}
.head .logo-wrap img{
    width: 2.47rem;
}

.navbox{
    display: flex;
}
.navbox .navlist{
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbox .navlist .nav{
    font-size: 16px;
    margin: 0 0.3rem;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    box-sizing: border-box;
}
.navbox .navlist .nav.this,.navbox .navlist .nav:hover{
    color: var(--bgcolor);
    border-bottom: 1px solid var(--bgcolor);
}
.zw{
    width: 100%;
    height: 1.2rem;
}
/**********头部*****/
.mySwiper{width: 19.2rem;max-width: 100%;}
.mySwiper .banner{width: 100%;}


.ysbox{
    width: 12rem;
    max-width: 96%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ysbox .ptitle{
    font-size: 28px;
    font-weight: 600;
    color: #000000;
    margin: 0.8rem 0 0.4rem;
    text-transform: uppercase;
}
.ysbox .yslist{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.ysbox .yslist .ysurl{
    width: 3.8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.ysbox .yslist .ysurl .ysimg{
    width: 100%;
    height: 2.5rem;
    object-fit: cover;
}
.ysbox .yslist .ysurl .p1{
    font-weight: 600;
    color: #000000;
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0.15rem 0 0.1rem;
}
.ysbox .yslist .ysurl .p2{
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ysbox .yslist .ysurl .p3{
    font-size: 18px;
    font-weight: 600;
    color: var(--bgcolor);
    margin-top: 0.3rem;
}
.ysbox .yslist .ysurl .p1:hover{}
.ysbox .yslist .ysurl .p1 .icon{
    width: 0.4rem;
    margin-right: 0.1rem;
}

.nytitle{
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: #d8d8d8 1px solid;
    height: 1rem;
}
.nytitle .p1{
    width: 12rem;
    font-size: 32px;
    font-weight: 600;
    color: #111111;
    text-transform: uppercase;
}
.nyimg{
    width: 12rem;
    max-width: 96%;
    margin: 0.2rem 0 0.8rem;
}

.iabout{
    width: 12rem;
    max-width: 96%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.iabout .ptitle{
    font-size: 28px;
    font-weight: 600;
    color: #000000;
    margin: 0.8rem 0 0.4rem;
    text-transform: uppercase;
}
.iabout .p2{
    width: 10rem;
    max-width: 100%;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}
.iabout .iaboutimg{
    width: 10rem;
    max-width: 100%;
    margin: 0.3rem 0 0;
}

.foot{
    width: 19.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0.8rem;
    background: rgba(17, 17, 17, 1);
    max-width: 100%;
}
.foot .lxbox{
    width: 12rem;
    max-width: 96%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.3rem 0;
}
.foot .lxbox .tbox{
    display: flex;
    flex-direction: column;
}
.foot .lxbox .p1{
    color: #fff;
    font-size: 18px;
    margin: 0.15rem 0;
}
.foot .ermbox{
    display: flex;
}

.foot .ermbox .ewm{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0.5rem;
}
.foot .ermbox .ewm img{
    width: 1rem;
    height: 1rem;
}
.foot .ermbox .ewm .p1{}
.foot .xian{
    width: 100%;
    height: 1px;
    background: rgba(51, 51, 51, 1);
}
.foot .beian{
    width: 12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    max-width: 96%;
    padding: 0.3rem 0;
}
.foot .beian .copy{
    color: #fff;
}
.foot .beian .copy img{
    width: 18px;
}

.inewsbox{
    width: 19.2rem;
    max-width: 100%;
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-repeat: no-repeat;
}

.inewsbox .ptitle{
    font-size: 28px;
    font-weight: 600;
    color: #fff;
    margin: 0.8rem 0 0.4rem;
    text-transform: uppercase;
}

.newsbox{
    width: 12rem;
    max-width: 96%;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.5rem;
    box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.15);
}
.newsbox .newslist{
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0.3rem 0;
    border-bottom: 2px #ddd solid;
}
.newsbox .newslist .timebox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0.5rem;
}
.newsbox .newslist .timebox .p1{
    font-size: 50px;
    font-weight: 400;
    color: #666666;
    line-height: 110%;
}
.newsbox .newslist .timebox .p2{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}
.newsbox .newslist .p3{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    width: 75%;
    white-space: nowrap; /* 防止文字换行 */
    overflow: hidden; /* 超出部分隐藏 */
    text-overflow: ellipsis;
}
.newsbox .newslist .go{
    width: 0.58rem;
    height: 0.58rem;
    background: url(../img/news.png);
    background-size: 100% 100%;
    margin-left: auto;
}
.newsbox .newslist:hover .timebox{}
.newsbox .newslist:hover .timebox .p1{
    color: var(--bgcolor);
}
.newsbox .newslist:hover .timebox .p2{
    color: var(--bgcolor);
}
.newsbox .newslist:hover .p3{
    color: var(--bgcolor);
}
.newsbox .newslist:hover .go{background-image: url(../img/newh.png);}

.more{
    width: 1.8rem;
    height: 0.6rem;
    background: #1F97DC;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.24rem;
    margin-top: 0.4rem;
}

.page{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.3rem 0 0.4rem;
}

.page .total{
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.88);
    margin: 0 0.04rem;
}
.page .active{
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 6px;
    border: 1px solid var(--bgcolor);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--bgcolor);
    margin: 0 0.04rem;
}
.newsbody{
    width: 12rem;
    margin-top: 0.4rem;
    display: flex;
    flex-direction: column;
    max-width: 96%;
}
.newst{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    border-bottom: 2px solid #d8d8d8;
}
.newst p{
    font-size: 32px;
    font-weight: 600;
    color: #111111;
    padding-bottom: 0.2rem;
    border-bottom: 2px solid #0F90DA;
}
.newsp{font-size: 20px;font-weight: 500;color: #333333;letter-spacing: 1px;margin: 0.3rem 0 0.15rem;}
.ct{
    font-size: 14px;
}

.aboutbody{
    width: 12rem;
    max-width: 96%;
    margin-top: 0.2rem;
    display: flex;
    flex-direction: column;
}
.aboutbody .abimg{
    width: 100%;
    margin-bottom: 0.2rem;
}
.aboutbody .jj{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    text-indent: 40px;
    line-height: 180%;
    margin-bottom: 0.8rem;
}
.aboutbody .wh{
    font-size: 38px;
    font-weight: 600;
    color: #003874;
    margin-bottom: 0.8rem;
    margin-top: 0.2rem;
}
.aboutbody .jg{
    width: 6rem;
    margin: auto;
    margin-top: 0.2rem;
}

.mapbox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0.3rem 0 .4rem;
}

.mapbox .maplist{
    width: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.mapbox .maplist .p1{
    font-size: 18px;
    font-weight: 400;
    color: #111111;
    margin-bottom: 0.2rem;
}
.mapbox .maplist .map{
    width: 100%;
}
.kcimg{width: 100%;margin: 0.2rem 0;}
.aboutp1{
    display: flex;
    margin: auto;
    flex-direction: column;
}
.aboutp1 .p1{
    font-size: 32px;
    font-weight: 600;
    color: #111111;
}
.aboutp1 .xian{
    height: 4px;
    background: linear-gradient(to right, #0F90DA 40px, #003874 0%);
}
.aboutbt{
    font-size: 32px;
    font-weight: 600;
    color: #111111;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0.2rem 0 0.4rem;
}
.aboutbody .fw{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    text-align: center;
    margin-bottom: 0.8rem;
}
.aboutys{
    font-size: 20px;
    line-height: 180%;
    margin-bottom: 0.8rem;
}
.listbox{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.listbox .plist{
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 0.3rem;
    border-bottom: 1px #d8d8d8 solid;
    margin-bottom: 0.35rem;
}
.listbox .plist span{
    width: 10px;
    height: 10px;
    background: #999999;
    border-radius: 50%;
    margin-right: 0.2rem;
}

.xtitle{
    font-size: 24px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0.3rem;
}

.fjbox{
    width: 100%;
    border-top: 1px #ddd solid;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.6rem;
}
.fjbox .fjlist{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0.6rem;
}
.fjbox .fjlist .fjimg{
    width: 3rem;
    height: 2.2rem;
    background: rgba(216, 216, 216, 1);
    margin-right: 0.3rem;
}
.fjbox .fjlist .tbox{
    display: flex;
    flex-direction: column;
}
.fjbox .fjlist .p1{
    font-size: 18px;
    font-weight: 500;
    color: #003874;
}
.fjbox .fjlist .p2{
    font-size: 24px;
    font-weight: 500;
    color: #003874;
    margin-bottom: 0.25rem;
}
.fjbox .fjlist .p3{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pl3{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0.5rem;
}

.bdmapbox{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
}
.bdmapbox .p1{
    font-size: 32px;
    font-weight: 600;
    color: #111111;
    margin-bottom: 0.3rem;
}
.bdmapbox .p2{
    font-size: 20px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 0.3rem;
}
#map{width: 10rem;height: 6rem;}
/***************/
@media only screen and (max-width: 1201px) {
    .wap{display: flex;width: 0.5rem;height: 0.5rem;justify-content: center;align-items: center;border: 0.02rem #999 solid;border-radius: 0.1rem;margin-right: 0.2rem;}
    .wap .line{
        width: 0.02rem;
        height: 80%;
        background: #999;
        margin: 10%;
    }
    .navbox{
        position: fixed;
        width: 100%;
        top: -100%;
        left: 0;
        background: rgba(0,0,0,0.7);
        z-index: 15;
        justify-content: center;
        align-items: flex-start;
        transition: all 0.3s;
        height: 100%;
    }
        .navbox .navlist{
        height: auto;
        flex-direction: column;
        background: #fff;
        width: 100%;
    }
        .navbox .nav{
        font-size: 0.26rem;
        flex-direction: column;
        width: 100%;
        padding: 0.2rem 0.3rem;
        align-items: flex-start;
    }
        .navbox .nav:hover{}
        .navbox .nav.this{}
        .navbox .nav .p1{}
        .navbox .nav.this .p1{}
        .navbox .nav .snavbox{
        position: unset;
        display: flex;
        width: 100%;
        margin-top: 0.1rem;
    }
        .navbox .nav .snavbox .snav{
        font-size: 0.24rem;
    }
        .navbox .nav .snavbox .snav:hover{}
        .navbox .nav .snavbox .snav.this{}
        .navbox .nav:hover .sanvbox{}
    
    .w1296{width: 96%;}
    .head{}
    .head h1{}
    .head .logo-wrap{}
    .head .logo-wrap img{}
    
    .navbox{}
    .navbox .navlist{}
    .navbox .navlist .nav{}
    .navbox .navlist .nav.this,.navbox .navlist .nav:hover{}
    .zw{}
    
.ysbox{}
.ysbox .ptitle{
    font-size: 0.3rem;
    margin: 0.4rem 0 0.3rem;
}
.ysbox .yslist{
    flex-wrap: wrap;
}
.ysbox .yslist .ysurl{
    width: 100%;
    margin-bottom: 0.3rem;
}
.ysbox .yslist .ysurl .ysimg{
    height: 3rem;
}
.ysbox .yslist .ysurl .p1{}
.ysbox .yslist .ysurl .p2{}
.ysbox .yslist .ysurl .p3{}
.ysbox .yslist .ysurl .p1:hover{}
.ysbox .yslist .ysurl .p1 .icon{}

.nytitle{}
.nytitle .p1{
    font-size: 0.32rem;
    margin-left: 2%;
}
.nyimg{}
.iabout{}

.iabout .ptitle{}
.iabout .p2{}
.iabout .iaboutimg{}
.foot{}
.foot .lxbox{
    flex-wrap: wrap;
}
.foot .lxbox .p1{
    font-size: 14px;
}
.foot .ermbox{
    width: 100%;
    justify-content: center;
    align-items: center;
}

.foot .ermbox .ewm{
    margin: 0.15rem;
}
.foot .ermbox .ewm img{
    width: 2rem;
    height: 2rem;
}
.foot .ermbox .ewm .p1{}
.foot .xian{}
.foot .beian{}
.foot .beian .copy{
    font-size: 0.22rem;
}
.foot .beian .copy img{
    width: 0.24rem;
}
.inewsbox{}

.inewsbox .ptitle{}

.newsbox{}
.newsbox .newslist{}
.newsbox .newslist .timebox{
    margin-right: 0.3rem;
}
.newsbox .newslist .timebox .p1{
    font-size: 0.5rem;
}
.newsbox .newslist .timebox .p2{
    font-size: 0.22rem;
}
.newsbox .newslist .p3{}
.newsbox .newslist .go{}
.newsbox .newslist:hover .timebox{}
.newsbox .newslist:hover .timebox .p1{}
.newsbox .newslist:hover .timebox .p2{}
.newsbox .newslist:hover .p3{}
.newsbox .newslist:hover .go{}
.more{}
.newsbody{}
.newst{}
.newst p{
    font-size: 0.32rem;
}
.newsp{}
.ct{}
.aboutbody{}
.aboutbody .jj{}
.aboutbody .wh{}
.aboutbody .jg{}
.mapbox{}

.mapbox .maplist{
    width: 100%;
}
.mapbox .maplist .p1{}
.mapbox .maplist .map{}
.aboutp1{}
.aboutp1 .p1{
    font-size: 0.36rem;
}
.aboutp1 .xian{}
.aboutbt{
    font-size: 0.32rem;
}
.aboutbody .fw{
    font-size: 0.28rem;
}
.listbox{}
.listbox .plist{
    font-size: 0.28rem;
}
.listbox .plist span{}
.xtitle{
    font-size: 0.3rem;
}

.fjbox{}
.fjbox .fjlist{}
.fjbox .fjlist .fjimg{
    width: 2.5rem;
    height: 1.8rem;
}
.fjbox .fjlist .tbox{}
.fjbox .fjlist .p1{
    font-size: 0.24rem;
}
.fjbox .fjlist .p2{
    font-size: 0.26rem;
    margin-bottom: 0;
}
.fjbox .fjlist .p3{
    font-size: 0.24rem;
    -webkit-line-clamp: 3;
    margin-top: 0;
}
.pl3{
    font-size: 0.26rem;
}
.bdmapbox{}
.bdmapbox .p1{
    font-size: 0.32rem;
}
.bdmapbox .p2{
    font-size: 0.3rem;
}
#map{width: 100%;height: 5rem;}
}
@media only screen and (min-width: 751px) and (max-width: 1400px) {
    .w1296{width: 990px;}
    .m1400-w990{width: 990px;}
    .m1400-w1200{width: 1200px;}

}
@media only screen and (min-width: 751px){

}
.jvectormap-zoomin, .jvectormap-zoomout{display: none;}