@charset "utf-8";
/*end*/
body{overflow-x:hidden;overflow-y:hidden;}






/**/
.guide{padding:5.6rem 0 6.8rem; position: relative;}
.guide .content{z-index:300; position: relative;}
.guide .gui-top{height:21.85rem;}
.guide .gui-top .left{width:31.5rem;float:left;}
.guide .gui-top .left h2{line-height: 2.7rem; margin-bottom: 1.3rem;font-size: 2.1rem;color:#333333;font-weight: bold;position: relative;}
.guide .gui-top .left h2 i{font-size: 5rem;position: absolute;left:7rem;top:0;line-height: 5rem;}
.guide .gui-top .left .gui-desc{line-height: 1.45rem; margin-bottom: 3rem;font-size: .8rem;color:#333333;}
.guide .gui-top .left span{display: block; width:8.85rem;height:2.45rem;background:url(../images/gui-btnbj.png) no-repeat center;background-size:100% 100%;transition: .5s;}
.guide .gui-top .left span a{display: block;height:2.45rem;text-align: center;}
.guide .gui-top .left span a i{display: inline-block; line-height: 2.45rem;font-size: .9rem;color:#FFF;padding-right:1.9rem;background:url(../images/gui-jt.png) no-repeat right;background-size:1.25rem .65rem;}
.guide .gui-top .rig{width:34.4rem;height: 19.35rem; line-height: 0; overflow: hidden;float:right;}
.guide .gui-top .rig img{width:100%;}
.guide .gui-top .left span:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.guide .gui-bot{height:auto;}
.guide .gui-bot ul li{float:left;width:6.77rem; background:#FFF;border: .05rem solid #EEEEEE;box-shadow: 0px .55rem .9rem 0px rgba(0,0,0,0.1);border-radius: .35rem; transition: .5s;padding:0 0.5rem 0 0.5rem; box-sizing: border-box;margin-left:1.13rem;}
.guide .gui-bot ul li:first-child{margin-left: 0;}
.guide .gui-bot ul li .left{width:10rem;float:left;}
.guide .gui-bot ul li .left span{display: block;height:2.2rem;}
.guide .gui-bot ul li .left span em{display: inline-block; line-height: 2.2rem;font-size: 2.4rem; color:#333333; font-weight: bold;font-family: "HarmonyOS Sans SC";}
.guide .gui-bot ul li .left span b{display: inline-block;line-height: 2.2rem;font-size: 2.4rem; color:#333333; font-weight: bold;}
.guide .gui-bot ul li .left p{line-height: 1.35rem;font-size: .9rem;color:#333333;}
.guide .gui-bot ul li strong{display: block;width:2.15rem; line-height: 0; overflow: hidden;float:right;}
.guide .gui-bot ul li strong img{width:100%;}
.guide .gui-bot ul li:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.guide .waves{width:100%;height:28.75rem;	position:absolute;left:0;right:0;bottom:0;}
/**/
.pro-one{padding:5.25rem 0 5.4rem;background:#F7F7F7;}
.pro-one h2{text-align: center; margin-bottom: 2rem;}
.pro-one h2 span{display: block; line-height: 2.9rem;font-size: 2.4rem;color:#333333;font-weight: bold;}
.pro-one h2 em{display: block; line-height: 1.5rem;font-size: 1rem;color:#333333;font-weight: normal; margin-bottom: .8rem;}
.pro-one h2 i{display: block;width:1.55rem;height:.15rem;background:url(pro-xt.png) no-repeat center;background-size:100% 100%;margin:0 auto;}
.pro-one .pro-tit{height:5.05rem;border-top:.05rem solid rgba(204,204,204,.5);}
.pro-one .hbo{ width:100%; overflow:hidden; position:relative;}
.pro-one .pro-tit h4{float:left;height: 4.9rem; margin-right:9.0%;} 
.pro-one .pro-tit h4:nth-child(4){ margin-right:0; float:right;}
.pro-one .pro-tit .pro-nav ul li:nth-child(1){ margin-left:0;}
.pro-one .pro-tit h4 a{display: block; line-height: 4.9rem;padding-left:3.1rem;background:url(pro-ico1.png) no-repeat left;background-size:2.25rem 2.25rem;font-size: 1.4rem;color:#333333;font-weight: bold;}
.pro-one .pro-tit h4:nth-child(2) a{display: block; line-height: 4.9rem;padding-left:3.1rem;background:url(9fb42ccb0351408b877b93d02bff0429_2.png) no-repeat left;background-size:2.25rem 2.25rem;font-size: 1.4rem;color:#333333;font-weight: bold;}
.pro-one .pro-tit h4:nth-child(3) a{display: block; line-height: 4.9rem;padding-left:3.1rem;background:url(9fb42ccb0351408b877b93d02bff0429_4.png) no-repeat left;background-size:2.25rem 2.25rem;font-size: 1.4rem;color:#333333;font-weight: bold;}
.pro-one .pro-tit h4:nth-child(4) a{display: block; line-height: 4.9rem;padding-left:3.1rem;background:url(9fb42ccb0351408b877b93d02bff0429_6.png) no-repeat left;background-size:2.25rem 2.25rem;font-size: 1.4rem;color:#333333;font-weight: bold;}
.pro-one .pro-tit .pro-nav{height:4.9rem;float:left; display:none;}
.pro-one .pro-tit .pro-nav ul li{float:left; height:4.9rem; line-height: 4.9rem;margin-left: 2.25rem;}
.pro-one .pro-tit .pro-nav ul li a{font-size: .9rem;color:#333333; }
.pro-one .pro-tit .pro-nav ul li.cur a{font-weight: bold; color:#0a8ef5;}
.pro-one .pro-left{width:27.4rem;float:left;}
.pro-one .pro-left dl{position: relative;}
.pro-one .pro-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.pro-one .pro-left dl dt img{width:100%; transition: 1s;}
.pro-one .pro-left dl dd{width:100%; position: absolute;left:0; top:0;padding:3.1rem 2.75rem 0; box-sizing: border-box;}
.pro-one .pro-left dl dd h4{line-height: 2.65rem;text-align: center;}
.pro-one .pro-left dl dd h4 a{font-size: 2.1rem;color:#333333; font-weight: bold;}
.pro-one .pro-left dl dd p{line-height: 1.45rem;text-align: center; margin-bottom: 1.25rem;font-size: .9rem;color:#333333;}
.pro-one .pro-left dl dd span{display: block;width:5.65rem;height:1.75rem; background:url(../images/pro-btn.png) no-repeat center;background-size:100% 100%;margin:0 auto; transition: .5s;}
.pro-one .pro-left dl dd span a{display: block; height:1.75rem; text-align: center;}
.pro-one .pro-left dl dd span a i{display: inline-block; line-height: 1.75rem;font-size: .8rem;color:#ffffff;padding-right: 1.55rem;background:url(../images/pro-jt.png) no-repeat right;background-size:1.15rem .6rem;}
.pro-one .pro-left .pro-list .swiper-pagination{bottom:1.75rem;}
.pro-one .pro-left .pro-list .swiper-pagination .swiper-pagination-bullet{width:.6rem; height:.6rem; background:#333333;margin:0 .25rem;}
.pro-one .pro-left .pro-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0A8EF5;}
.pro-one .pro-left dl dd span:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.pro-one .pro-rig{width:41.4rem;float:right; }
.pro-one .pro-rig ul li{float:left;width:13.35rem;height:18.6rem; background:#FFF; margin:0 .65rem .7rem 0;}
.pro-one .pro-rig ul li a{display: block; position: relative;}
.pro-one .pro-rig ul li:nth-child(3n){margin-right: 0;}
.pro-one .pro-rig ul li:nth-child(4),.pro-one .pro-rig ul li:nth-child(5),.pro-one .pro-rig ul li:nth-child(6){margin-bottom: 0;}
.pro-one .pro-rig ul li span{display: block;width:100%; line-height: 0; margin-bottom: .75rem;}
.pro-one .pro-rig ul li span img{width:100%;}
.pro-one .pro-rig ul li i,.pro-one .pro-rig ul li em{display: block; line-height: 1.25rem; text-align: center;font-size: .8rem;color:#333333;}
.pro-one .pro-rig ul li em{padding:0 2.4rem;}
.pro-one .pro-rig ul li a:before{width:1.25rem;height:1.45rem; background:url(pro-hot.png) no-repeat center; background-size: 1.25rem 1.45rem;content:""; position: absolute;right:.6rem;top:.3rem;animation: downup 1s infinite linear;-webkit-animation: downup 1s infinite linear;}
@keyframes downup { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -5px); } 100% { transform: translate(0, 0); } }
@-webkit-keyframes downup { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -5px); } 100% { -webkit-transform: translate(0, 0); } }

.pro-two{padding:3.85rem 0 5.4rem;}
.pro-two .pro-tit{height:4.95rem;}
.pro-two .pro-tit h4{float:left;height: 4.9rem;}
.pro-two .pro-tit h4 a{display: block; line-height: 4.9rem;padding-left:3.1rem;background:url(pro-ico2.png) no-repeat left;background-size:2.25rem 2.25rem;font-size: 1.4rem;color:#333333;font-weight: bold;}
.pro-two .pro-tit .pro-nav{height:4.9rem;float:right;}
.pro-two .pro-tit .pro-nav ul li{float:left; height:4.9rem; line-height: 4.9rem;margin-left: 2.25rem;}
.pro-two .pro-tit .pro-nav ul li a{font-size: .9rem;color:#333333; }
.pro-two .pro-tit .pro-nav ul li.cur a{font-weight: bold; color:#0a8ef5;}
.pro-two .cj-con ul li{float:left;width:13.5rem;border:.05rem solid #E5E5E5; box-sizing: border-box; margin-right: .6rem; position: relative; height:391px;}
.pro-two .cj-con ul li:last-child{margin-right: 0;}
.pro-two .cj-con ul li:before{width:0;height:.05rem;background:#0a8ef5;content:""; position: absolute;right:0;top:-0.05rem; transition: .5s;z-index:300;}
.pro-two .cj-con ul li:after{width:.05rem; height:0;background:#0a8ef5;content:""; position: absolute;right:0;top:0; transition: .5s;z-index:300;}
.pro-two .cj-con ul li dl{position: relative;}
.pro-two .cj-con ul li dl:before{width:0;height:.05rem;background:#0a8ef5;content:""; position: absolute;left:0;bottom:-0.05rem; transition: .5s;}
.pro-two .cj-con ul li dl:after{width:.05rem; height:0;background:#0a8ef5;content:""; position: absolute;left:0;bottom:0; transition: .5s;}
.pro-two .cj-con ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.pro-two .cj-con ul li dl dt img{width: 100%; transition: 1s;}
.pro-two .cj-con ul li dl dd{width:100%; padding:0 1rem 1.5rem; box-sizing: border-box;}
.pro-two .cj-con ul li dl dd h4{padding-top:1.4rem;border-top:.05rem solid rgba(229,229,229,.7); box-sizing: border-box; line-height: 1.2rem;text-align: center;}
.pro-two .cj-con ul li dl dd h4 a{font-size: .8rem;color:#333333; font-weight: bold;}
.pro-two .cj-con ul li dl dd p{line-height: 1.2rem; text-align: center;font-size: .8rem;color:#333333; margin-bottom: .7rem;}
.pro-two .cj-con ul li dl dd span{display: block;height: 1rem; text-align: center;}
.pro-two .cj-con ul li dl dd span em{display: inline-block;line-height: 1rem;padding:0 .6rem;font-size: .7rem;color:rgba(255,137,33,.8);background:rgba(245,137,10,.1);border-radius: .5rem;}
.pro-two .cj-con ul li dl dd span i{display: inline-block;line-height: 1rem;padding:0 .6rem;font-size: .7rem;color:rgba(255,0,0,.7);background:rgba(255,0,0,.1);border-radius: .5rem;}
.pro-two .cj-con ul li.cp3 b,.pro-two .cj-con ul li.cp4 b{width:1.25rem;height:1.45rem; background:url(../images/pro-hot.png) no-repeat center;background-size: 1.25rem 1.45rem;position: absolute;right:.55rem;top:.5rem;animation: downup1 1s infinite linear;-webkit-animation: downup1 1s infinite linear;}
@keyframes downup1 { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -5px); } 100% { transform: translate(0, 0); } }
@-webkit-keyframes downup1 { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -5px); } 100% { -webkit-transform: translate(0, 0); } }
.pro-two .cj-con ul li:hover:before{width:100%;}
.pro-two .cj-con ul li:hover:after{height:100%;}
.pro-two .cj-con ul li:hover dl:before{width:100%;}
.pro-two .cj-con ul li:hover dl:after{height:100%;}
/**/
.solution{padding:5.2rem 0 0;background:#F7F7F7;}
.solution h2{text-align: center; margin-bottom: 2.65rem;}
.solution h2 span{display: block;line-height: 2.85rem;font-size: 2.4rem; color:#333333; font-weight: bold;}
.solution h2 em{display: block; line-height: 1.65rem;font-size: 1.1rem;color:#333333; font-weight: normal; margin-bottom: .75rem;}
.solution h2 i{display: block;width:1.55rem;height:.15rem; background:url(../images/pro-xt.png) no-repeat center;margin:0 auto;}
.solution .sol-nav{width:100%; height:4.3rem;}
.solution .sol-nav .sol-fl{float:left;}
.solution .sol-nav .sol-fl i{display: block;width:2.25rem;height:2.2rem; overflow: hidden;float:left;margin-top: .15rem;}
.solution .sol-nav .sol-fl i img{width: 100%; transition: .5s;}
.solution .sol-nav .sol-fl h4{float:left; margin-left: .55rem;}
.solution .sol-nav .sol-fl h4 span{display: block; line-height: 1.5rem;font-size: 1.1rem;color:#191919;font-weight: normal; transition: .5s;}
.solution .sol-nav .sol-fl h4 em{display: block; line-height: .9rem;font-size: .65rem;color:#333333;font-weight: normal; transition: .5s;}
.solution .sol-nav .sol-fl.sol{padding-right:3.6rem;background:url(../images/solu-xt.png) no-repeat right;background-size:1.05rem 2.05rem;margin-right: 2.1rem;}
.solution .sol-nav .sol-fl.sol.cur i img{margin-top:-2.2rem;}
.solution .sol-nav .sol-fl.sol.cur h4 span{font-weight: bold;}
.solution .sol-nav .sol-fl.sol.cur h4 span,.solution .sol-nav .sol-fl.sol.cur h4 em{color:#0a8ef5;}
.solution .sol-nav .sol-fl.last:hover i img{margin-top:-2.2rem;}
.solution .sol-nav .sol-fl.last:hover h4 span{font-weight: bold;}
.solution .sol-nav .sol-fl.last:hover h4 span,.solution .sol-nav .sol-fl.last:hover h4 em{color:#0a8ef5;}
.solution .sol-list dl{background:#FFF;}
.solution .sol-list dl dt{width:50%; line-height: 0; overflow: hidden;float:left;}
.solution .sol-list dl dt img{width: 100%; transition: 1s;}
.solution .sol-list dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.solution .sol-list dl dd{width:35rem;float:left;padding:2.95rem 0 0 3.45rem; box-sizing: border-box;}
.solution .sol-list dl dd h4{ margin-bottom: 1.3rem;}
.solution .sol-list dl dd h4 i{display: block; line-height: 1.4rem;font-size: .9rem;color:#333333; font-weight: bold;}
.solution .sol-list dl dd h4 a{display: block; line-height: 1.6rem;font-size: 1.2rem;color:#333333; font-weight: normal;}
.solution .sol-list dl dd b{display: block; line-height: 1.5rem;font-size: .9rem;color:#333333; }
.solution .sol-list dl dd p{line-height: 1.45rem; margin-bottom: 1.95rem;font-size: .8rem;color:#333333;}
.solution .sol-list dl dd strong{display: block;width:10.3rem;height:2.5rem;background:url(../images/solu-btnbj.png) no-repeat center;background-size:100% 100%; margin-bottom: 3.05rem; transition: .5s;}
.solution .sol-list dl dd strong a{display: block;height:2.5rem;text-align: center;}
.solution .sol-list dl dd strong a i{display: inline-block;line-height: 2.5rem;font-size: .9rem;color:#ffffff; padding-right:2.2rem;background:url(../images/sol-jt.png) no-repeat right;background-size:1.25rem .65rem;font-weight: normal;}
.solution .sol-list dl dd strong:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.solution .sol-list dl dd ul li{float:left;width:15.35rem; position: relative;}
.solution .sol-list dl dd ul li:nth-child(2){margin-right: 0;float:right;}
.solution .sol-list dl dd ul li span{display: block;width:100%; line-height: 0; overflow: hidden;}
.solution .sol-list dl dd ul li span img{width:100%; transition: 1s;}
.solution .sol-list dl dd ul li em{display: block; width:100%; line-height: 2rem;text-align: center;font-size: .8rem;color:#ffffff;background:rgba(0,0,0,.5);position: absolute;left:0;bottom:0;}
.solution .sol-list dl dd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.super{padding:5.15rem 0 5.5rem;background:#F7F7F7;}
.super h2{text-align: center; margin-bottom: 1.8rem;}
.super h2 span{display: block; line-height: 3rem;font-size: 2.4rem;color:#333333;font-weight: bold;}
.super h2 em{display: block; line-height: 1.7rem;font-size: 1.1rem;color:#333333;font-weight: normal; margin-bottom: .7rem;}
.super h2 i{display: block;width:1.55rem;height:.15rem; background:url(../images/pro-xt.png) no-repeat center;margin:0 auto;}
.super .sup-con ul li{float:left;width:7.6rem;height: 31.65rem;background: #FFFFFF;box-shadow: 0px 22px 38px 0px rgba(8,37,90,0.08); margin-right: .5rem; position: relative; transition: .5s;}
.super .sup-con ul li:last-child{margin-right: 0;}
.super .sup-con ul li .default{width:7.6rem;height:31.65rem;margin:0 auto;background: #FFFFFF;padding-top:2.45rem; box-sizing: border-box;transition: .5s;}
.super .sup-con ul li .default span{display: block; line-height: 1.9rem;text-align: center; margin-bottom: .85rem;font-size: 1.4rem;color:#333333;font-weight: bold;}
.super .sup-con ul li .default em{display: block; height:7.1rem; line-height:1rem;text-align: center;font-size: .7rem;color:rgba(51,51,51,.4); text-transform: uppercase;}
.super .sup-con ul li .default i{display: block;width:.05rem;height:6.95rem;background:rgba(51,51,51,.2);margin:0 auto 4.35rem;}
.super .sup-con ul li .default b{display: block;width:3.45rem; line-height: 0;overflow: hidden;margin:0 auto;}
.super .sup-con ul li .default b img{width:100%;}
.super .sup-con ul li .hover{width:0;height:100%;position: absolute;left:0;top:0;bottom:0; right:0; opacity: 0; overflow: hidden;}
.super .sup-con ul li .hover dl{width: 45.65rem;}
.super .sup-con ul li .hover dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-con ul li .hover dl dt img{width:100%; transition: 1s;}
.super .sup-con ul li .hover dl dd{height:8.9rem;background:#FFF;}
.super .sup-con ul li .hover dl dd .left{width:7.1rem;height:8.9rem;background:url(../images/sup-txtbj.jpg) no-repeat center;background-size:100% 100%;float:left;padding-top:2.4rem; box-sizing: border-box;font-size: 1.5rem;color:#ffffff; line-height: 2.05rem; font-weight: bold;text-align: center;}
.super .sup-con ul li .hover dl dd .rig{width:38.55rem;height:8.9rem;float:left;padding:1.05rem 2.4rem 0 2.35rem; box-sizing: border-box;}
.super .sup-con ul li .hover dl dd .rig h4{line-height: 1.7rem; margin-bottom: .45rem;font-size: 1.1rem;color:#333333; font-weight: bold;}
.super .sup-con ul li .hover dl dd .rig p{line-height: 1.35rem;font-size: .8rem;color:#333333;}
.super .sup-con ul li.cur{width:45.65rem;}
.super .sup-con ul li.cur .default{opacity: 0;}
.super .sup-con ul li.cur .hover{width:100%;opacity: 1;}
/**/
.case{padding:5.1rem 0 0;}
.case h2{text-align: center; margin-bottom: 2.15rem;}
.case h2 span{display: block; line-height: 3.05rem;font-size: 2.4rem;color:#333333; font-weight: bold;}
.case h2 em{display: block; line-height: 1.85rem;font-size: 1.1rem;color:#333333; font-weight: normal; margin-bottom: .65rem;}
.case h2 i{display: block;width:1.55rem;height:.15rem; background:url(../images/pro-xt.png) no-repeat center;margin:0 auto;}
.case .cas-loop{ margin-bottom: 4.1rem;}
.case .cas-loop ul{width:66.95rem;margin:0 auto 0.5rem;}
.case .cas-loop ul li{float:left;width:8.8rem; height:4.95rem; line-height: 0; overflow: hidden;margin:0 2.8rem 1.9rem 0;transition: .5s;}
.case .cas-loop ul li img{width:100%;}
.case .cas-loop ul li:hover{box-shadow: 0px 0px 30px #ddd;}
.case .cas-loop ul li:nth-child(6n){margin-right: 0;}
.case .cas-loop span{display: block;width:10.35rem;height:2.5rem; margin:0 auto; background: url(../images/solu-btnbj.png) no-repeat center;background-size:100% 100%;transition: .5s;}
.case .cas-loop span a{display: block;height: 2.5rem; text-align: center;}
.case .cas-loop span i{display: inline-block; line-height: 2.5rem;font-size: .9rem;color:#ffffff;padding-right:2.25rem;background:url(../images/sol-jt.png) no-repeat right;background-size:1.25rem .65rem;}
.case .cas-loop span:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}
.case .cas-list{padding-bottom:2.55rem;}
.case .cas-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.case .cas-list dl dt img{width:100%; transition: 1s;}
.case .cas-list dl dd{height: 7.2rem;box-shadow: 0px .9rem .9rem 0px rgba(0,0,0,0.03);padding-left:2.2rem; box-sizing: border-box;}
.case .cas-list dl dd .cas-logo{width:4.25rem;float:left; line-height: 0; overflow: hidden;border-radius: 50%; border:.05rem solid #E5E5E5; margin: 1.35rem 1.25rem 0 0;float:left;}
.case .cas-list dl dd .cas-logo img{width:100%;}
.case .cas-list dl dd .cas-txt{width:32.6rem;float:left;padding-top:1.15rem;}
.case .cas-list dl dd .cas-txt h4{line-height: 1.7rem; margin-bottom: .4rem;}
.case .cas-list dl dd .cas-txt h4 a{font-size: 1.1rem;color:#333333; font-weight: normal;}
.case .cas-list dl dd .cas-txt p{line-height: 1.45rem;font-size: .8rem;color:#999999;}
.case .cas-list dl dd span{display: block;width:5.95rem;height:3.6rem; line-height: 3.6rem; background:#0A8EF5;float:right;}
.case .cas-list dl dd span a{display: block; line-height: 3.6rem;font-size: .6rem;color:#ffffff;text-align: center;text-transform: uppercase;}
.case .cas-list .cas-jt{width:5.95rem;height: 3.6rem;background:#FFF; position: absolute;right:22.5rem;bottom:2.55rem;z-index:300;}
.case .cas-list .cas-jt i{display: block;width:50%; height:3.6rem;float:left; cursor: pointer;}
.case .cas-list .cas-jt i.cas-prev{background:url(../images/cas-prev.png) no-repeat center;background-size:2.95rem 3.6rem;}
.case .cas-list .cas-jt i.cas-next{background:url(../images/cas-next.png) no-repeat center;background-size:2.95rem 3.6rem;}
/**/
.news{padding:2.55rem 0 6.05rem;}
.news h2{text-align: center; margin-bottom: 2.15rem;}
.news h2 span{display: block; line-height: 3rem;font-size: 2.4rem;color:#333333; font-weight: bold;}
.news h2 em{display: block; line-height: 1.6rem;font-size: 1rem;color:#333333; font-weight: normal;margin-bottom: .7rem;}
.news h2 i{display: block;width:1.55rem;height:.15rem; background:url(../images/pro-xt.png) no-repeat center;margin:0 auto;}
.news .news-top{height:28.25rem;}
.news .news-top .left{width:41rem;float:left;}
.news .news-top .left .cas-tit{height:2.95rem;}
.news .news-top .left .cas-tit span{display: block; line-height: 1.75rem;float:left; font-size: 1.2rem;color:#333333; border-bottom:.1rem solid #0a8ef5;font-weight: bold;}
.news .news-top .left .cas-tit em{display: block;line-height: 1.75rem;float:right;font-size: .7rem;color:#333333;text-transform: uppercase;}
.news .news-top .left .news-list .news-con{width:100%; position: relative;}
.news .news-top .left .news-list .news-con span{display: block;width:100%; line-height: 0; overflow: hidden; position: relative;}
.news .news-top .left .news-list .news-con span:before{width:100%; height:7.55rem;background:url(../images/news-yy.png) no-repeat center;background-size:100% 7.55rem; content:""; position: absolute;left:0;bottom:0;}
.news .news-top .left .news-list .news-con span img{width: 100%; transition: 1s;}
.news .news-top .left .news-list .news-con em{display: block; width:100%; line-height: 3.85rem;padding-left:1.8rem; box-sizing: border-box;font-size: .9rem;color:#ffffff; position: absolute;left:0;bottom:0; box-sizing: border-box;}
.news .news-top .left .news-list .swiper-pagination{bottom:1.6rem;padding-right:1.6rem;text-align: right; box-sizing: border-box;}
.news .news-top .left .news-list .swiper-pagination .swiper-pagination-bullet{width:.6rem; height:.6rem;margin:0 .25rem;}
.news .news-top .left .news-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0A8EF5;}
.news .news-top .rig{width:25.2rem;float:right;}
.news .news-top .rig .cas-tit{height:2.95rem;border-bottom:.05rem solid #e5e5e5; box-sizing: border-box;}
.news .news-top .rig .cas-tit span{display: block;float:left;}
.news .news-top .rig .cas-tit span a{display: block; line-height: 1.75rem;float:left; font-size: 1.2rem;color:#999999; margin-right: 1.05rem;font-weight: bold;}
.news .news-top .rig .cas-tit span a.cur{color:#333;border-bottom:.1rem solid #0a8ef5;}
.news .news-top .rig .cas-tit em{display: block;line-height: 1.75rem;float:right;}
.news .news-top .rig .cas-tit em a{font-size: .7rem;color:#333333;text-transform: uppercase;}
.news .news-top .rig ul li{height:7.7rem;border-bottom:.05rem solid #e5e5e5; box-sizing: border-box;padding-top:1rem; }
.news .news-top .rig ul li h4{line-height: 1.55rem; margin-bottom: .35rem;}
.news .news-top .rig ul li h4 a{font-size: .9rem;color:#333333; font-weight: normal;}
.news .news-top .rig ul li p{line-height: 1.4rem; margin-bottom: .4rem;font-size: .8rem;color:#8c8c8c; margin-bottom: .4rem;}
.news .news-top .rig ul li i{display: block; line-height: 1.3rem; padding-left:1.3rem; background:url(../images/news-time.png) no-repeat left; font-size: .7rem;color:#999999;}
.news .news-bot{height:8.05rem;}
.news .news-bot ul li{float:left; width:22.6rem; height:8.05rem; margin-left: 1.05rem;padding:1.4rem 0 0 1.65rem; box-sizing: border-box;}
.news .news-bot ul li a{display: block;}
.news .news-bot ul li:first-child{background:url(news-zn.jpg) no-repeat center;background-size:100% 100%; margin-left: 0;}
.news .news-bot ul li:nth-child(2){background:url(news-zc.jpg) no-repeat center;background-size:100% 100%;}
.news .news-bot ul li:nth-child(3){background:url(news-fw.jpg) no-repeat center;background-size:100% 100%;}
.news .news-bot ul li h4{margin-bottom: 1.25rem;}
.news .news-bot ul li h4 span{display: block; line-height: 1.6rem;font-size: 1.2rem;color:#ffffff;font-weight: bold;}
.news .news-bot ul li h4 em{display: block; line-height: .9rem;font-size: .6rem;color:rgba(255,255,255,.5); font-weight: bold; font-family: "HarmonyOS Sans SC"; text-transform: uppercase;}
.news .news-bot ul li i{display: block;width:2.35rem; line-height: 0; overflow: hidden;}
.news .news-bot ul li i img{width:100%;}
.news .news-top .rig ul li:hover h4 a{color:#098df2;}























































































































html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.6px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.6px;}}
@media screen and (min-width:414px){html{font-size:11px;}}
@media screen and (min-width:440px){html{font-size:11.8px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.8px;}}
@media screen and (min-width:560px){html{font-size:15px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17px;}}
@media screen and (min-width:680px){html{font-size:18.2px;}}
@media screen and (min-width:700px){html{font-size:18.6px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}