
: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: #0e2e7c;--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);}
header .header-left img{ width:225px;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(--zhihao18); text-transform: uppercase;color: var(--color-333);font-weight: bold;}
.header-right i{ font-size: var(--zhihao22); padding-right: 5px;color: var(--color-zs);}
.top_box_b{box-shadow:0px 0px 45px 0px rgba(0, 0, 0, 0.2)}
.top_box_b .header-left img{padding: 0 11px;}
.top_box_b .header-center li a{height: 50px; line-height: 50px;}
.banner{padding-top: 35px;}
.bannergd .swiper-pagination-bullet{background: var(--color-bs);}
.bannergd .swiper-pagination{bottom: 15px;}
.smenu ul a{ text-align: center;width: calc(100% / 5);padding: 20px 0;transition: var(--xd);}
.smenu ul i{ font-size: var(--zhihao45); color: var(--color-zs);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);}

.s-1{background: url(../images/scpd.jpg) center top no-repeat; background-size: cover; padding-bottom: 5vh;}
.scpgd{padding-bottom: 45px;}
.scpgd .swiper-slide p{background:#dadfe3; text-align: center; color: var(--color-bs); padding: 8px 0; font-size: var(--zhihao18); transition: var(--xd);}
.scpgd .swiper-slide a:hover p{background: var(--color-zs);}
.s-1-t{padding-bottom: 30px;}
.sbt span{ font-size: var(--zhihao18); color: rgba(180,180,180,0.5); text-transform: uppercase;}
.sbt p{ font-size: var(--zhihao36); color: var(--color-zs); font-weight: bold;}
.sbt u{ font-size: var(--zhihao18); color: var(--color-333); padding-top: 8px; display: block;}
.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);}
.s-2-fl{display: grid; grid-template-columns: 45.1% 26.1% 24.2%; grid-template-rows: 1fr 1fr; grid-gap:2%;}
.s-2-fl a{display: block; position: relative; background: var(--color-hs);}
.s-2-fl a img{ opacity: 0.6;}
.s-2-fl a:first-child{grid-row: span 2; grid-column: 1 / 2;}
.s-2-fl a:nth-child(2){grid-row: 1 / 2; grid-column: 2 / 3;}
.s-2-fl a:nth-child(3){grid-row: 2 / 3; grid-column: 2 / 3;}
.s-2-fl a:last-child{grid-row: span 2; grid-column: 3 / 4;}
.sfl{text-align: center;color: var(--color-bs);}
.sfl i{font-size: var(--zhihao55);}
.sfl p{font-size: var(--zhihao20);}
.s-2-fl a img{ opacity: 0.6;}
.s-2-fl a:first-child i{font-size: var(--zhihao80);}
.s-2-fl a:last-child i{font-size: var(--zhihao40);}
.s-2 .sbt u,.jj-zr .sbt u{width: 40%; text-align: right;}
.s-3-z .sbt span,.s-4 .sbt span,.jj-kcx .sbt span,.jj-zr .sbt span{color:rgba(250,250,250,0.5);}
.s-3-z .sbt p,.s-4 .sbt p,.jj-kcx .sbt p,.jj-zr .sbt p,.jj-zr .sbt u{color: var(--color-bs);}
.s-3-z .sbt u{color: var(--color-bs); width: 55%;padding-top: 15px;}
.s-4{background: url(../images/sysd.jpg) center top no-repeat; background-size: 100%;}
.s-4 .sbt u{ color: var(--color-bs); width: 40%; text-align: right;}
.sygd{padding-bottom: 40px;}
.sygd .swiper-slide{position: relative; display: block;}
.sygd .swiper-slide p{position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 15px 10px; background: rgba(0,0,0,0.5); font-size: var(--zhihao18); color: var(--color-bs);}
.s-5-dh a{ background: #d8251d; width: 215px; color: var(--color-bs); font-size: var(--zhihao16); padding: 8px 0; display: flex; align-items: center; justify-content: center; margin-top: 10px; transition: var(--xd);}
.s-5-dh a i{padding-right: 10px;}
.s-5-dh a:hover{background: var(--color-zs);}
footer{background:#12192a;}
footer ul a{color: var(--color-bs); font-size: var(--zhihao18); margin-right: 15px;}
.bq{margin-top: 10px;}
.bq,.bq a{color: rgba(250,250,250,0.7); font-size:12px;}
.footer-r img{width: 290px;}
.nybanner{padding-top: 80px;}
.nybt{color: var(--color-bs); top: 50%;}
.nybt p{ font-size: var(--zhihao50);}
.nybt u{ font-size: var(--zhihao18);}
.jj-1-l{width: 45%}
.jj-1-r{ width: 45%; padding-top: 130px; font-size: var(--zhihao18);}
.jj-wh{background: url(../images/whd.jpg) center no-repeat; background-size: cover;}
.qywhgd .swiper-slide{background: var(--color-bs);}
.whgdz{text-align: center; padding:5vw 40px;}
.whgdz p{ font-size: var(--zhihao24); font-weight: bold; color: var(--color-zs); position: relative; padding-bottom: 10px;}
.whgdz p::after{ width: 93px; background: var(--color-fs); height: 3px; position: absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%);}
.whgdz span{display: block; padding-top: 15px; font-size: var(--zhihao16);}

.wrapper{width:100%;overflow:hidden;}
.wrapper ul li{position:relative;  width:calc(100%/3); height:540px; transition:1s; overflow: hidden; background: var(--color-zs);}
.wrapper ul:hover li{width:20%; }
.wrapper ul:hover li img{opacity: 0.9;}
.wrapper ul li:hover{width:60%;}
.wrapper ul li:hover img{ opacity: 0.5;}
.wrapper ul li:hover .jzg-wz p{ display: block;}
.content{position:absolute;width:980px;left:0px;top:0px;color:#fff;text-align:center;font-size:18px}
.jzg-wz{ bottom: 10%; left:50px; width: 100%; color: #fff;}
.jzg-wz h3 { font-size: var(--zhihao36); font-weight: 500;}
.jzg-wz p{display: none; font-size: var(--zhihao20); width: 500px;}
.jj-zr{background: #202647;}
.jj-kcx{background: url(../images/kcx.jpg) center top no-repeat; background-size:cover;}
.jj-kcx .sbt{ text-align: center;}
.kcxgd{padding-top: 40px;}
.kcxgd .swiper-slide{text-align: center; color: var(--color-bs);}
.kcxgd .swiper-slide i {font-size: var(--zhihao55); line-height: var(--zhihao50-h);}
.kcxgd .swiper-slide p{font-size: var(--zhihao30); position: relative; padding-bottom: 5px; padding-top: 10px;}
.kcxgd .swiper-slide p::after{ height: 1px; width: 100%;  left: 0; bottom: 0; content: ''; position: absolute; background: rgba(250,250,250,0.5);}
.kcxgd .swiper-slide span{padding-top: 20px; font-size: var(--zhihao16); display: block;}
.cpxq-1{background: var(--color-f6); padding: 15px 5%; color:var(--color-666); position: sticky; top: 80px; z-index: 10;}
.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;}
.cplb ul a p{ background: Rgba(240, 240, 240, 0.2); padding: 15px 25px; position: relative; text-align: center;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.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{background: var(--color-zs); color: var(--color-bs);}
#dqcd i{color: var(--color-bs);}
.top-kg{height:80px;}
.cpxq-2-l{ width: 33%;}
.cpxq-2-l h1{ font-weight: 500; font-size: var(--zhihao44);}
.cpxq-2-l p{color: var(--color-666); font-size: var(--zhihao16); padding-top:20px;}
.cpxqdtgd{ width: 50%; 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;}

.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: 20px auto 0; 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;}

.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: 20px;}
.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;}
.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;}
.mbx{padding-top:90px; 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);}
.lx-3{background: url(../images/lyd.jpg) center no-repeat; background-size: cover; }
.lx-3-ly{background: var(--color-bs); padding: 35px; margin-top: 30px;}
.lx-3-ly-l{ width: 100%;}
.lx-1{background: var(--color-f1);}
.lx-1 .sbt,.lx-3 .sbt{ text-align: center;}
.lx-1 ul{padding-top: 30px;}
.lx-1 ul li{ background: var(--color-bs); width: 49%; padding: 3% 6%; border-radius:10px;transition: all 0.5s ease;}
.lx-1 ul li i{color: var(--color-zs); font-size: var(--zhihao80); padding-right: 5%;}
.lx-1 ul li p{ font-size: 18px; color: var(--color-666); padding-bottom: 13px; font-weight: bold;}
.lx-1 ul li:hover{background: var(--color-zs);}
.lx-1 ul li:hover i,.lx-1 ul li:hover p,.lx-1 ul li:hover .lxnr-z{color: var(--color-bs);}
.lx-3 .sbt p{color: var(--color-bs);}
.lxnr-z h1{ font-size: var(--zhihao24); padding-bottom: 10px;}
.lxnr-z{font-size: var(--zhihao16);}


@media (max-width:1440px) {
  .s-4{background-size: 140%;}
  .s-4 .sbt u{ width: 50%;}
}

@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{display: block; float: left;}
  #top .logo a h1{ font-size: 1.3rem;}
  #top .logo img{ height:36px; width:auto;}
  #top .menu{float: right;padding-top: 9px;}
  #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;}
}


@media (max-width:820px) {
  .sbt p{ font-size: var(--zhihao30);}
  .s-1-tr{padding-top: 20px;}
  .s-1{padding-bottom: 30px;}
  .s-2 .sbt u, .jj-zr .sbt u,.s-4 .sbt u{ width: 100%; text-align: left;}
  .sbt u{font-size: var(--zhihao16);}
  .s-3-z .sbt u{width: 95%;}
  .s-3-z{top: 10%; transform: none;}
  .s-4 {background: url(../images/sysd-s.jpg) center top no-repeat;background-size: 100%;}
  .s-5-z{ width: 90%;}
  .s-4{padding-top: 50px; padding-bottom: 36px;}
  .s-2{padding: 50px 0;}
  .nybanner{padding-top:63px ;}
  .nybt p{font-size: var(--zhihao30);}
  .jj-1-l,.jj-1-r,.cpxq-2-l,.cpxqdtgd,.xqxq-l,.xqxq-r{ width: 100%;}
  .jj-1-r{padding-top: 25px; font-size: var(--zhihao16);}
  .jj-zr{padding: 50px 0 30px;}
  .jzg-wz{padding-top: 14px; position: static;}
  .jzg-wz h3{font-size: var(--zhihao26);}
  .jzg-wz p {font-size: var(--zhihao15); display: block;width: 100%;line-height: 19px; padding-top: 3px; color: Rgba(255,255,255,0.8);}
  .jzggd{padding-bottom: 36px;}
  .jzggd .swiper-pagination-bullet{background: var(--color-bs); opacity: 0.5;}
  .jzggd .swiper-pagination-bullet-active{background: var(--color-bs); opacity: 1;}
  .kcxgd{padding-bottom: 40px;}
  .cplb ul{grid-template-columns: repeat(3, 1fr);grid-gap:11px;}
  .top-kg{height: 64px;}
  .cpxq-1{top: 64px;}
  .xwlb-xw ul a{ width:48%;padding: 30px;}
  .mbx{padding-top: 80px;}
  .xqxq-l time{padding-bottom: 5px;}
  .xwxq-bt{font-size: var(--zhihao28); line-height: var(--zhihao30-h);}

  
  
  

}


@media (max-width:640px) {
    .caidan{ width: 100%; max-width: 100%;}
    .smenu ul h1{font-size: 14px;}
    .smenu ul i{font-size: var(--zhihao30);}
    .smenu{padding: 0;}
    .smenu .w1520{ width: 100%;}
    .s-2-fl {grid-template-columns: 1fr 1fr;grid-template-rows: auto;grid-gap: 10px;}
    .s-2-fl a {grid-column: 1 / -1 !important;grid-row: auto !important;}
    .footer-l ul,.footer-r{display: none;}
    .sbt span{font-size: var(--zhihao16);}
    .sbt p,.nybt p{font-size: var(--zhihao28);}
    .sbt u{font-size: var(--zhihao15);}
    .bq{margin-top: 0;}
    footer{padding: 30px 0 !important;}
    .bq a{padding-left: 10px;}
    .jj-wh{padding: 50px 0;}
    .cplb ul{grid-template-columns: repeat(2, 1fr);grid-gap: 6px;}
    .xwlb-xw ul a{ width: 100%;padding: 30px;}
    .xwlb-xw ul a .xwbt{height: auto;}
    
    
}

@media (max-width:360px) {
    .smenu ul h1 {font-size: 12px;}
    
}