:root{--zhihao16:16px;--zhihao17:17px;--zhihao18:18px;--zhihao20: 20px;--zhihao21: 21px;--zhihao22: 22px;--zhihao24:24px;--zhihao26: 26px;--zhihao28:28px;--zhihao30:30px;--zhihao33:33px;--zhihao36:36px;--zhihao40:40px;--zhihao44:44px;--zhihao48:48px;--zhihao55:55px;--zhihao60: 60px;--zhihao80:80px;--zhihao18-h: 24px;--zhihao20-h: 26px;--zhihao24-h: 30px;--zhihao30-h: 36px;--zhihao36-h: 42px;--zhihao40-h: 48px;--zhihao48-h: 56px;--zhihao55-h: 63px;--zhihao80-h: 90px;--color-zs: #0c48a2;--color-fzs: #e4780f;--color-bs: #fff;--color-hs:#000;--color-c2: #c2c2c2;--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: 100; align-items: center; width:100%; padding: 20px 5%; transition: all 0.5s ease; background: var(--color-bs);}
header .logo img{ width:130px;}
.header-cd a{font-size: var(--zhihao17); padding: 0 1.3vw; font-weight: bold; color: var(--color-bs);transition: all 0.5s ease;}
.header-cd a:hover{color: var(--color-zs);}
.logo-ys{ display: none;}
.header-dh{ font-size: var(--zhihao17); color: var(--color-bs);font-weight: bold;}
.header-dh i{ font-size: var(--zhihao20); padding-right: 5px;}
.shouyecd{ background: none;}
.top_box_b{background: var(--color-bs);padding: 10px 5%;box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);}
.top_box_b .logo-b{ display: none;}
.top_box_b .logo-ys{ display: block;}
.top_box_b .header-cd a, .top_box_b .header-dh{color: var(--color-333);}
.top_box_b .header-cd a:hover{ color: var(--color-zs);}
.top_box_bxw{background: var(--color-bs);padding: 10px 5%;box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.07);}
.top_box_bxw .logo-b{ display: none;}
.top_box_bxw .logo-ys{ display: block;}
.top_box_bxw .header-cd a, .top_box_bxw .header-dh{color: var(--color-333);}
.top_box_bxw .header-cd a:hover{ color: var(--color-zs);}
.banner{ height: 100vh; position: relative; width: 100%;}
.banner .swiper-slide video{ width: 100%; height: 100vh; object-fit: cover;}
.banner-wz{ z-index: 10;color: var(--color-bs);}
.banner-wz p{font-size: var(--zhihao55); font-weight: bold;}
.banner-wz span{ font-size: var(--zhihao33); display: block;}
.banner::before{position: absolute;top: 0;z-index: 10;background-image: linear-gradient(Rgba(0, 0, 0, 0.3) 30%, Rgba(0, 0, 0, 0)); height: 200px; width: 100%; content: '';}

.s-1-wz{ left: 10%;}
.sbt span{ color:rgba(0, 0, 0, 0.1); font-size: var(--zhihao48); line-height: var(--zhihao44);font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; display: block;}
.sbt p{ font-size: var(--zhihao36); color: var(--color-zs); padding-top: 5px;}
.sbtb span{ color: Rgba(255,255,255,0.2);}
.sbtb p{ color: var(--color-bs);}
.s-1-wz-nr{ font-size: var(--zhihao18); padding-top: 15px; width: 40%;}
.cpflgd{ padding-bottom: 50px;}
.cpflgd .swiper-slide{border: 1px solid var(--color-f4);padding-bottom: 17px;}
.cpflgd .swiper-slide p{ padding-top: 11px; text-align: center; font-size: var(--zhihao16);}
.cpflgd .swiper-scrollbar{ left: 0; width: 100%; height: 2px; background: var(--color-f4);}
.cpflgd .swiper-scrollbar-drag{ background: var(--color-zs);}
.cpflgd .swiper-slide a{ display: block;transition: all 0.5s ease;}
.cpflgd .swiper-slide a:hover{ transform: translateY(-5px);}
.cpflgd .swiper-slide a:hover p{ color: var(--color-zs);}
.s-3 .s-1-wz-nr{ color: var(--color-666);}
.sqyys .swiper-slide{ background: var(--color-hs);}
.sysnr{ left: 10%; bottom:8%; width: 80%;transition: all 0.5s ease;}
.sysnr h1{ font-size: var(--zhihao36); color: var(--color-bs); font-weight: 500;}
.sysnr p{display: none; color: var(--color-bs); font-size: var(--zhihao18);transition: all 0.5s ease; padding-top: 10px;}
.sqyys .swiper-slide img{transition: all 0.5s ease;}
.sqyys .swiper-slide:hover .sysnr{ top: auto;  bottom: 8%;}
.sqyys .swiper-slide:hover .sysnr p{display: block;}
.sqyys .swiper-slide:hover img{opacity: 0.5;}


.s-4{background:url("../images/sjjd.jpg") center no-repeat; background-size: cover;}
.s-4 dl dd{ width: 36%;}
.s-4 dl dt{ width: 54%;}
.s-4-t{border-bottom: 1px solid Rgba(255,255,255,0.5); padding-bottom: 20px; margin-bottom: 50px;}
.s-4-t .sbt span{ color: Rgba(255,255,255,0.5);}
.s-4-t .sbt p{ color: var(--color-bs);}
.s-4-t-4{ font-size: var(--zhihao36);color: var(--color-bs);}
.s-4-z{ font-size: var(--zhihao17); color: Rgba(255,255,255,0.9); text-align: justify;}
.s-4 dl dt a{ display: block; color: var(--color-bs);}
.s-4 dl dt a i{ padding-left: 30px;transition: all 0.5s ease;}
.s-4 dl dt a:hover i{ padding-left: 15px; color: var(--color-fzs);}
.s-5{background:url("../images/sxwd.jpg") center no-repeat; background-size: cover;}
.sxwgd{ max-width: 80%; margin-left: 0; position: static;}
.s-5 .w1520{background:url("../images/xwr.jpg") bottom right no-repeat; position: relative;}
.sxwgd .swiper-slide{ border-radius: 15px; overflow: hidden;}
.sxwgd .swiper-pagination{left: auto;right: 8%;width: auto;top: 52%; color:Rgba(255,255,255,0.7); font-size: 20px;}
.sxwgd .swiper-pagination-current{ font-size: var(--zhihao40); color: var(--color-bs); padding-right: 15px; font-weight: bold;}
.sxwgd .swiper-button-prev{left: auto;right: 11%;top: 75%;}
.sxwgd .swiper-button-prev:after{ font-size: var(--zhihao16); color: var(--color-bs);}
.sxwgd .swiper-button-next{right: 7%;top: 75%;}
.sxwgd .swiper-button-next:after{ font-size: var(--zhihao16); color: var(--color-bs);}
.sxwlj{right:5%; top: 20%;}
.sxwlj a{ color: var(--color-bs);font-weight: bold; font-size: var(--zhihao18);}
.sxwlj a:hover{ color: var(--color-fzs);}
.s-6-z{ max-width: 30%; color: var(--color-bs);}
.s-6-z p{ font-size: var(--zhihao36);}
.s-6-z span{font-size: var(--zhihao16); padding-top: 10px; display: block;}

footer{ background: var(--color-zs);}
.footer-2,.footer-2 a{ color:var(--color-f1); font-size: 12px;}
.footer-2 a:hover{color: var(--color-bs);}
.footer-l{ color: var(--color-bs);}
.footer-l p{font-size: 17px;}
.footer-l img{ width: 150px;}
.footer-r{ width: calc(100% - 150px - 38%);}
.footer-r ul li a,.footer-r ul dt a{ display: block; color: #98b0d7; font-size: 14px;}
.footer-r ul li a:hover,.footer-r ul dt a:hover{ color: var(--color-bs);}
.footer-r ul li a:nth-child(1),.footer-r ul dt a:nth-child(1){ font-size: var(--zhihao18); font-weight: bold; color: var(--color-bs); padding-bottom: 15px;}
.footer-r ul dt .dbgz a:nth-child(1){ padding: 0; font-weight: 500; font-size: 12px;color: #c2c2c2;}
.footer-r ul dt .dbgz a:nth-child(3){ margin-right: 0;}
.footer-r ul dt .dbgz a:nth-child(3) i{ font-size: var(--zhihao20);}
.dbgz a{ margin-right: 10px; position: relative;}
.footer-r ul dt .dbgz a:hover{color: var(--color-bs);}
footer .dbgz a p{ position: absolute; bottom: 46px; left: 50%; width: 140px; transition: all 0.5s ease; transform: translate(-50%,15px); opacity: 0; visibility: hidden; background: #fff; border-radius:10px; overflow: hidden; text-align: center; font-size: 12px; z-index: 15;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
footer .dbgz a p span{ display: block; text-align: center; padding-bottom: 8px; color: var(--color-333);}
footer .dbgz a:hover p{ opacity: 1; visibility: visible; transform: translate(-50%, 0px);}
.footer-2-r dt a{ padding-right: 10px;}
.footer-2-l h1{ font-size: var(--zhihao18); font-weight: 500; padding-bottom: 8px;}
.footer-2-r dt .dbgz a i{ font-size: var(--zhihao20);}
.footer-2-r dt{margin-bottom: 5px;}
.fw-cebian{width: 48px; height: 150px; padding: 5px; position: fixed; right:2px; border-radius: 5px; bottom: 8%; z-index: 100; background:Rgba(0, 0, 0, 0.5);}
.fw-cebian ul{overflow: visible;}
.fw-cebian ul li{width: 100%; height: 50px;position: relative;}
.fw-cebian ul li a{width: 100%;height: 100%;display: flex; justify-content: center; align-items: center; color: #fff;}
.fw-cebian ul li a i{ font-size: 20px;}
.fw-cebian ul li:nth-child(2) i{font-size: 18px;}
.fw-cebian ul li a:hover i{ color: var(--color-zs);}
.fw-cebian ul li:nth-child(3){ height: 36px;}
.fw-cebian ul li:nth-child(3) i{ transform: rotate(180deg); font-size: 15px;}
.fw-cebian ul li:nth-child(3) p{ display: none; font-size: 12px; line-height: 14px; transform: scale(0.9);}
.fw-cebian ul li:hover .tanchu{opacity: 1;transform:translateX(-5px); visibility: visible;}
.tanchu{position: absolute; right: 58px; opacity: 0; transform: translateX(-15px);transition: all 0.5s ease; visibility: hidden;}
.fw-dh{width: 178px; margin-top: -6px; padding: 18px; top: 0;background:#fff; border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.fw-dh a{ display: block !important;}
.fw-dh h3{width: 100%;height: auto;float: left;color: #666;font-size: 14px;line-height: 14px;}
.fw-dh h4{width: 100%;height: auto;float: left;margin-top: 5px;color:var(--color-zs); font-size: 18px;line-height: 18px;}
.fw-dh h4 a{ color: var(--color-zs) !important;}
.fw-ewm{margin-top: -79px; padding:10px;top: 0; background: #fff; display: flex; justify-content: space-between; border-radius: 5px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.fw-ewm p{ text-align: center;}
.fw-ewm img{width:150px;display: block;}
.fw-ewm h3{margin-top: 5px;color: #666; font-size: 14px;line-height: 14px; text-align: center;}
.fw-ewm-l{ width: 48%;}

.nybanner .banner-wz{ color: var(--color-zs);}
.nybanner .banner-wz span{ text-transform: uppercase; font-size: var(--zhihao21); display: block;}
.cpt .banner-wz{ color: var(--color-bs);}

.jj-1-l{width: 55%;}
.jj-nr{ padding-top: 20px; font-size: var(--zhihao16);}
.jj-nr h2{ font-size: var(--zhihao18); padding-top: 25px; padding-bottom: 3px;}
.jj-1-r{ width: 41.5%;}
.jj-2{background: var(--color-zs) url(../images/whd.jpg) center bottom no-repeat; background-size: 100%;}
.qywhgd .swiper-slide{border-radius: 15px; overflow: hidden;}
.wh-wz{ z-index: 10; left: 8%; bottom:10%; width: 200px; padding: 20px 35px;border-radius: 15px; overflow: hidden;background: var(--color-bs);transition: all 0.5s ease;}
.wh-wz i{ font-size: var(--zhihao40); line-height: 40px;}
.qywhgd .swiper-slide:nth-child(2) .wh-wz i{ font-size: var(--zhihao55);}
.wh-wz h2{ padding-bottom: 4px; padding-top: 15px;}
.jj-3 .s-1-wz-nr{ font-size: var(--zhihao24); width: 60%; text-align: right;}
.qywhgd .swiper-slide:hover{transform: translateY(-10px);transition: all 0.5s ease;}
.qywhgd .swiper-slide:hover .wh-wz{background: var(--color-zs);color: var(--color-bs);}

.wrapper{width:100%;border:5px solid #fff;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;}

.shzrgd .swiper-slide{ border: 1px solid #e6ecf6; text-align: center; padding: 60px 35px; border-radius: 10px; overflow: hidden;}
.shzrgd .swiper-slide i{ font-size: var(--zhihao80); color: var(--color-zs); line-height: 80px; padding-bottom: 50px; display: block;}
.shzrgd .swiper-slide p{ color: var(--color-666); padding-top: 15px;}
.shzrgd .swiper-slide:nth-child(2) i{ font-size: 100px;}
.shzrgd .swiper-slide:hover{background: var(--color-zs); color: var(--color-bs);transition: all 0.5s ease;}
.shzrgd .swiper-slide:hover i,.shzrgd .swiper-slide:hover p{ color: var(--color-bs);transition: all 0.5s ease;}

.lxwm{ background:var(--color-f4);}
#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;}
.info-lx{ display: flex; justify-content: space-between; background: #fff; align-items: center; flex-wrap: wrap;}
.lx-1{ padding: 30px 0 10px 6%; width: 48%;}
.lx-1 h1{ font-size:22px;  padding-bottom: 10px;}
.lx-2{width: 50%;}
.lx-2 img{ width: 100%;}
.lx-1-nr img{ width: auto; max-width: 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);}

.jjcd{ background: var(--color-bs);border-bottom: 1px solid var(--color-f6);}
.jjcd .jjmenu li a{ font-size: var(--zhihao20); margin: 0 35px;padding: 24px 0; display: block;}
.jjcd .jjmenu li.active a{ font-weight: 500; border-bottom: 3px solid var(--color-zs);}

.xwlb{ background: #f4f4f4; padding: 8vh 0;}
.xwlb ul{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.xwlb ul a{ background: #fff;box-shadow: 0px 8px 16px 0px rgb(192 192 192 / 10%); padding: 45px; transition: all 0.5s ease; width: 32%;margin: 17px 0;}
.xwlb ul a img{ width: 100%;}
.xwlb ul a:hover{background:var(--color-zs); transform: translateY(-10px);}
.xwlb ul a p{ color: #666;transition: all 0.5s ease;}
.xwlb ul a h1{ color: #222;transition: all 0.5s ease; height: 69px; font-weight: 500; overflow: hidden; font-size: 24px; line-height: 28px; padding-top: 10px; margin-bottom: 30px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.xwtj-more{transition: all 0.5s ease; padding-top: 15px; display: flex; justify-content: space-between; align-items: center;}
.xwtj-more i{ transform: rotate(90deg);transition: all 0.5s ease;}
.xwlb ul a:hover p{ color: rgba(255,255,255,0.5);}
.xwlb ul a:hover h1,.xwlb ul a:hover .xwtj-more i{ color: #fff;}
.xwlb ul a:last-of-type{ height: 0; overflow: hidden;padding: 0; margin: 0;}
.top-kg{height: 78.23px;}
.xwxwtgd{background: var(--color-f6); padding: 15px 5%; color:var(--color-666);}
.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;}
.xwxqt{color: #000;border-bottom: 2px solid #000; padding-bottom: 15px;}
.xwxqt h1{ font-size: calc(20px + 1vw);line-height: calc(20px + 1.3vw); font-weight: 500; padding-bottom: 10px;}
.xwxqt p{ color: #666;}
.xwxqnr{ padding-top: 5vh; font-size: 16px; line-height: 28px;}
.xwxqnr img{ max-width: 100%; margin: 0 auto; display: block; width: auto;}

.cplb-ok ul a{ width:24%; margin-bottom: 35px; border: 1px solid var(--color-f1);transition: all 0.5s ease; border-radius: 6px; overflow: hidden;}
.cplb-ok ul a p{ background: Rgba(240, 240, 240, 0.2); padding: 15px 25px; position: relative; text-align: center;}
.cplb-ok 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-ok ul a:hover{ transform: translateY(-6px);box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cplb-ok ul a:hover p{ color: var(--color-bs);}
.cplb-ok ul a:hover p::after{ height: 100%;}
.cplb-ok ul a:nth-last-child(-n+2){ margin: 0; border: 0; padding: 0;}
.cplb-ok ul a:nth-last-child(-n+2):hover{ box-shadow: none; transform: none;}
.cpxq-1{background: var(--color-f6); padding: 15px 5%; color:var(--color-666); position: sticky; top: 78.23px; z-index: 10;}

.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%;}



@media (min-width: 2200px){
    .content{ width: 1280px;}
    .wrapper ul li{ height: 640px;}
}



@media (max-width: 1440px){
    .jj-nr{ font-size: 15px; padding-top: 15px;}
    .jjcd .jjmenu li a{margin: 0 25px;font-size: var(--zhihao18);}
}

@media (max-width:1024px){
  .sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
  #top .nav{display: none;}	
  #top{ min-width:inherit; transform: translateY(0%);background:#fff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;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:40px; 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;filter:alpha(opacity=0); width: 0;}
  .top .nav{margin-left: 4%;}
  .top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(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;filter:alpha(opacity=0); visibility: hidden;}
  .caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; 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;filter:alpha(opacity=60);font-size: 20px;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: 66; visibility: visible;}
  .caidan_hidden{transform: translateX(100%);}
  .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 7%; display: none; background: #f6f6f6;}
  .caidan .caidan_nav ul .caidan_2box li{height: 30px;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: 12px; display: block;}
  .zbsjdh{ padding: 20px 0 0;}
  .zbsjdh a{ width: 100%; display: block; background:#f6f6f6;line-height: 36px;height: 36px;margin-bottom: 2px; color: #333; padding-left: 5%;}
  .zbsjdh a:nth-child(2){ margin-right: 0;}
}




@media (max-width:820px) {
    .banner,.banner .swiper-slide video{ height: 65vh;}
    .s-1-wz{ position: static; transform: none;}
    .s-1-wz-nr,.lx-1,.lx-2,.cpxq-2-l,.cpxqdtgd{ width: 100%;}
    .banner-wz p{ font-size: var(--zhihao36);}
    .banner-wz span{ font-size: 20.5px;}
    .sbt span{font-size: var(--zhihao36); line-height: var(--zhihao36);}
    .s-1{width: 90%; margin:  0 auto; padding-top: 50px;}
    .s-1-wz-nr{ font-size: var(--zhihao16);}
    .banner{padding-top: 63px;}
    .sbt p{ font-size: var(--zhihao24);}
    .s-1-wz{padding-bottom: 24px;}
    .s-4,.xwlb{padding: 50px 0;}
    .s-5 .w1520{ background: none;}
    .s-5{ padding: 50px 0;}
    .s-5 .sbt{ padding-bottom: 20px;}
    .sxwgd{ max-width: 100%;}
    .sxwgd .swiper-pagination,.cplbcd{ display: none;}
    .s-6-z{ max-width: 90%;}
    .sxwgd .swiper-button-prev{right: 13%; top: 92%;}
    .sxwgd .swiper-button-next{top: 92%;}
    .sxwlj{ top: 15%;}
    .s-4 dl,.s-3 .s-1-wz,.cpxq-2,#GBookAdd,.jj-1{ flex-wrap: wrap;}
    .s-4 dl dt,.s-4 dl dd{ width: 100%;}
    .s-4 dl dd{ display: none;}
    .footer-r{ display: none;}
    .nybanner{padding-top: 63px;}
    .xwlb ul a{ width: 48%;padding: 25px;}
    .xwlb ul a h1{ height: auto; padding-top: 5px; margin-bottom: 10px;}
    .xwxqnr{padding-top: 25px;}
    .xwxqt{padding-bottom: 8px;}
    .top-kg{height: 64px;}
    .cplb-ok ul a{ width: 32%;}
    .cpxq-2-l h1{ font-size: var(--zhihao30);}
    .cpxq-js{ margin-top: 30px;}
    #GBookAdd .submit{ position: static; margin: 15px auto 0; transform: none;}
    .cpxq-js #GBookAdd .submit{ margin-bottom: 25px;}
    .cpxq-1{ top: 64px;}
    .jj-1-l,.jj-1-r{ width: 100%;}
    .jj-1-l{ padding: 50px 5%;}
    .shzrgd .swiper-slide i{ padding-bottom: 20px;}
    .jzg-wz{bottom: 15%;left: 20px;width: 100%;}
    .jzg-wz h3{font-size: var(--zhihao24);}
    .jzg-wz p{ display: block; width: 90%; font-size: 14px;}
    .jzggd .swiper-slide{background: var(--color-zs);}
    .jzggd .swiper-slide img{ opacity: 0.5;}
    .wh-wz{ bottom: 8%; width: 84%; text-align: center;}
    .jj-3 .s-1-wz-nr{ font-size: var(--zhihao18);}



    
}

@media (max-width:768px) {
    .fw-cebian{ display: none;}
    .cplb-ok ul a{ width: 48%;}
    
    
    
    
}
@media (max-width:640px) {
    .caidan{ width: 100%; max-width: 100%;}
    .jjcd,.cpmenu,.footer-1,.footer-2-r dt,.footer-2-l{ display: none;}
    .s-1-wz,.s-4-t,.footer-2{ flex-wrap: wrap;}
    .sysnr p{ font-size: var(--zhihao16);}
    .sysnr h1{ font-size: var(--zhihao26);}
    .s-4{padding: 50px 0;}
    .s-4-t-4{font-size: var(--zhihao24); padding-top: 10px;}
    .s-4-t{padding-bottom: 10px; margin-bottom: 30px;}
    .s-4 dl dt a{padding-top: 30px;}
    .cpflgd .swiper-slide p,.s-6-z span,.s-4-z{ font-size: 14px;}
    .cpflgd{ padding: 15px 0 30px;}
    .s-6-z p{ font-size: var(--zhihao28);}
    .sbt span {font-size: var(--zhihao30);line-height: var(--zhihao30);}
    .footer-2{padding-top: 0;}
    footer,.xwlb{padding: 30px 0;}
    footer .w1520{ padding-top: 0;}
    footer.jl-x-5{padding-bottom: 25px;}
    .banner-wz{ top: 55%;}
    .banner-wz p{ font-size: var(--zhihao30);}
    .xwlb ul a{ width: 100%; margin: 10px 0;}
    .cplb-ok ul a{ width: 100%;}
    .cpxq-js-t span{ display: block; padding-left: 0;}
    .cpxq-2{padding-top: 30px;}
    .cpxq-2-l h1 {font-size: var(--zhihao24);}
    .jj-3 .s-1-wz-nr{ text-align: left; width: 100%;font-size: var(--zhihao20);}





}

@media (max-width:380px) {
    
    

}