*{ margin:0; padding:0}
@font-face {
    font-family:'' ;
    src: url('');
}
body { width:100%;margin:0 auto; font-size:14px;font-family: PingFang SC; line-height:150%;color: #000;position:relative;letter-spacing: 0px;overflow-x: hidden;}
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;line-height: 1.5;}
a:hover{text-decoration:none;}
p{  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{
    margin-top: 0.3rem;
    width: 100%;
    }
.arcbody * {
    line-height: 180%;
    max-width: 100%;
}
.arcbody img {
    width: auto;
    max-width: 100%;
    margin: 0.15rem 0 0;
    height: auto!important;
}
.arcbody p{}
.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: #8f5407;
    --fontcolor: #8f5407;
    --b-r:0.05rem;
    --hoverbg: #8f5407;
    --hoverfont: #8f5407;
}
.w1296{width: 1200px;}

/**********头部*****/
.headxf{position: fixed;top: 0;left: 0;width: 100%;display: flex;justify-content: center;align-items: center;z-index: 100;}
.head{
    height: 1.4rem;
    width: 14.2rem;
    max-width: 96%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head .logo-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.head .logo-wrap .logoimg{
    width: 2.27rem;
}
.navbox{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.navbox .navlist{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.navbox .navlist .nav{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-left: 0.6rem;
    height: 100%;
}
.navbox .navlist .nav .a1{
    color: #fff;
    font-size: 0.2rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
}
.navbox .navlist .nav .downimg{
    display: none;
    justify-content: center;
    align-items: center;
    margin-left: 0.1rem;
    width: 0.18rem;
    height: 0.18rem;
    background: url(../img/down.png);
    background-size: 100% 100%;
    transition: all 0.3s;
}
.navbox .navlist .nav .downimg .icon{
    width: 0.18rem;
    transition: all 0.3s;
}
.navbox .navlist .nav .erji{
    overflow: hidden;
    position: absolute;
    display: none;
    flex-direction: column;
    top: 100%;
    background: #fff;
    box-sizing: border-box;
    width: max-content;
    border-radius: 0.05rem;
    box-shadow: 0 0 0.1rem #ccc;
}
.navbox .navlist .nav .erji .a2{
    flex: none;
    font-size: .2rem;
    color: #054F9F;
    box-sizing: border-box;
    padding: 0.1rem 0.3rem;
    width: 100%;
    transition: all 0.3s;
    text-transform: capitalize;
}
.navbox .navlist .nav .erji .a2.this{background: #054F9F;color: #fff;}
.navbox .navlist .nav:hover{}
.navbox .navlist .nav:hover .a1{}
.navbox .navlist .nav:hover .downimg{
    transform: rotate(180deg);
}
.navbox .navlist .nav:hover .downimg .icon{
    transform: rotate(180deg);
}
.navbox .navlist .nav:hover .erji{display: flex;}
.navbox .navlist .nav .erji .a2:hover{background: #054F9F;color: #fff;}
.navbox .navlist .nav::after{content: '';width: 0;height: 0.05rem;background: #fff;position: absolute;border-radius: 0.5rem;transition: all 0.3s;bottom: .2rem;border-radius: 0.5rem;}
.navbox .navlist .nav:hover::after{
    width: 105%;
}
.navbox .navlist .nav.this{}
.navbox .navlist .nav.this::after{
    width: 105%;
}
.lgbox{
    display: flex;
    justify-content: center;
    align-items: center;
}
.lgbox .sousuo{
    width: 1.6rem;
    height: 0.36rem;
    box-sizing: border-box;
    border: 1px #fff solid;
    border-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.lgbox .sousuo .seach_t{
    width: 1.2rem;
    background: transparent;
    text-indent: 0.2rem;
    font-size: 0.1rem;
    color: #fff;
}

.lgbox .sousuo .seach_t::-webkit-input-placeholder {
    color:#fff
    }
.lgbox .sousuo .seach_s{
    width: 0.36rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../img/ss1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0.2rem;
}
.lgbox .lgurl{
    background: #fff;
    border-radius: 50%;
    margin-left: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.36rem;
    height: 0.36rem;
}
.lgbox .lgurl .icon{
    width: 100%;
}
/**********头部*****/
.up-down{
    width: 100%;
    border-top: 1px #ebebeb solid;
    margin-top: 0.5rem;
    padding-top: 0.3rem;
}
.up-down .fy{
    margin-bottom: 0.05rem;
}
.up-down .fy a{
    font-size: 0.16rem;
    color: #4d4d4d;
}
.up-down .fy a:hover{color: var(--hoverfont);}

.banner{
    width: 100%;
--swiper-pagination-color: #fff;
--swiper-pagination-bullet-inactive-color: #fff;
}
.banner .bannerbox{
    width: 100%;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 8rem;
}
.banner .bannerbox .icon{
    width: 100%;
    object-fit: cover;
}
.banner .bannerbox .tbox{
    position: absolute;
    width: 14.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 94%;
}
.banner .bannerbox .tbox .p1{
    font-size: 0.74rem;
    color: #fff;
}
.banner .bannerbox .tbox .p2{
    font-size: 0.36rem;
    color: #fff;
}

.about{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 1.8rem 0 1.6rem;
    flex-wrap: wrap;
}
.about .tbox{
    width: 5.55rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.about .tbox .p1{
    font-size: 0.32rem;
    position: relative;
    color: rgb(5, 79, 159);
    text-transform: uppercase;
}
.about .tbox .p1::after{content: '';position: absolute;left: 0;top: 100%;width: 0.8rem;height: 0.1rem;background: rgb(5, 79, 159);}
.about .tbox .p2{
    font-size: 0.24rem;
    color: #515151;
    margin-top: 0.35rem;
}
.about .icon{
    width: 8rem;
    max-width: 100%;
}
.bg1{
    background: url(../img/bg1.png);
    background-size: 100% 100%;
}
.bg2{
    background: url(../img/bg2.png);
    background-size: 100% 100%;
}
.why{
    width: 14.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 1.5rem 0;
    max-width: 94%;
}
.why .pt{
    font-size: 0.5rem;
    color: #362928;
    text-transform: uppercase;
}
.why .box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 0.5rem;
    gap: 0.45rem;
    width: 100%;
}
.why .box .list{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.why .box .list .imgbox{
    width: 2.2rem;
    background: rgb(5, 79, 159);
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 0.08rem;
    height: 1.56rem;
}
.why .box .list .imgbox .p1{
    font-size: 0.32rem;
    color: #fff;
    margin-bottom: 0.15rem;
    text-align: center;
}
.why .box .list .imgbox .icon{
    width: 0.7rem;
    margin-top: -0.35rem;
    margin-bottom: 0.1rem;
}
.why .box .list .p2{
    width: 100%;
    box-sizing: border-box;
    padding: 0.1rem;
    background: #fff;
    margin-top: 0.2rem;
    border-radius: 0.1rem;
}

.xbt{
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,0.15);
}
.xbt .box{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
}
.xbt .box .a1{
    font-size: 0.26rem;
    position: relative;
    height: 100%;
    margin: 0 0.8rem;
    color: rgb(5, 79, 159);
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    display: flex;
    text-align: center;
}
.xbt .box .a1::after{content: '';width: 0;position: absolute;bottom: 0;background: rgb(5, 79, 159);height: 0.07rem;transition: all 0.3s;border-radius: 0.5rem;}
.xbt .box .a1.this{}
.xbt .box .a1:hover{
}

.xbt .box .a1.this::after{
    width: 100%;
}
.xbt .box .a1:hover::after{
    width: 100%;
}

.pbody{
    width: 14.2rem;
    max-width: 94%;
    margin: 0.8rem 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.pbody .snav{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.pbody .snav .a1{
    font-size: 0.18rem;
    box-sizing: border-box;
    padding: 0.1rem 0.2rem;
    margin-right: 0.15rem;
    background: #dbdbdb;
    text-transform: uppercase;
}
.pbody .snav .a1.this{
    background: #054f9f;
    color: #fff;
}
.headxf.isxf{
    background: rgba(0,0,0,0.8);
}

.zsbox{
    width: 14.2rem;
    max-width: 94%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.2rem 0.1rem;
    margin: 0.5rem 0;
}
.zsbox .zslist{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.zsbox .zslist .imgbox{
    width: 100%;
}
.zsbox .zslist .imgbox .icon{
    width: 100%;
}
.zsbox .zslist .p1{
    font-size: 0.19rem;
    color: rgb(33, 32, 33);
    margin-top: 0.05rem;
}

.page{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0rem 0 0.8rem;
}
.page .active{
    border: 1px #ccc solid;
    font-size: 0.16rem;
    box-sizing: border-box;
    padding: 0rem 0.15rem;
    margin: 0 0.05rem;
    cursor: pointer;
    height: 0.36rem;
    background: #054f9f;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page .total{
    border: 1px #ccc solid;
    font-size: 0.16rem;
    box-sizing: border-box;
    padding: 0rem 0.15rem;
    margin: 0 0.05rem;
    cursor: pointer;
    height: 0.36rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lmbt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0.5rem 0;
}
.lmbt .p1{
    font-size: 0.34rem;
    color: #054F9F;
    font-weight: bold;
    text-transform: uppercase;
}
.lmbt .p2{
    font-size: 0.18rem;
    color: #054F9F;
    text-transform: uppercase;
}
.lmbt::after{content: '';background: #054F9F;width: 1.35rem;height: 2px;position: absolute;right: 125%;}
.lmbt::before{content: '';background: #054F9F;width: 1.35rem;height: 2px;position: absolute;left: 125%;}
.probox{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}
.proleft{
    width: 2.9rem;
    background: #054F9F;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.pronav{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.pone{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
}
.pone .line{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding-right: 0.3rem;
    padding: 0.2rem 0.3rem 0.2rem 0;
}
.pone .a1{
    font-size: 0.16rem;
    color: #fff;
    margin-left: 0.3rem;
}
.pone .icon1{
    width: 0.11rem;
    cursor: pointer;
    transition: all 0.3s;
}
.pone.this .icon1{
    transform: rotate(90deg);
}

.pone .ptwo{
    display: none;
    width: 100%;
    box-sizing: border-box;
    flex-direction: column;
}
.pone.this .ptwo{
    display: flex;
}

.ptwo .a2{
    font-size: 0.16rem;
    color: #fff;
    margin-left: 0.6rem;
}
.ptwo .icon2{
    width: 0.11rem;
    cursor: pointer;
    transition: all 0.3s;
}
.ptwo.this{
    background: #064080;
}
.ptwo.this .a2{}
.ptwo.this .icon2{  transform: rotate(90deg);}
.ptre{
    display: none;
    width: 100%;
    background: #052B55;
    flex-direction: column;
}
.ptwo.this .ptre{
    display: flex;
}

.ptre .a3{
    font-size: 0.16rem;
    color: #fff;
    box-sizing: border-box;
    padding: 0.2rem 0 0.2rem 0.9rem;
}

.prolist{
    width: calc(100% - 3.4rem);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    overflow-y: auto;
    gap: 0.2rem 0.15rem;
    max-height: 10.8rem;
    padding-right: 0.2rem;
}
.prolist .prourl{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.prolist .prourl .imgbox{
    width: 100%;
    box-shadow: 0 0.03rem 0.06rem rgba(0,0,0,0.16);
    height: 1.5rem;
    overflow: hidden;
}
.prolist .prourl .icon{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prolist .prourl .p1{
    font-size: 0.2rem;
    color: #212121;
    margin-top: 0.1rem;
}

.prolist::-webkit-scrollbar {
    width: 8px; /* 滚动条宽度 */
}

.prolist::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 轨道背景颜色 */
}

.prolist::-webkit-scrollbar-thumb {
    background-color: rgb(37, 50, 85); /* 滑块颜色 */
}

.prolist::-webkit-scrollbar-thumb:hover {
    background-color: rgb(37, 50, 85); /* 悬停时的滑块颜色 */
}
.proleft .open{
    display: none;
}

.probody{
    width: calc(100% - 3.4rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.prohead{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.prohead .prolb{
    width: 5.3rem;
}
.prohead .prolb .indexdt{
    width: 100%;
}
.prohead .prolb .indexdt .imgbox{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prohead .prolb .indexdt .icon{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.prohead .prolb .xtimg{
    width: 90%;
}
.prohead .prolb .xtimg .imgbox{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prohead .prolb .xtimg .icon{
    width: 100%;
}
.xxx{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 0.2rem;
}
.xxx .prev1{
    left: 0;
}
.xxx .next1{
    right: 0;
}
.xxx .prev1::after{
    font-size: 0.16rem;
}
.xxx .next1::after{
    font-size: 0.16rem;
}

.prohead .tbox{
    width: 5.15rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.prohead .tbox .p1{
    font-size: 0.22rem;
    color: #000;
    margin-bottom: 0.1rem;
}
.prohead .tbox .p2{
    font-size: 0.18rem;
    color: #000;
}
.prohead .tbox .pbtn{
    font-size: 0.18rem;
    color: #fff;
    background: #054F9F;
    border-radius: 0.05rem;
    box-sizing: border-box;
    padding: 0.05rem 0.15rem;
    margin-top: 0.3rem;
    margin-left: auto;
    cursor: pointer;
}

.proshow{
    width: 100%;
    margin-top: 0.5rem;
}
.proshow *{
    max-width: 100%;
}

.zgf{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 150;
}
.zgf .box{
    background: #fff;
    width: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.1rem;
}
.zgf .box .p1{
    width: 100%;
    font-size: 0.28rem;
    border-bottom: 1px #C3C3C3 solid;
    box-sizing: border-box;
    padding: 0.1rem 0.45rem;
    color: #054F9F;
    font-weight: bold;
}
.zgf .box .input1{
    width: 6.16rem;
    box-sizing: border-box;
    margin-top: 0.22rem;
    height: 0.6rem;
    border-top: 1px #C3C3C3 solid;
    border-right: 1px #C3C3C3 solid;
    border-bottom: 1px #C3C3C3 solid;
    border-left: 3px #054F9F solid;
    color: #B7B7B7;
    font-size: 0.16rem;
    text-indent: 0.2rem;
}
.zgf .box .input2{
    width: 6.16rem;
    box-sizing: border-box;
    margin-top: 0.22rem;
    height: 1.5rem;
    border-top: 1px #C3C3C3 solid;
    border-right: 1px #C3C3C3 solid;
    border-bottom: 1px #C3C3C3 solid;
    border-left: 3px #054F9F solid;
    color: #B7B7B7;
    font-size: 0.16rem;
    resize: none;
    padding: 0.1rem 0.2rem;
}
.zgf .box .submit{
    height: 0.6rem;
    width: 6.16rem;
    border-radius: 0.1rem;
    background: #054F9F;
    color: #fff;
    font-size: 0.2rem;
    margin: 0.22rem 0 0.4rem;
    cursor: pointer;
}

.case{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0.5rem 0;
}
.case .ptitle{
    font-size: 0.32rem;
    color: rgb(5, 79, 159);
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 0.5rem;
}
.case .ptitle::after{content: '';width: 0.8rem;height: 0.1rem;background: rgb(5, 79, 159);position: absolute;left: 0;top: 100%;}

.case .box{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.8rem 1rem;
}
.caselist{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.caselist .imgbox{
    width: 100%;
}
.caselist .icon{
    width: 100%;
}
.caselist .p1{
    font-size: 0.24rem;
    color: rgb(5, 79, 159);
    width: 90%;
    margin-top: 0.1rem;
    height: 0.7rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.caselist .p2{
    font-size: 0.18rem;
    color: rgb(102, 102, 102);
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newsbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.newslist{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1rem;
}
.newslist .imgbox{
    width: 3.4rem;
    height: 2rem;
}
.newslist .imgbox .icon{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newslist .tbox{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}
.newslist .tbox .time{
    height: 1.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    border-right: 1px rgb(153, 153, 153) solid;
}
.newslist .tbox .time .p1{
    font-size: 0.3rem;
    color: rgb(5, 79, 159);
    font-weight: bold;
}
.newslist .tbox .time .p2{
    font-size: 0.2rem;
    color: rgb(102, 102, 102);
}
.newslist .tbox .btbox{
    width: 7rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.newslist .tbox .btbox .p1{
    font-size: 0.22rem;
    color: rgb(51, 51, 51);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newslist .tbox .btbox .p2{
    font-size: 0.18rem;
    color: rgb(102, 102, 102);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.newslist:hover .tbox .btbox .p1{
    color: #054f9f;
}
.newslist .tbox .jtbox{
    height: 0.55rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 0.72rem;
    border-left: 2px rgb(153, 153, 153) solid;
}
.newslist .tbox .jtbox .icon{
    width: 0.4rem;
}

.newbody{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.newbody .h1{
    font-size: 0.32rem;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    color: #000;
}
.newbody .p2{
    font-size: 0.24rem;
    color: rgb(102, 102, 102);
    border-bottom: 1px rgb(102, 102, 102) solid;
    width: 100%;
    text-align: center;
    padding-bottom: 0.15rem;
    margin-top: 0.2rem;
}

.fenye{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0.5rem 0;
    border-top: 1px rgb(102, 102, 102) solid;
}
.fenye a{
    font-size: 0.18rem;
    color: rgb(0, 0, 0);
    margin: 0.05rem 0;
}
.fenye a:hover{color: #054f9f;}

.bg3{
    background: url(../img/bg3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center 0.8rem;
}

.lxwm{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 1rem 0;
}
.lxwm .pt{
    font-size: 0.48rem;
    color: rgb(102, 102, 102);
}
.lxwm .line{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.9rem;
    flex-wrap: wrap;
}
.lxwm .line .list{
    width: 3.28rem;
    height: 2.07rem;
    background: #fff;
    border-radius: 0.08rem;
    box-shadow: 0.03rem 0.03rem 0.06rem rgb(188,188,188);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.lxwm .line .list .imgbox{
    width: 0.7rem;
    margin-top: 0.3rem;
    margin-bottom: 0.1rem;
}
.lxwm .line .list .icon{
    width: 100%;
}
.lxwm .line .list .p1{
    font-size: 0.18rem;
    color: rgb(5, 79, 159);
    font-weight: bold;
}

.lxwm .line .list .p2{
    font-size: 0.18rem;
    color: rgb(5, 79, 159);
    width: 90%;
    text-align: center;
    margin-top: 0.1rem;
}

.ly{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    box-sizing: border-box;
    border: 1px rgb(215, 215, 215) solid;
    border-radius: 0.1rem;
    padding: 0.3rem 0.75rem;
    margin-bottom: 1rem;
}
.ly .p1{
    font-size: 0.32rem;
    color: rgb(5, 79, 159);
    font-weight: bold;
}
.ly .p2{
    font-size: 0.2rem;
    color: rgb(102, 102, 102);
}
.ly .input1{
    width: 100%;
    height: 0.4rem;
    background: rgba(245, 245, 245, 0.97);
    margin-top: 0.2rem;
    text-indent: 0.15rem;
}
.ly .input2{
    width: 100%;
    height: 1rem;
    background: rgba(245, 245, 245, 0.97);
    margin-top: 0.2rem;
    border: 0;
    box-sizing: border-box;
    resize: none;
    padding: 0.15rem;
}
.ly .submit{
    width: 100%;
    background: rgb(5, 79, 159);
    color: #fff;
    margin-top: 0.4rem;
    height: 0.4rem;
    cursor: pointer;
}

.inpro{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0.5rem 0;
}
.inpro .pt{
    font-size: 0.43rem;
    color: rgb(5, 79, 159);
    font-family: DIN-Bold-Bold;
    text-transform: capitalize;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}
.inpro .pt::after{content: '';background: rgb(5, 79, 159);width: 1rem;height: 2px;right: 110%;position: absolute;}
.inpro .pt::before{content: '';background: rgb(5, 79, 159);width: 1rem;height: 2px;left: 110%;position: absolute;}

.inpro .box{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    flex-wrap: wrap;
}
.inpro .box .a1{
    width: 3.4rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inpro .box .a1 .icon{
    width: 100%;
}
.inpro .box .a1 .tbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.7);
}
.inpro .box .a1:hover .tbox{}
.inpro .box .a1 .tbox .p1{
    text-align: center;
    font-size: 0.35rem;
    color: #fff;
    width: 90%;
    text-transform: capitalize;
}
.inpro .box .a1 .tbox .p2{
    font-size: 0.16rem;
    color: #fff;
    border: 1px #fff solid;
    border-radius: 0.5rem;
    box-sizing: border-box;
    padding: 0.05rem 0.15rem;
    margin-top: 0.2rem;
    transition: all 0.3s;
}
.inpro .box .a1 .tbox .p2:hover{background-color: #fff;color: #000;}

.bg4{
    background: url(../img/bg4.png);
    background-size: 100% 100%;
    margin-top: 0.5rem;
}
.inabout{
    width: 100%;
    background: rgba(0,0,0,0.65);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 7.4rem;
}
.inabout .tbox{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.inabout .tbox .p1{
    font-size: 0.4rem;
    color: #fff;
    font-weight: 700;
}
.inabout .tbox .p2{
    width: 12rem;
    font-size: 0.28rem;
    color: #fff;
    margin: 0.2rem 0;
}
.inabout .tbox .line{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}
.inabout .tbox .line .list{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 1rem;
    border-left: 1px #707070 solid;
}
.inabout .tbox .line .list:nth-of-type(1){
    border: 0;
}
.inabout .tbox .line .list .pp1{
    font-size: 0.26rem;
    color: #fff;
}
.inabout .tbox .line .list .pp2{
    font-size: 0.2rem;
    color: #ccc;
    text-align: center;
}

.allt{
    width: 14.2rem;
    max-width: 94%;
    margin: 0.5rem 0 0.2rem;
}
.allt .p1{
    font-size: 0.32rem;
    color: rgb(5, 79, 159);
    font-weight: bold;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 0.5rem;
}
.allt .p1::after{content: '';width: 0.8rem;height: 0.1rem;background: rgb(5, 79, 159);position: absolute;left: 0;top: 100%;}
.lcimg{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.5rem;
}
.lcimg .icon{
    max-width: 100%;
}

.incase{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 0.8rem;
}
.incase .prev1{
    top: 40%;
    left: -0.5rem;
    width: 0.32rem;
    height: 0.6rem;
    background: #707070;
}
.incase .next1{
    top: 40%;
    right: -0.5rem;
    width: 0.32rem;
    height: 0.6rem;
    background: #707070;
}
.incase .prev1::after{
    color: #fff;
    font-size: 0.2rem;
}
.incase .next1::after{
    color: #fff;
    font-size: 0.2rem;
}
.caselb{
    width: 100%;
}
.caselb .clist{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.caselb .clist .imgbox{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.caselb .clist .p1{
    font-size: 0.24rem;
    color: rgb(5, 79, 159);
    width: 90%;
    margin-top: 0.1rem;
    height: 0.7rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.caselb .clist .icon{
    width: 100%;
}
.caselb .clist .p2{
    font-size: 0.18rem;
    color: rgb(102, 102, 102);
    width: 90%;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.footbox{
    width: 100%;
    background: #1D1D1D;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer{
    width: 14.2rem;
    max-width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0.4rem 0;
}
.footer .flx{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.footer .flx .icon{
    width: 2.27rem;
    margin-bottom: 0.3rem;
}
.footer .flx .p1{
    font-size: 0.2rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 5rem;
}
.footer .flx .p1 .svgbox{
    width: 0.3rem;
    flex: none;
    margin-right: 0.1rem;
}
.footer .ff{
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.footer .ff .fnavbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0.4rem;
}
.footer .ff .fnavbox .fnav{
    font-size: 0.2rem;
    color: #fff;
    margin-bottom: 0.15rem;
}
.footer .ff .fnavbox .fsnav{
    font-size: 0.2rem;
    color: #fff;
}
@media only screen and (max-width: 1201px) {
    .footbox{}
.footer{
    flex-wrap: wrap;
}
.footer .flx{
    margin-bottom: 0.3rem;
}
.footer .flx .icon{}
.footer .flx .p1{
    max-width: 100%;
}
.footer .flx .p1 .svgbox{}
.footer .ff{
    width: 100%;
    justify-content: space-between;
}
.footer .ff .fnavbox{
    margin: 0;
}
.footer .ff .fnavbox .fnav{}
.footer .ff .fnavbox .fsnav{}
    .incase{}
.incase .prev1{
    left: 0;
}
.incase .next1{
    right: 0;
}
.incase .prev1::after{}
.incase .next1::after{}
.caselb{}
.caselb .clist{}
.caselb .clist .imgbox{}
.caselb .clist .p1{}
.caselb .clist .icon{}
.caselb .clist .p2{}
    .allt{}
.allt .p1{}
.allt .p1::after{content: '';}
.lcimg{}
.lcimg .icon{}
    .bg4{}
.inabout{}
.inabout .tbox{}
.inabout .tbox .p1{}
.inabout .tbox .p2{
    width: 90%;
}
.inabout .tbox .line{
    margin-top: 1rem;
}
.inabout .tbox .line .list{}
.inabout .tbox .line .list .pp1{}
.inabout .tbox .line .list .pp2{}
    .inpro{}
.inpro .pt{}
.inpro .pt::after{content: '';}
.inpro .pt::before{content: '';}

.inpro .box{}
.inpro .box .a1{
    margin-bottom: 0.3rem;
}
.inpro .box .a1 .icon{}
.inpro .box .a1 .tbox{}
.inpro .box .a1:hover .tbox{}
.inpro .box .a1 .tbox .p1{}
.inpro .box .a1 .tbox .p2{
    font-size: 0.2rem;
}
    .ly{}
.ly .p1{}
.ly .p2{}
.ly .input1{
    height: 0.55rem;
}
.ly .input2{}
.ly .submit{
    height: 0.55rem;
}
    
.bg3{}

.lxwm{}
.lxwm .pt{}
.lxwm .line{}
.lxwm .line .list{
    margin-bottom: 0.3rem;
}
.lxwm .line .list .imgbox{}
.lxwm .line .list .icon{}
.lxwm .line .list .p1{}

.lxwm .line .list .p2{}
    .newbody{
    margin-top: -1rem;
}
.newbody .h1{}
.newbody .p2{}

.fenye{}
.fenye a{}
.fenye a:hover{}
    .newsbox{}
.newslist{}
.newslist .imgbox{
    display: none;
}
.newslist .imgbox .icon{}
.newslist .tbox{}
.newslist .tbox .time{}
.newslist .tbox .time .p1{}
.newslist .tbox .time .p2{}
.newslist .tbox .btbox{
    width: 5rem;
}
.newslist .tbox .btbox .p1{}
.newslist .tbox .btbox .p2{}
.newslist:hover .tbox .btbox .p1{}
.newslist .tbox .jtbox{
    display: none;
}
.newslist .tbox .jtbox .icon{}
    .case{}
.case .ptitle{}
.case .ptitle::after{content: '';}

.case .box{
    grid-template-columns: 1fr 1fr;
    gap: 0.4rem;
}
.caselist{}
.caselist .imgbox{}
.caselist .icon{}
.caselist .p1{}
.caselist .p2{}
    .zgf{}
.zgf .box{}
.zgf .box .p1{}
.zgf .box .input1{
    font-size: 0.2rem;
}
.zgf .box .input2{
    font-size: 0.2rem;
}
.zgf .box .submit{
}
    .probody{
    width: 100%;
    margin-top: -1rem;
}
.prohead{
    flex-wrap: wrap;
}
.prohead .prolb{
    width: 100%;
    margin-bottom: 0.3rem;
}
.prohead .prolb .indexdt{}
.prohead .prolb .indexdt .imgbox{}
.prohead .prolb .indexdt .icon{}

.prohead .prolb .xtimg{}
.prohead .prolb .xtimg .imgbox{}
.prohead .prolb .xtimg .icon{}
.xxx{}
.xxx .prev1{}
.xxx .next1{}
.xxx .prev1::after{font-size: 0.26rem;}
.xxx .next1::after{
    font-size: 0.26rem;
}

.prohead .tbox{
    width: 100%;
}
.prohead .tbox .p1{
    font-size: 0.32rem;
}
.prohead .tbox .p2{
    font-size: 0.24rem;
}
.prohead .tbox .pbtn{
    font-size: 0.24rem;
}

.proshow{}
.proshow *{}
    .proleft .open{
    display: flex;
    position: absolute;
    left: 100%;
    width: 0.8rem;
    height: 0.8rem;
    background: #fff;
    color: #054f9f;
    font-family: arial;
    box-shadow: 0 0 0.1rem #ccc;
    font-size: 0.4rem;
    text-indent: 0.3rem;
    align-items: center;
    top: 50%;
    transform: translate(0, -50%);
}
    .prolist{
    width: 100%;
    grid-template-columns: 1fr 1fr;
    padding-right: 0;
    height: auto;
}
.prolist .prourl{}
.prolist .prourl .imgbox{}
.prolist .prourl .icon{}
.prolist .prourl .p1{}
    .lmbt::after{content: '';}
.lmbt::before{content: '';}
    .lmbt{
    width: 100%;
    overflow: hidden;
}
.lmbt .p1{}
.lmbt .p2{}

.probox{}
.proleft{
    position: fixed;
    left: -6rem;
    transition: all 0.3s;
    width: 6rem;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 9;
}
.pronav{
    flex: none;
    max-height: 33vh;
    overflow-y: auto;
}
.pone{
    flex: none;
}
.pone .line{}
.pone .a1{
    font-size: 0.22rem;
}
.pone .icon1{
    width: 0.16rem;
}
.pone.this .icon1{}

.pone .ptwo{}
.pone.this .ptwo{}

.ptwo .a2{
    font-size: 0.22rem;
}
.ptwo .icon2{
    width: 0.16rem;
}
.ptwo.this{}
.ptwo.this .a2{}
.ptwo.this .icon2{}
.ptre{}
.ptwo.this .ptre{}

.ptre .a3{
    font-size: 0.22rem;
}
    .zsbox{}
.zsbox .zslist{}
.zsbox .zslist .imgbox{}
.zsbox .zslist .imgbox .icon{}
.zsbox .zslist .p1{}

.page{}
.page .active{}
.page .total{}
    .headxf.isxf{}
    .pbody{}
.pbody .snav{}
.pbody .snav .a1{}
.pbody .snav .a1.this{}
    .xbt{}
.xbt .box{}
.xbt .box .a1{
    margin: 0 0.3rem;
    font-size: 0.2rem;
    text-align: center;
}
.xbt .box .a1::after{content: '';}
.xbt .box .a1.this{}
.xbt .box .a1:hover{}

.xbt .box .a1.this::after{}
.xbt .box .a1:hover::after{}
    .bg2{}
.why{}
.why .pt{}
.why .box{
    grid-template-columns: 1fr;
}
.why .box .list{}
.why .box .list .imgbox{
    width: 4rem;
}
.why .box .list .imgbox .p1{}
.why .box .list .imgbox .icon{}
.why .box .list .p2{}
    .bg1{}
    .about{
    margin: 0.8rem 0;
}
.about .tbox{
    width: 100%;
    margin-bottom: 0.3rem;
}
.about .tbox .p1{}
.about .tbox .p1::after{content: '';}
.about .tbox .p2{}
.about .icon{}
    .banner{}
.banner .bannerbox{
    height: auto;
}
.banner .bannerbox .icon{}
.banner .bannerbox .tbox{}
.banner .bannerbox .tbox .p1{}
.banner .bannerbox .tbox .p2{}
    .navbox .navlist .nav:hover::after{
        width: 0%;
    }
    .navbox .navlist .nav.this{}
    .navbox .navlist .nav.this::after{
      width: 0;;
    }
    .wap{display: flex;width: 0.5rem;height: 0.5rem;justify-content: center;align-items: center;border-radius: 0.1rem;margin-right: 0.2rem;transform: rotate(90deg);}
    .wap .line{
        width: 2px;
        height: 100%;
        background: #fff;
        margin: 10%;
    }
    .headxf{background: rgba(0,0,0,0.8);position: sticky;}
    .head{}
    .head .logo-wrap{}
    .head .logo-wrap .logoimg{}
    .navbox{
    position: fixed;
    top: -100%;
    z-index: 110;
    background: rgba(0,0,0,0.7);
    width: 100%;
    left: 0;
    align-items: flex-start;
    transition: all 0.3s;
}
    .navbox .navlist{
    width: 100%;
    flex-direction: column;
    background: #fff;
    height: auto;
}
    .navbox .navlist .nav{
    width: 100%;
    margin: 0.15rem 0;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 0.3rem;
    flex-wrap: wrap;
}
    .navbox .navlist .nav .a1{
    font-size: 0.28rem;
    color: #666;
    width: 50%;
    justify-content: flex-start;
}
    .navbox .navlist .nav .downimg{
    width: 0.3rem;
    height: 0.3rem;
    background: url(../img/down2.png);
    background-size: 100% 100%;
    display: flex;
}
    .navbox .navlist .nav .downimg .icon{
    width: 0.3rem;
    filter: grayscale(100%);
}
    .navbox .navlist .nav .erji{
    position: unset;
    width: 100%;
    margin-top: 0.2rem;
}
    .navbox .navlist .nav .erji .a2{
    font-size: 0.26rem;
}
.navbox .navlist .nav:hover .downimg{    transform: rotate(0deg);}
.navbox .navlist .nav:hover .erji{display: none;}
    .navbox .navlist .nav.this{}
    .navbox .navlist .nav.this .a1{}
    .navbox .navlist .nav.this .downimg{    transform: rotate(180deg);}
    .navbox .navlist .nav.this .downimg .icon{}
    .navbox .navlist .nav.this .erji{display: flex;}
    .navbox .navlist .nav.this .erji .a2{
    font-size: 0.26rem;
}
    
    .lgbox{}
    .lgbox .sousuo{
    height: 0.55rem;
    width: 2.55rem;
}
    .lgbox .sousuo .seach_t{
    font-size: 0.22rem;
    width: 2rem;
}
    .lgbox .sousuo .seach_s{
    width: 0.55rem;
    height: 0.55rem;
    background-size: 0.36rem;
}
    .lgbox .lgurl{
    width: 0.55rem;
    height: 0.55rem;
    margin-left: 0.2rem;
}
    .lgbox .lgurl .icon{}
    .w1296{width: 96%;}
  
    .up-down{
    }
    .up-down .fy{
    }
    .up-down .fy a{font-size: 0.28rem;}
    .up-down .fy a:hover{color: var(--hoverfont);}
}
@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;}