@font-face{font-family:'Koulen-Regular';src:url('../ttf/koulen-regular.ttf') format('truetype')}
.bannerSwiper{width:100%;margin-top:1rem}
.bannerSwiper .swiper-slide img{width: 100vw;height:auto;object-fit:contain;}
.bannerSwiper .swiper-pagination{display:flex;justify-content:center;bottom:.4rem}
.bannerSwiper .swiper-pagination-bullet{width:.24rem;height:.08rem;background:#FFFFFF;border-radius:.06rem .06rem .06rem .06rem;opacity:0.53}
.bannerSwiper .swiper-pagination-bullet-active{width:.45rem;opacity:1}
.bannerprev,.bannernext{width:.66rem !important;height:.66rem !important;box-sizing:border-box;border:.01rem solid #FFFFFF;border-radius:50%;transition:all .3s}
.bannerprev{left:.7rem !important}
.bannernext{right:.7rem !important}
.bannerprev::after,.bannernext::after{font-size:.26rem !important;color:#FFFFFF}
.bannerprev:hover,.bannernext:hover{background:#00ADE8;border:.01rem solid #00ADE8}
.hPro{background-image:url(../png/a-no-pic.png);background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:8.3rem}
.proList{margin-top:.55rem;display:flex}
.proItem{width:3.35rem;height:4rem;background:#FFFFFF;border-radius:0rem 0rem 0rem 0rem;border:.01rem solid #E5E5E5;margin-right:.2rem;position:relative}
.proItem:nth-child(5n){margin-right:0}
.proImg{width:100%;
height:2.4rem;
/*height: auto;*/
overflow:hidden;
    
}
.proImg img{
    object-fit: contain;
}
.proItem:hover .proImg img{transform:scale(1.1);}
.proText{padding:.2rem .55rem 0;box-sizing:border-box}
.proTit{font-weight:400;font-size:.24rem;color:#FFFFFF;position:relative;text-align:center;margin-bottom:.27rem;transition:all .3s}
.proTit::after{content:'';width:.25rem;height:.01rem;background:#FFFFFF;position:absolute;left:50%;bottom:-0.13rem;transform:translateX(-50%);transition:all .3s}
.proItem:hover .proTit{color:#FFFFFF;}
.proItem:hover .proTit::after{width:100%}
.proTxt{font-weight:400;font-size:.16rem;color:#FFFFFF;line-height:.24rem}
.proBtn{width:.54rem;height:.54rem;background:#00ADE8;transition:all .3s;position:absolute;left:50%;transform:translateX(-50%);bottom:-0.27rem;border-radius:.27rem .27rem .27rem .27rem;display:flex;align-items:center;justify-content:center;cursor:pointer}
.proBtn p{font-weight:400;font-size:.16rem;color:#FFFFFF;width:0;overflow:hidden;transition:all .3s;white-space:nowrap}
.proBtn img{width:.12rem;height:.12rem}
.proItem:hover .proBtn{width:1.8rem;background:linear-gradient(140deg,#0085CC 0%,#1DA3EB 100%)}
.proItem:hover .proBtn p{width:.65rem;margin-right:.24rem}
.hAbout{background-image:url(../png/a-no-pic.png);background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:10rem;padding-bottom:1.06rem}
.aboutTop{margin-top:1.3rem;position:relative;z-index:222}
.aboutL{width:7rem}
.aboutTit{width:6.5rem;font-weight:bold;font-size:.3rem;color:#00ADE8;line-height:.48rem;margin-bottom:.3rem}
.aboutTxt{font-weight:400;font-size:.16rem;color:#333333;line-height:.3rem}
.aboutMore{position:relative;width:1.38rem;height:.4rem;border-radius:.27rem .27rem .27rem .27rem;border:0.01rem solid #00ADE8;margin-top:.45rem;display:flex;align-items:center;justify-content:center;font-weight:400;font-size:.16rem;color:#333333}
.aboutMore img{filter:brightness(0);width:.12rem;height:.12rem;margin-left:.22rem;transition:all 0.3s}
.aboutMore::after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:#00ADE8;border-radius:0.27rem 0.27rem 0.27rem 0.27rem;transition:all 0.3s}
.aboutMore div{transition:all 0.3s}
.aboutMore:hover div,.aboutMore:hover img{position:relative;z-index:1}
.aboutMore:hover div{color:#ffffff}
.aboutMore:hover::after{width:100%}
.aboutMore:hover img{filter:none}
.aboutR{width:6.4rem;height:4.5rem;position:absolute;top:-0.77rem;right:0}
.aboutR img:nth-child(1){filter:brightness(0.8)}
.play{display:flex;justify-content:center;align-items:center;z-index:10;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);border-radius:50%;cursor:pointer}
.play img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;filter:brightness(1) !important;width:0.5rem;height:0.5rem}
.play .bor1{display:flex;justify-content:center;align-items:center;width:0.67rem;height:0.67rem;background:rgba(255,255,255,.58);border-radius:50%;animation:bor 2s infinite}
.play .bor2{display:flex;justify-content:center;align-items:center;width:1rem;height:1rem;background:rgba(255,255,255,.58);border-radius:50%;animation:bor2 2s 0.1s infinite}
@keyframes bor{0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}
}@keyframes bor2{0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}
}.aboutVideo{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999999;display:none}
.aboutVideo .abvid{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8.52rem;height:5.5rem;display:flex;align-items:center;justify-content:center}
.aboutVideo .abvid iframe{
    width: 100%;
    height: 100%;
}
.video_close{
    font-family: none;
    font-size: 0.3rem;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 2rem;
    right: 4.7rem;
    width: 0.22rem;
    height: 0.2rem;
    padding: 0.06rem 0.08rem 0.13rem 0.08rem;
    background: #000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.aboutVideo .abvid video{display:block;max-width:100%}
.aboutVideo .videobtn{position:absolute;top:-0.2rem;right:-0.2rem;width:0.2rem;height:0.2rem;cursor:pointer}
.aboutBottom{display:flex;align-items:center;justify-content:space-between;margin-top:.65rem}
.aboutItem{padding:0 1rem;position:relative;min-width:25%;box-sizing:border-box}
.num_add{display:none;font-family:Koulen-Regular;font-size:.9rem;color:#000000}
.aboutBottom .aboutItem:nth-child(3) .num_add{display:block;margin-top:0.1rem;height:1rem}
.aboutItem:first-child{padding-left:0}
.aboutItem:nth-child(4n){padding-right:0}
.numbox{display:flex;position:relative}
.num{font-family:Koulen-Regular;font-size:.9rem;color:#000000}
.unit{font-weight:bold;font-size:.24rem;color:#333333;margin-top:.4rem;margin-left:.09rem}
.numTxt{font-weight:400;font-size:.18rem;color:#333333;position:absolute;left:0;bottom:0rem}
.aboutItem::after{content:'';width:1px;height:1.6rem;background:linear-gradient(180deg,rgba(0,133,204,0) 0%,#0085CC 53%,rgba(0,133,204,0) 100%);position:absolute;right:0;top:0}
.aboutItem:nth-child(4n)::after{display:none}
.hCase{width:100%;height:9.4rem;position:relative}
.swiper.case1{width:14rem;max-width:14rem;position:absolute;top:4rem;left:50%;transform:translateX(-50%)}
.case1 .swiper-wrapper{min-width:100%;flex-direction:row !important;align-items:center}
.case1 .swiper-slide{border:0.01rem solid rgba(255,255,255,.4);box-sizing:border-box;width:calc(14rem / 4) !important;height:2.2rem;cursor:pointer;padding:.5rem .3rem .4rem;transition:all .3s}
.case1 .swiper-slide:hover{background:linear-gradient(140deg,#0085CC 0%,#1DA3EB 100%)}
.case1 .swiper-slide>img{width:.5rem !important;height:.5rem !important;margin-bottom:.25rem;transition:all .3s}
.case1 .swiper-slide:hover>img{height:0 !important;margin:0}
.caseTit{font-weight:400;font-size:0.24rem;color:#FFFFFF;margin-bottom:.15rem}
.caseEn{height:0;overflow:hidden;font-weight:400;font-size:0.18rem;color:#FFFFFF;opacity:.17;transition:all .3s}
.case1 .swiper-slide:hover .caseEn{height:.24rem}
.caseMore{font-weight:400;font-size:0.16rem;color:#FFFFFF;display:flex;align-items:center;height:0;overflow:hidden;transition:all .3s;opacity:0}
.caseMore img{width:.12rem !important;height:.12rem !important;margin-left:.05rem !important}
.case1 .swiper-slide:hover .caseMore{height:.22rem;margin-top:.46rem;opacity:1}
.hCase .comTit{position:absolute;top:.2rem;left:50%;transform:translateX(-50%);z-index:100}
.hCase .comTit::after{background:#fff}
.hCase .comTit .comTitEn{color:#FFFFFF}
.hCase .comTit .comTitCn{color:#FFFFFF}
.hFriend{position:relative;width:100%;height:8.7rem;background-image:url(../png/a-no-pic.png);background-position:center center;background-repeat:no-repeat;background-size:cover}
.friend_item{position:absolute;width:2.12rem;height:2.12rem}
.friend_item .item_bg{width:1.5rem;height:1.5rem;background-color:#FFFFFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
.friend_item img{position:relative;z-index:99;width:100%}
.friend_item:nth-child(1){top:1.16rem;left:1.14rem}
.friend_item:nth-child(2){top:0rem;left:2.3rem}
.friend_item:nth-child(3){top:2.32rem;left:2.3rem}
.friend_item:nth-child(4){top:1.16rem;left:3.48rem}
.friend_item:nth-child(5){top:3.48rem;left:3.48rem}
.friend_item:nth-child(6){top:2.32rem;left:4.62rem}
.friend_item:nth-child(7){top:1.16rem;left:5.78rem}
.friend_item:nth-child(8){top:0;left:50%;transform:translateX(-50%)}
.friend_item:nth-child(9){width:6rem;height:3rem;top:2.32rem;left:50%;transform:translateX(-50%);overflow:hidden}
.friend_item:nth-child(9) .item_bg{top:1.25rem;left:0;width:6rem;height:6rem !important;background:linear-gradient( 135deg,#FFFFFF 0%,#FFFFFF 0,rgba(255,255,255,0.71) 24%,rgba(255,255,255,0) 35%);transform:translate(0,0) rotate(45deg)}
.friend_item:nth-child(10){top:1.16rem;right:1.14rem}
.friend_item:nth-child(11){top:0rem;right:2.3rem}
.friend_item:nth-child(12){top:2.32rem;right:2.3rem}
.friend_item:nth-child(13){top:1.16rem;right:3.48rem}
.friend_item:nth-child(14){top:3.48rem;right:3.48rem}
.friend_item:nth-child(15){top:2.32rem;right:4.62rem}
.friend_item:nth-child(16){top:1.16rem;right:5.78rem}
.friend_item:nth-child(17){top:3.48rem;left:1.16rem}
.friend_item:nth-child(17) .item_bg{background:rgba(255,255,255,0.4) !important}
.friend_item:nth-child(18){top:3.48rem;right:1.16rem}
.friend_item:nth-child(18) .item_bg{background:rgba(255,255,255,0.4) !important}
.friend_item:nth-child(19){top:2.32rem;left:0rem}
.friend_item:nth-child(19) .item_bg{background:rgba(255,255,255,0.2) !important}
.friend_item:nth-child(20){top:2.32rem;right:0rem}
.friend_item:nth-child(20) .item_bg{background:rgba(255,255,255,0.2) !important}
.friendSwiper{width:16rem;height:5.6rem;margin-top:.85rem}
.friendPrev,.friendNext{background:#F1F1F1;box-shadow:0 0 0.06rem 0.01rem rgba(0,0,0,0.16);width:.5rem !important;height:.5rem !important;transition:all .3s;margin:0 !important;border-radius:50%}
.friendPrev{top:2.1rem !important;left:0.1rem !important}
.friendNext{top:2.1rem !important;right:0.1rem !important}
.friendPrev::after,.friendNext::after{font-size:.25rem !important;color:#858585;top:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}
.friendPrev:hover,.friendNext:hover{background:#00ADE8;box-shadow:0 0.03rem 0.06rem 0.01rem rgba(0,0,0,0.16)}
.friendPrev:hover::after,.friendNext:hover::after{color:#FFFFFF}
.hNew{background-image:url(../png/a-no-pic.png);background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;height:9.35rem}
.main.newBox{margin-top:.85rem;display:flex}
.newItem{width:4.4rem;height:4.88rem;background:#FFFFFF;box-shadow:0rem 0rem 0.06rem 0.01rem rgba(0,0,0,0.16);margin-right:.3rem}
.newItem .scale-box{display:block;width:100%;height:100%}
.newItem a{margin-bottom:.1rem}
.newItem a:last-child{margin-bottom:0}
.newItemImg{width:100%;height:2.8rem;overflow:hidden}
.newItemText{width:100%;height:2.08rem;padding:.2rem .28rem .3rem;box-sizing:border-box;transition:all .3s}
.newItem a:hover .newItemText{background:linear-gradient(169deg,#0085CC 0%,#00ADE8 100%)}
.newTime{font-weight:400;font-size:0.14rem;color:#888888;margin-bottom:.1rem;transition:all .3s}
.newItem a:hover .newTime{color:#FFFFFF}
.newTit{font-weight:bold;font-size:0.18rem;color:#333333;margin-bottom:.18rem;transition:all .3s}
.newItem a:hover .newTit{color:#FFFFFF}
.newTxt{font-weight:400;font-size:0.16rem;color:#6B6B6B;line-height:0.28rem;min-height:.5rem;margin-bottom:.2rem;transition:all .3s}
.newItem a:hover .newTxt{color:#FFFFFF}
.newBtn{width:.2rem;height:.15rem;display:flex}
.newBtn img{transition:all .3s}
.newItem a:hover .newBtn img{filter:brightness(0) invert(1)}
.newItem.newOther{width:4.6rem;margin:0;box-shadow:none;background:none}
.newOtherItem{display:block;width:100%;height:1.56rem;background:#FFFFFF;box-shadow:0rem 0rem 0.06rem 0.01rem rgba(0,0,0,0.16);padding:.22rem .28rem;box-sizing:border-box;transition:all .3s}
.newOtherItem:hover{background:linear-gradient(169deg,#0085CC 0%,#00ADE8 100%)}
.newOtherTit{display:flex;align-items:center;margin-bottom:.06rem}
.newOtherTit p{width:3.7rem;font-weight:bold;font-size:0.18rem;color:#333333;transition:all .3s}
.newOtherItem:hover .newOtherTit p{color:#FFFFFF}
.newOtherTit img{width:.2rem;height:.15rem;transition:all .3s}
.newOtherItem:hover .newOtherTit img{filter:brightness(0) invert(1)}
.newOtherItem .newTime{margin-bottom:.15rem}
.newOtherItem .newTxt{margin-bottom:0}
.newMore{position:relative;display:flex;width:1.38rem;height:0.4rem;border-radius:0.27rem 0.27rem 0.27rem 0.27rem;border:0.01rem solid #00ADE8;margin:.6rem auto 0;font-weight:400;font-size:0.16rem;color:#333333;align-items:center;justify-content:center}
.newMore::after{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:#00ADE8;border-radius:0.27rem 0.27rem 0.27rem 0.27rem;transition:all 0.3s}
.newMore div{transition:all 0.3s}
.newMore:hover div,.newMore:hover img{position:relative;z-index:1}
.newMore:hover div{color:#ffffff}
.newMore:hover::after{width:100%}
.newMore img{filter:brightness(0);width:.12rem;height:.12rem;margin-left:.22rem;transition:all 0.3s}
.newMore:hover img{filter:none}
@media only screen and (max-width:768px){.bannerSwiper{height:2.8rem}
.aboutVideo .abvid{
    width: 90%;
}
.proItem:hover .proBtn {
    width: fit-content;
    padding: 0 0.3rem;
}
.proImg{
    height: 2.05rem;
}
.proImg img{
    /*object-fit: contain !important;*/
}
.aboutVideo .videobtn{
        right: -0.1rem;
    width: 0.45rem;
    height: 0.45rem;
}
.proList{width:95%;margin:0 auto;margin-top:.55rem;display:flex;display:block;height:auto;overflow:hidden}
.proItem{position:relative;width:46%;float:left;margin-bottom:.5rem;margin-left:.1rem;margin-right:.1rem}
.hPro{height:auto}
.proTit{font-size:0.3rem}
.proTxt{font-size:0.24rem}
.aboutL{width:95%;margin:0 auto;margin-bottom:0.5rem}
.hAbout{width:100%;height:auto}
.aboutTxt{font-size:0.24rem;line-height:.5rem}
.aboutMore{font-size:0.24rem;width: 1.58rem;}
.aboutR{width:95%;margin:0 auto;position:inherit;height:auto;overflow:hidden}
.play{top:58%;left:50%}
.aboutBottom{width:95%;margin:0 auto}
.aboutBottom .aboutItem:nth-child(3) .num_add{display:none}
.unit{font-weight:bold;font-size:.24rem;color:#333333;margin-top:0;margin-left:.09rem}
.num{font-size:.5rem}
.aboutItem{padding:0;min-width:auto;box-sizing:border-box;width:25%;text-align:center;margin:0;margin-left:.3rem}
.swiper.case1{width:100%}
.case1 .swiper-wrapper{min-width:auto;flex-direction:row !important;align-items:center;width:98% !important;margin:0 auto}
.case1 .swiper-slide{width:25% !important}
.hFriend{position:relative;width:100%;height:8.7rem;background-image:url(../png/friend.png);background-position:center center;background-repeat:no-repeat;background-size:cover}
.friend_item{position:absolute;width:1rem;height:1rem;display:none}
.friend_item .item_bg{width:.6rem;height:.6rem;background-color:#FFFFFF;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
.friend_item img{position:relative;z-index:99;width:100%}
.friend_item:nth-child(1){top:1.16rem;left:1.14rem}
.friend_item:nth-child(2){top:0rem;left:2.3rem}
.friend_item:nth-child(3){top:2.32rem;left:2.3rem}
.friend_item:nth-child(4){top:1.16rem;left:3.48rem}
.friend_item:nth-child(5){top:3.48rem;left:3.48rem}
.friend_item:nth-child(6){top:2.32rem;left:4.62rem}
.friend_item:nth-child(7){top:1.16rem;left:5.78rem}
.friend_item:nth-child(8){top:0;left:50%;transform:translateX(-50%)}
.friend_item:nth-child(9){width:6rem;height:3rem;top:2.32rem;left:50%;transform:translateX(-50%);overflow:hidden}
.friend_item:nth-child(9) .item_bg{top:1.25rem;left:0;width:6rem;height:6rem !important;background:linear-gradient( 135deg,#FFFFFF 0%,#FFFFFF 0,rgba(255,255,255,0.71) 24%,rgba(255,255,255,0) 35%);transform:translate(0,0) rotate(45deg)}
.friend_item:nth-child(10){top:1.16rem;right:1.14rem}
.friend_item:nth-child(11){top:0rem;right:2.3rem}
.friend_item:nth-child(12){top:2.32rem;right:2.3rem}
.friend_item:nth-child(13){top:1.16rem;right:3.48rem}
.friend_item:nth-child(14){top:3.48rem;right:3.48rem}
.friend_item:nth-child(15){top:2.32rem;right:4.62rem}
.friend_item:nth-child(16){top:1.16rem;right:5.78rem}
.friend_item:nth-child(17){top:3.48rem;left:1.16rem}
.friend_item:nth-child(17) .item_bg{background:rgba(255,255,255,0.4) !important}
.friend_item:nth-child(18){top:3.48rem;right:1.16rem}
.friend_item:nth-child(18) .item_bg{background:rgba(255,255,255,0.4) !important}
.friend_item:nth-child(19){top:2.32rem;left:0rem}
.friend_item:nth-child(19) .item_bg{background:rgba(255,255,255,0.2) !important}
.friend_item:nth-child(20){top:2.32rem;right:0rem}
.friend_item:nth-child(20) .item_bg{background:rgba(255,255,255,0.2) !important}
.main.newBox{display:block;width:95%;margin:0 auto;height:auto;overflow:hidden;margin-top:.85rem}
.newItem{margin-right:.1rem;width:47%;margin-left:.1rem;float:left;margin-bottom:.3rem}
.newItem.newOther{width:100%;float:left}
.newItem a{margin-bottom:.3rem}
.newOtherTit p{width:70%;font-size:0.28rem;font-weight:normal}
.newTime{font-size:0.2rem}
.newTxt{font-size:0.24rem}
.hNew{height:auto;padding-bottom:0.5rem}
.newOtherItem{height:auto;padding-bottom:.5rem}
.newItem{height:auto}
.newItemText{height:auto;}
.newTit{font-size:0.28rem;overflow: visible;white-space: wrap;}
.newMore{font-size:0.24rem}
/*.hFriend .swiper-slide:nth-child(1){background:url(../img/home/hzhb.png);background-size:auto;background-position:center center;background-repeat:no-repeat;background-size:cover}*/
/*.hFriend .swiper-slide:nth-child(2){background:url(../img/home/hzhb.png);background-size:auto;background-position:center center;background-repeat:no-repeat;background-size:cover}*/
.cooperative1{
    background:url(../png/hz1.png);background-size:auto;background-position:center center;background-repeat:no-repeat;background-size:contain;
}
.cooperative2{
     background:url(../png/hz2.png);background-size:auto;background-position:center center;background-repeat:no-repeat;background-size:contain;
}
.cooperative3{
     background:url(../png/hz3.png);background-size:auto;background-position:center center;background-repeat:no-repeat;background-size:contain;
}
.friendSwiper{width:100% !important;margin-top:0.25rem;}
.friendPrev{top:5rem !important;left:2.1rem !important}
.friendNext{top:5rem !important;right:2.1rem !important}
}