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



.df{display: flex;justify-content: center;width: 100%;}


/**/
.solution{height:40.7rem;background:url(../images/solution.jpg) no-repeat center;background-size:100% 100%;padding-top:6.45rem; box-sizing: border-box;}
.solution .solu-con{width:35.1rem;float:left;}
.solution .solu-con h2{width:30.3rem; line-height: 0; overflow: hidden; margin-bottom: 1.05rem;}
.solution .solu-con h2 img{width:100%;}
.solution .solu-con strong{display: block;width:32.05rem;height:2.5rem; line-height: 2.5rem;background:url(../images/sol-txtbj.png) no-repeat center;background-size:100% 100%;font-size: 0.88rem;color:#ffffff;   margin-bottom: 2.55rem; text-align: center;}
.solution .solu-con .solu-sz{height:13.3rem;width:28.75rem}
.solution .solu-con .solu-sz ul li{float:left;padding-left:2.9rem; width:50%; box-sizing: border-box; margin-bottom: 1.45rem;}
.solution .solu-con .solu-sz ul li em{display: block; line-height: 1.8rem;font-size: 1.3rem;color:#333333;  font-weight: bold;}
.solution .solu-con .solu-sz ul li span{display: block;line-height: 2.35rem;font-size: 2.4rem;color:#e62129;font-weight: bold; font-family: "HarmonyOS Sans SC";}
.solution .solu-con .solu-sz ul li span i{font-size: 1.4rem;}
.solution .solu-con .solu-sz ul li:nth-child(2n){float:right;width:43%;}
.solution .solu-con .solu-sz ul li.sol-ico1{background:url(../images/sol-ico1.png) no-repeat left top;background-size:2rem 2.05rem;}
.solution .solu-con .solu-sz ul li.sol-ico2{background:url(../images/sol-ico2.png) no-repeat left top;background-size:2rem 2.05rem;}
.solution .solu-con .solu-sz ul li.sol-ico3{background:url(../images/sol-ico3.png) no-repeat left top;background-size:2rem 2.05rem;}
.solution .solu-con .solu-sz ul li.sol-ico4{background:url(../images/sol-ico4.png) no-repeat left top;background-size:2rem 2.05rem;}
.solution .solu-con .sol-btn li{float:left; height:3.15rem;background:#FFF; border-radius: .15rem; text-align: center;}
.solution .solu-con .sol-btn li i{display: inline-block;width:2rem; line-height: 0; overflow: hidden;}
.solution .solu-con .sol-btn li i img{width:100%;}
.solution .solu-con .sol-btn li em{display: inline-block; line-height: 3.15rem;font-size: 1.2rem;color:#333333;font-weight: bold;   vertical-align: top;}
.solution .solu-con .sol-btn li:first-child{background:#bfbfbf;width:10.25rem;}
.solution .solu-con .sol-btn li:first-child i{margin-top: .65rem; margin-right: .8rem;}
.solution .solu-con .sol-btn li:nth-child(2){width:15.25rem;}
.solution .solu-con .sol-btn li:nth-child(2) i{width:1.5rem; margin-top: .55rem; margin-right: .7rem;}
.solution .solu-rig{width:50%; height:28.45rem;float:right;position:relative;}
.solution .solu-rig span{display:block;width:6rem;line-height:0;position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);cursor:pointer;}
.solution .solu-rig span img{width:100%;}
video{object-fit: fill;}



/**/
.ztcp{padding-top:2.75rem;}
.ztcp h2{text-align: center; margin-bottom: 2rem;}
.ztcp h2 span{display: block; line-height: 6.35rem;font-size: 3rem;color:#333333;  font-weight: bold;}
.ztcp h2 em{display: block; line-height: 1.5rem;font-size: 1rem;color:#333333; font-weight: normal; margin-bottom: .65rem;}
.ztcp h2 strong{color: #e62129;font-weight: bold;}
.ztcp h2 i{display: block;width:5.3rem;height:.8rem;background:url(../images/ico.png) no-repeat center;background-size:100% 100%;margin:1.5rem auto;}
.ztcp .zt-txt ul li{float:left; width:16.6%;height:36.2rem; margin-left: 0.1%; position: relative; transition: .5s; overflow: hidden;}
.ztcp .zt-txt ul li:first-child{margin-left: 0;}
.ztcp .zt-txt ul li a{display:block;height: 36.2rem;}
.ztcp .zt-txt ul li .default{padding:4.25rem 0 0 10%; box-sizing: border-box; position: absolute;left:0;top:0; transition: .5s;}
.ztcp .zt-txt ul li .default em{display: block; line-height: 1.5rem;font-size: 1.2rem;color:#333333; font-weight: bold;   margin-bottom: 1.35rem;}
.ztcp .zt-txt ul li .default i{display: block;width:1.8rem;line-height: 0; overflow: hidden;}
.ztcp .zt-txt ul li .default i img{width:100%;}
.ztcp .zt-txt ul li .hover{width:100%;padding:3.15rem 5.1rem 0; box-sizing: border-box;position: absolute;left:-30rem; transition: .5s; opacity: 0;}
.ztcp .zt-txt ul li .hover .left{float:left;}
.ztcp .zt-txt ul li .hover em{display: block; line-height: 4.55rem;font-size: 1.8rem;color:#333333; font-weight: bold;  }
.ztcp .zt-txt ul li .hover p{line-height: 1.5rem;font-size: .8rem;color:#333333;  margin-bottom: 2.45rem;width: 20.9rem;}
.ztcp .zt-txt ul li .hover strong{display: block;float:right;width:8.4rem;height:2.85rem;border:.1rem solid #e62129; border-radius: 1.5rem; box-sizing: border-box;text-align: center;}
.ztcp .zt-txt ul li .hover strong i{display: inline-block; line-height: 2.65rem;font-size: .8rem;color:#e62129; padding-right:1.2rem;background:url(../images/pro-jia_h.png) no-repeat right;background-size:.8rem .8rem;}
.ztcp .zt-txt ul li.cur{width:66.6%;}
.ztcp .zt-txt ul li.cur .default{left:30%; opacity: 0;}
.ztcp .zt-txt ul li.cur .hover{left:0; opacity: 1;}
/**/
.product{padding:3.25rem 0 2.6rem;background:#F3F4F8;}
.product h2{text-align: center; margin-bottom: 2.05rem;}
.product h2 span{display: block; line-height: 4.35rem;font-size: 2.1rem;color:#333333;   font-weight: bold;}
.product h2 strong{color: #e62129;font-weight: bold;}
.product h2 em{display: block; line-height: 1.25rem;font-size: 1rem;color:#333333;  margin-bottom: .9rem;font-weight:normal;}
.product h2 i{display: block;width:.6rem;height:.45rem; background:url(../images/pro-dbx.png) no-repeat center;background-size:100% 100%;margin:0 auto;}
.product .pro-con{padding:0 1.1rem;}
.product .pro-con .pro-list{margin-bottom: 2.5rem;}
.product .pro-con .pro-list dl{background:#FFF;width:100%;}
.product .pro-con .pro-list dl dt{width:100%; line-height: 0;overflow: hidden;}
.product .pro-con .pro-list dl dt img{width:100%;transition: 1s;}
.product .pro-con .pro-list dl dd{height:5.2rem; padding:0 1.15rem;}
.product .pro-con .pro-list dl dd .pro-txt{padding-top:1rem;background:url(../images/pro-jia1.png) no-repeat right 2.5rem;border-top:.05rem solid #e5e5e5;}
.product .pro-con .pro-list dl dd h4{height:1.75rem; box-sizing: border-box; line-height: 1.75rem;}
.product .pro-con .pro-list dl dd h4 a{font-size: 0.7rem;color: #ff0000;font-weight: 600;}
.product .pro-con .pro-list dl dd p{line-height: 1.4rem;font-size: 0.7rem;color:#666666; }
.product .pro-con .pro-btn{width:11.4rem;height:2.85rem;margin:0 auto;}
.product .pro-con .pro-btn i{display: block;width:2.85rem;height:2.85rem;float:left; cursor: pointer;}
.product .pro-con .pro-btn i.pro-prev{background:url(../images/pro-prev.png) no-repeat center;background-size:100% 100%;}
.product .pro-con .pro-btn i.pro-next{background:url(../images/pro-next.png) no-repeat center;background-size:100% 100%;float:right;}
.product .pro-con .pro-btn a{display: block;float:left;width:9.6rem;height:2.85rem; line-height: 2.85rem;text-align: center; margin-left: 1.05rem;background:#FFF; border-radius: 1.45rem;}
.product .pro-con .pro-btn a em{display: inline-block; line-height: 2.85rem;font-size: .8rem;color:#e62129; padding-right:1.2rem; background:url(../images/pro-jia_h.png) no-repeat right;background-size:.8rem .8rem;}
/**/
.proys{padding:5.7rem 0 5.95rem;}
.proys h2{text-align: center; margin-bottom: 2.05rem;}
.proys h2 span{display: block; line-height: 3.5rem;font-size: 3rem;color:#333333;  font-weight: bold;}
.proys h2 em{display: block; line-height: 1.6rem;font-size: 1rem;color:#333333;   font-weight: normal; margin-bottom: .7rem;}
.proys h2 i{display: block; width:5.3rem;height:.8rem; background:url(../images/ico.png) no-repeat center;background-size:100% 100%;margin:0 auto;}
.proys ul li{float:left;width:12.5%; height:40rem; margin-left: 3.1rem; overflow: hidden;position: relative;}
.proys ul li:first-child{margin-left: 0;}
.proys ul li .default{width:8.8rem; transition: .5s; position: absolute;left:0;top:0;}
.proys ul li .default span{display: block;width:100%; line-height: 0;padding:2.35rem 0 2.6rem; border-top:.1rem solid #333333;border-bottom:.1rem solid #333333; margin-bottom: 2.35rem;}
.proys ul li .default b{display: block; line-height: 2.2rem;font-size: 1.8rem;color:#333333;  font-weight: bold; margin-bottom: 1.05rem;}
.proys ul li .default p{line-height: 1.5rem;height: 4.5rem;font-size: 1rem;color:#666666;   margin-bottom: 2rem;}
.proys ul li .default em{display: block; line-height: 2.8rem;font-size: 3rem;color:rgba(204,204,204,.5); font-family: "Arial"; margin-bottom: 3.6rem;}
.proys ul li .default i{display: block;width:2.4rem; line-height: 0; overflow: hidden;}
.proys ul li .default i img{width:100%;}
.proys ul li .hover{width:34.25rem;position: absolute;left:-35rem;top:0; transition: .5s;}
.proys ul li .hover dl dt{width:100%; line-height: 0; height:40rem; overflow: hidden;}
.proys ul li .hover dl dt img{width:100%;}
.proys ul li .hover dl dt video{object-fit: fill;}
.proys ul li .hover dl dd{width:100%; height:9.3rem;background:rgba(0,0,0,.7); position: absolute;left:0;bottom:0; }
.proys ul li .hover dl dd .proys-tit{width:9.3rem;height: 9.3rem;background:#E62129;float:left;padding-top:2.15rem; box-sizing: border-box;}
.proys ul li .hover dl dd .proys-tit i{display: block;width:2.15rem; line-height: 0; overflow: hidden;margin:0 auto;}
.proys ul li .hover dl dd .proys-tit i img{width:100%;}
.proys ul li .hover dl dd .proys-tit span{display: block; line-height: 3.95rem;text-align: center;font-size: 1.8rem;color:#ffffff;   font-weight: bold;}
.proys ul li .hover dl dd .proys-txt{width:24.95rem;float:left;padding:1.85rem 0 0 1.7rem; box-sizing: border-box;}
.proys ul li .hover dl dd .proys-txt h4{line-height: 1.75rem; margin-bottom: .55rem;font-size: 1.2rem; color:#FFF;  font-weight: bold;}
.proys ul li .hover dl dd .proys-txt p{line-height: 1.4rem;font-size: .8rem;color:#ffffff;}
.proys ul li.cur{width:48.9%;}
.proys ul li.cur .default{opacity: 0;left:30%;}
.proys ul li.cur .hover{left:0;}
/**/
.ycsk{background:url(../images/ycsk.jpg) no-repeat center;background-size:100% 100%;padding:6.15rem 0 5.85rem;}
.ycsk dl{background:#FFF;}
.ycsk dl dt{width:64%; line-height: 0; overflow: hidden;float:right;}
.ycsk dl dt .yc-img{width:100%;overflow:hidden;height:33.6rem;position:relative;}
.ycsk dl dt .yc-img span{display:block;width:100%;line-height:0; overflow:hidden; position:absolute;left:0;top:0;}
.ycsk dl dt .yc-img span img{width:100%; transition: 1s;}
.ycsk dl dt .yc-img b{display:block;width:100%;height:33.6rem; line-height:0;}
.ycsk dl dt .yc-img i{display:block;width:5rem;line-height:0;position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);z-index:200; cursor:pointer;}
.ycsk dl dt .yc-img.open .span{display:none;}
.ycsk dl dd{width:36%;float:left;padding-top:3.05rem;}
.ycsk dl dd .yc-tit{padding-left:2.05rem; margin-bottom: 1.5rem; border-left:.8rem solid #e62129;}
.ycsk dl dd .yc-tit h4{line-height: 3.35rem;font-size: 2.4rem;color:#333333;  font-weight: bold;}
.ycsk dl dd .yc-tit p{line-height: 1.55rem;font-size: 1rem;color:#e62129; }
.ycsk dl dd .yc-txt{padding:0 2.85rem;}
.ycsk dl dd .yc-txt .yc-con{height:18.7rem; overflow: hidden; margin-bottom: 2.25rem;}
.ycsk dl dd .yc-txt .yc-con ul{height:18.6rem;overflow: auto;}
.ycsk dl dd .yc-txt .yc-con ul li:last-child{margin-bottom:0;}
.ycsk dl dd .yc-txt .yc-con ul li{margin-bottom: .9rem;}
.ycsk dl dd .yc-txt .yc-con ul li span{display: block; line-height: 1.5rem;padding-left:1.05rem;background:url(../images/yc-ico.png) no-repeat left .5rem; background-size:.5rem .5rem;font-size: .8rem;color:#333333;}
.ycsk dl dd .yc-txt .yc-con ul li.cur span{color:#e62129;background:url(../images/yc-ico_h.png) no-repeat left .5rem; background-size:.5rem .5rem;}
.ycsk dl dd .yc-txt .yc-jt i{display: block;float:left;width:1.25rem;height: .7rem; margin-right: .95rem; line-height: 0; cursor: pointer;}
.ycsk dl dd .yc-txt .yc-jt i img{width:100%;}
.ycsk dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);}
/**/
.ttbj{height:auto;background:#f5f5f5;padding:5.55rem 0 5.55rem 0; box-sizing: border-box;}
.ttbj h2{text-align: center; margin-bottom: 1.8rem;}
.ttbj h2 span{display: block; line-height: 6.5rem;font-size: 3rem;color:#333;  }
.ttbj h2 em{display: block; line-height: 1.7rem;font-size: 1rem;color:#333;  font-weight: normal;}
.ttbj .tt-map{width:106%;height:23.7rem;margin:0 0 0 -4%; position: relative;background:url(../images/tt-map.png) no-repeat center;background-size:100% 100%;}
.ttbj h2 em b{color:#ec1e2a;}
.ttbj .tt-map i{display: block;width:1.25rem;height:1.25rem;background:#E62129;border-radius: 50%;-webkit-animation:ripple_1 .6s linear infinite;    animation:ripple_1 .6s linear infinite;}
.ttbj .tt-map i.t1{position: absolute;left:27%;top:4.5rem;}
.ttbj .tt-map i.t2{position: absolute;left:6.5%;top:7.2rem}
.ttbj .tt-map i.t3{position: absolute;left:33.5%;bottom:9.9rem;}
.ttbj .tt-map i.t4{position: absolute;right:21.5%; bottom:13.5rem;}
.ttbj .tt-map i.t5{position: absolute;right:10.5%; bottom:5.8rem;}
 
@-moz-keyframes ripple_1 {
    0% {
      box-shadow: 0 0 0 0 rgba(230, 33, 41, 0.3), 0 0 0 1em rgba(230, 33, 41, 0.3), 0 0 0 3em rgba(230, 33, 41, 0.3), 0 0 0 5em rgba(230, 33, 41, 0.3);
    }
    100% {
      box-shadow: 0 0 0 1em rgba(230, 33, 41, 0.3), 0 0 0 3em rgba(230, 33, 41, 0.3), 0 0 0 5em rgba(230, 33, 41, 0.3), 0 0 0 8em rgba(230, 33, 41, 0);
    }
  }
  @-o-keyframes ripple_1 {
    0% {
      box-shadow: 0 0 0 0 rgba(230, 33, 41, 0.3), 0 0 0 1em rgba(230, 33, 41, 0.3), 0 0 0 3em rgba(230, 33, 41, 0.3), 0 0 0 5em rgba(230, 33, 41, 0.3);
    }
    100% {
      box-shadow: 0 0 0 1em rgba(230, 33, 41, 0.3), 0 0 0 3em rgba(230, 33, 41, 0.3), 0 0 0 5em rgba(230, 33, 41, 0.3), 0 0 0 8em rgba(230, 33, 41, 0);
    }
  }
  @keyframes ripple_1 {
    0% {
      box-shadow: 0 0 0 0 rgba(230, 33, 41, 0.3), 0 0 0 0.25em rgba(230, 33, 41, 0.3), 0 0 0 0.75em rgba(230, 33, 41, 0.3), 0 0 0 1.25em rgba(230, 33, 41, 0.3);
    }
    100% {
      box-shadow: 0 0 0 0.25em rgba(230, 33, 41, 0.3), 0 0 0 0.75em rgba(230, 33, 41, 0.3), 0 0 0 1.25em rgba(230, 33, 41, 0.3), 0 0 0 2em rgba(230, 33, 41, 0);
    }
  }

.ttbj .tt-con{position: relative;}
.ttbj .tt-con .tt-txt{width:100%;padding:.1rem .1rem 0;background:#FFF; box-sizing: border-box;}
.ttbj .tt-con .tt-txt span{display: block;width: 100%; line-height: 0; overflow: hidden;}
.ttbj .tt-con .tt-txt span img{width:100%; transition: 1s;}
.ttbj .tt-con .tt-txt em{display: block; line-height: 2.6rem;text-align: center;font-size: .7rem;color:#333333;  }
.ttbj .tt-con .tt-txt:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);}
.ttbj .tt-con .tt-jt i{display: block;width:2.85rem;height:2.85rem; line-height: 0; overflow: hidden;cursor: pointer;}
.ttbj .tt-con .tt-jt i img{width:100%;}
.ttbj .tt-con .tt-jt i.tt-prev{position: absolute;left:-4.85rem; top:4.9rem;}
.ttbj .tt-con .tt-jt i.tt-next{position: absolute;right:-4.85rem; top:4.9rem;}
/**/
.case{padding:2.85rem 0 4.55rem;background:#F3F4F8;}
.case h2{text-align: center; margin-bottom: 2rem;}
.case h2 span{display: block; line-height: 6.5rem;font-size: 3rem;color:#333333;  font-weight: bold;}
.case h2 em{display: block; line-height: 1.4rem;font-size: 1.1rem;color:#333333;  font-weight: normal; margin-bottom: .75rem;}
.case h2 em b{color:#ec1e2a;}
.case h2 i{display: block;width:5.3rem;height:.8rem; background:url(../images/ico.png) no-repeat center;background-size:100% 100%;margin:0 auto;}
.case .cas-nav{height:4.8rem;}
.case .cas-nav ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.case .cas-nav ul li{width:12.2%; height: 3.15rem;border:.05rem solid #D2D2D2; box-sizing: border-box; position: relative;}
.case .cas-nav ul li:before{width:1rem; height:1rem;background:url(../images/cas-ico.png) no-repeat center; content:"";position: absolute;right:-0.7rem; top:.6rem;z-index:200;border-radius:50%;}
.case .cas-nav ul li:first-child{margin-left: 0;}
.case .cas-nav ul li a{display: block; line-height: 3.15rem;text-align: center;font-size: 1.1rem;color:#333333;  }
.case .cas-nav ul li.cur{background:#E62129;border:.05rem solid #E62129;}
.case .cas-nav ul li.cur a{color:#FFF;}
.case .cas-nav ul li:last-child:before{display: none;}
.case .cas-nav ul li:last-child:hover{background:#E62129;border:.05rem solid #E62129;}
.case .cas-nav ul li:last-child:hover a{color:#FFF;}
.case .cas-con ul li{width:32%;margin:0 2% 1.45rem 0; overflow: hidden;float:left;}
.case .cas-con ul li:nth-child(3n){margin-right:0;}
.case .cas-con ul li dl dt{width:100%; height:16.8rem; line-height: 0; overflow: hidden; position:relative;}
.case .cas-con ul li dl dt span{display:block;width:100%; position:absolute;left:0;top:0;}
.case .cas-con ul li dl dt span img{width:100% ;transition: 1s;}
.case .cas-con ul li dl dt span i{display:block;width:3rem; line-height:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:200;cursor:pointer;}
.case .cas-con ul li dl dt.close span{display:none;}
.case .cas-con ul li dl dt b{display:block; width:100%;height:100%; line-height: 0;overflow:hidden;}
.case .cas-con ul li dl dt b iframe{width:100%; height:100%;}
.case .cas-con ul li dl dd .cas-desc{width:100%; height:8.05rem;background:#FFF; transition: .5s;padding:1.35rem 2.15rem 0 2.05rem; box-sizing: border-box;}
.case .cas-con ul li dl dd .cas-desc h4{height:2.35rem;line-height:2.35rem; margin-bottom: .3rem;}
.case .cas-con ul li dl dd .cas-desc h4 a{font-size: 1.2rem;color:#333333;  font-weight: bold;}
.case .cas-con ul li dl dd .cas-desc p{line-height: 1.4rem;font-size: .8rem;color:#666666;transition: .5s;}
.case .cas-con ul li dl dd .cas-desc p em{display:block;}
.case .cas-con ul li dl dd .cas-desc strong{display: block;width:8.45rem;height:2.6rem;border:.1rem solid #E62129; border-radius: 1.3rem;box-sizing: border-box;}
.case .cas-con ul li dl dd .cas-desc strong a{display: block;height:2.4rem;text-align: center;}
.case .cas-con ul li dl dd .cas-desc strong a i{display: inline-block; line-height: 2.4rem;font-size: .8rem;color:#e62129; font-weight: normal;padding-right:1.2rem; background:url(../images/pro-jia_h.png) no-repeat right;background-size:.8rem .8rem;}
.case .cas-con ul li:hover dl dt .img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.loop{padding:2.95rem 0 2.2rem;}
.loop .lop-con{position: relative;}
.loop .lop-con ul li{width:100%; line-height: 0; overflow: hidden;}
.loop .lop-con ul li img{width:100%;}
.loop .lop-con .lop-jt i{display: block;width:1.6rem; height:1.6rem;border-radius: 50%; cursor: pointer;}
.loop .lop-con .lop-jt i img{width:100%;}
.loop .lop-con .lop-jt i.lop-prev{position: absolute;left:-3.6rem; top:1.85rem;}
.loop .lop-con .lop-jt i.lop-next{position: absolute;right:-3.6rem; top:1.85rem;}
/**/
.super{height:43rem;background:url(../images/superbj.jpg) no-repeat center;background-size:100% 100%;padding-top:5.65rem; box-sizing: border-box;}
.super h2{text-align: center; margin-bottom: 1rem;}
.super h2 span{display: block; line-height: 3.4rem;font-size: 3rem;color:#333333;   font-weight: bold;}
.super h2 em{display: block; line-height: 3rem;font-size: 1.5rem;color:#333333;font-weight: normal;margin-bottom:.75rem; }
.super h2 i{display: block;width:5.3rem;height:.8rem; background:url(../images/ico.png) no-repeat center;background-size:100% 100%;margin:0 auto;}
.super .sup-desc{ line-height: 1.5rem;width:54.65rem; margin:0 auto 3.95rem;font-size: 1rem;color:#333333; text-align: center; }
.super ul li{float:left;width:25%; margin-bottom: 4.3rem;}
.super ul li span{display: block; height:2.9rem;text-align: center;}
.super ul li span em{display: inline-block; line-height: 2.9rem;font-size: 3.2rem;color:#e62129;font-weight: bold; font-family: "Arial";}
.super ul li span i{display: inline-block;font-size: 1rem;color:#333333;  font-weight: bold; vertical-align: bottom; margin-bottom: .3rem;}
.super ul li p{line-height: 1.6rem;font-size: 1rem;color:#333333; text-align: center; }
/**/
.news{padding:2.6rem 0 5.95rem;}
.news h2{text-align: center; margin-bottom: 1.4rem;}
.news h2 span{display: block; line-height: 6.5rem;font-size: 2.7rem;color:#333333;  font-weight: bold;}
.news h2 em{display: block; line-height: 1.65rem;font-size: 1rem;color:#333333;font-weight:normal; margin-bottom:.75rem; }
.news h2 i{display: block;width:5.3rem;height:.8rem; background:url(../images/ico.png) no-repeat center;background-size:100% 100%;margin:0 auto;}
.news .news-left{width:49.8%;float:left;}
.news .news-left h4{height:2.75rem; margin-bottom: .7rem;}
.news .news-left h4 span{display: block;float:left; line-height: 2.75rem;font-size: 1.2rem;color:#333333;  font-weight: bold;}
.news .news-left h4 em{display: block;float:right; line-height: 2.75rem;font-size: .8rem;color:#e62129;padding-right:1.2rem; background:url(../images/pro-jia_h.png) no-repeat right;background-size:.8rem .8rem;font-weight: normal; font-family: "HarmonyOS Sans SC";}
.news .news-left dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-left dl dt img{width:100%; transition: 1s;}
.news .news-left dl dd{height:11.85rem;background:#F3F4F8;padding:1.35rem 2.65rem 0 0; box-sizing: border-box;}
.news .news-left dl dd .left{width:8rem;height:8.75rem; border-right:.05rem solid #dcdcdc; box-sizing: border-box;float:left; text-align: center;}
.news .news-left dl dd .left i{display: block; line-height: 2.7rem;font-size: 2.7rem;color:#333333; font-style: italic;font-weight: bold;}
.news .news-left dl dd .left em{display: block; line-height: 1.25rem;font-size: .7rem;color:#333333; font-weight: bold;}
.news .news-left dl dd .rig{width:21.6rem;float:right;}
.news .news-left dl dd .rig h4{height:1.55rem; line-height: 1.55rem; margin-bottom: .55rem;}
.news .news-left dl dd .rig h4 a{font-size: .9rem;color:#333333;font-weight: bold; }
.news .news-left dl dd .rig p{line-height: 1.5rem;margin-bottom: .95rem;font-size: .8rem;color:#666666;font-weight: normal; }
.news .news-left dl dd .rig em a{display: inline-block; line-height: 1.55rem;font-size: .8rem;color:#e62129;font-weight: normal; padding-right:1.2rem;background:url(../images/pro-jia_h.png) no-repeat right;background-size:.8rem .8rem;}
.news .news-left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);}
.news .news-left dl:hover dd .rig h4 a{color:#e62129;}
.news .news-rig{width:44.1%;float:right;}
.news .news-rig h4{height:2.75rem; margin-bottom: .7rem;}
.news .news-rig h4 span{display: block;float:left; line-height: 2.75rem;font-size: 1.2rem;color:#333333;  font-weight: bold;}
.news .news-rig h4 em{display: block;float:right; line-height: 2.75rem;font-size: .8rem;color:#e62129;padding-right:1.2rem; background:url(../images/pro-jia_h.png) no-repeat right;background-size:.8rem .8rem;font-weight: normal; font-family: "HarmonyOS Sans SC";}
.news .news-rig ul li{ margin-bottom: 1.8rem;}
.news .news-rig ul li:last-child{margin-bottom: 0;}
.news .news-rig ul li .left{width:5.5rem;float:left;}
.news .news-rig ul li .left em{display: block; line-height: 1.35rem;font-size: .9rem;color:#333333;font-weight: bold;font-family: "HarmonyOS Sans SC";padding-bottom:2rem;background:url(../images/news-time.png) no-repeat left bottom;background-size:1.05rem 1.05rem;}
.news .news-rig ul li .rig{width:23.75rem;float:right;}
.news .news-rig ul li .rig h5{height:1.4rem; margin-bottom: .6rem;}
.news .news-rig ul li .rig h5 a{font-size: .9rem;color:#333333;font-weight: bold; }
.news .news-rig ul li .rig p{line-height: 1.5rem;font-size: .8rem;color:#666666;}
.news .news-rig ul li:hover .left em{color:#e62129;padding-bottom:2rem;background:url(../images/news-time_h.png) no-repeat left bottom;background-size:1.05rem 1.05rem;}
.news .news-rig ul li:hover .rig h5 a{color:#e62129;}
.news .news-rig ul li:hover .rig p{color:#e62129;}
/**/
.lcbj{height:52.9rem;background:url(../images/lcbj.jpg) no-repeat center;background-size:100% 100%;padding-top:3.15rem;box-sizing: border-box;}
.lcbj h2{text-align: center; margin-bottom: 1.4rem;}
.lcbj h2 span{display: block; line-height: 3.3rem;font-size: 2.7rem;color:#FFF;  font-weight: bold;}
.lcbj h2 em{display: block; line-height: 1.65rem;font-size: 1rem;color:#FFF;font-weight:normal; margin-bottom:.75rem; }
.lcbj h2 i{display: block;width:5.3rem;height:.8rem; background:url(../images/ico.png) no-repeat center;background-size:100% 100%;margin:0 auto;}
.lcbj .lc-top{width:48.7rem;height:14.4rem;margin:0 auto;position: relative;}
.lcbj .lc-top .lc-txt{width:48.7rem;height:14.4rem;position: relative;}
.lcbj .lc-top .lc-txt i{display: block; line-height: 14.4rem; text-align: center;font-size: 13rem;color:rgba(255,255,255,.1);font-family: "Arial"; font-weight: bold;}
.lcbj .lc-top .lc-txt .lc-desc{width:100%;position: absolute;left:0;top:0;bottom:0;right:0; text-align: center;padding-top:4.15rem; box-sizing: border-box}
.lcbj .lc-top .lc-txt .lc-desc h4{line-height: 2.15rem;font-size: 1.5rem;color:#ffffff;font-weight: normal;  margin-bottom: 1.05rem;}
.lcbj .lc-top .lc-txt .lc-desc p{line-height: 1.5rem;font-size: .8rem;color:#ffffff; margin:0 auto;width:77%;}
.lcbj .lc-top .lc-jt i{display: block;width:.55rem;height:1rem;cursor: pointer;}
.lcbj .lc-top .lc-jt i.lc-prev{background: url(../images/lc-prev.png) no-repeat center;background-size:100% 100%;position:absolute;left:-1.9rem; top:7.7rem;}
.lcbj .lc-top .lc-jt i.lc-next{background: url(../images/lc-next.png) no-repeat center;background-size:100% 100%;position:absolute;right:-1.9rem; top:7.7rem;}
.lcbj .lc-nav{height:9.6rem;position: relative;background:url(../images/lc-xt.png) no-repeat center 3.95rem;background-size:100% .55rem;}
.lcbj .lc-nav .lc-con{width:100%;padding-top:4.5rem; position: relative;}
.lcbj .lc-nav .lc-con span{display: block;width:100%; line-height: 5.1rem; text-align: center;font-size: 1rem;color:rgba(255,255,255,.7);}
.lcbj .lc-nav .lc-con em{display: none;width:136%;line-height: 0;position: absolute;left:-18%;top:0;}
.lcbj .lc-nav .lc-con em img{width:100%;}
.lcbj .lc-nav .swiper-slide.cur em{display: block;}
.lcbj .lc-tit{width:48.05rem; line-height: 0;overflow: hidden;margin:4.6rem auto 0;}
.lcbj .lc-tit img{width:100%;}






.pro-list2{display: flex;flex-wrap: wrap;width: 80%;margin: auto;}

.pro-det{width: 25%;height: 25%;margin-bottom:35px;}

.pro-det img{width: 94%;}

.pro-det dl{text-align: center;}


.pro-det h4{line-height: 2rem;}










html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@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;}}