:root{--dhxd: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: #004098;--color-fs: #f5f6fa;--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:90%; border-radius: 15px; padding: 0 3%; left: 5%; top: 25px; transition: var(--dhxd);background: var(--color-f6); background:var(--color-zs);}
header .header-left img{ width:186px;}
.header-center li a{font-size: var(--zhihao17); padding: 0 10px; font-weight: bold; margin: 0 0.5vw; color: var(--color-bs); height: 80px; line-height: 80px; transition: var(--dhxd); position: relative; display: block;}
.header-center li a::after{position: absolute; width:100%; transform: scaleX(0); bottom: 1px; height: 2px; background: var(--color-bs); content: ''; left: 0; transition: var(--dhxd);}
.header-center li a:hover::after{ transform: scaleX(1);}
.header-right{display: flex; align-items: center;color: var(--color-bs);}
.header-right p{font-size: var(--zhihao20);font-weight: bold; }
.header-right i{font-size: var(--zhihao24); padding-right: 5px;}
.top_box_b{width: 100%; left: 0; border-radius: 0;top: 0;}
.top_box_b .header-center li a{height: 80px; line-height: 80px;}
.sbanner{width: 100%; background: #d0d0d0;}
#pc_animation_container {width: 100vw !important;height: 100vh !important;overflow: hidden;}
#pc_canvas {position: absolute;width: 100vw !important; height: 100vh !important; display: block; object-fit: cover;}
#pc_dom_overlay_container{pointer-events: none;overflow: hidden;width: 100vw !important;height: 100vh !important;position: absolute;left: 0;top: 0;display: block;}
.sbanner .banner-wz{top: 25%; left: 0.6%;color: var(--color-zs); width: 100%; text-align: center;}
.sbanner .banner-wz h1{  font-size: var(--zhihao40);}
.sbanner .banner-wz p{ font-size: var(--zhihao22); padding-top: 5px;}
.sbt p{ font-size: var(--zhihao36); line-height: var(--zhihao40-h); color: var(--color-hs);}
.sbt span{ font-size: 20px; color: var(--color-666); display: block;}
.sbtw-r{ font-size: var(--zhihao36); color: red;}
.zw{font-size: var(--zhihao18); line-height: 30px; color: var(--color-333);}
.s-1{background: var(--color-fs);}
.sysgd .swiper-slide{background: var(--color-bs);}
.sysgd-wz{padding: 25px 30px;}
.sysgd-wz-1{padding-bottom: 5px;}
.sysgd-wz-1 p{ font-size:var(--zhihao26); font-weight:bold; color: var(--color-zs);}
.sysgd-wz-1 i{ font-size: var(--zhihao40); line-height: 40px; color: var(--color-ccc);}
.s-2{ background: url(../images/cpd.jpg) center no-repeat; background-size: cover;}
.s-2 .sbt p,.s-5 .sbt p,.s-7 .sbt p{ color: var(--color-bs);}
.s-2 .sbt span{color: Rgba(255, 255, 255, 0.6);}
.s-2-cp-l{background: var(--color-fs); width: 328px; padding: 30px;}
.s-2-cp-l ul{ width: 100%;}
.s-2-cp-l ul a{ display: block; font-size: var(--zhihao17); line-height: var(--zhihao28-h);}
.s-2-cp-l ul a:hover{color: var(--color-zs);}
.s-2-cp-l-z{border-top: 1px solid #c2d0e6; margin-top: 20px;}
.s-2-cp-l-z p{font-size: var(--zhihao30); font-weight: bold; color: var(--color-zs); line-height: var(--zhihao30-h); padding-top: 20px;}
.s-2-cp-l-z span{background: var(--color-999); text-align: center; color: var(--color-bs); padding: 5px; border-radius: 30px; width: 172px; margin-top: 15px; display: block;}
.s-2-cp-l-z u{color:red; font-size: var(--zhihao28); font-weight: bold;}
.s-2-cp-r{ width: calc(100% - 350px); background: var(--color-bs);padding:40px 20px 20px;}
.s-2-cp-r a{ width: calc(100%/3); text-align: center; }
.s-2-cp-r a img{ width: auto; max-width: 100%; display: block; margin: 0 auto;padding: 0 20px; overflow: hidden; transition: var(--dhxd);}
.s-2-cp-r a:hover img{transform: scale(1.05);}
.s-2-cp-r a p{padding: 20px 0;}
.s-2-cp-r a:nth-last-child(-n+3){padding-top: 15px;}
.sbtw-cp{color: var(--color-bs);}
.sbtw-cp p{ height: 1px; background: var(--color-bs); width: 120px; margin-left: 12px;}
.gqyuan{ width: 6px; height: 6px; border-radius: 50%; background: var(--color-bs); position: absolute; right:0;transition: var(--dhxd);}
.gqyuan::after{position: absolute; width: 15px; height: 15px; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); background: Rgba(255, 255, 255, 0.6); content: '';animation: place100 2000ms infinite;}
@keyframes place100{0%{width: 0px;height: 0px;} 100%{width: 30px;height: 30px; background: Rgba(243, 115, 24, 0);}}
.sbtw-cp:hover .gqyuan{right: 63%;transition: var(--dhxd);}
.s-3 .sbt{width: 330px;}
.s-3 .zw{ width: calc(100% - 330px - 20%);}
.s-4-sz li p{ font-size: var(--zhihao40); font-weight: bold; color: var(--color-zs);}
.s-4-sz li p sup{ font-weight: 500; margin-left: 2px; padding-top: 5px;}
.s-4-sz li span{ font-weight: bold; font-size: var(--zhihao17); text-align: center; display: block;}
.s-4-sz li:nth-child(1),.s-4-sz li:nth-child(4){padding-top: 13vh;}
.s-4-sz{left: 50%; transform: translateX(-50%);}
.s-4 img{ padding-top: 75px;}
.s-5{background: var(--color-zs);}
.sbtw-al{ color: var(--color-bs); font-size: var(--zhihao18); width: 50%;}
.salygd .swiper-slide,.salegd .swiper-slide{width: auto;}
.s-6{background: var(--color-fs);}
.s-6 .sbtw-al{color: var(--color-333); width: auto;}
.s-xw{padding-top: 30px;}
.s-xw-l{ width: 62%;}
.s-xw-l a{ width: 49%; background: var(--color-bs);border-radius: 10px;overflow: hidden;}
.s-xw-r{ width: 35%; background: var(--color-bs); padding: 40px; border-radius: 10px;}
.s-xw-r a{display: flex; justify-content: space-between; padding: 5px 0;}
.s-xw-r a h3{ font-size: 15px; font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow:ellipsis; width: calc(100% - 110px);}
.s-xw-r a:hover h3,.s-xw-l a:hover h1{color: var(--color-zs);}
.s-xw-r a time{ width: 80px; color: var(--color-999);}
.s-xw-l-z{padding:45px 30px;}
.s-xw-l-z h1{font-size: var(--zhihao22); font-weight: 500; height: 60px; line-height: var(--zhihao24-h);word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.s-xw-l-z time{ padding-top: 20px; display: block; color: var(--color-999);}
.more-xw{ width: 260px; padding: 12px 30px; border: 1px solid #cad8ec; border-radius: 8px; margin: 40px auto 0; font-size: var(--zhihao16); color: var(--color-333); transition: var(--dhxd);}
.more-xw:hover{background: var(--color-zs); color: var(--color-bs);}
.s-7{background: url(../images/lyd.jpg) center no-repeat; background-size:  cover; }
.s-7 .sbt span{color: var(--color-bs); font-size: var(--zhihao18); padding-top: 10px;}
.s-7-l{color: var(--color-bs);}
.s-7-l u{font-size: 18px; padding-top: 30px; display: block;}
.s-7-r{ width: 50%;}
.s-7-r form li input{ width: 49.5%; height: 45px; line-height: 45px; padding: 0 10px;}
.s-7-r form textarea{ width: 100%; background: var(--color-bs); margin-top: 15px; height: 150px; padding: 10px; font-family: "Microsoft Yahei";}
.s-7-r .submit{ background: Rgba(255, 255, 255, 0.6); width: 100%; text-align: center; margin-top: 10px; padding: 10px 0; font-size: var(--zhihao18); color: var(--color-bs);}
.s-7-r .submit:hover{background: var(--color-zs);}
.footer-1 .sbt p,.jj-6 .sbt p{color: var(--color-bs);}
footer{background: var(--color-hs);}
.footer-1{border-bottom: 1px solid var(--color-333);}
.footer-2-l img{ width: 268px;}
.footer-2 ul li{margin-left:8vw;}
.footer-2 ul li a{display: block; color: var(--color-bs); line-height: 28px; color: var(--color-ccc);}
.footer-2 ul li a:nth-child(1){ font-size: var(--zhihao17); font-weight: bold; padding-bottom: 15px; color:var(--color-bs);}
.footer-2 ul li a:hover{color: var(--color-bs);}
.footer-3-l,.footer-3-r{background:#262626; border-radius: 10px; padding: 20px 4vw;}
.footer-3-l{ width: 40%;}
.footer-3-r{ width: 58%;}
.footer-3 span{color: var(--color-ccc);}
.footer-3 p{color: var(--color-bs); font-weight: bold; font-size: var(--zhihao17);}
.footer-3-r li:nth-child(2){ border-left: 1px solid var(--color-999); padding-left: 2vw;}
.footer-4,.footer-4 a{color: var(--color-ccc); font-size: 12px;}
.footer-4{padding-top: 15px;}
.footer-4 a{ margin-left: 5px;}
.footer-4 a:hover{color: var(--color-bs);}

.nbanner .banner-wz{left: 8.5%; bottom: 15%;}
.nbanner .banner-wz span{color: Rgba(255, 255, 255, 0.8); font-size: var(--zhihao24); padding-bottom: 15px; display: block;}
.nbanner .banner-wz p{ color: var(--color-bs); font-size: var(--zhihao36); line-height: var(--zhihao44-h); font-weight: bold;}
.jj-1-l{ width: 45%;}
.jj-1-r{ width: 49%;}
.jj-1-r video{ width: 100%;}
.jj-1-l h1{font-size: var(--zhihao24); padding-bottom: 20px;color: var(--color-zs);}
.jj-2-l,.jj-2-r{ width: 46%;}
.jj-2-r li{ border-bottom: 1px solid var(--color-f1);padding-bottom: 20px; font-size: var(--zhihao26); color: var(--color-zs);}
.jj-2-r li p{ font-size: var(--zhihao18); padding-bottom:5px; color: var(--color-666);}
.jj-2-r li:nth-child(1){margin-bottom: 30px;}

.jj-3{ background:var(--color-zs);display: none;}
.jjysgd .swiper-slide{text-align: center; color: var(--color-bs);}
.jjysgd .swiper-slide .jjys-bt i{font-size: var(--zhihao68); line-height: var(--zhihao60-h);}
.jjysgd .swiper-slide .jjys-bt p{ font-size: var(--zhihao30); margin-top: 15px;}
.jjysgd .swiper-slide .jjys-bt span{font-size:var(--zhihao16);}
.jj-4-z .sbt p{ color: var(--color-bs);}
.jj-4-z .sbt span{color:var(--color-bs); padding-bottom: 5px;}
.jj-4 ul li{width:180px;  height:165px; background-color: var(--color-bs);clip-path: polygon(0 50%, 25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%); margin-right: 15px; color: var(--color-hs);text-align: center;}
.jj-4 ul li i{font-size: var(--zhihao60); line-height: var(--zhihao55-h);margin-top: 33px; display: block;}
.jj-4 ul li p{font-size: var(--zhihao22);}
.jj-5{background: var(--color-f4);}
.jj-5-l{ width: 42%;}
.jj-5-r{ width: 50%;}
.jj-5-r .sbt{border-bottom: 1px solid var(--color-ccc);}
.jj-5-r .sbt p{color: var(--color-zs);}
.jj-6 .sbt{text-align: center;width: 60%;  top: 25%; left: 50%; transform: translateX(-50%);}
.jj-6 .sbt span{color: var(--color-bs);padding-top: 10px;  display: block;}
.fzlcgd{padding: 60px 0 40px;}
.fzlcgd .swiper-slide p{ font-size: var(--zhihao33);}
.fzlcgd .swiper-slide p u{font-size: var(--zhihao16);padding-left: 8px; color: var(--color-666);}
.fzlcgd .swiper-slide span{font-size: var(--zhihao18); color: var(--color-666);}
.fzlcgd .swiper-pagination{border-top: 1px solid var(--color-ccc);padding-top: 12px; text-align: left;}
.fzlcgd .swiper-wrapper{padding-bottom: 40px;}
.fzlcgd .swiper-pagination-bullet-active{background: var(--color-zs);}
.cplb{background: var(--color-fs);}
.cplb-l{ float: left; width: 260px; position: sticky; top: 100px;}
.cplb-r{ float: right; width: calc(100% - 310px);}
.cplb-r ul a{ width: 32%; background: var(--color-bs); overflow: hidden; margin-bottom:2%; padding: 15px;text-align: center;transition: all 0.5s ease;}
.cplb-r ul a:nth-last-child(-n+3){ padding: 0; margin: 0; background: none;}
.cplb-r ul a:hover:nth-last-child(-n+3){ background: none;}
.cplb-r ul a p{ font-size: var(--zhihao17); font-weight: bold; padding: 20px 0 3px;}
.cplb-r ul a span{ color: var(--color-999); font-size:14px; margin: 0 10px; padding-top: 10px; text-align: left;}
.cplb-r ul a img{transition: all 0.5s ease; overflow: hidden;position: relative;}
.cplb-r ul a img::after{position: absolute; width: 100%; height: 100%; content: '美辉科技'; font-size: var(--zhihao30); left: 50%; top: 50%; color: #000;}
.cplb-r ul a:hover img{ transform: scale(1.05);}
.cplb-r ul a:hover{background: var(--color-zs);}
.cplb-r ul a:hover p,.cplb-r ul a:hover span{ color: var(--color-bs);}
.cplb-cd{ background: var(--color-zs); padding: 25px 0;}
.cplb-cd a{display: block; color: var(--color-bs); font-size:15px; border-bottom: 1px solid Rgba(255,255,255,0.2); padding:8px 20px;transition: all 0.5s ease;}
.cplb-cd h3{ font-size: var(--zhihao30); font-weight: 500; color: var(--color-bs); padding: 0 20px 10px;}
.cplb-r h1{ font-size: var(--zhihao36); font-weight: 500; padding-bottom: 25px;}
.cp-1{ background:var(--color-bs); border-bottom: 1px solid var(--color-eee); color: var(--color-999); font-size: var(--zhihao16); line-height:60px; height: 60px;}
.cp-1-r{ color: var(--color-hs); border-bottom: 2px solid var(--color-zs);}
.cplb-cd .dqcd{ background:Rgba(255, 255, 255, 0.3); color: var(--color-bs);}
.cplb-cd a:hover{background: Rgba(255, 255, 255, 0.3);}
.cplb-2 .sbt p{ width: 700px;}
.cplb-2 .sbt span{ width: calc(100% - 750px);}
.lx-1{background: var(--color-fs);}
.lx-1 .sbt,.lx-3 .sbt{ text-align: center;}
.lx-1 .sbt h1{padding-bottom: 5px; font-size: var(--zhihao26);}
.lx-1 ul{padding-top: 30px;}
.lx-1 ul li{ background: var(--color-bs); width: 49%; padding: 3% 6%;  border-bottom: 3px solid Rgba(37,73,161,0.2);transition: all 0.5s ease;}
.lx-1 ul li i{color: var(--color-zs); font-size: var(--zhihao60); padding-right: 8%; line-height: var(--zhihao60-h);}
.lx-1 ul li p{ font-size: 17px; color: var(--color-666); padding-bottom: 13px; font-weight: bold;}
.lx-1 ul li:nth-child(1) .lxnr-z{ font-size: var(--zhihao22); color: var(--color-zs); line-height: var(--zhihao20-h);}
.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);}
.lxnr-z{font-size: var(--zhihao18);}

.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: 46%;}
.lx-3-ly-r{ width: 46%;}
.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;}
.lx-3-ly-l .submit{ width: 190px; text-align: center; margin-top: 20px; padding: 10px 0; background:var(--color-eee); font-size:15px; border-radius: 5px; display: block;}
.lx-3-ly-l .submit:hover{ background: var(--color-zs); color: var(--color-bs);}
.lx-3 .sbt p{color: var(--color-bs);}
.rc-1{background: url(../images/rc1.png) center bottom no-repeat; background-size: 100%;}
.rc-1-l{ width: 43%;}
.rc-1-l li{border-bottom: 1px solid var(--color-ccc); padding-bottom: 16px; transition: var(--dhxd);}
.rc-1-l li i{font-size: var(--zhihao60); padding-right: 20px; color: var(--color-zs);}
.rc-1-l li:nth-child(2){margin: 8vh 0;}
.rc-1-l li:hover{border-bottom: 1px solid var(--color-zs);}
.rczlz{font-size: var(--zhihao17);}
.rczlz p{font-size: var(--zhihao26); padding-bottom: 8px;}
.rc-1-r{ width: 48%;}
.join_warper{width:calc(100% - 490px);overflow:hidden;}
.join_title{text-align:center}
.join_title h3{color:var(--txt-color);font-size:2.5rem;margin-bottom:20px;margin-top:40px}
.join_form{width:100%;overflow:hidden}
.join_list li{margin:3px 0; border-bottom: 1px solid var(--color-f6);}
.join_list li .rclbw{width:100%;display:flex; justify-content: space-between; align-items: center; padding:15px 2vw;background-color:var(--color-bs);cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;transition:all .5s}
.join_list li .rclbw:hover{background-color:var(--txt-color);transition:all .5s}
.join_list li.active .rclbw{background-color:var(--di-color);color: var(--color-bs);}
.join_list li .rclbw:hover{color:var(--baise-color)}
.join_list li.active .rclbw i{color: var(--color-bs);}
.join_list li:last-child{margin-bottom:1px}
.join_list li.active .rclbw{color:var(--color-bs); background: var(--color-zs);}
.join_list li .rclbw i{float:left;margin-top:5px;font-size:16px;vertical-align:middle;font-style:inherit; width: 19%;}
.join_list li .rclbw i:nth-child(2),.join_list li .rclbw i:nth-child(3),.join_list li .rclbw i:nth-child(4){font-size: 14px; color: var(--color-666);}
.join_list li.active .rclbw i:nth-child(2),.join_list li.active .rclbw i:nth-child(3),.join_list li.active .rclbw i:nth-child(4){color: var(--color-bs);}
.join_list li .rclbw span{float:right;display:inline-block;width:29px;height:29px;background:url(../images/rc3.png) no-repeat center center;transition:all .5s}
.join_list li .rclbw:hover span{background:url(../images/rc4.png) no-repeat center center;transition:all .5s}
.join_list li.active .rclbw span{background:url(../images/rc4.png) no-repeat center center;transition:all .5s}
.join_list li article{display:none;width:100%;padding:30px 2vw;background:var(--color-fs); font-size: var(--zhihao16);}
.join_list li .rclbw:hover{background-color:var(--color-zs);color: var(--color-bs);}
.join_list li .rclbw:hover i{color: var(--color-bs);}
.rclb-xx{font-size: var(--zhihao20);}
.rc-3 .sbt{ width:360px;}
.cpxq-l{ width: 45%;}
.cpxq-r{ width: 45%;}
.cpxq-r h1{ font-size: var(--zhihao36); font-weight: 500;}
.cpms{ font-size: var(--zhihao17); color: var(--color-666); padding: 10px 0; border-top: 1px solid var(--color-f1); border-bottom: 1px solid var(--color-f1); margin: 20px 0 30px; padding: 15px 0;}
.cpxq-2{background: var(--color-fs);}
.cpbg{ font-size:15px; padding-top: 20px;}
.cpxq-3{background: var(--color-zs);}
.cpxq-3 .sbt p{ color: var(--color-bs);}
.clxqyygd{padding-top: 20px;}
.clxqyygd .swiper-slide{ border-radius: 10px; overflow: hidden;}
.cpms-lx a{padding:13px 30px;  border-radius: 10px;  border: 1px solid Rgba(37,73,161,0.5); color: var(--color-zs); transition: all .36s; width: 150px; margin-right: 20px;}
.cpms-lx a i{transition: all 0.5s ease;}
.cpms-lx a:hover{background: var(--color-zs); color: var(--color-bs);}
.cpms-lx a:hover i{transform: translateX(10px);}
.cpxq-4{ background: var(--color-fs);}
.cpxqtjgd{padding: 20px 0 40px;}
.cpxqtjgd .swiper-slide a{background: var(--color-bs); overflow: hidden; margin-bottom:2%; border-radius: 10px; display: block; padding: 25px 25px 40px;text-align: center;transition: all 0.5s ease;}
.cpxqtjgd .swiper-slide a p{ font-size: var(--zhihao20); font-weight: bold; padding: 25px 0 0;}
.cpxqtjgd .swiper-slide a span{ color: var(--color-999); font-size:14px; margin: 0 10px; padding-top: 10px; text-align: left;}
.cpxqtjgd .swiper-slide a img{transition: all 0.5s ease; border-radius: 5px; overflow: hidden;}
.cpxqtjgd .swiper-slide a:hover{background: var(--color-zs);}
.cpxqtjgd .swiper-slide a:hover img{ transform: scale(1.05);}
.cpxqtjgd .swiper-slide a:hover p,.cpxqtjgd .swiper-slide a:hover span{ color: var(--color-bs);}
.mbx{padding-top:148px; font-size: 12px; color: var(--color-999);}
.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;}
.cpxq{padding-top: 7vh;}
.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{background: var(--color-fs);}
.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;}
.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(--zhihao18); color: var(--color-333); line-height: var(--zhihao24-h);}
.xwxq-nr img{ width: auto; max-width: 100%; display: block; margin: 0 auto;}
.xwxq-nr iframe{ margin: 0 auto;}
.xwxqx{ background: var(--color-fs);}
.xwxqx .cplbxqgd .swiper-slide{background: var(--color-bs);}
.xwxq-r-nr{position: sticky; top: 120px;}
.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;}
.fwlngd .swiper-slide{background: var(--color-bs);}
.fwlngd .swiper-slide P{font-size: var(--zhihao26);  font-weight: bold;  color: var(--color-zs);padding-bottom: 10px;}
.fw-1{background: var(--color-fs);}
.fw-1 .sbt span{padding-top: 15px;}

@media (max-width:1440px) {
  .baner-wz,.sbt{font-size: var(--zhihao30); line-height: var(--zhihao30-h);}
  .jj-1-r{position: relative;}
  .jj-1-r video{position: sticky; top: 100px;}
  .zw,.xwxq-nr{font-size: var(--zhihao16); line-height: 27px;}
  .sbanner .banner-wz h1{  font-size: var(--zhihao30);}
  .sbanner .banner-wz p{ font-size: var(--zhihao20); padding-top: 5px;} 
  .nbanner .banner-wz p{font-size: var(--zhihao30);}
  header{top: 20px;}
  .header-center li a{height:70px; line-height: 70px;padding: 0 5px;}
  header .header-left img{width: 180px;}
  .s-2-cp-l ul a{font-size: var(--zhihao16); line-height: var(--zhihao24-h);}
  .s-2-cp-l-z p{font-size: var(--zhihao24); line-height: var(--zhihao24-h);}
  .s-2-cp-l-z u{font-size:var(--zhihao24)}
  .s-xw-r a:nth-child(n+10):nth-child(-n+12){display: none;}
  .s-xw-l-z{padding: 25px 30px;}
  .nbanner .banner-wz{left: 5%;}
  .cplb-r ul a p{font-size: 16px; font-weight: 500;padding: 15px 0 3px;}
}

@media (max-width:1200px) {
  .header-right{display: none;}
  .header{ top: 20px; width: 95%; left: 2.5%;}
  .header-center li a{margin: 0; height:66px; line-height: 66px;padding: 0 10px;}
  header .header-left img{ width: 168px;}
  .s-2-cp-l ul a{font-size: var(--zhihao15); line-height: var(--zhihao20-h);}
  .sbt p,.sbtw-r{font-size: var(--zhihao30); line-height: var(--zhihao30-h);}
  .sysgd-wz-1 p{font-size: var(--zhihao24);}
  .s-xw-l-z h1{font-size: var(--zhihao20); line-height: var(--zhihao20-h);}
}


@media (max-width:820px) {
  .sj-logo{padding: 10px 5%;}
  .sj-logo-l a img{width: 180px;}
  .sj-nav{background: var(--color-zs); padding:0 5%;}
  .sj-logo-r a{ color: red; font-size: var(--zhihao22); font-weight: bold;}
  .sj-nav a{color: var(--color-bs); display: block; padding: 15px 0; font-size: var(--zhihao16);}
  .s-2-cp-l,.s-xw-l,.footer-2,.cplb-l,.jj-5-l,.jj-1-r{display: none;}
  .s-2-cp-r,.s-3 .zw,.s-3 .sbt,.s-xw-r,.s-7-r,.jj-1-l,.jj-1-r,.lx-3-ly-l,.lx-3-ly-r,.rc-3 .sbt,.join_warper,.cplb-r,.cplb-2 .sbt p,.cplb-2 .sbt span,.jj-2-l, .jj-2-r,.jj-5-r,.cpxq-l,.cpxq-r,.xqxq-l,.xqxq-r{ width: 100%;}
  .s-3 .zw,.join_warper,.jj-2-r{padding-top: 20px;}
  .s-3 .zw{word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
  .s-2-cp-r a{ width: 31.5%;}
  .s-2-cp-r a img{padding: 0;}
  .s-2-cp-r a p{padding: 10px 0 18px;}
  .s-4-sz li p{font-size: var(--zhihao30);}
  .s-4-sz li:nth-child(1), .s-4-sz li:nth-child(4){padding-top: 50px;}
  .s-7 .sbt span{padding-top: 3px;}
  .s-7-l u,.jj-1-r,.lx-3-ly-r{padding-top: 20px;}
  .s-7-r{padding-top: 25px;}
  .sbt p,.xwxq-bt{font-size: var(--zhihao30); line-height: var(--zhihao36-h);}
  .sjtop{position: fixed;width: 100%;background: #fff;z-index: 100;}
  .footer-1 .sbt{position: static; width: 100%; text-align: center; transform: none; padding-top: 30px;}
  .footer-3-r li:nth-child(2) {border-left:none;padding-left: 0; padding-top: 6px;}
  .sjys{min-height: 50vh;}
  #mobile_animation_container {width: 100vw !important;overflow: hidden;}
  #mobile_canvas {position: absolute;width: 100vw !important; display: block; object-fit: cover;}
  #mobile_dom_overlay_container{pointer-events: none;overflow: hidden;width: 100vw !important;position: absolute;left: 0;top: 0;display: block;}
  .sysjgd,.nbanner,.sjys{padding-top: 120px;}
  .sbt span{line-height: 20px; font-size: var(--zhihao16);}
  .sysjgd .banner-wz{top: 12%; left: 0;color: var(--color-bs); width: 100%; text-align: center;}
  .sysjgd .banner-wz h1{  font-size: var(--zhihao26);}
  .sysjgd .banner-wz p{ font-size: var(--zhihao20); padding-top: 3px;}
  .jj-6 .sbt{top: 18%;}
  .nbanner .banner-wz{left: 5%;bottom: 10%;}
  .nbanner .banner-wz p{font-size: var(--zhihao22);}
  .lx-3-ly{margin-top: 25px;padding: 25px;}
  .cpxa-zx-nr{padding-top: 18px;}
  .lx-1 ul li{padding: 20px;}
  .lx-1 ul li i{font-size: var(--zhihao40);line-height: var(--zhihao40-h);}
  .cplb-r ul a p{padding: 16px 0 3px;}
  .cplb-2 .sbt span{padding-top: 20px;font-size: 18px; line-height: 26px;}
  .jj-2-r li{padding-bottom: 10px;}
  .jj-2-r li:nth-child(1) {margin-bottom: 20px;}
  .fzlcgd{padding: 20px 0;}
  .jj-1{padding-bottom: 20px;}
  .jjysgd .swiper-slide .jjys-bt p{margin-top: 5px;font-size: var(--zhihao28);line-height: var(--zhihao24-h);}
  .jjysgd .swiper-slide .jjys-bt span{font-size: 14px; color: Rgba(255, 255, 255, 0.8); line-height: 18px; padding-top:5px;display: block;}
  .s-2-cp-r a:nth-last-child(-n+3){padding-top: 0;}
  .s-xw-r a:nth-child(n+9):nth-child(-n+12){display: none;}
  .zz_bg_b{visibility: hidden;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;filter:alpha(opacity=0); top: 0;left: 0;}
	.menu_list_b{z-index:9999;visibility:hidden;box-sizing:border-box;padding-top:0rem;background:var(--color-bs);transform:translateY(100%); width:100%; bottom: 0;left: 0; height: auto; overflow: hidden;}
	.menu_list_box_b{ max-height: 60vh; overflow-y: scroll;}
	.menu_list_b .menu_list_box_b>li{ width:50%; float: left; display:block;border-bottom:1px solid var(--color-eee);color:#333;font-size:14px;position: relative;border-right: 1px solid var(--color-eee);box-sizing: border-box;text-align: center;}
	.menu_list_b .menu_list_box_b>li:nth-of-type(1){border-top: 0;}
	.menu_list_b .menu_list_box_b>li:nth-of-type(2){border-top: 0;}
	.menu_list_b .menu_list_box_b>li:nth-of-type(3){border-top: 0;}
	.menu_list_b .menu_list_box_b>li a{overflow: hidden;white-space: nowrap;text-overflow:ellipsis; display:block; width:100%;padding:0.7rem 0.5rem;}
	.menu_list_b .menu_list_box_b>li p{display:block; text-align: left; font-size: 14px;padding: 0 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.menu_list_b .menu_list_box_b>li.on{background:var(--color-zs);}
	.menu_list_b .menu_list_box_b>li.on a{color: var(--color-bs);}
	.menu_list_b .u_l{display:none;}
	.menu_list_b .right .coll{width:100%; float: left; height: 5.5rem; background: var(--color-zs); color:var(--color-bs); text-align: center;}
	.menu_list_b .right .coll a{color: var(--color-bs);}
	.menu_list_b .right .coll p{padding-top: 1rem; font-size: 0.8rem;}
	.menu_list_b .right .coll b{font-size: 1.4rem; font-weight:500;}
  .xwlb-xw ul a{ width: 48.5%;padding: 30px;}
  .xwlb-xw ul a i,.xqxq-r{display: none;}
  .xwlb-xw ul a p{margin-bottom: 0; margin-top: 15px;}
  .xwlb-xw ul a .xwbt{height: auto;font-size: var(--zhihao22); line-height: 27px;}
  .mbx{padding-top: 155px;}
  .cpxq{padding-top: 40px;}
  .cpxq-r h1{padding-top: 30px; font-size: var(--zhihao24);}
  
}

@media (max-width:768px) {
}
@media (max-width:640px) {
    .sj-logo-r a{ font-size: var(--zhihao20);line-height: 24px;}
    .sj-logo-l a img{width: 170px;}
    .sj-nav a{width:calc(100%/3);padding: 3px 0; text-align: center; border-bottom: 1px solid Rgba(255, 255, 255, 0.15);border-right: 1px solid Rgba(255, 255, 255, 0.15);}
    .sj-nav a:nth-last-child(-n+3){border-bottom: none;}
    .sj-nav a:nth-child(3),.sj-nav a:nth-child(6){ border-right: 0;}
    .sj-nav{padding: 6px 0;}
    .sbtw-r,.footer-3-l,.sbtw-cp{display: none;}
    .sysgd-wz-1 i{font-size: var(--zhihao30);}
    .sysgd-wz{padding: 20px 20px 33px;}
    .s-2-cp-r a{ width: 49%;}
    .s-2-cp-r a p{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
    .s-4-sz li span{font-size: 14px;}
    .s-4-sz li p{font-size: var(--zhihao20);}
    .s-4-sz li:nth-child(1), .s-4-sz li:nth-child(4){padding-top: 40px;}
    .s-xw-r{padding: 20px;}
    .s-1 .sbtw{ padding-bottom: 15px;}
    .footer-3-r,.rc-1-r,.rc-1-l{ width: 100%;}
    .footer-3 p{font-size: 14px;}
    .sbtw-al{padding-top: 5px; font-size: var(--zhihao16); width: 100%;}
    .s-xw{padding-top: 15px;}
    .s-7 .sbt span{font-size: var(--zhihao16); line-height: 23px;}
    .s-5 .sbtw{padding: 25px 0;}
    .sbt p{font-size: var(--zhihao28);line-height: var(--zhihao30-h);}
    .lx-1 ul li i{font-size: var(--zhihao40);line-height: var(--zhihao40-h);}
    .lx-1 ul li{ width: 100%; padding: 15px;border-bottom:none;}
    .lx-1 ul li p{font-size: 14px;padding-bottom: 5px;}
    .lx-1 ul li:nth-child(2){margin-top: 10px;}
    .lx-1 ul{padding-top: 15px;}
    .sjys{min-height: 60vh;}
    .sysjgd,.nbanner,.sjys{padding-top: 141px;display: flex;}
    .nbanner .banner-wz p{font-size: var(--zhihao20);}
    .lx-1 ul li:nth-child(1) .lxnr-z{font-size: var(--zhihao20);line-height: var(--zhihao18-h);}
    .rc-1-l li i{font-size: var(--zhihao36);line-height: 40px;}
    .rc-1-l li:nth-child(2){margin: 30px 0;}
    .cplb-r ul a{width: 100%;margin-bottom: 25px;padding: 0 0 15px;}
    .cplb-r ul a:nth-last-child(4){margin-bottom: 0;}
    .jj-2-r li{font-size: var(--zhihao22);}
    .jjysgd .swiper-slide .jjys-bt i{font-size: 40px; line-height: var(--zhihao45-h);}
    .fzlcgd .swiper-slide span{font-size: var(--zhihao16);}
    .fzlcgd .swiper-slide p{font-size: var(--zhihao28);}
    .jj-5-r .sbt{padding-bottom: 20px;}
    .jj-4 ul li{width: 100px;height: 89px;}
    .jj-4 ul li i{font-size: var(--zhihao40);line-height: var(--zhihao45-h);margin-top: 13px;}
    .jj-4 ul li p{font-size: var(--zhihao16);}
    .more-xw{ width: 60%;margin: 20px auto 0;padding: 8px 30px;}
    .xwlb-xw ul a{ width: 100%;}

    
  
    
}

@media (max-width:380px) {
  .sysjgd .banner-wz h1{  font-size: var(--zhihao24);}
  .sysjgd .banner-wz p{ font-size: var(--zhihao18); }

}