:root{--xd:all 0.5s ease; --zhihao15: 15px;--zhihao16:16px;--zhihao17:17px;--zhihao18:18px;--zhihao20: 20px;--zhihao22:22px;--zhihao24:24px;--zhihao26:26px;--zhihao28:28px;--zhihao30:30px;--zhihao33:33px;--zhihao36:36px;--zhihao40:40px;--zhihao45:45px;--zhihao48:48px;--zhihao50:50px;--zhihao55:55px;--zhihao60:60px;--zhihao68: 68px;--zhihao80:80px;--zhihao18-h: 24px;--zhihao20-h: 26px;--zhihao28-h: 33px;--zhihao24-h: 30px;--zhihao30-h: 36px;--zhihao36-h: 42px;--zhihao40-h: 48px;--zhihao45-h: 51px;--zhihao50-h: 56px;--zhihao55-h: 63px;--zhihao60-h: 70px;--zhihao68-h: 76px;--zhihao80-h: 90px;--color-zs: #137846;--color-fs: #00a039;--color-bs:#fff;--color-hs:#000;--color-f6: #f6f6f6;--color-f4: #f4f4f4;--color-f2: #f2f2f2;--color-f1: #f1f1f1;--color-333: #333;--color-666: #666;--color-999: #999;--color-eee: #eee;--color-ccc: #ccc;}
header{position:fixed; z-index: 1000; align-items: center; width:100%; padding: 10px 5%; transition: var(--xd);background: var(--color-bs);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
header .header-left img{ width:55px;transition: var(--xd);}
.header-center li a{font-size: var(--zhihao18); height: 60px; line-height: 60px; display: block; color: var(--color-333); margin:0 1.6vw; position: relative; font-weight: bold; }
.header-center li a::after{position: absolute; width:100%; transform: scaleX(0); bottom: 0; height: 2px; background: var(--color-fs); content: ''; left: 0; transition: var(--xd);}
.header-center li a:hover::after{ transform: scaleX(1);}
.header-right{font-size: var(--zhihao20); line-height: 20px; text-transform: uppercase;color: var(--color-333);font-weight: bold;}
.header-right i{ font-size: var(--zhihao22); line-height: 22px; padding-right: 5px;color: var(--color-zs);}
.logo-wz{ font-size: var(--zhihao33); line-height: var(--zhihao33); padding-left: 10px; letter-spacing: 2px;}
.logo-wz span{font-size: 12px; line-height: 20px; display: block;letter-spacing: -0.91px; color: var(--color-666);}
.banner{padding-top: 81px;}
.bannergd .swiper-pagination-bullet{background: var(--color-bs);}
.bannergd .swiper-pagination{bottom: 15px;}
.s-1{background: url(../images/s1bg.jpg) center top no-repeat; background-size: cover;}
.spsz{padding: 25px 0 20px;}
.spsz li{text-align: center;}
.spsz li div{justify-content: center;}
.spsz li span{ font-size: var(--zhihao50); color: var(--color-zs);}
.spsz li sub{padding-left: 5px; font-size: var(--zhihao15); padding-top: 10px;}
.spsz li p{ font-size: var(--zhihao15); color: var(--color-666);}
.s-1 dl dt{ width: 45%; padding-top: 3%;}
.s-1 dl dd{ width: 48%;}
.sbt span{ font-size: var(--zhihao18); color: rgba(180,180,180,0.5); text-transform: uppercase;}
.sbt p{ font-size: var(--zhihao50); line-height: var(--zhihao50-h); font-weight: bold;}
.sbt u{ font-size: var(--zhihao22); color: var(--color-666); padding-top: 18px; display: block; font-weight: bold;}
.sbt a{font-size: var(--zhihao15); color: var(--color-bs); padding: 5px 40px; width: 150px; border: 1px solid rgba(250,250,250,0.5); border-radius: 12px; transition: var(--xd); margin-top: 40px; display: block;}
.sbt a:hover{background: var(--color-zs);color: var(--color-bs);border: 1px solid var(--color-zs);}
.syjj{ font-size: var(--zhihao18); padding: 45px 0 25px;}
.s-2{background: url(../images/scpt.jpg) center top no-repeat; background-size: 100%;}
.s-2 .sbt span{color: rgba(250,250,250,0.5);}
.s-2 .sbt{color: var(--color-bs);}
.stjcpgd{padding-bottom: 40px;}
.stjcpgd .swiper-slide a{background: var(--color-eee); display: block; transition: var(--xd);}
.stjcpgd .swiper-slide a p{text-align: center; padding:20px 15px; font-size: var(--zhihao16);overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.stjcpgd .swiper-slide a:hover{background: var(--color-zs);}
.stjcpgd .swiper-slide a:hover p{color: var(--color-bs);}
.s-2-nav a{background: rgba(250,250,250,0.2); color: var(--color-bs); margin-left: 5px;display: block; padding: 5px 15px; font-size: var(--zhihao18);transition: var(--xd);}
.s-2-nav a:hover{background: var(--color-zs);}
.s-3-al-r{ width: 48.6%; display: grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap: 10px;}
.s-3-al-l{ width: 49%;}
.s-3-al a{position: relative;}
.s-3-al a p{position: absolute; width: 100%; text-align: center; bottom: 0; left: 0; padding: 10px; font-size: var(--zhihao16); background: rgba(0,0,0,0.5); color: var(--color-bs);transition: var(--xd);overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.s-3-al a:hover p{background: var(--color-zs);}
.s-3-gd a{display: block;background: var(--color-f1); padding: 8px 15px; border-radius: 5px;transition: var(--xd);}
.s-3-gd a:hover{background: var(--color-zs); color: var(--color-bs);}
.s-4{background: url(../images/index3bg.jpg) center no-repeat; background-size: cover;}
.sxwgd{padding-top: 20px; padding-bottom: 40px;}
.sxwgd .swiper-slide a{display: block; background: var(--color-bs); padding:40px 35px; border-radius: 10px; transition: var(--xd);}
.sxwgd .swiper-slide a p{border: 1px solid var(--color-zs); padding: 3px 15px; border-radius: 5px; color: var(--color-zs); font-weight: bold; width: 130px; text-align: center;}
.sxwgd .swiper-slide a h1{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; height: 84px; margin:30px 0 15px;}
.sxwzw{ border-top: 1px solid var(--color-f1); padding: 14px 0; height: 62px; word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.sxwsj{padding-top: 25px;}
.sxwsj time{color: var(--color-666);}
.sxwsj u{width: 20px; height: 20px; background: var(--color-f1); border-radius: 50%; text-align: center; line-height: 20px;transition: var(--xd);}
.sxwgd .swiper-slide a:hover{transform: translateY(-5px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.sxwgd .swiper-slide a:hover .sxwsj u{background: var(--color-zs); color: var(--color-bs);}
footer{background: var(--color-zs);}
.footer-l a{color: var(--color-bs); font-size: var(--zhihao18); margin-right: 20px;}
.footer-r p{text-align: center; color: var(--color-bs); padding-top: 10px;}
.bq{padding-top: 10px;}
.bq a,.bq{font-size: 14px; color: rgba(250,250,250,0.7);}
.lxdz{padding-top: 25px; color: var(--color-bs);}

.nytwz{color: var(--color-bs); font-size: var(--zhihao50); bottom: 15%;}
.jj-1 dl dt{ width: 46%;}
.jj-1 dl dd{ width: 50%;}
.jj-1-t{margin-bottom: 30px; padding-bottom: 20px; position: relative;}
.jj-1-t h1{ font-size: var(--zhihao33);}
.jj-1-t p{letter-spacing: 0.2px;}
.jj-1-t::after{ width: 100px; height: 3px; background: var(--color-zs); position: absolute; bottom: 0; left: 0; content: '';}
.jj-wz{font-size: var(--zhihao18);}
.gzsj-bt{font-size: var(--zhihao24); font-weight: bold; background: var(--color-zs); padding: 8px 15px; margin-top: 50px; text-align: center; color: var(--color-bs);}
.gcsjgd{padding-top: 25px; padding-bottom: 40px;}
.gcsjgd .swiper-slide p{text-align: center; padding: 5px 0; font-size: var(--zhihao16);}

.jj-2{background: url(../images/qywh.jpg) center no-repeat; background-size: cover;}
.jj-2 .sbt{color: var(--color-bs);}
.jj-2 .jzgwz{padding-top:20px; color: var(--color-bs); font-size: var(--zhihao18); width: 50%;}
.jj-2 ul{ width: 60%; margin-top: 35px;}
.jj-2 ul li{ width: 32%; background-image: linear-gradient(to bottom, #51ad82 , #73c09b); margin: 10px 0; padding:15px 25px 30px; position: relative; overflow: hidden;}
.jj-2 ul li i{font-size: var(--zhihao50); line-height: 50px; color: var(--color-bs); text-align: right;display: block;}
.jj-2 ul li u{font-size: var(--zhihao68); color: rgba(250,250,250,0.3); position: absolute; left: 5%; bottom: -43px; font-weight: bold;}
.jj-2 ul li p{ color: var(--color-bs); font-size: var(--zhihao18); padding-bottom: 10px;}
.jj-2 ul li p span{font-size: 12px; opacity: 0.7; display: block;}
.jjrrgd .swiper-slide p{text-align: center; padding: 5px 0 0;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.jjrrgd,.jjhzgd{padding-bottom: 40px; padding-top: 30px;}
.jj-yy .sbt{text-align: center; position: relative; padding-bottom: 15px;}
.jj-yy .sbt::after{position: absolute; left: 50%; transform: translateX(-50%); width: 100px; height: 4px; background: var(--color-zs); content: ''; bottom: 0;}
.jjhzhb{background: url(../images/hzd.jpg) center no-repeat; background-size: cover;}
.jjhzgd{ height: 260px;}
.smenu ul a{ text-align: center;padding: 20px 5%;transition: var(--xd);}
.smenu ul h1{font-size: var(--zhihao18); font-weight: 500;}
.smenu ul a:hover i{color: var(--color-bs);}
.smenu ul a:hover{background: var(--color-zs);color: var(--color-bs);}

.cplb{background: #eff0f3;}
.cplb ul{display: grid; grid-template-columns: repeat(4, 1fr);grid-gap:20px;}
.cplb ul a{border: 1px solid var(--color-f1);transition: all 0.5s ease; border-radius: 6px; overflow: hidden; background: var(--color-bs);}
.cplb ul a p{ background: Rgba(240, 240, 240, 0.2); padding: 15px 25px; position: relative; text-align: center;}
.cplb ul a p::after{position: absolute; height: 0; top: 0; width: 100%; background: var(--color-zs); content: '';left: 0;transition: all 0.5s ease; z-index: -1;}
.cplb ul a:hover{ transform: translateY(-6px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cplb ul a:hover p{ color: var(--color-bs);}
.cplb ul a:hover p::after{ height: 100%;}
#dqcd{border-bottom:2px solid var(--color-zs);}
#dqcd i{color: var(--color-bs);}
.top-kg{height:80px;}

.cpxq-1{background: var(--color-f6); padding: 15px 5%; color:var(--color-666); position: sticky; top: 80px; z-index: 10;}
.cpmenu li a{ color: var(--color-666); margin-left: 16px;}
.cpmenu li a:hover{color: var(--color-hs);}
.cpmenu .active a{ color: var(--color-zs);font-weight: bold;}
.cpxq-2-l{ width:40%;}
.cpxq-2-l h1{ font-weight: 500; font-size: var(--zhihao45);}
.cpxq-2-l p{color: var(--color-666); font-size: var(--zhihao16); padding-top:20px;}
.cpxqdtgd{ width: 48%; padding-bottom: 33px;}
.cpxqdtgd .swiper-slide img{ margin: 0 auto; width: auto; max-width: 100%;}
.cpxq-js{border-top: 1px solid #dbdbdb; padding-top: 25px; margin-top: 7vh;}
.cpxq-js-t{ font-size: var(--zhihao20); font-weight: bold; }
.cpxq-js-t span{ font-size: 14px; color: var(--color-666); font-weight: 500; padding-left: 15px;}
.cpxqxlgd{ padding:25px 0 46px;}
.cpxqxlgd .swiper-slide{border: 1px solid var(--color-f1);transition: all 0.5s ease; border-radius: 6px; overflow: hidden;}
.cpxqxlgd .swiper-slide a p{ background: Rgba(240, 240, 240, 0.2); padding: 15px 25px; position: relative;}
.cpxqxlgd .swiper-slide a p::after{position: absolute; height: 0; top: 0; width: 100%; background: var(--color-zs); content: '';left: 0;transition: all 0.5s ease; z-index: -1;}
.cpxqxlgd .swiper-slide:hover{ transform: translateY(-6px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cpxqxlgd .swiper-slide a:hover p{ color: var(--color-bs);}
.cpxqxlgd .swiper-slide a:hover p::after{ height: 100%;}
.cpmenu li a{ color: var(--color-666); margin-left: 16px;}
.cpmenu li a:hover{color: var(--color-hs);}
.cpmenu .active a{ color: var(--color-zs);font-weight: bold;}
.cpxq-js{border-top: 1px solid #dbdbdb; padding-top: 25px; margin-top: 7vh;}
.cpxq-js-t{ font-size: var(--zhihao20); font-weight: bold; }
.cpxq-js-t span{ font-size: 14px; color: var(--color-666); font-weight: 500; padding-left: 15px;}

.cpxqxlgd{ padding:25px 0 46px;}
.cpxqxlgd .swiper-slide{border: 1px solid var(--color-f1);transition: all 0.5s ease; border-radius: 6px; overflow: hidden;}
.cpxqxlgd .swiper-slide a p{ background: Rgba(240, 240, 240, 0.2); padding: 15px 25px; position: relative;}
.cpxqxlgd .swiper-slide a p::after{position: absolute; height: 0; top: 0; width: 100%; background: var(--color-zs); content: '';left: 0;transition: all 0.5s ease; z-index: -1;}
.cpxqxlgd .swiper-slide:hover{ transform: translateY(-6px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cpxqxlgd .swiper-slide a:hover p{ color: var(--color-bs);}
.cpxqxlgd .swiper-slide a:hover p::after{ height: 100%;}

.cpxa-zx-nr input{width:48%;height: 48px;line-height: 48px;padding: 0 10px;border-bottom: 1px solid var(--color-f4);background: inherit; color: var(--color-333); margin-bottom: 15px;}
.cpxa-zx-nr textarea{ width: 100%; font-family: "Microsoft Yahei";padding: 0 10px;border-bottom: 1px solid var(--color-f4); margin-top: 25px; height: 12.5vw;}
.cpxq-zx-r .submit{ position: absolute; width: 190px; text-align: center; padding: 10px 0; left: 50%; transform: translateX(-50%); bottom: 70px; background: Rgba(255,255,255,0.5); font-size:15px; border-radius: 5px;}
.cpxq-zx-r .submit:hover{ background: var(--color-zs); color: var(--color-bs);}

#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid #f4f4f4; background: inherit; color: #000;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; font-family: Microsoft Yahei; border-bottom: 1px solid #f4f4f4; background: inherit;color: #000;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #ccc; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
.zxly #GBookAdd .submit{ margin-top: 25px;}
#GBookAdd .submit:hover{ background:var(--color-zs); cursor:pointer;}
.lysm{ font-size: 12px; color: #666; padding-bottom: 20px;}
.xwcd{ background: var(--color-bs); border-bottom: 1px solid var(--color-eee); height: 80px; line-height: 80px; font-size: var(--zhihao20);}
.xwcd a{ margin: 0 3vw;}
.xwlb-xw,.xwlb-al{background: #eff0f3;}
.xwcd .dqcd{ font-weight: bold; border-bottom: 2px solid var(--color-zs);} 
.xwlb-xw ul a{ width: 32%; background: var(--color-bs); padding:50px 30px; border-radius: 15px; overflow: hidden; display: block;transition: all 0.5s ease; margin-bottom: 2%;}
.xwlb-xw ul a i{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-radius: 50%; border: 1px solid var(--color-ccc); display: block;}
.xwlb-xw ul a .xwbt{ font-size: var(--zhihao24); height: 72px;}
.xwlb-xw ul a p{ font-size: var(--zhihao18); margin: 20px 0; color: var(--color-666);}
.xwlb-xw ul a:hover{background: var(--color-zs); color: var(--color-bs);}
.xwlb-xw ul a:hover p{ color: var(--color-eee);}
.xwlb-xw ul a:hover i{ background: var(--color-bs); color: var(--color-zs); border: 1px solid var(--color-bs);}
.xwlb-xw ul a:nth-last-child(-n+2){ padding: 0; margin: 0; background: none;}
.page{text-align:center; padding-top:20px;}
.page ul{float:left; position:relative; left:50%;}
.page ul li{position:relative; right:50%; float:left; margin-right:4px; text-align:center; }
.page ul li a{display:block;color:var(--color-666); border-radius: 0; width:40px; height:40px; line-height:40px; text-align:center; border: 1px solid #e1e1e1;transition: 1s; background:var(--color-bs);}
.page ul li a:hover{background:var(--color-zs);color:var(--color-bs);width:40px; height:40px; line-height:40px; text-align:center; display:block;border: 1px solid var(--color-zs);transition: 1s;}
#page-dq{ background:var(--color-zs);}
#page-dq a{color:var(--color-bs);border: 1px solid var(--color-zs);background:var(--color-zs);}
#page-dq a:hover{background: none;}

.mbx{padding-top:94px; font-size: 12px; color: var(--color-999); padding-left: 5%; background: #eee;padding-bottom: 10px;}
.xwxq-sx a{display: block; color: var(--color-999); line-height: 24px;}
.xwxq-sx a:hover{color: var(--color-zs);}
.xqxq-r-bt{ font-size: var(--zhihao24); font-weight: bold; padding-bottom: 38px;}
.xqxq-r ul a{ display: block; border-bottom: 1px solid var(--color-ccc); padding-bottom:10px; margin-bottom:15px; font-size: var(--zhihao18);}
.xqxq-r ul a time{ display: block; padding-top:3px; color: var(--color-999); font-size: 14px;}
.xqxq-r ul a:hover{ color: var(--color-zs);}

.xqxq-l{ width: 65%;}
.xqxq-r{ width: 25%;padding-top: 30px;}
.xwxq-bt{ font-size: var(--zhihao36); line-height: var(--zhihao40-h);  font-weight: bold;}
.xqxq-l time{ color: var(--color-999); padding-bottom: 10px; display: block;}
.xwxq-nr{ border-top: 1px solid var(--color-ccc);border-bottom: 1px solid var(--color-ccc); margin: 25px 0; padding: 30px 0; font-size: var(--zhihao16); color: var(--color-333); line-height: var(--zhihao20-h);}
.xwxq-nr img{ width: auto; max-width: 100%; display: block; margin: 0 auto;}
.xwxq-nr iframe{ margin: 0 auto;}
.xwxqx{ background: #eff0f3;}
.xwxqx .cplbxqgd .swiper-slide{background: var(--color-bs);}
.xwxq-r-nr{position: sticky; top: 120px;}
.cplbxqgd{ padding-top: 20px;}
.cplbxqgd .swiper-slide{border: 1px solid var(--color-eee); padding:80px 45px; border-radius:10px;}
.cplbxqgd .swiper-slide i{ font-size: var(--zhihao50); color: var(--color-zs); line-height: var(--zhihao50);}
.cplbxqgd .swiper-slide .cplbx{ transform: translate(-50%,-50%); top: 100%; left: 50%; font-size: var(--zhihao30); color: var(--color-bs); opacity: 0;transition: all 0.5s ease; text-align: center; width: 100%;}
.cplbxqgd .swiper-slide .cplbx img{max-width: 100%; margin: 0 auto;width: auto;}
.cplbxqgd .swiper-slide::after{width: 100%; height:0; background: Rgba(37,73,161,0.9); content: ''; position: absolute; top: 0; left: 0;transition: all 0.5s ease; opacity: 0;}
.cplbxqgd .swiper-slide p{ font-size: var(--zhihao24); padding: 15px 0 20px;}
.cplbxqgd .swiper-slide span{ font-size: var(--zhihao16); color: var(--color-999);}
.cplbxqgd .swiper-slide:hover::after{height: 100%; opacity: 1;}
.cplbxqgd .swiper-slide:hover .cplbx{ top: 50%; opacity: 1;}
.cplbxqgd .swiper-slide .cplbx u{ font-size: 14px; text-align: center; display: block;}
.zxlyt{font-size: var(--zhihao24);}
.zxly{background: var(--color-f1);}
.zxly .cpxa-zx-nr input{background: var(--color-bs);}
.zxly .cpxa-zx-nr textarea{margin-top: 0;padding-top: 10px;}
.swiper-pagination-bullet-active{background: var(--color-zs);}
.cpjs-nr{padding-top: 20px;}








@media (max-width:1440px) {
    .sxwgd .swiper-slide a h1{margin: 25px 0 10px; font-size: var(--zhihao26);height: 74px;}
    .header-center li a{margin: 0 1.1vw;}
    header .header-left img{ width: 50px;}
    .logo-wz span{letter-spacing: -1.3px;}
    .logo-wz{font-size: var(--zhihao30);line-height: var(--zhihao30);}
    .syjj{padding: 25px 0 15px;font-size: var(--zhihao16);}
    .sbt u{padding-top: 13px;}
    .spsz{padding: 10px 0 0;}
    .sbt p {font-size: var(--zhihao45);line-height: var(--zhihao45-h);}
    .jjhzgd{height: 215px;}
}





  

@media (max-width:1024px){
  .sjcd{ float:left;margin-right: 0.5rem; color:var(--color-bs);}
  #top .nav{display: none;}	
  #top{ min-width:inherit; transform: translateY(0%);background:var(--color-bs);overflow: hidden;position: fixed;top: 0;left: 0;z-index: 1000;width: 100%; padding: 14px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
  #top .logo{float: left;}
  #top .logo a h1{ font-size: 1.3rem;}
  #top .logo img{ height:45px; width:auto;}
  #top .menu{float: right;padding-top: 14px;}
  #top .menu em{font-style:normal;padding-right: 13px;padding-top: 0;display: block;float: left;}
  #top .menu span{ width: 2rem;float:right;padding-top: 1px;}
  #top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
  #top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
  #top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
  #top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0; width: 0;}
  .top .nav{margin-left: 4%;}
  .top_hidden{ transform: translateY(-100%); opacity: 0;}
  .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0; visibility: hidden;}
  .caidan{width: 50%; max-width: 400px; height: 100%;background: var(--color-bs); position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
  .caidan .caidan_nav{ padding: 59px 5%; height: calc(100% - 40px);overflow-y: scroll;}
  .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
  .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 5%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 50%;float: left;}
  .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
  .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;pointer-events:none}
  .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
  .caidan.caidan_oppen{ transform: translateX(0%);z-index: 999; visibility: visible;}
  .caidan_hidden{transform: translateX(100%);}
  .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 5%; display: none; background: var(--color-f6);}
  .caidan .caidan_nav ul .caidan_2box li{line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
  .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
  .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
  .caidan .caidan_nav ul .caidan_2box li a{ font-size: 14px; display: block;}
  .caidan .caidan_nav ul .caidan_2box li dl{margin-left: 5%;margin-bottom: 10px;}
  .zbsjdh{ padding: 20px 0 0;}
  .zbsjdh a{ width: 100%;float: left;background:var(--color-f6);text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
  .zbsjdh a:nth-child(2){ margin-right: 0;}
  .sjmt{ width: 100%; padding-top: 20px;}
  .sjmt li{ width: 49%; text-align: center; border: 1px solid var(--color-f4); padding: 15px;}
  .logo-wz{font-size: var(--zhihao26);line-height: var(--zhihao30);}
  .logo-wz span{ font-size: 11px; letter-spacing: -1.4px;}
}
@media (max-width:820px) {
  .s-1 dl dt,.s-1 dl dd,.s-3-al-l,.s-3-al-r,.jj-1 dl dd,.jj-1 dl dt,.jj-2 .jzgwz,.jj-2 ul,.xqxq-l,.cpxq-2-l,.cpxqdtgd{ width: 100%;}
  .spsz li p{font-size: 12px;}
  .spsz li span{font-size: var(--zhihao26);}
  .s-2 {background: url(../images/scptsj.jpg) center top no-repeat;background-size: 100%;}
  .banner {padding-top: 76px;}
  .s-2-bt{padding-bottom: 20px;}
  .s-3-bt{padding-bottom: 10px;}
  .sxwzw{height: 60px;}
  .nybanner{padding-top: 55px;}
  .nytwz,.jj-1-t h1{font-size: var(--zhihao33);}
  .jj-1 dl dd{margin-top: 20px;}
  .gzsj-bt{margin-top: 30px;font-size: var(--zhihao22);}
  .cpxq-1{top: 77px;}
  .spsz li sub{font-size: 12px; padding-top: 5px;}
  .jjhzgd {height: 235px;}
  .jj-2{background: url(../images/qywhs.jpg) center no-repeat; background-size: cover; padding-top: 10vh;}
  .s-3-al-l{margin-bottom: 8px;}
  .xqxq-r{display: none;}
  .xwxq-nr{margin-top: 15px;}
  .cplb ul{grid-template-columns: repeat(3, 1fr); grid-gap: 10px;}
  .cpxq-2-l h1{font-size: var(--zhihao30);}
  .cpxq-js{margin-top: 20px;}
  .cplbxqgd .swiper-slide .cplbx{font-size: var(--zhihao24);}

}


@media (max-width:640px) {
  .caidan{ width: 100%; max-width: 100%;}
  .sbt u{font-size: var(--zhihao18);}
  .sbt p{font-size: var(--zhihao33); line-height: var(--zhihao30-h);}
  .s-2-nav{justify-content: space-between;width: 100%;}
  .s-2-nav a{ width: 32%; margin: 15px 0 15px;font-size: var(--zhihao16);}
  .s-3-al a p{font-size: 14px;}
  .footer-r{margin: 0 auto; margin-top: 15px;}
  .nytwz,.jj-1-t h1{font-size: var(--zhihao28);}
  .jjhzgd {height: 195px;}
  .jj-2{padding-top: 5vh; padding-bottom: 150px;}
  .jj-2 ul{margin-top: 15px;}
  .jj-2 ul li i{display: none;}
  .jj-2 ul li{width: 49%;padding: 15px 10px 30px;}
  .cplb ul{grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
  .xwlb-xw ul a{ width: 100%;}
  .xwlb-xw ul a{padding: 20px;margin-bottom: 20px;}
  .xwlb-xw ul a .xwbt{ height: auto;}
  .xwlb-xw ul a i{display: none;}
  .cplbxqgd .swiper-slide{padding: 60px 25px;}
  .cplbxqgd{padding-bottom: 30px;}
  .xwxq-bt {font-size: var(--zhihao26);line-height: var(--zhihao24-h); }
  .mbx{padding-top: 87px;}
  .cplbxqgd .swiper-slide .cplbx{font-size: var(--zhihao22);}

}

@media (max-width:360px) {
    
  
    
}