*{ margin:0; padding:0}
@font-face {
    font-family:'STHupo-Regular' ;
    src: url('../font/STHUPO.TTF');
}
body {width:100%;margin:0 auto;font-size:14px;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.2rem;
    width: 100%;
    }
.arcbody * {
    max-width: 100%;
    line-height: 1.8;
}
.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{top: 0;left: 0;width: 100%;background: #fff;display: flex;justify-content: center;align-items: center;z-index: 100;position: sticky;}
.head{
    width: 100%;
    background: #363636;
    display: flex;
    justify-content: center;
    align-items: center;
}
.head .logo-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.head .logo-wrap .logoimg{
    width: 2.38rem;
}
.navbox{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0.5rem;
    width: 11rem;
}
.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;
    height: 100%;
    color: #fff;
    margin: 0 0.1rem;
}
.navbox .navlist .nav .a1{
    color: inherit;
    font-size: 0.16rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbox .navlist .nav .downimg{
    display: flex;
    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%;
    left: 0;
    background: rgba(0,0,0,0.4);
    box-sizing: border-box;
    width: max-content;
}
.navbox .navlist .nav .erji .a2{
    flex: none;
    font-size: .3rem;
    color: #fff;
    box-sizing: border-box;
    padding: 0.18rem 0.5rem;
    width: 100%;
    transition: all 0.3s;
}

.navbox .navlist .nav:hover{
    color: #0066e6;
}
.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: rgba(1, 34, 127, 1);}
.navbox .navlist .nav::after{width: 0;height: 0.06rem;background: #20A338;position: absolute;border-radius: 0.5rem;transition: all 0.3s;bottom: .3rem;left: 50%;transform: translate(-50%,0);}
.navbox .navlist .nav:hover::after{
    width: 60%;
}
.navbox .navlist .nav.this{}
.navbox .navlist .nav.this::after{
    width: 60%;
}

.head1{
    width: 11rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.15rem;
    max-width: 94%;
}
.head1 .logo-wrap .p1{
    font-size: 0.2rem;
    color: #000;
    margin-left: 0.5rem;
}
.head1 .logo-wrap{display: flex;justify-content: flex-start;align-items: center;}
.head1 .logo-wrap .logoimg{
    width: 1.64rem;
}

.ss{
    width: 1.9rem;
    height: 0.28rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.8rem;
}
.ss .input1{
    height: 100%;
    border-radius: 5px;
    margin-right: 0.1rem;
    width: 1.5rem;
}
.ss .input2{
    width: 0.28rem;
    height: 0.28rem;
    background: url(../img/ss.png);
    background-size: 100% 100%;
    cursor: pointer;
}

.splb{
    width: 19.2rem;
    max-width: 100%;
    height: 6rem;
}
.splb .bannerimg{
    width: 100%;
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
}
.splb .bannerimg .icon{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.splb .bannerimg .a1{
    width: 2.6rem;
    height: 0.6rem;
    background: #0066e6;
    color: #fff;
    font-size: 0.24rem;
    position: absolute;
    border-radius: 0.5rem;
    bottom: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -2.5rem;
    transition: all 0.3s;
}
.splb .bannerimg .a1:hover{
    background: #fff;
    color: #0066e6;
}

.splb .swiper-pagination{
    /* flex-direction: column; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    /* width: 10px; */
    /* left: 33%; */
    /* bottom: 30%; */
    --swiper-pagination-bullet-inactive-color: #fff;
    --swiper-pagination-color: #fff;
    gap: 0.2rem;
}

.nybanner{
    width: 19.2rem;
    max-width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nybanner .icon{
    width: 100%;
}
.daohang{
    width: 11rem;
    max-width: 94%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0.15rem 0;
    font-size: 0.16rem;
    color: #000;

}
.daohang .p1{}
.daohang .a1{
    margin: 0 0.05rem;
}
.alltitle{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px #ccc solid;
    gap: 0.5rem;
}
.alltitle .p1{
    position: relative;
    font-size: 0.25rem;
    color: #000000;
    line-height: 1.8;
}
.alltitle .p1.this::after{content: '';width: 100%;height: 0.05rem;position: absolute;background: #0066e6;left: 0;bottom: -0.02rem;}
.down{
    width: 8.5rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0.4rem 0 0.8rem;
}
.down .downlist{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.4rem;
}
.down .downlist .down1{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.3rem;
}
.down .downlist .down1 .p1{
    font-size: 0.2rem;
    color: #0066e6;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
.down .downlist .down1 .box{
    width: 100%;
    background: #e6e6e6;
    box-sizing: border-box;
    padding: 0.35rem 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.25rem;
}
.down .downlist .down1 .box .p2{
    font-size: 0.2rem;
    color: #000000;
}
.down .downlist .down1 .box .btn{
    width: 1.8rem;
    height: 0.4rem;
    background: #0066e6;
    color: #fff;
    font-size: 0.18rem;
    border-radius: 0.5rem;
    bottom: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}
.down .downlist .down1 .box .btn:hover{
    background: #fff;
    color: #0066e6;
}
.about1{
    width: 10.5rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.4rem;
}
.about1 .ms1{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0.4rem 0;
}
.about1 .ms1 .p1{
    font-size: 0.25rem;
    color: #000;
    margin-bottom: 0.2rem;
}
.about1 .ms1 .p2{
    font-size: 0.16rem;
    color: #000;
    line-height: 2;
}
.about1 .sjbox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.about1 .sjbox .sjlist{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.about1 .sjbox .sjlist .p1{
    font-size: 0.46rem;
    color: #0066e6;
    font-weight: bold;
    display: flex;
}
.about1 .sjbox .sjlist .p2{
    font-size: 0.15rem;
    color: #363636;
}
.about1 .sjbox .sjlist .p1 span{font-size: 0.2rem;font-weight: 400;}
.aboutimg{width: 12rem;max-width: 94%;margin: 0.4rem 0;}

.lishi{
    background: #f5f5f5;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0.45rem 0 0.95rem;
}
.lishi .pt{
    font-size: 0.33rem;
    color: #000;
    margin-bottom: 0.4rem;
}
.lishi .box{
    width: 12rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.swiper1{
    width: 100%;
}
.swiper1 .lbox{
    width: 8.9rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 94%;
    margin: auto;
}
.swiper1 .lbox .tbox{
    margin-top: 0.4rem;
    width: 3.7rem;
    margin-right: auto;
}
.swiper1 .lbox .tbox .p1{
    font-size: 0.68rem;
    color: #0066e0;
}
.swiper1 .lbox .tbox .p2{
    font-size: 0.12rem;
    line-height: 1.8;
}
.swiper1 .lbox .icon{
    max-width: 4rem;
    max-height: 2.3rem;
}

.swiper1 .prev1{
    width: 0.55rem;
    height: 0.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d4d4d4;
}
.swiper1 .prev1::after{
    content: '';
    width: 0;
    height: 0;
    border-right: 0.1rem #000 solid;
    border-top: 0.1rem transparent solid;
    border-bottom: 0.1rem transparent solid;
}
.swiper1 .next1{
    width: 0.55rem;
    height: 0.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d4d4d4;
}
.swiper1 .next1::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 0.1rem #000 solid;
    border-top: 0.1rem transparent solid;
    border-bottom: 0.1rem transparent solid;
}

.swiper2{
    width: 100%;
    margin-top: 0.25rem;
}
.swiper2 .lbox{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.swiper2::after{content: '';}
.swiper2 .lbox::after{content: '';}
.swiper2 .lbox{}
.swiper2 .lbox  .p1{
    color: #999999;
    font-size: 0.12rem;
    position: absolute;
    top: 0.65rem;
    transition: all 0.3s;
}
.swiper2 .lbox  .dot{
    width: 0.12rem;
    height: 0.12rem;
    background: #999;
    border-radius: 50%;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}
.swiper2 .lbox .sj{
    width: 0;
    height: 0;
    position: absolute;
    border-bottom: 0.05rem #0066e0 solid;
    border-left: 0.05rem transparent solid;
    border-right: 0.05rem transparent solid;
    bottom: 0.05rem;
    transition: all 0.3s;
    opacity: 0;
}


.swiper2 .swiper-slide-thumb-active .lbox{}
.swiper2 .swiper-slide-thumb-active .lbox .dot{}
.swiper2 .swiper-slide-thumb-active .lbox .p1{
    font-size: 0.35rem;
    color: #0066e0;
    top: 0;
}
.swiper2 .swiper-slide-thumb-active .lbox .sj{
    opacity: 1;
}

.liyou{    width: 19.2rem;
    max-width: 100%;
    display: flex
;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;}
.liyou .icon1{
    max-width: 90%;
    margin-top: 0.9rem;
}
.liyou .pt{
    font-size: 0.25rem;
    color: #000;
    margin-bottom: 0.2rem;
}
.ly1{
    width: 100%;
    display: flex;
    background: #0066e6;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.ly1 .p1{
    background: url(../img/img2.png);
    width: 8.55rem;
    aspect-ratio: 855/116;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
    max-width: 90%;
    font-size: 0.5rem;
    color: #fff;
    font-weight: bold;
}
.ly1 .box{
    margin-top: 0.7rem;
    width: 12rem;
    max-width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
}
.ly1 .box .icon2{
    width: 6.84rem;
}
.ly1 .box .tbox{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.ly1 .box .p2{
    font-size: 0.27rem;
    color: #fff;
    line-height: 1.8;
}
.ly1 .box .p2 p{
    font-size: 0.24rem;
    margin: 0.05rem 0;
}
.ly1 .box .p2 p span{
    font-size: 0.36rem;
}
.ly1 .box .icon3{
    max-width: 100%;
    width: 4.4rem;
}

.ly2{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.ly2 .p1{
    background: url(../img/img3.png);
    width: 8.55rem;
    aspect-ratio: 855 / 116;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: 100% 100%;
    max-width: 90%;
    font-size: 0.5rem;
    color: #fff;
    font-weight: bold;
}
.ly2 .p2{
    box-sizing: border-box;
    padding: 0.1rem 1rem;
    background: #0066e6;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 0.27rem;
    color: #fff;
    line-height: 1.8;
    margin: 0.3rem 0;
    max-width: 90%;
    width: 8rem;
}
.ly2 .p2 p{font-size: 0.37rem; font-weight: bold;}
.ly2 .icon2{
    max-width: 94%;
}
.ly1 .box .icon4{
    width: 6.08rem;
}

.contact{
    width: 9.2rem;
    max-width: 94%;
    margin-top: 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.lxwmbox{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.3rem;
}
.lxwmbox .p1{
    font-size: 0.3rem;
    color: #0066e6;
}
.lxwmbox .box{
    width: 100%;
    background: #0066e6;
    box-sizing: border-box;
    padding: 0.5rem;
    border-radius: 0.1rem;
    margin-top: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.lxwmbox .box .line{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px #fff solid;
    padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
}
.lxwmbox .box .line .icon{
    width: 0.6rem;
}
.lxwmbox .box .line .p2{
    font-size: 0.3rem;
    color: #fff;
}
.map{
    width: 12rem;
    max-width: 94%;
    margin: 0.5rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.map .icon{
    width: 100%;
}

.footbox{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #202020;
}
.footbox .footer{
    width: 12rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 1.2rem 0;
    max-width: 94%;
    flex-wrap: wrap;
}
.footbox .footer .left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.footbox .footer .left .p1{
    font-size: 0.3rem;
    color: #fff;
}
.footbox .footer .left .p2{
    font-size: 0.16rem;
    color: #fff;
}
.footbox .footer .left .line{
    font-size: 0.16rem;
    margin-top: 0.5rem;
    color: #fff;
    font-weight: bold;
}
.footbox .footer .left .line .a1{
    color: #fff;
}
.footbox .footer .right{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 2rem;
}
.footbox .footer .right .ewmbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0.15rem;
}
.footbox .footer .right .ewmbox .icon{
    width: 1.1ren;
}
.footbox .footer .right .ewmbox .p1{
    color: #fff;
    font-size: 0.16rem;
}
.footbox .copyright{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #000;
    padding: 0.1rem 0;
    gap: 0.1rem;
}
.footbox .copyright .a1{
    font-size: 0.12rem;
    color: #fff;
    margin: 0.;
}

.yingyong{
    width: 12rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.3rem;
}
.yingyong .pt{
    font-size: 0.33rem;
    font-weight: bold;
}
.yingyong .box1{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.33rem;
    margin-top: 0.2rem;
    margin-bottom: 0.3rem;
}
.yingyong .box1 .a1{
    width: calc(calc(100% - 0.66rem) / 3);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yingyong .box1 .a1 .icon{
    width: 100%;
    aspect-ratio: 377/384;
}
.yingyong .box1 .a1 .p2{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.28rem;
    color: #fff;
    height: 0.6rem;
    padding-left: 0.3rem;
    background: linear-gradient(to top, black, transparent);
    width: 100%;
    box-sizing: border-box;
}
.yingyong .box2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.33rem;
    margin-top: 0.2rem;
    margin-bottom: 0.6rem;
}
.yingyong .box2 .a1{
    width: calc(calc(100% - 0.66rem) / 3);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.yingyong .box2 .a1 .icon{
    width: 100%;
    aspect-ratio: 368/195;
}
.yingyong .box2 .a1 .tbox{
    width: 100%;
    background: #f7f4f4;
    box-sizing: border-box;
    padding: 0.2rem;
}
.yingyong .box2 .a1 .tbox .p1{
    font-size: 0.16rem;
    font-weight: bold;
}
.yingyong .box2 .a1 .tbox .p2{
    font-size: 0.16rem;
}
.yingyong .box2 .a1:hover .p1{
    color: red;
}
.hezuo{
    width: 19.2rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.5rem;
}
.hezuo .p1{
    font-size: 0.33rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
.hezuo .p2{
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
}
.hezuo .icon{
    width: 100%;
}

.zhichi{
    width: 15rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.3rem;
}
.zclist{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 1rem;
    position: relative;
}
.zclist .tbox{
    height: 4.2rem;
    background: #e8ebf2;
    box-sizing: border-box;
    padding: 0 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 57%;
    margin-top: 0.7rem;
    margin-right: auto;
    clip-path: polygon(0 0,100% 0,90% 100%,0 100%);
}
.zclist .tbox .p1{
    font-size: 0.2rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
.zclist .tbox .p2{
    font-size: 0.16rem;
    color: #000;
    width: 5.4rem;
}
.zclist .icon{
    width: 50%;
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
}
.zclist:nth-of-type(even){
    flex-flow: row-reverse;
}
.zclist:nth-of-type(even) .tbox{
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
    margin-left: auto;
    margin-right: 0;
    padding-left: 1.5rem;
}
.zclist:nth-of-type(even) .tbox .p1{}
.zclist:nth-of-type(even) .tbox .p2{}
.zclist:nth-of-type(even) .icon{left: 0;}

.newsbox{
    width: 13.2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.3rem;
    max-width: 94%;
}
.newsbox .newslist{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.6rem;
    width: 100%;
}
.newslist .a1{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0.5rem;
}
.newslist .a1 .imgbox{
    width: 3.2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.newslist .a1 .imgbox .icon{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.newslist .a1 .tbox{
    width: 6.8rem;
    margin-left: 0.75rem;
    display: flex;
    flex-direction: column;
}
.newslist .a1 .tbox .p1{
    font-size: 0.16rem;
    color: #0066e6;
    font-weight: bold;
    margin-bottom: 0.2rem;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis; /* 显示省略号 */
    width: 100%;
}
.newslist .a1 .tbox .p2{font-size: 0.12rem;margin-bottom: 0.2rem;}
.newslist .a1 .tbox .p3{
    font-size: 0.12rem;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出的文本 */
    text-overflow: ellipsis; /* 显示省略号 */
    width: 100%;
}
.newslist .a1 .btn{
    display: none;
    width: 0.55rem;
    height: 0.55rem;
    background: #0066e6;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.4rem;
    font-family: arial;
}

.newslist .a1:hover{
    box-shadow: 0 0 0.1rem #ccc;
}
.newslist .a1:hover .imgbox{}
.newslist .a1:hover .imgbox .icon{}
.newslist .a1:hover .tbox{}
.newslist .a1:hover .tbox .p1{}
.newslist .a1:hover .tbox .p2{ }
.newslist .a1:hover .tbox .p3{}
.newslist .a1:hover .btn{
    display: flex;
    margin-left: auto;
}
.page{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem 0;
}
.page .active{
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px #ebebeb solid;
    border-radius: 2px;
    margin: 0 2px;
    background: #0066e6;
    color: #fff;
}
.page .total{
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px #ebebeb solid;
    border-radius: 2px;
    margin: 0 2px;
}

.newsbody{
    width: 9.5rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.3rem;
    margin-bottom: 0.5rem;
}
.newsbody .h1{
    font-size: 0.24rem;
    line-height: 1.5;
    margin-top: 0.2rem;
    text-align: center;
}
.newsbody .p2{}


.prolist{
    width: 12.8rem;
    max-width: 94%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0.3rem;
    margin-bottom: .5rem;
}
.prolist .proleft{
    width: 2.6rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.prolist .proleft .headbox{
    background: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 0.3rem 0 0.3rem 0.3rem;
    width: 100%;
}
.prolist .proleft .headbox .p1{
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
}
.prolist .proleft .headbox .p2{
    color: #fff;
    font-size: 0.2rem;
    font-weight: bold;
}

.prolist .proleft .pronav{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.prolist .proleft .pronav .a1{
    width: 100%;
    box-sizing: border-box;
    padding: 0.2rem 0.4rem;
    background: #edecec;
    margin-bottom: 0.1rem;
    font-size: 0.2rem;
}
.prolist .proleft .pronav .a1:hover{
    color: #0066e6;
    font-weight: bold;
}
.prolist .proleft .pronav .a1.this{
    color: #0066e6;
    font-weight: bold;
}

.prolist .proleft .wapbtn{
    display: none;
}
.prolist .proleft .wapbtn.this{}

.proright{
    width: 9.3rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.proright .probox{
    width: 100%;
    margin-top: 0.3rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0.35rem;
}
.proright .probox .a1{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-sizing: border-box;
    border: 1px #7e7e7e solid;
}
.proright .probox .a1 .imgbox{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.proright .probox .a1 .imgbox .icon{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.proright .probox .a1 .p1{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #d7d7d7;
    font-size: 0.12rem;
    box-sizing: border-box;
    padding: 0.1rem 0.2rem;
}
.proright .probox .a1:hover .p1{color: #0066e0;}

.probox .a1 .tbox{
    border-top: 1px #7e7e7e solid;
    box-sizing: border-box;
    width: 100%;
    padding: 0.1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.probox .a1 .tbox .a2{
    width: 100%;
    font-size: 0.12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.probox .a1 .tbox .a3{
    width: 1rem;
    height: 0.25rem;
    background: #0066e6;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.12rem;
}
.probox .a1:hover .tbox .a2{
    color: #0066e6;
}

.proright .probody{
    width: 100%;
    box-sizing: border-box;
    padding: 0.2rem;
    border: 1px #ccc solid;
    margin: 0.3rem 0;
    display: flex;
}
.proright .probody .box1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.proright .probody .imgbox{
    width: 3.65rem;
    height: 4.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.proright .probody .imgbox .icon{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.proright .probody .tbox{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 1;
    margin: 0 0.2rem 0 0.5rem;
}
.proright .probody .tbox .p1{
    font-size: 0.25rem;
    margin-bottom: 0.2rem;
}
.proright .probody .tbox .p2{
    font-size: 0.16rem;
    line-height: 2;
}
.proright .probody .tbox .line{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px #ccc solid;
    margin-top: 0.2rem;
    padding-top: 0.2rem;
    box-sizing: border-box;
    padding: 0.2rem;
}
.proright .probody .tbox .line .a1{
    font-size: 0.25rem;
    font-weight: bold;
    color: #0066e6;
}
.proright .probody .tbox .line .a2{
    background: #0066e6;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0rem 0.3rem;
    font-size: 0.18rem;
}

.proright .arcbody{}

.wenti{
    width: 19.2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-image: url(../img/bg1.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
    max-width: 100%;
}
.wenti .pt{
    text-align: center;
    font-size: 0.5rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05rem;
    text-shadow: 0.05rem 0.05rem 0.05rem #a1a1a1;
    margin: 1.4rem 0 0.5rem;
}
.wenti .box{
    width: 12rem;
    max-width: 94%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 0.35rem 0.7rem;
    box-sizing: border-box;
    border-radius: 0.4rem;
    margin-bottom: 0.3rem;
}
.wenti .box .icon{
    width: 2.78rem;
}
.wenti .box .listbox{
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-left: 1rem;
    justify-content: center;
    align-items: flex-start;
}
.wenti .box .listbox .pt2{
    font-size: 0.2rem;
    color: #0066e6;
    font-weight: bold;
    margin: 0.2rem 0 0.3rem;
}
.wenti .box .listbox .a1{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.16rem;
    color: #000;
    padding-bottom: 0.2rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px #ccc dashed;
    position: relative;
}
.wenti .box .listbox .a1::after{content: '';position: absolute;border-left: 0.1rem #0066e6 solid;border-top: 0.1rem transparent solid;border-bottom: 0.1rem transparent solid;width: 0;height: 0;left: -0.3rem;}
.wenti .box .listbox  .a1 .p1{margin-right: auto;}
.wenti .box .listbox .a1 .p2{}
.wenti .box .listbox .a1:hover{
    color: #0066e6;
}

.fangan{
    background: #f5f5f5;
    width: 19.2rem;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fangan .pt{
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.6rem 0 0.4rem;
    text-align: center;
}
.fangan .box{
    width: 12rem;
    max-width: 94%;
    display: flex;
    gap: 0.15rem;
    margin-bottom: 0.45rem;
}
.fanganlist{
    overflow: hidden;
    flex: 1;
    transition: all 0.3s;
    height: 4.9rem;
    position: relative;
    cursor: pointer;
}
.fanganlist .tbox{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #0066e6;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.fanganlist .tbox .p1{    font-size: 0.3rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.2rem;}
.fanganlist .tbox .dot{
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    box-sizing: border-box;
    border: 1px #fff solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0.7rem;
    left: 0.3rem;
}
.fanganlist .tbox .dot .dot1{
    width: 0.2rem;
    height: 0.2rem;
    box-sizing: border-box;
    border: 1px #fff solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fanganlist .tbox2{z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.fanganlist .tbox2 .icon{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: -1;
}
.fanganlist .p1{

}
.fanganlist .tbox2 .p1{
    font-size: 0.3rem;
    color: #fff;
    font-weight: bold;
    margin-top: 0.3rem;
}
.fanganlist .tbox2 .p2{
    font-size: 0.2rem;
    color: #fff;
    width: 85%;
    line-height: 1.8;
    margin-top: 0.5rem;
}
.fanganlist .tbox2 .p2::after{content: '';}

.fanganlist.this{
    flex: 3;
    border-radius: 0.5rem;
}
.fanganlist.this .tbox{
    z-index: 1;
}
.fanganlist.this .tbox .p1{}
.fanganlist.this .tbox .dot{}
.fanganlist.this .tbox .dot .dot1{}

.fanganlist.this .tbox2{
    z-index: 2;
}
.fanganlist.this .tbox2 .icon{}
.fanganlist.this .tbox2 .p1{}
.fanganlist.this .tbox2 .p2{}
.fanganlist.this .tbox2 .p2::after{content: '';}

.inabout{
    width: 12rem;
    max-width: 94%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0.9rem 0 0.5rem;
}
.inabout .line{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inabout .line .box{}
.inabout .line .box .p1{
    font-size: 0.3rem;
    font-weight: bold;
    color: #000;
}
.inabout .line .box .p2{
    font-size: 0.2rem;
    color: #000;
}
.inabout .line .box2{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.inabout .line .box2 .sjlist{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0.3rem;
}
.inabout .line .box2 .sjlist .p1{
    font-size: 0.3rem;
    color: #000;
    font-weight: bold;
}
.inabout .line .box2 .sjlist .p1 span{}
.inabout .line .box2 .sjlist .p2{
    font-size: 0.16rem;
}
.inabout .icon{
    max-width: 100%;
    margin: 0.5rem 0;
}
.inabout .abox{
    display: flex;
    justify-content: center;
    align-items: center;
}
.inabout .abox .a1{
    width: 2rem;
    height: 0.5rem;
    box-sizing: border-box;
    border: 1px #0066e6 solid;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.2rem;
    color: #0066e6;
    transition: all 0.3s;
    border-radius: 0.5rem;
    margin: 0 0.5rem;
}
.inabout .abox .a1:hover{
    background: #0066e6;
    color: #fff;
}
.slogn{
    width: 19.2rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.6rem;
    background: #0066e6; 
    

}
.slogn .p1{font-size: 0.5rem;color: #fff;font-weight: bold;}
.indexpro{
    width: 12rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 94%;
}
.indexpro .a1{
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.9rem 0 0.9rem 0.5rem;
}

.indexpro .box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
}
.indexpro .box .a2{
    width: 20%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
    box-shadow: 0 0 0.1rem #ccc;
    margin-bottom: 0.2rem;
}
.indexpro .box .a2 .imgbox{
    width: 100%;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.indexpro .box .a2 .imgbox .icon{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.indexpro .box .a2 .tbox{
    position: absolute;
    bottom: 0;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 0.24rem 0.3rem;
    width: 100%;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
}
.indexpro .box .a2 .tbox .p1{
    font-size: 0.16rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.2rem;
}
.indexpro .box .a2 .tbox .p2{
    font-size: 0.16rem;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexpro .box .a2:hover{
    z-index: 2;
    box-shadow: 0 0 0.1rem #000000;
}
.indexpro .box .a2:hover .imgbox{}
.indexpro .box .a2:hover .imgbox .icon{}
.indexpro .box .a2:hover .tbox{
    height: 100%;
    background: linear-gradient(39deg, #0066e6 0,transparent 65%, transparent);
}
.indexpro .box .a2:hover .tbox .p1{
    color: #fff;
}
.indexpro .box .a2:hover .tbox .p2{
    color: #fff;
}

/*
************* */
@media only screen and (max-width: 1201px) {
    .indexpro{}
.indexpro .a1{}

.indexpro .box{}
.indexpro .box .a2{
    width: 50%;
}
.indexpro .box .a2 .imgbox{
    height: 4rem;
}
.indexpro .box .a2 .imgbox .icon{}
.indexpro .box .a2 .tbox{}
.indexpro .box .a2 .tbox .p1{
    font-size: 0.2rem;
}
.indexpro .box .a2 .tbox .p2{
    font-size: 0.2rem;
}

.indexpro .box .a2:hover{}
.indexpro .box .a2:hover .imgbox{}
.indexpro .box .a2:hover .imgbox .icon{}
.indexpro .box .a2:hover .tbox{}
.indexpro .box .a2:hover .tbox .p1{}
.indexpro .box .a2:hover .tbox .p2{}
    .slogn{}
.slogn .p1{}
    .inabout{}
.inabout .line{}
.inabout .line .box{}
.inabout .line .box .p1{
    font-size: 0.26rem;
}
.inabout .line .box .p2{}
.inabout .line .box2{}
.inabout .line .box2 .sjlist{
    margin-left: 0.1rem;
}
.inabout .line .box2 .sjlist .p1{
    font-size: 0.24rem;
}
.inabout .line .box2 .sjlist .p1 span{}
.inabout .line .box2 .sjlist .p2{}
.inabout .icon{}
.inabout .abox{}
.inabout .abox .a1{}
.inabout .abox .a1:hover{}
    .fanganlist.this{
    flex: 9;
}
.fanganlist.this .tbox{}
.fanganlist.this .tbox .p1{}
.fanganlist.this .tbox .dot{}
.fanganlist.this .tbox .dot .dot1{}

.fanganlist.this .tbox2{}
.fanganlist.this .tbox2 .icon{}
.fanganlist.this .tbox2 .p1{}
.fanganlist.this .tbox2 .p2{}
.fanganlist.this .tbox2 .p2::after{content: '';}
    .fangan{}
.fangan .pt{}
.fangan .box{}
.fanganlist{}
.fanganlist .tbox{}
.fanganlist .tbox .p1{line-height: 2;display: flex;justify-content: center;align-items: center;text-align: center;}
.fanganlist .tbox .dot{
    left: 0.1rem;
}
.fanganlist .tbox .dot .dot1{}

.fanganlist .tbox2{}
.fanganlist .tbox2 .icon{}
.fanganlist .tbox2 .p1{}
.fanganlist .tbox2 .p2{}
.fanganlist .tbox2 .p2::after{content: '';}
    .wenti{}
.wenti .pt{}
.wenti .box{
    padding: 0.3rem 0.3rem;
}
.wenti .box .icon{
    width: 2rem;
}
.wenti .box .listbox{
    margin-left: 0.5rem;
}
.wenti .box .listbox .pt2{}
.wenti .box .listbox .a1{}
.wenti .box .listbox .a1::after{content: '';}
.wenti .box .listbox  .a1 .p1{ }
.wenti .box .listbox .a1 .p2{}
.wenti .box .listbox .a1:hover{}
    .proright .probody{}
.proright .probody .box1{
    flex-direction: column;
}
.proright .probody .imgbox{
    width: 100%;
    height: auto;
}
.proright .probody .imgbox .icon{}
.proright .probody .tbox{
    margin: 0.3rem;
}
.proright .probody .tbox .p1{}
.proright .probody .tbox .p2{
    font-size: 0.2rem;
}
.proright .probody .tbox .line{}
.proright .probody .tbox .line .a1{}
.proright .probody .tbox .line .a2{
    font-size: 0.2rem;
}

.proright .arcbody{}
    .probox .a1 .tbox{}
.probox .a1 .tbox .a2{
    font-size: 0.2rem;
}
.probox .a1 .tbox .a3{
    width: 2rem;
    font-size: 0.18rem;
    height: 0.35rem;
}
.probox .a1:hover .tbox .a2{}
    .prolist{
    flex-direction: column;
}
.prolist .proleft{
    width: 100%;
}
.prolist .proleft .headbox{
    display: none;
}
.prolist .proleft .headbox .p1{}
.prolist .proleft .headbox .p2{}

.prolist .proleft .pronav{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5%;
}
.prolist .proleft .pronav .a1{
    width: 32.5%;
    padding: 0.1rem;
}
.prolist .proleft .pronav .a1:hover{}
.prolist .proleft .pronav .a1.this{}

.prolist .proleft .wapbtn{}
.prolist .proleft .wapbtn.this{}

.proright{
    width: 100%;
}

.proright .probox{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0;}
.proright .probox .a1{
    width: 48%;
    margin-bottom: 0.3rem;
}
.proright .probox .a1 .imgbox{}
.proright .probox .a1 .imgbox .icon{}
.proright .probox .a1 .p1{
    font-size: 0.2rem;
}
.proright .probox .a1:hover .p1{}
    .newsbody{}
.newsbody .h1{}
.newsbody .p2{}
    .newsbox{}
.newsbox .newslist{}
.newslist .a1{
    padding: 0.3rem;
}
.newslist .a1 .imgbox{}
.newslist .a1 .imgbox .icon{}
.newslist .a1 .tbox{
    display: flex;
    margin-left: 0.2rem;
    width: 4rem;
}
.newslist .a1 .tbox .p1{
    font-size: 0.2rem;
}
.newslist .a1 .tbox .p2{font-size: 0.18rem;}
.newslist .a1 .tbox .p3{
    font-size: 0.18rem;
}
.newslist .a1 .btn{}

.newslist .a1:hover{}
.newslist .a1:hover .imgbox{}
.newslist .a1:hover .imgbox .icon{}
.newslist .a1:hover .tbox{}
.newslist .a1:hover .tbox .p1{}
.newslist .a1:hover .tbox .p2{ }
.newslist .a1:hover .tbox .p3{}
.newslist .a1:hover .btn{
    display: none;
}
.page{}
.page .active{}
.page .total{}
    .zhichi{}
.zclist{
    flex-direction: column;
}
.zclist .tbox{
    margin: 0;
    width: 100%;
    height: auto;
    padding: 0.5rem;
}
.zclist .tbox .p1{}
.zclist .tbox .p2{}
.zclist .icon{
    display: none;
}
.zclist:nth-of-type(even){}
.zclist:nth-of-type(even) .tbox{}
.zclist:nth-of-type(even) .tbox .p1{}
.zclist:nth-of-type(even) .tbox .p2{}
.zclist:nth-of-type(even) .icon{}
    .hezuo{}
.hezuo .p1{}
.hezuo .p2{}
.hezuo .icon{}
    .yingyong .box2{}
.yingyong .box2 .a1{
    width: 100%;
}
.yingyong .box2 .a1 .icon{}
.yingyong .box2 .a1 .tbox{}
.yingyong .box2 .a1 .tbox .p1{
    font-size: 0.22rem;
}
.yingyong .box2 .a1 .tbox .p2{
    font-size: 0.2rem;
}
.yingyong .box2 .a1:hover .p1{}
    .yingyong{}
.yingyong .pt{}
.yingyong .box1{}
.yingyong .box1 .a1{}
.yingyong .box1 .a1 .icon{}
.yingyong .box1 .a1 .p2{}
    .footbox{}
.footbox .footer{}
.footbox .footer .left{
    margin-bottom: 0.3rem;
}
.footbox .footer .left .p1{}
.footbox .footer .left .p2{}
.footbox .footer .left .line{
    font-size: 0.24rem;
}
.footbox .footer .left .line .a1{}
.footbox .footer .right{
    margin: auto;
}
.footbox .footer .right .ewmbox{}
.footbox .footer .right .ewmbox .icon{}
.footbox .footer .right .ewmbox .p1{
    font-size: 0.2rem;
}
.footbox .copyright{}
.footbox .copyright .a1{
    font-size: 0.18rem;
}
    .map{}
.map .icon{}
    .contact{}

.lxwmbox{}
.lxwmbox .p1{}
.lxwmbox .box{}
.lxwmbox .box .line{}
.lxwmbox .box .line .icon{}
.lxwmbox .box .line .p2{}
    .ly1 .box .icon4{}
    .ly1 .box .p2 p{}
.ly1 .box .p2 p span{}
    .ly2{}
.ly2 .p1{}
.ly2 .p2{}
.ly2 .icon2{}
    .liyou{}
.liyou .icon1{}
.liyou .pt{}
.ly1{}
.ly1 .p1{}
.ly1 .box{}
.ly1 .box .icon2{}
.ly1 .box .tbox{}
.ly1 .box .p2{}
.ly1 .box .icoon3{}
    .swiper2 .swiper-slide-thumb-active .lbox{}
.swiper2 .swiper-slide-thumb-active .lbox .dot{}
.swiper2 .swiper-slide-thumb-active .lbox .p1{}
.swiper2 .swiper-slide-thumb-active .lbox .sj{}
    .lishi{}
.lishi .pt{}
.lishi .box{}
.swiper1{}
.swiper1 .lbox{
    max-width: 75%;
    position: relative;
}
.swiper1 .lbox .tbox{
    /* margin-top: 0; */
    width: 100%;
}
.swiper1 .lbox .tbox .p1{}
.swiper1 .lbox .tbox .p2{
    font-size: 0.16rem;
}
.swiper1 .lbox .icon{
    width: 2rem;
    position: absolute;
    right: 0;
}

.swiper1 .prev1{}
.swiper1 .prev1::after{}
.swiper1 .next1{}
.swiper1 .next1::after{}

.swiper2{}
.swiper2 .lbox{}
.swiper2 .lbox {}
.swiper2 .lbox  .p1{}
.swiper2 .lbox  .dot{}
.swiper2 .lbox .sj{}
    .about1{}
.about1 .ms1{}
.about1 .ms1 .p1{
    font-size: 0.28rem;
}
.about1 .ms1 .p2{
    font-size: 0.2rem;
}
.about1 .sjbox{}
.about1 .sjbox .sjlist{}
.about1 .sjbox .sjlist .p1{
    font-size: 0.4rem;
}
.about1 .sjbox .sjlist .p2{
    font-size: 0.18rem;
}
    .alltitle{}
.alltitle .p1{}
.alltitle .p1.this::after{content: '';}
.down{}
.down .downlist{}
.down .downlist .down1{}
.down .downlist .down1 .p1{}
.down .downlist .down1 .box{
    padding: 0.35rem;
}
.down .downlist .down1 .box .p2{}
.down .downlist .down1 .box .btn{}
.down .downlist .down1 .box .btn:hover{}
    .daohang{
    font-size: 0.2rem;
}
.daohang .p1{}
.daohang .a1{}
    .nybanner{}
.nybanner .icon{}
    .splb{
    height: 3rem;
}
.splb .bannerimg{}
.splb .bannerimg .icon{}
.splb .bannerimg .a1{
    width: 2rem;
    height: 0.4rem;
    font-size: 0.2rem;
    bottom: 0.3rem;
    margin-left: -1rem;
}
.splb .bannerimg .a1:hover{}

.splb .swiper-pagination{}
    .head1{}
    .head1 .logo-wrap .p1{
    font-size: 0.28rem;
}
    .head1 .logo-wrap{
    }
    .head1 .logo-wrap .logoimg{}
    
    .ss{
    width: 100%;
    background: #fff;
    margin: 0;
    height: 30px;
}
    .ss .input1{
    width: 150px;
    height: 28px;
    border: 1px #ebebeb solid;
    box-sizing: border-box;
}
    .ss .input2{
    width: 28px;
    height: 28px;
}
    .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: #000;
        margin: 10%;
    }
    .headxf{background: #fff;}
    .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;
    transition: all 0.3s;
    height: 100%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
    .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%;
}
    .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;
}
   
}
@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;}