*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;/*word-break: break-all;font-family: 'PingFangSC-Regular','Microsoft YaHei',"Arial";font-weight: 300;*/font-family: 'PingFangSC';}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{max-width: 100%;max-height: 100%;object-fit: contain;transition: all .3s;}

/* .pc *::-webkit-scrollbar {height: 5px;width: 5px;}
.pc *::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 5px;background: rgba(0,0,0,0.1);}
.pc *::-webkit-scrollbar-thumb {height: 10px;border-radius: 5px;background: rgba(0, 0, 0, 0.3);}
.pc *::-webkit-scrollbar-thumb:hover{background: #222;} */

/* html *::-webkit-scrollbar {height: 5px;width: 5px;}
html *::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);border-radius: 5px;background: rgba(0,0,0,0.1);}
html *::-webkit-scrollbar-thumb {height: 10px;border-radius: 5px;background: rgba(0, 0, 0, 0.3);}
html *::-webkit-scrollbar-thumb:hover{background: #222;} */

html{font-size: calc(100vw / 192);}
.embed-icon{top: auto !important; bottom: 24rem !important;}
.container{width: 126rem;margin: 0 auto;}
/* .container{width: 126rem;margin: 0 33rem;} */



/* body{transition: all 0.3s;} */

/* .header{height: 9rem;width: 100%;position: fixed;top: 0;left: 0;padding: 0 8rem;display: flex;align-items: center;justify-content: space-between;z-index: 9900;background: #fff;box-shadow: 0px 6px 6px 0px rgba(12,5,0,0.03);} */
.header{height: 7.8rem;width: 100%;position: fixed;top: 0;left: 0;padding: 0rem;display: flex;align-items: center;justify-content: space-between;z-index: 9900;background: #fff;box-shadow: 0px 6px 6px 0px rgba(12,5,0,0.03);}
/* .header .logo{width: 16.9rem;height: 5.6rem;} */
.header .container{display: flex;align-items: center;justify-content: space-between;width: 144rem;height: 100%;}
.header .logo{width: 12rem;}
/* .header .searchBox{display: flex;width: 24rem;height: 3.6rem;border: 1px solid #EEEEEE;border-radius: 1.8rem;padding: 0 1.5rem;} */
.header .searchBox{display: flex;align-items: center;}
.header .searchBox input{width: 18rem;border: none;outline: none;}
.header .searchBox .btn{width: 3rem;height: 3.6rem;cursor: pointer;}
/* .header .menu{display: flex;align-items: center;margin: 0 6rem;justify-content: flex-end;flex: 1;height: 100%;} */
.header .menu{display: flex;align-items: center;margin: 0 6rem;justify-content: center;flex: 1;height: 100%;}
/* .header .menu>.one{margin-right: 7.5rem;font-size: 2rem;height: 100%;display: flex;align-items: center;} */
.header .menu>.one{margin-right: 5.2rem;font-size: 1.6rem;height: 100%;display: flex;align-items: center;}
.header .menu>.one a{color: #333;transition: all 0.3s;}
.header .menu>.one a:hover{color: #177EC9;}
.header .menu>.one.active>a{color: #177EC9;}
.header .menu>.one:last-child{margin-right: 0;}



.header .nSearchBox{position: fixed;top: 7.8rem;width: 100%;left: 0;height: 12rem;background: #127ECA;z-index: 8888;padding-top: 3rem;display: none;}
.header .nSearchBox .flex{display: flex;align-items: center;justify-content: space-between;width: 82.5rem;height: 5.5rem;margin: 0 auto;border-bottom: 1px solid #e6e6e6;}
.header .nSearchBox input{width: 76.8rem;border: none;outline: none;background: none;color: #fff;font-size: 1.6rem;}
.header .nSearchBox .btn{width: 2.2rem;height: 2.2rem;cursor: pointer;}

.header .nSearchBox input::-webkit-input-placeholder{ /*WebKit browsers*/
color: rgba(255, 255, 255, 0.8);
}

.header .nSearchBox input::-moz-input-placeholder{ /*Mozilla Firefox*/
color: rgba(255, 255, 255, 0.8);
}

.header .nSearchBox input::-ms-input-placeholder{ /*Internet Explorer*/
color: rgba(255, 255, 255, 0.8);
}



/* .header .secondBox{position: fixed;top: 9rem;width: 100%;left: 0;background: transparent;padding-top: 5rem;transition: all 0.3s;opacity: 0;visibility: hidden;}
.header .secondBox .bg{width: 100%;background: #fff;}
.header .secondBox .bg .container{display: flex;align-items: stretch;min-height: 62rem;}
.header .secondBox .bg .left{width: 20rem;border-right: 1px solid #eee;padding: 4rem 0;flex-shrink: 0;}
.header .secondBox .bg .left .one{display: flex;align-items: center;cursor: pointer;width: 100%;margin-bottom: 3.5rem;}
.header .secondBox .bg .left .one .img{width: 3rem;height: 3rem;margin-right: 1.5rem;position: relative;}
.header .secondBox .bg .left .one .img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.header .secondBox .bg .left .one .img .nor{opacity: 1;visibility: visible;z-index: 999;}
.header .secondBox .bg .left .one .img .hov{opacity: 0;visibility: hidden;z-index: 666;}
.header .secondBox .bg .left .one:hover .img .nor{opacity: 0;visibility: hidden;z-index: 666;}
.header .secondBox .bg .left .one:hover .img .hov{opacity: 1;visibility: visible;z-index: 999;}
.header .secondBox .bg .left .one .text{flex: 1;color: #222;font-size: 1.6rem;transition: all 0.3s;line-height: 1;border-right: 2px solid transparent;}
.header .secondBox .bg .left .one:hover .text{color: #787FCF;border-color: #787FCF;}

.header .secondBox .bg .left .one.active .img .nor{opacity: 0;visibility: hidden;z-index: 666;}
.header .secondBox .bg .left .one.active .img .hov{opacity: 1;visibility: visible;z-index: 999;}
.header .secondBox .bg .left .one.active .text{color: #787FCF;border-color: #787FCF;}


.header .secondBox .bg .right .block{display: none;}
.header .secondBox .bg .right .block:first-child{display: block;}
.header .secondBox .bg .right .block .flex{width: 100%;height: 100%;padding: 4rem;display: flex;}
.header .secondBox .bg .right .block .flex .line{width: 27rem;margin-right: 3rem;}
.header .secondBox .bg .right .block .flex .line .box{margin-bottom: 5rem;}
.header .secondBox .bg .right .block .flex .line .box:last-child{margin-bottom: 0;}

.header .secondBox .bg .right .block .flex .line .box .title{font-size: 1.4rem;color: #222;margin-bottom: 3rem;line-height: 1;}
.header .secondBox .bg .right .block .flex .line .box .one{font-size: 1.4rem;color: #68747F;margin-bottom: 1.6rem;line-height: 1;transition: all 0.3s;display: flex;align-items: center;}
.header .secondBox .bg .right .block .flex .line .box .one:hover{color:#787FCF;}
.header .secondBox .bg .right .block .flex .line .box .one span{width: 3.4rem;height: 1.6rem;border-radius: 4px 0px 4px 4px;background: #FFE7CC;color: #FF8400;font-size: 1.2rem;line-height: 1.6rem;text-align: center;}
.header .secondBox .bg .right .block .flex .line .box .one .text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: calc(100% - 5rem);}
.header .menu .product:hover .secondBox{padding-top: 0;opacity: 1;visibility: visible;} */


.header .nSecondBox{position: fixed;top: 7.8rem;left: 0;right: 0;z-index: 9888;padding-top: 5rem;transition: all 0.3s;opacity: 0;visibility: hidden;display: none;}
.header .nSecondBox .bg{background: #F9F9F9;}
.header .nSecondBox .flex{width: 82.8rem;padding: 4rem 0 5rem;margin: 0 auto;display: flex;flex-wrap: wrap;}
.header .nSecondBox .flex .one{width: 17.7rem;height: 5rem;display: flex;align-items: center;font-size: 1.6rem;color: #000;border-bottom: 1px solid #e6e6e6;position: relative;margin-right: 4rem;transition: all 0.3s;}
.header .nSecondBox .flex .one::after{width: 0.5rem;height: 0.5rem;top: 0;bottom: 0;right: 0;margin: auto;position: absolute;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);content:"";transition: all 0.3s;}
.header .nSecondBox .flex .one:nth-child(4n){margin-right: 0;}
.header .nSecondBox .flex .one:hover::after{border-color: #1984B1;}
.header .nSecondBox.active{opacity: 1;padding-top: 0;visibility: visible;}
.header .product:hover .nSecondBox{display: block;}

/* body{padding-top: 9rem;} */
body{padding-top: 7.8rem;}


.footer{width: 100%;}
.footer .top{padding: 6rem;background: #F9FBFD;}
.footer .top .container{display: flex;justify-content: space-between;}
.footer .top .left .hotLine{color: #555C66;font-size: 2rem;line-height: 1;opacity: 0.5;margin-top: 6rem;}
.footer .top .left .hotLine .num{opacity: 1;margin-top: 1.8rem;font-size: 4rem;}
.footer .top .left .listBox{display: flex;}
.footer .top .left .listBox .list{min-width: 18rem;line-height: 1;padding-right: 2rem;white-space: nowrap;}
.footer .top .left .listBox .list .title{font-size: 2.4rem;color: #1E2245;margin-bottom: 3.5rem;}
.footer .top .left .listBox .list .one{font-size: 1.6rem;color: #555C66;margin-bottom: 1.6rem;display: block;}
.footer .top .left .listBox .list .one:last-child{margin-bottom: 0;}

.footer .top .right{display: flex;flex-wrap: wrap;width: 28.2rem;}
.footer .top .right .one{width: 13.6rem;margin-right: 1rem;margin-bottom: 2rem;color: #555C66;font-size: 1.6rem;line-height: 1;text-align: center;}
.footer .top .right .one:nth-child(2n){margin-right: 0;}
.footer .top .right .one .img{width: 13.6rem;height: 13.6rem;margin-bottom: 1.6rem;}


.footer .bot{height: 7rem;background: #fff;}
.footer .bot .container{display: flex;align-items: center;justify-content: space-between;height: 7rem;}
.footer .bot .left{color: #555C66;font-size: 1.6rem;}
.footer .bot .left a{color: #555C66;}
.footer .bot .right{display: flex;align-items: center;}
.footer .bot .right .one{margin-left: 3rem;width: 4rem;height: 4rem;position: relative;}
.footer .bot .right .one img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;}
.footer .bot .right .one .nor{z-index: 999;opacity: 1;}
.footer .bot .right .one .hov{z-index: 888;opacity: 0;}
.footer .bot .right .one:hover .nor{z-index: 888;opacity: 0;}
.footer .bot .right .one:hover .hov{z-index: 999;opacity: 1;}


.newFooter .top{background: #FAFBFD;padding: 6.8rem 0 7rem;}
.newFooter .top .container{display: flex;justify-content: space-between;}
.newFooter .bot .container{display: flex;justify-content: space-between;align-items: center;height: 7rem;}
.newFooter .bot .left{font-size: 1.4rem;color: #808080;line-height: 1.8;}
.newFooter .bot .right{font-size: 1.4rem;color: #808080;line-height: 1.8;}
.newFooter .top .left .listBox{display: flex;}
.newFooter .top .left .listBox .list{min-width: 19.3rem;line-height: 1;padding-right: 2rem;white-space: nowrap;}
.newFooter .top .left .listBox .list .title{font-size: 1.8rem;color: #000;font-weight: bold;margin-bottom: 1.2rem;line-height: 1;}
.newFooter .top .left .listBox .list .one{font-size: 1.4rem;color: #333;display: block;line-height: 2.2;transition: all 0.3s;}
.newFooter .top .left .listBox .list .one:hover{color: #177EC9;}
.newFooter .top .hotLine .title{font-size: 1.8rem;color: #000;font-weight: bold;margin-bottom: 1.5rem;line-height: 1;}
.newFooter .top .hotLine .num{font-size: 3.2rem;color: #000;display: block;line-height: 1;font-weight: bold;}
.newFooter .top .less{margin-top: 3rem;font-size: 1.4rem;color: #999;margin-bottom: 0.7rem;line-height: 1.5;}
.newFooter .top .img{width: 12rem;height: 12rem;background: #fff;padding: 0.6rem;margin-left: 1.8rem;}
.newFooter .top .right{text-align: right;}
.newFooter .top .imgBox{display: flex;justify-content: flex-end;margin-top: 3rem;}



.liuyan{position: fixed;left: 1.6rem;bottom: 0;z-index: 4444;}
.liuyan .normal{left: 0;bottom: 0;width: 24rem;height: 4rem;position: absolute;display: flex;align-items: center;padding: 0 1.5rem;font-size: 1.8rem;color: #fff;background: #0C6FE2;cursor: pointer;}
.liuyan .normal .img{width: 2.4rem;height: 2.4rem;margin-right: 1.5rem;}

.liuyan .after{position: absolute;left: 0;bottom: -51rem;width: 33.2rem;height: 51rem;box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);border-radius: 4px 4px 4px 4px;z-index: 5555;background: #fff;transition: all 0.3s;}
.liuyan .after .top{height: 5rem;display: flex;align-items: center;justify-content: space-between;padding: 0 2.5rem;font-size: 1.6rem;color: #fff;background: #0C6FE2;}
.liuyan .after .top .right{display: flex;align-items: center;}
.liuyan .after .top .right .img{cursor: pointer;margin-left: 1.5rem;}
.liuyan .after .mid{margin: 2rem 0;padding: 0 2.5rem;font-size: 1.4rem;color: #323232;line-height: 1.5;}
.liuyan .after .mid span{color: #127ECA;}
.liuyan .after .bot{padding: 0 2.5rem;}
.liuyan .after .bot .btn{width: 100%;height: 4rem;color: #fff;background: #0C6FE2;display: flex;align-items: center;justify-content: center;border-radius: 4px;cursor: pointer;font-size: 1.4rem;}
.liuyan .after .bot .input{margin-bottom: 1.2rem;}
.liuyan .after .bot input{width: 100%;height: 4rem;border: 1px solid #e6e6e6;border-radius: 4px;padding: 0 1rem;color: #323232;font-size: 1.4rem;outline: none;}
.liuyan .after .bot textarea{width: 100%;height: 10rem;border: 1px solid #e6e6e6;border-radius: 4px;padding: 0 1rem;color: #323232;font-size: 1.4rem;outline: none;}
.liuyan .after .bot .textarea{margin-bottom: 1rem;}
.liuyan .after.active{bottom: 0;}



/* .liuyan{display: none;} */
.pageRight{padding-top: 16rem !important;}
.pageRight .kefu{display: none !important;}



.pageRight{position: fixed;right: 4.5rem;top: 30.5rem;z-index: 9911;display: flex;align-items: center;flex-direction: column;padding: 0.5rem;}
.pageRight .kefu{width: 5.6rem;height: 16rem;background-image: url(../img/bg_right.png);background-position: 0 0;background-size: 100% 100%;background-repeat: no-repeat;display: block;font-size: 1.6rem;color: #fff;padding: 6.5rem 2rem 0;}
.pageRight .box{margin-top: 2rem;box-shadow: 0px 7px 20px 0px rgba(2,5,38,0.1);width: 5rem;height: 13rem;border-radius: 5rem;display: flex;flex-direction: column;justify-content: center;background: #fff;}
.pageRight .box>div{width: 5rem;height: 5rem;position: relative;}
.pageRight .box>div>.img{width: 5rem;height: 5rem;position: relative;}
.pageRight .box>div>.img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all 0.3s;}
.pageRight .box>div>.img .nor{opacity: 1;visibility: visible;z-index: 999;}
.pageRight .box>div>.img .hov{opacity: 0;visibility: hidden;z-index: 666;}
.pageRight .box>div>.img:hover .nor{opacity: 0;visibility: hidden;z-index: 666;}
.pageRight .box>div>.img:hover .hov{opacity: 1;visibility: visible;z-index: 999;}

.pageRight .box .block{opacity: 0;visibility: hidden;transition: all 0.3s;display: none;}
.pageRight .box .phone .block{position: absolute;top: 50%;right: 5rem;padding-right: 5rem;transform: translateY(-50%);}
.pageRight .box .phone .block .bg{background: #fff;box-shadow: 0px 7px 20px 0px rgba(2,5,38,0.1);position: relative;padding: 2.4rem 4rem 2.5rem 2rem;border-radius: 1rem;display: flex;white-space: nowrap;}
.pageRight .box .phone .block .bg .img{width: 1.7rem;height: 1.7rem;margin-right: 1rem;}
.pageRight .box .phone .block .bg .text{flex: 1;}
.pageRight .box .phone .block .bg .text .title{font-size: 1.4rem;color: #888;line-height: 1.7rem;margin-bottom: 1.5rem;}
.pageRight .box .phone .block .bg .text .num{font-size: 1.4rem;color: #333;margin-bottom: 1rem;}
.pageRight .box .phone .block .bg .text .time{margin-top: 2rem;font-size: 1.4rem;color: #888;}
.pageRight .box .phone .block .bg::after{position: absolute;top: 0;bottom: 0;left: calc(100% - 0.5rem);background: #fff;transform: rotate(45deg);width: 1rem;height: 1rem;content: "";margin: auto;}
.pageRight .box .phone:hover .block{opacity: 1;visibility: visible;right: 2rem;}

.pageRight .box .code .block{position: absolute;top: 50%;right: 5rem;padding-right: 5rem;transform: translateY(-50%);}
.pageRight .box .code .block .bg{background: #fff;box-shadow: 0px 7px 20px 0px rgba(2,5,38,0.1);position: relative;padding: 2rem 2rem 0;border-radius: 1rem;display: flex;flex-wrap: wrap;width: 30rem;}
.pageRight .box .code .block .bg .one{width: 12rem;margin-right: 1.5rem;margin-bottom: 2rem;}
.pageRight .box .code .block .bg .one .img{width: 12rem;padding: 1rem;background: #FBFBFF;border: 1px solid #F0F0F7;}
.pageRight .box .code .block .bg .one:nth-child(2n){margin-right: 0;}
.pageRight .box .code .block .bg .one .text{font-size: 1.4rem;line-height: 1;margin-top: 1.6rem;text-align: center;color: #888;}
.pageRight .box .code .block .bg::after{position: absolute;top: 0;bottom: 0;left: calc(100% - 0.5rem);background: #fff;transform: rotate(45deg);width: 1rem;height: 1rem;content: "";margin: auto;}
.pageRight .box .code:hover .block{opacity: 1;visibility: visible;right: 2rem;}
.pageRight:hover .block{display: block;}



/* .index .banner{height: 60rem;}
.index .banner .swiper{height: 60rem;}
.index .banner .one{height: 60rem;position: relative;display: block;}
.index .banner .one .img{height: 60rem;}
.index .banner .one .img img{height: 100%;object-fit: cover;}
.index .banner .one .text{left: 33rem;top: 0;bottom: 0;display: flex;flex-direction: column;justify-content: center;position: absolute;}
.index .banner .one .text .btn{width: 15rem;height: 4.4rem;display: flex;align-items: center;justify-content: center;border-radius: 1rem;color: #Fff;font-size: 1.6rem;margin-top: 5rem;background: #938FC6;}
.index .banner .one .text .line{display: flex;}
.index .banner .one .text .line .big{font-size: 9rem;font-weight: bold;margin-left: 2rem;color: #1E2245;line-height: 1;}
.index .banner .one .text .line .small{font-size: 4rem;color: #1E2245;width: 28rem;}
.index .banner .one .text .line .small span{letter-spacing: 0.14em;} */

.index .banner .swiper .swiper-pagination{bottom: 3.5rem;}
.index .banner .swiper .swiper-pagination-bullet{width: 10rem;height: 0.3rem;margin: 0 0.4rem;border: none;border-radius: 0;opacity: 0.2;background: #fff;}
.index .banner .swiper .swiper-pagination-bullet-active{opacity: 1;}

.index .banner .swiper {height: 64rem;background: #ddd;}
.index .banner .swiper .img{height: 64rem;}
.index .banner .swiper .img img{width: 100%;height: 100%;object-fit: cover;}

.index .banner .swiper .text{position: absolute;top: 0;left: 0;right:0;bottom:0;width: 126rem;margin: auto;display: flex;align-items: center;justify-content: space-between;}
.index .banner .swiper .video{height: 40rem;width: 62rem;}
.index .banner .swiper .video video{width: 100%;height: 100%;object-fit: fill;}
.index .banner .swiper .cn{font-size: 4.5rem;line-height: 6.4rem;margin-bottom: 1.7rem;font-family: "阿里巴巴普惠体 2.0 75 SemiBold";background: linear-gradient(90deg, #1984B1 0%, #004E97 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.index .banner .swiper .en{font-size: 2.4rem;line-height: 3.4rem;background: linear-gradient(90deg, #1984B1 0%, #004E97 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: TT Norms Pro-Medium, TT Norms Pro;}



@font-face {
    font-family: "阿里巴巴普惠体 2.0 75 SemiBold";font-weight: 600;
    src: url("./AnPXaT_bQXrxbn-fLR5UV.woff2") format("woff2"),
    url("./4T2drPeuSgnceWyiUwzYI.woff") format("woff");
    font-display: swap;
}



/* .index .block .blockTitle{font-size: 4rem;line-height: 1;margin-bottom: 2.5rem;color: #222;text-align: center;}
.index .block .blockText{font-size: 1.6rem;line-height: 1;color: #555C66;text-align: center;} */

.index .block .blockTitle{font-size: 3.2rem;line-height: 1;color: #222;/*text-align: center;*/font-weight: bold;}
.index .block .blockText{font-size: 1.6rem;line-height: 1;color: #555C66;/*text-align: center;*/margin-top: 2rem;}

/* .index .product{padding: 10rem 0;background-image: url(../img/bg_product.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;} */
.index .product{padding: 7.5rem 0 8.5rem;background-image: url(../img/bg_product.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;}
.index .product .blockTitle{text-align: left;}
.index .product .blockText{text-align: left;}
.index .product .top .container{display: flex;align-items: center;justify-content: space-between;margin-bottom: 3rem;}
.index .product .top .right{display: flex;align-items: center;}
.index .product .top .right .icon{width: 8rem;height: 8rem;margin-left: 2rem;border-radius: 50%;cursor: pointer;position: relative;}
/* .index .product .top .right .icon img{width: 3.4rem;height: 2.2rem;} */
.index .product .top .right .icon img{width: 100%;height: 100%;transition: all 0.3s;position: absolute;top: 0;left: 0;object-fit: cover;transition: all 0.3s;}
.index .product .top .right .icon .nor{z-index: 999;opacity: 1;}
.index .product .top .right .icon .hov{z-index: 888;opacity: 0;}
.index .product .top .right .icon:hover .nor{z-index: 888;opacity: 0;}
.index .product .top .right .icon:hover .hov{z-index: 999;opacity: 1;}


/* .index .product .bot .swiper .swiper-container{padding-bottom: 5rem;} */
.index .product .bot .swiper .swiper-container{padding-bottom: 6rem;}
.index .product .bot .swiper .swiper-container .swiper-pagination{left: 33rem;right: 33rem;bottom: 0;width: auto;top: auto;height: 0.2rem;}
.index .product .bot .swiper .swiper-container .swiper-pagination-progressbar{background: #fff;}
.index .product .bot .swiper .swiper-container .swiper-pagination-progressbar-fill{background: #6469A7;}

.index .product .bot .swiper-slide{margin-right: 3rem;width: 38rem;}
.index .product .bot .swiper-slide:first-child{margin-left: 27rem;}
.index .product .bot .swiper-slide:last-child{margin-right: 33rem;}
/* .index .product .bot .box{width: 38rem;height: 50rem;background: #fff;transition: all 0.3s;border-radius: 1rem;position: relative;cursor: pointer;} */
.index .product .bot .box{width: 38rem;height: 45rem;background: #fff;transition: all 0.3s;border-radius: 1rem;position: relative;cursor: pointer;display: block;}
.index .product .bot .box .img{width: 38rem;height: 38rem;padding-top: 4rem;}
.index .product .bot .box .img img{transition: all 0.3s;}
/* .index .product .bot .box .text{display: flex;align-items: center;justify-content: center;height: calc(100% - 38rem);font-size: 2rem;color: #1E2245;} */
.index .product .bot .box .text{display: flex;align-items: center;justify-content: center;height: calc(100% - 38rem);font-size: 1.6rem;color: #1E2245;}
.index .product .bot .box:hover{background: #F7F8FF;}
.index .product .bot .box:hover .img img{transform: scale(1.1);}
.index .product .bot .box .num{width: 2.8rem;height: 2.8rem;background: #fff;border-radius: 2.8rem;border: 1px solid #333;font-size: 1.4rem;color: #333;position:absolute;top: 3rem;left: 3rem;display: flex;align-items: center;justify-content: center;transition: all 0.3s;z-index: 111;display: none;}
.index .product .bot .box:hover .num{background: #6469A7;border-color: #6469A7;color: #fff;}



/* .index .solution{padding: 10rem 0;} */
.index .solution{padding:  0;}
.index .solution .btn{margin: 6rem auto 0;width: 15rem;height: 4.4rem;border-radius: 1rem;background: #6469A7;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 1.6rem;}

.index .solution .list{display: flex;margin-top: 5rem;}
.index .solution .list .one{flex: 1;height: 60rem;position: relative;cursor: pointer;display: block;}
.index .solution .list .one .bg{width: 100%;height: 100%;}
.index .solution .list .one .bg img{width: 100%;height: 100%;object-fit: cover;}
.index .solution .list .one .box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(30, 34, 69, 0.5);margin: auto;transition: all 0.3s;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.index .solution .list .one .box .img{width: 10rem;height: 10rem;margin-bottom: 2rem;position: relative;z-index: 99;}
.index .solution .list .one .box .name{font-size: 2.6rem;color: #fff;position: relative;z-index: 99;transition: all 0.3s;}
.index .solution .list .one:hover .box{top: 5rem;bottom: 5rem;left: 5rem;right: 5rem;background: rgba(30, 34, 69, 0.75);}
.index .solution .list .one:hover .name{padding-bottom: 2.5rem;}
.index .solution .list .one:hover .name::after{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 3rem;height: 0.4rem;background: #Fff;border-radius: 0.4rem;content: "";}

.index .solution .list .one .box::before{position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: rgba(100, 105, 167, 0.5);width: 26rem;height: 26rem;transition: all 0.3s;margin: auto;content: "";border-radius: 50%;z-index: 1;opacity: 0;}
.index .solution .list .one .box::after{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 24rem;height: 24rem;transition: all 0.3s;margin: auto;content: "";border-radius: 50%;z-index: 1;border: 1px dashed rgba(255, 255, 255, 0.5);opacity: 0;}
.index .solution .list .one:hover .box::before{opacity: 1;}
.index .solution .list .one:hover .box::after{opacity: 1;}


.index .news{padding: 10rem 0;background-image: url(../img/bg_news.png);background-repeat: no-repeat;background-position: center center;}
.index .news .list{margin-top: 5rem;display: flex;justify-content: space-between;}
.index .news .list .one{width: 40rem;height: 29.5rem;background: none;transition: all 0.3s;padding: 3rem 2.5rem 3rem 1.5rem;display: flex;flex-direction: column;justify-content: space-between;}
.index .news .list .one:hover{background: #fff;}
.index .news .list .one .top{display: flex;justify-content: space-between;flex: 1;}
.index .news .list .one .top .left{font-size: 1.6rem;color: #333;border-top: 0.4rem solid #333;width: 4rem;text-align: center;padding-top: 3.5rem;}
.index .news .list .one .top .right{width: 30rem;display: flex;flex-direction: column;height: 21.5rem;}
.index .news .list .one .top .right .img{width: 30rem;height: 0;margin-bottom: 3.5rem;transition: all 0.3s;flex-shrink: 0;}
.index .news .list .one .top .right .img img{width: 100%;height: 100%;object-fit: cover;}
.index .news .list .one:hover .top .right .img{height: 12rem;margin-bottom: 2rem;}
.index .news .list .one .top .right .title{font-size: 2rem;color: #333;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 3rem;transition: all 0.3s;flex-shrink: 0;}
.index .news .list .one:hover .top .right .title{margin-bottom: 0rem;}
.index .news .list .one .top .right .content{font-size: 1.4rem;color: #666;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.3s;}
.index .news .list .one:hover .top .right .content{height: 0;}
.index .news .list .one .bot{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;height: 2rem;}
.index .news .list .one .bot .left{width: 4rem;display: flex;align-items: center;justify-content: center;}
.index .news .list .one .bot .left .img{width: 2rem;height: 2rem;}
.index .news .list .one .bot .right{width: 30rem;font-size: 1.4rem;color: #999;height: 2rem;}



.index .support{padding: 5rem 0;}
.index .support .list{margin-top: 5rem;display: flex;align-items: center;/*justify-content: space-between;*/}
.index .support .list .one{width: 40rem;height: 18rem;position: relative;margin-right: 3rem;}
.index .support .list .one .img{width: 100%;height: 100%;}
.index .support .list .one .img img{width: 100%;height: 100%;object-fit: cover;}

.index .support .list .one .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 3.6rem;display: flex;flex-direction: column;justify-content: space-between;}
.index .support .list .one .text .title{font-size: 1.8rem;color: #333;font-weight: bold;line-height: 1;margin-bottom: 1.5rem;}
.index .support .list .one .text .more{display: flex;align-items: center;justify-content: center;width: 10rem;height: 3rem;border-radius: 1rem;background: #6469A7;color: #fff;font-size: 1.4rem;}
.index .support .list .one .text .content{flex: 1;font-size: 1.6rem;color: #555C66;}


.index .about{padding: 5rem 0;}
.index .about .blockText{width: 85rem;margin: 0 auto;line-height: 1.4;}
.index .about .list{margin-top: 5rem;display: flex;align-items: center;justify-content: space-between;}
.index .about .list .one{width: 42rem;height: 23rem;position: relative;}
.index .about .list .one .img{width: 100%;height: 100%;}
.index .about .list .one .img img{width: 100%;height: 100%;object-fit: cover;}

.index .about .list .one .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 5rem;display: flex;flex-direction: column;justify-content: space-between;}
.index .about .list .one .text .title{font-size: 2.6rem;color: #222;line-height: 1;margin-bottom: 2rem;}
.index .about .list .one .text .more{display: flex;align-items: center;justify-content: center;width: 12rem;height: 3rem;border-radius: 1rem;background: #938FC6;color: #fff;font-size: 1.6rem;}
.index .about .list .one .text .content{flex: 1;font-size: 1.4rem;color: #555C66;width: 25rem;}



.index .contactBox{height: 30rem;display: flex;align-items: center;justify-content: center;background-image: url(../img/bg_contact.png);background-repeat: no-repeat;background-position: center center;flex-direction: column;}
.index .contactBox .title{font-size: 4rem;margin-bottom: 1.7rem;line-height: 1;color: #333;font-weight: bold;}
.index .contactBox .content{font-size: 1.6rem;color: #555C66;line-height: 1;letter-spacing: 0.5em;}
.index .contactBox .btn{margin-top: 2.8rem;width: 14rem;height: 4rem;background: #6469A7;border-radius: 1rem;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;cursor: pointer;}


.index .newAbout{padding-top: 7.5rem;}
.index .newAbout .blockTitle{text-align: left;margin-bottom: 3rem;}
.index .newAbout .list{display: flex;justify-content: space-between;}
.index .newAbout .list a{display: block;width: 40.7rem;height: 54.2rem;position: relative;}
.index .newAbout .list a .img{width: 100%;height: 100%;}
.index .newAbout .list a .img img{width: 100%;height: 100%;object-fit: cover;}
.index .newAbout .list a .text{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 3.2rem 2.8rem;transition: all .3s;background: linear-gradient(180deg, rgba(0,0,0,0) 100%, #000000 100%);}
.index .newAbout .list a .text .name{line-height: 1;font-size: 2.8rem;color: #fff;margin-bottom: 1.6rem;}
.index .newAbout .list a .text .content{line-height: 1;font-size: 1.8rem;color: #fff;}
.index .newAbout .list a .text .more{line-height: 1;font-size: 1.8rem;color: #fff;height: 0;transition: all 0.3s;margin-top: 0;opacity: 0;}
.index .newAbout .list a:hover .text{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);}
.index .newAbout .list a:hover .text .more{height: auto;margin-top: 3.2rem;opacity: 1;}


.index .newNews{padding: 6rem 0 6.5rem;}
.index .newNews .top{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 3rem;}
.index .newNews .top .right a{font-size: 1.8rem;color: #999;}

.index .newNews .bot{display: flex;justify-content: space-between;}
.index .newNews .bot .left a{width: 64rem;height: 40.2rem;position: relative;display: flex;}
.index .newNews .bot .left a .img{width: 100%;height: 100%;}
.index .newNews .bot .left a .img img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.index .newNews .bot .left a:hover .img img{transform: scale(1.1);}
.index .newNews .bot .left a .text{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: space-between;padding: 5.4rem 4.6rem;}
.index .newNews .bot .left a .text .name{font-size: 3.2rem;line-height: 1;color: #fff;}
.index .newNews .bot .left a .text .content{font-size: 1.4rem;line-height: 2;color: #fff;}
.index .newNews .bot .left a .text .more{font-size: 1.4rem;line-height: 1;color: #fff;}

.index .newNews .bot .right{width: 56rem;padding-top: 1.7rem;}
.index .newNews .bot .right .one{padding-bottom: 2.7rem;margin-bottom: 3.33rem;display: block;border-bottom: 1px solid #e5e5e5;}
.index .newNews .bot .right .one:last-child{padding-bottom: 0;margin-bottom: 0;border: none;}
.index .newNews .bot .right .one .name{font-size: 1.8rem;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;color: #1a1a1a;margin-bottom: 1.3rem;transition: all 0.3s;}
.index .newNews .bot .right .one:hover .name{color: #177EC9;}
.index .newNews .bot .right .one .content{font-size: 1.4rem;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.8;}


.index .newSolution{position: relative;}
.index .newSolution .img{width: 100%;}
.index .newSolution .img img{width: 100%;}
.index .newSolution .text{position: absolute;padding-left: 86.3rem;top: 0;bottom: 0;display: flex;justify-content: center;flex-direction: column;}
.index .newSolution .text .less{font-size: 1.6rem;line-height: 1.4;margin-bottom: 1;color: #fff;}
.index .newSolution .text .big{font-size: 4.8rem;color: #fff;line-height: 1.4;margin-bottom: 5.5rem;}
.index .newSolution .text .more{width: 15.6rem;height: 3.7rem;color: #fff;border: 1px solid #fff;transition: all 0.3s;display: flex;align-items: center;justify-content: center;}
.index .newSolution .text .more:hover{background: #fff;color: #6468A6;}


.index .friend{padding: 5rem;}
.index .friend .blockTitle{text-align: left;margin-bottom: 3rem;}
.index .friend .swiper-wrapper{flex-direction: row;}
.index .friend .swiper-slide{margin-bottom: 2rem;}

.index .friend .swiper .swiper-container{padding-bottom: 2rem;}
.index .friend .swiper .swiper-pagination-bullet{width: 1.4rem;height: 0.2rem;margin: 0 0.4rem;border: none;border-radius: 0;background: #D9D9D9;opacity: 1;}
.index .friend .swiper .swiper-pagination-bullet-active{background: #000;}







.pageMenu{display: flex;height: 8rem;padding: 0 8rem;align-items: center;}
.pageMenu .name{font-size: 2rem;color: #000033;padding-right: 1.6rem;border-right: 1px solid #ddd;margin-right: 4rem;}
.pageMenu .one{width: 10rem;height: 3rem;font-size: 2rem;color: #000033;border-radius: 0.6rem;background: transparent;transition: all 0.3s;margin-right: 4rem;display: flex;align-items: center;justify-content: center;}
.pageMenu .one.active{background: #6B71BB;color: #fff;}
.pageMenu .one:hover{background: #6B71BB;color: #fff;}

/* .pageMenu{height: 5.4rem;display: flex;align-items: center;justify-content: center;}
.pageMenu .one{font-size: 1.6rem;color: #333;margin: 0 0.4rem;transition: all 0.3s;height: 100%;padding: 0 2rem;display: flex;align-items: center;text-align: center;}
.pageMenu .one.active,.pageMenu .one:hover{color: #127ECA;} */


.about .banner{height: 46rem;width: 100%;position: relative;}
.about .banner .img{height: 100%;width: 100%;}
.about .banner .img img{height: 100%;width: 100%;object-fit: cover;}

.about .banner .text{position: absolute;display: flex;flex-direction: column;justify-content: center;width: 126rem;margin: 0 auto;height: 100%;top: 0;left: 0;right: 0;}
.about .banner .text .big{font-size: 4rem;color: #fff;line-height: 5.6rem;margin-bottom: 0.8rem;}
.about .banner .text .small{font-size: 2.4rem;color: #fff;line-height: 3.4rem;}

.about .nBlock1{background-image: url(../img/n_bg_about.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;padding: 12.3rem 0;}
.about .nBlock1 .container{display: flex;justify-content: space-between;}
.about .nBlock1 .img{width: 60.6rem;height: 47.8rem;}
.about .nBlock1 .right{flex-shrink: 0;margin-left: 8rem;}
.about .nBlock1 .left{font-size: 1.6rem;color: #333;line-height: 3.6rem;}
.about .nBlock1 .left .title{font-size: 4rem;color: #222;line-height: 4.6rem;margin-bottom: 2rem;}
.about .nBlock1 .left .less{font-size: 2rem;line-height: 2.4rem;}
.about .nBlock1 .left .line{width: 5.6rem;height: 2px;background: #127ECA;margin: 4rem 0 3rem;}


.about .nBlock2{padding: 6rem 0 9rem;}
.about .nBlock2 .title{font-size: 3.6rem;color: #222;line-height: 4.2rem;text-align: center;}
.about .nBlock2 .line{width: 5.6rem;height: 2px;background: #127ECA;margin: 1.6rem auto 2.3rem;text-align: center;}
.about .nBlock2 .less{font-size: 1.6rem;line-height: 2;margin-bottom: 6rem;text-align: center;}
.about .nBlock2 .list{display: flex;flex-wrap: wrap;}
.about .nBlock2 .list .one{width: 42rem;height: 28rem;border: 1px solid #ebebeb;padding: 3.2rem 2.7rem;}
.about .nBlock2 .list .one .img{width: 100%;height: 100%;}
.about .nBlock2 .list .one .img img{width: 100%;height: 100%;object-fit: cover;cursor: pointer;}



.about .block1{background-image: url(../img/bg_about.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;padding: 13rem 0 24rem;}
.about .block1 .img{width: 6.6rem;height: 6.6rem;margin: auto;}
.about .block1 .img img{width: 100%;height: 100%;object-fit: cover;}
.about .block1 .title{font-size: 4rem;color: #222;margin-top: 3.5rem;line-height: 1;text-align: center;}
.about .block1 .less{font-size: 1.8rem;color: #555C66;margin-top: 2.5rem;line-height: 1;text-align: center;}
.about .block1 .content{font-size: 1.8rem;color: #333;margin: 5rem auto 0;line-height: 3rem;text-align: left;width: 75rem;}


.about .block2{position: relative;padding: 8.5rem 8rem;}
.about .block2::before{position: absolute;top: 0;left: 0;z-index: 1;width: calc(100% - 2rem);height: 100%;background: #F7F8FF;content:""}
.about .block2::after{position: absolute;top: 0;right: 0;z-index: 1;width: 88rem;height: 66.6rem;background: #F0F0FE;content:""}
.about .block2 .one{position: relative;z-index: 111;display: flex;margin-bottom: 8rem;}
.about .block2 .one:nth-child(2n+1){flex-direction: row-reverse;}
.about .block2 .one .left{width: 91rem;height: 50rem;flex-shrink: 0;margin-right: 9rem;}
.about .block2 .one .left .img{width: 100%;height: 100%;}
.about .block2 .one .left .img img{width: 100%;height: 100%;object-fit: cover;}
.about .block2 .one:nth-child(2n+1) .left{margin-right: 0;margin-left: 9rem;}
.about .block2 .one:last-child{margin-bottom: 0;}
.about .block2 .one .right{padding-top: 5rem;}
.about .block2 .one .right .en{font-size: 4rem;color: #222;font-weight: bold;margin-bottom: 4.5rem;}
.about .block2 .one .right .cn{font-size: 4rem;color: #222;margin-bottom: 7.5rem;}
.about .block2 .one .right .content{font-size: 1.6rem;color: #333;line-height: 3rem;text-align: justify;}


.about .block3{padding: 10rem 0;}
.about .block3 .container{position: relative;}
.about .block3 .title{font-size: 3rem;color: #222;margin-bottom: 8rem;text-align: center;}

.about .block3 .swiper-container{padding: 0 3rem 3rem;}
.about .block3 .swiper-container::after{position: absolute;top: 6rem;left: 0;right: 0;background: #EFEFF5;height: 2px;content:""}
.about .block3 .swiper-slide{width: 28rem;margin-right: 3rem;}
.about .block3 .box{position: relative;}
.about .block3 .box::after{position: absolute;width: 0.6rem;height: 0.6rem;border: 0.7rem solid #E5E5EF;content:"";top: 5rem;left: 2rem;border-radius: 50%;background: #fff;transition: all 0.3s;}

.about .block3 .name{font-size: 2rem;color: #6E6F7A;line-height: 1;padding: 0 2rem;margin-bottom: 7rem;}
.about .block3 .content{padding: 2rem;background: transparent;transition: all 0.3s;font-size: 1.6rem;line-height: 2.6rem;color: #6E6F7A;}
.about .block3 .swiper-slide-active .box::after{border-color:#6B71BB;transform: scale(1.25);}
.about .block3 .swiper-slide-active .box .content{background: #fff;box-shadow: 0px 8px 20px 0px rgba(4,10,83,0.09);}
.about .block3 .box:hover::after{border-color:#6B71BB;transform: scale(1.25);}
.about .block3 .box:hover .content{background: #fff;box-shadow: 0px 8px 20px 0px rgba(4,10,83,0.09);}

.about .block3 .swiper-button-next{width: 6.9rem;height: 6.4rem;right: -6.9rem;position: absolute;left: auto;top: 5rem;}
.about .block3 .swiper-button-next::after{display: none;}
.about .block3 .swiper-button-prev{width: 6.9rem;height: 6.4rem;left: -6.9rem;position: absolute;right: auto;top: 5rem;}
.about .block3 .swiper-button-prev::after{display: none;}





.about .block4{padding: 13rem 0 10rem;}
.about .block4>.img{width: 6.6rem;height: 6.6rem;margin: auto;}
.about .block4>.img img{width: 100%;height: 100%;object-fit: cover;}
.about .block4 .title{font-size: 4rem;color: #222;margin-top: 3.5rem;line-height: 1;text-align: center;}
.about .block4 .content{font-size: 1.6rem;color: #333;margin: 5rem auto 0;line-height: 3rem;text-align: center;width: 80rem;}

.about .block4 .swiper .container{margin-top: 7rem;position: relative;}
.about .block4 .swiper-button-next{width: 11.2rem;height: 11.2rem;right:0rem;position: absolute;left: auto;top: 5rem;bottom: 0;margin: auto;}
.about .block4 .swiper-button-next::after{display: none;}
.about .block4 .swiper-button-prev{width: 11.2rem;height: 11.2rem;left:0rem;position: absolute;right: auto;top: 5rem;bottom: 0;margin: auto;}
.about .block4 .swiper-button-prev::after{display: none;}
.about .block4 .swiper-slide .img{width: 80rem;height: auto;margin: 0 auto;}




.about .block5{padding: 8rem 0;}
.about .block5 .one{display: flex;align-items: center;}
.about .block5 .one .left{width: 63rem;height: 20rem;flex-shrink: 0;}
.about .block5 .one:first-child .left{height: 34rem;}
.about .block5 .one .left .img{width: 100%;height: 100%;}
.about .block5 .one .left .img img{width: 100%;height: 100%;object-fit: cover;}
.about .block5 .one .right{flex: 1;display: flex;flex-direction: column;justify-content: center;padding-left: 4rem;}
.about .block5 .one:first-child .right{padding-left: 10rem;}
.about .block5 .one .right .time{font-size: 4rem;color: #1E2245;padding-bottom: 3rem;margin-bottom: 3rem;border-bottom: 1px solid #6B71BB;}
.about .block5 .one .right .content{color: #1E2245;font-size: 1.6rem;line-height: 1;}
.about .block5 .one:nth-child(2n){flex-direction: row-reverse;}
.about .block5 .one:nth-child(2n) .right{padding-left: 0;padding-right: 4rem;text-align: right;}



.product .banner{height: 54rem;width: 100%;position: relative;}
.product .banner .img{height: 100%;width: 100%;}
.product .banner .img img{height: 100%;width: 100%;object-fit: cover;}

.product .banner .text{position: absolute;display: flex;flex-direction: column;justify-content: center;width: 126rem;margin: 0 auto;height: 100%;top: 0;left: 0;right: 0;}
.product .banner .text .name{font-size: 4.6rem;color: #fff;line-height: 1;margin-bottom: 2.4rem;width: 52rem;}
.product .banner .text .content{font-size: 1.6rem;color: #fff;line-height: 2.8rem;width: 52rem;}

.proMenu{border-bottom: 1px solid #e6e6e6;}
.proMenu .container{display: flex;height: 9.8rem;align-items: center;}
/* .proMenu .name{font-size: 2rem;color: #000033;padding-right: 1.6rem;border-right: 1px solid #ddd;margin-right: 10rem;} */
.proMenu .one{margin-right: 4.8rem;position: relative;height: 100%;line-height: 9.8rem;}
.proMenu .one span{font-size: 1.8rem;color: #333;transition: all 0.3s;}
.proMenu .one:hover span{color: #127ECA;}
.proMenu .one.active span{color: #127ECA;}
.proMenu .one::after{position: absolute;bottom: 0;left: 0;right: 0;width: 5.4rem;height: 3px;margin: auto;background: transparent;content: "";transition: all 0.3s;}
.proMenu .one.active::after{background: #127ECA;}


/* .product .list{background-image: url(../img/bg_pro.png);background-position: top left;background-size: 100%;padding: 6rem 0;}
.product .list .block{width: 176rem;margin: 0 auto;display: flex;flex-wrap: wrap;}
.product .list .one{width: 41rem;height: 56rem;background: #fff;border-radius: 1rem;margin-right: 4rem;margin-bottom: 4rem;display: flex;flex-direction: column;transition: all 0.3s;}
.product .list .one:nth-child(4n){margin-right: 0;}
.product .list .one:hover{box-shadow: 0px 17px 32px 0px rgba(4,10,83,0.14);}
.product .list .one .img{width: 41rem;height: 41rem;flex-shrink: 0;}
.product .list .one .img img{transition: all 0.3;}
.product .list .one:hover .img img{transform: scale(1.1);}
.product .list .one .text{flex: 1;padding: 3rem;}
.product .list .one .text .name{font-size: 2rem;color: #1E2245;line-height: 1;margin-bottom: 1.7rem;transition: all 0.3s;}
.product .list .one .text .content{font-size: 1.4rem;color: #888;line-height: 2.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.product .list .one:hover .text .name{color: #6B71BB;} */

.product .loading{display: none;align-items: center;justify-content: center;margin-bottom: 6rem;font-size: 1.4rem;color: #6B71BB;}
.product .loading .img{width: 2.2rem;height: 2.2rem;margin-right: 0.8rem;}
.product .loading.active{display: flex;}

.product{background:#F3F4F5;}

.product.one{background: transparent;}


.product .list{padding: 6rem 0;}
.product .list .container{display: flex;flex-wrap: wrap;}
.product .list .one{width: 39.2rem;height: 44.6rem;padding: 4rem;font-size: 1.8rem;line-height: 1;background: #fff;transition: all 0.3s;margin-right: 4.2rem;margin-bottom: 4rem;border-radius: 0.8rem;}
.product .list .one:hover{width: 40rem;height: 45.4rem;margin-right: 3.4rem;margin-bottom: 3.2rem;}
.product .list .one .img{width: 31.2rem;height: 31.2rem;margin-bottom: 3.6rem;transition: all 0.3s;}
.product .list .one:hover .img{width: 32rem;height: 32rem;}
.product .list .one .name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;text-align: center;}
.product .list .one:nth-child(3n){margin-right: 0;}
.product .list .one:nth-child(3n):hover{margin-left: -0.8rem;}



.productDeail .banner{height: 62rem;width: 100%;position: relative;background: linear-gradient(180deg, #FFFFFF 0%, #E2EFFC 100%);}
.productDeail .banner>.img{height: 100%;width: 100%;}
.productDeail .banner>.img img{height: 100%;width: 100%;object-fit: cover;}
/* .productDeail .banner .block{top: 0;height: 100%;margin: auto;left: 0;right: 0;position: absolute;display: flex;align-items: center;padding-left: 33rem;}
.productDeail .banner .block .text{width: 64rem;margin-right: 4rem;flex-shrink: 0;}
.productDeail .banner .block .text .name{font-size: 4rem;color: #1E2245;margin-bottom: 3rem;}
.productDeail .banner .block .text .content{font-size: 1.6rem;color: #1E2245;line-height: 3rem;margin-bottom: 7.5rem;}
.productDeail .banner .block .text .btn{width: 15rem;height: 4.4rem;border-radius: 1rem;background: #6B71BB;font-size: 1.6rem;color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.productDeail .banner .block .img{width: 64rem;} */


.productDeail .banner .block{top: 0;bottom:0;margin: auto;left: 0;right: 0;position: absolute;display: flex;width: 126rem;height: 46rem;padding: 0;}
.productDeail .banner .block .text{width: 61rem;margin-right: 4rem;flex-shrink: 0;display: flex;flex-direction: column;}
.productDeail .banner .block .text .name{font-size: 4rem;color: #000;line-height: 1;}
.productDeail .banner .block .text .content{font-size: 1.6rem;color: #333;margin: 2.4rem 0;flex: 1;line-height: 2;}
.productDeail .banner .block .img{width: 61rem;height: 46rem;}
.productDeail .banner .block .img img{width: 100%;height: 100%;}

.productDeail .banner .block .text .btn{display: flex;align-items: center;justify-content: space-between;}
.productDeail .banner .block .text .btn div{cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;}
.productDeail .banner .block .text .btn .contact{width: 26rem;height: 5rem;background: #127ECA;color: #Fff;transition: all 0.3s;}
.productDeail .banner .block .text .btn .contact:hover{background: #177EC9;}
.productDeail .banner .block .text .btn .tel{width: 32.4rem;height: 5rem;background: transparent;color: #127ECA;border: 1px solid #127ECA;transition: all 0.3s;}
.productDeail .banner .block .text .btn .tel:hover{background: #127eca;color: #fff;}


.productDeail .block{padding: 10rem 0;}
.productDeail .block .title{font-size: 3rem;color: #222;margin-bottom: 4rem;text-align: center;}


.productDeail .block1 .list{display: flex;justify-content: space-between;}
.productDeail .block1 .list .one{width: 29rem;border: 1px solid #DDDDDD;transition: all 0.3s;padding: 3rem 2.5rem;}
.productDeail .block1 .list .one .img{width: 6rem;height: 6rem;margin-bottom: 2rem;margin: auto;}
.productDeail .block1 .list .one .name{padding-bottom: 2rem;margin-bottom: 3rem;border-bottom: 1px solid #eee;font-size: 2rem;color: #222;text-align: center;position: relative;}
.productDeail .block1 .list .one .content{width: 100%;font-size: 1.6rem;color: #888;line-height: 3rem;text-align: center;}
.productDeail .block1 .list .one:hover{box-shadow: 0px 11px 24px 0px rgba(2,5,38,0.11);}
.productDeail .block1 .list .one .name::after{position: absolute;width: 4rem;bottom: -1px;height: 2px;background: #6B71BB;left: 0;right: 0;margin: auto;content:""}


.productDeail .block2{background: #F7F7FF;}
.productDeail .block2 .one{display: flex;align-items: center;padding: 3rem;margin-bottom: 3rem;background: #fff;border-radius: 1rem;}
.productDeail .block2 .one .left{padding: 2rem 5rem 2rem 2rem;flex: 1;}
.productDeail .block2 .one .left .name{font-size: 2.6rem;color: #222;margin-bottom: 3rem;}
.productDeail .block2 .one .left .content{font-size: 1.6rem;color: #555;line-height: 3rem;}
.productDeail .block2 .one:last-child{margin-bottom: 0;}
.productDeail .block2 .one .img{width: 60rem;height: 34rem;flex-shrink: 0;}
.productDeail .block2 .one:nth-child(2n){flex-direction: row-reverse;}
.productDeail .block2 .one:nth-child(2n) .left{padding: 2rem 2rem 2rem 5rem;}


.productDeail .block3 .content{font-size: 1.6rem;line-height: 3rem;color: #222;text-align: center;margin-bottom: 4rem;}
.productDeail .block3 .img{width: 100%;}
.productDeail .block3 .img img{width: 100%;}


.productDeail .block4{background-image: url(../img/banner_pro_detail.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;padding: 8rem 0;}
.productDeail .block4 .img{background: #Fff;padding: 3rem;}
.productDeail .block4 .img img{max-width: 100%;}


.productDeail .block5 .content{font-size: 1.6rem;line-height: 3rem;color: #222;text-align: center;margin-bottom: 3rem;padding: 8rem 0;}
.productDeail .block5 .video{width: 126rem;height: 60rem;position: relative;}
.productDeail .block5 .video>.img{background: #1c1c1c;border-radius: 2rem;position: relative;cursor: pointer;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;}
.productDeail .block5 .video>.img .icon{position: absolute;left: 4rem;bottom: 3rem;width: 8rem;height: 8rem;}
.productDeail .block5 .video video{width: 100%;height: 100%;z-index: 666;display: none;}



.productDeail .block6{background: #F7F7FF;}
.productDeail .block6 .list{display: flex;justify-content: space-between;}
.productDeail .block6 .list .one{width: 40rem;background: #fff;padding: 3rem;height: 16rem;display: flex;flex-direction: column;justify-content: space-between;}
.productDeail .block6 .list .one .name{font-size: 2rem;color: #222;margin-bottom: 1.5rem;line-height: 1;}
.productDeail .block6 .list .one .content{flex: 1;font-size: 1.4rem;color: #555C66;}
.productDeail .block6 .list .one .btn{font-size: 1.4rem;color: #fff;display: flex;align-items: center;justify-content: center;width: 10rem;height: 3rem;border-radius: 1rem;background: #6469A7;}


.productDeail .nBlock{padding: 7rem 0 8rem;}
.productDeail .nBlock .title{font-size: 4rem;line-height: 1;color: #000;margin-bottom: 3.2rem;}

.productDeail .nBlock1 .detail{font-size: 1.6rem;line-height: 3.8rem;color: #000;}

.productDeail .nBlock2{background: #F3F4F5;}
.productDeail .nBlock2 .img{width: 100%;padding: 2rem;background: #fff;}
.productDeail .nBlock2 .img img{width: 100%;}

.productDeail .nBlock3 .box{display: flex;}
.productDeail .nBlock3 .box>div{flex: 1;}
.productDeail .nBlock3 .box .name{font-size: 2rem;line-height: 2;margin-bottom: 1.2rem;color: #000;}
.productDeail .nBlock3 .box .text{font-size: 1.6rem;line-height: 3.8rem;color: #000;}

.productDeail .nBlock4{background: #F3F4F5;}
.productDeail .nBlock4 .list{display: flex;flex-wrap: wrap;}
.productDeail .nBlock4 .list .one{width: 39.2rem;height: 44.6rem;padding: 4rem;font-size: 1.8rem;line-height: 1;background: #fff;transition: all 0.3s;margin-right: 4.2rem;margin-bottom: 4rem;border-radius: 0.8rem;}
.productDeail .nBlock4 .list .one:hover{width: 40rem;height: 45.4rem;margin-right: 3.4rem;margin-bottom: 3.2rem;}
.productDeail .nBlock4 .list .one .img{width: 31.2rem;height: 31.2rem;margin-bottom: 3.6rem;transition: all 0.3s;}
.productDeail .nBlock4 .list .one:hover .img{width: 32rem;height: 32rem;}
.productDeail .nBlock4 .list .one .name{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #000;text-align: center;}
.productDeail .nBlock4 .list .one:nth-child(3n){margin-right: 0;}
.productDeail .nBlock4 .list .one:nth-child(3n):hover{margin-left: -0.8rem;}


.productCate .banner {position: relative;}
.productCate .banner .text{position: absolute;display: flex;flex-direction: column;justify-content: center;width: 126rem;margin: 0 auto;height: 100%;top: 0;left: 0;right: 0;}
.productCate .banner .text .name{font-size: 4.6rem;color: #fff;line-height: 1;margin-bottom: 2.4rem;width: 52rem;}
.productCate .banner .text .content{font-size: 1.6rem;color: #fff;line-height: 2.8rem;width: 52rem;}


.productCate .list{background: #F3F4F5;padding: 7.5rem 0;}
.productCate .list .container{display: flex;flex-wrap: wrap;justify-content: space-between;}
.productCate .list .one{width: 61rem;height: 56rem;margin-bottom: 4rem;background:#fff;border-radius: 0.8rem;padding: 6rem 3.2rem 0;text-align: center;}
.productCate .list .one .img{width: 35.2rem;height: 28.2rem;margin:0 auto 4rem;}
.productCate .list .one .name{font-size: 2.5rem;color: #000;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 1.5rem;}
.productCate .list .one .content{font-size: 1.3rem;line-height: 1.5;color: #666;}




.contact .banner{height: 46rem;width: 100%;position: relative;}
.contact .banner>.img{height: 100%;width: 100%;}
.contact .banner>.img img{height: 100%;width: 100%;object-fit: cover;}
.contact .banner .text{top: 0;height: 100%;margin: auto;left: 0;position: absolute;width: 100%;}
.contact .banner .text .container{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.contact .banner .text .name{font-size: 4rem;color: #fff;margin-bottom: 2.5rem;}
.contact .banner .text .name span{color: #787FCF;}
.contact .banner .text .content{font-size: 2rem;color: #fff;line-height: 3.6rem;}

.contact .block{padding: 10rem 0;background-image: url(../img/bg_contact1.png);background-repeat: no-repeat;background-size: 100% 100%;background-position: center center;}
.contact .block .container{display: flex;align-items: center;justify-content: space-between;}
.contact .block .right{width: 72rem;height: 43rem;box-shadow: 0px 7px 29px 0px rgba(70,78,174,0.09);border-radius: 3rem;background: #fff;padding: 8rem;flex-shrink: 0;}
.contact .block .right .name{font-size: 3rem;color: #333;line-height: 1;margin-bottom: 2rem;}
.contact .block .right .time{font-size: 2rem;color: #787FCF;line-height: 1;margin-bottom: 6rem;}
.contact .block .right .line{display: flex;align-items: center;font-size: 1.6rem;color: #888;margin-bottom: 1rem;line-height: 1;}
.contact .block .right .line .img{width: 3rem;height: 3rem;margin-right: 1rem;}
.contact .block .right .line:last-child{margin-bottom: 0;}
.contact .block .right .line span{color: #333;}


.contact .block .left .name{font-size: 4rem;color: #333;line-height: 1;margin-bottom: 4rem;}
.contact .block .left .content{font-size: 2.4rem;color: #888;line-height: 4rem;margin-bottom: 4rem;}
.contact .block .left .btn{font-size: 1.6rem;color: #fff;width: 14rem;height: 4rem;background: #6469A7;border-radius: 1rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}

.contact .nBlock{position: relative;padding: 6rem 0;}
.contact .nBlock::before{background: linear-gradient(0, #FFFFFF 0%, #E2EFFC 100%);height: 46rem;position: absolute;left: 0;top: 0;content:"";width: 100%;}
.contact .nBlock .container{position: relative;}
.contact .nBlock .top{display: flex;margin-bottom: 7.5rem;}
.contact .nBlock .top>div{flex: 1;}
.contact .nBlock .top .name{display: flex;align-items: center;font-size: 2rem;color: #000;margin-bottom: 1rem;}
.contact .nBlock .top .name .img{width: 3.2rem;height: 3.2rem;margin-right: 1.5rem;}
.contact .nBlock .top .hot{font-size: 4rem;line-height: 4.6rem;color: #222;}
.contact .nBlock .top .less{font-size: 1.6rem;line-height: 1.875rem;color: #666;margin-bottom: 2rem;}
.contact .nBlock .top .btn{font-size: 1.6rem;color: #fff;background: #127ECA;display: flex;align-items: center;justify-content: center;width: 14.4rem;height: 4rem;cursor: pointer;}
.contact .nBlock .mapBox{width: 100%;height: 52.6rem;position: relative;}
.contact .nBlock .mapBox #map{width: 100%;height: 100%;background: #000;}
.contact .nBlock .mapBox .company{width: 57.4rem;background: #fff;position: absolute;left: 5.8rem;top: 10.9rem;padding: 5rem;line-height: 1;z-index: 9999;}
.contact .nBlock .mapBox .company .name{font-size: 2.5rem;color: #222;margin-bottom: 2.4rem;}
.contact .nBlock .mapBox .company .line{display: flex;align-items: center;font-size: 1.8rem;margin-bottom: 1rem;}
.contact .nBlock .mapBox .company .line:last-child{margin-bottom: 0;}
.contact .nBlock .mapBox .company .line .img{width: 2rem;height: 2rem;margin-right: 1.5rem;flex-shrink: 0;}




.case .banner{height: 46rem;width: 100%;position: relative;}
.case .banner .img{height: 100%;width: 100%;}
.case .banner .img img{height: 100%;width: 100%;object-fit: cover;}
.case .banner .text{position: absolute;display: flex;flex-direction: column;justify-content: center;width: 126rem;margin: 0 auto;height: 100%;top: 0;left: 0;right: 0;}
.case .banner .text .name{font-size: 4rem;color: #fff;line-height: 1;margin-bottom: 0.8rem;}
.case .banner .text .content{font-size: 2.4rem;color: #fff;line-height: 3.36rem;}


.case .class{height: 8rem;background: #fff;}
.case .class .container{display: flex;align-items: center;justify-content: center;height: 100%;}
.case .class .one{font-size: 2rem;color: #000033;margin: 0 4.5rem;height: 100%;position: relative;transition: all 0.3s;line-height: 8rem;cursor: pointer;}
.case .class .one:hover{color: #6B71BB;}
.case .class .one.active{color: #6B71BB;}
.case .class .one::after{position: absolute;width: 6rem;height: 3px;background: transparent;bottom: 0;left: 0;right: 0;transition: all 0.3s;margin: auto;content:""}
.case .class .one.active::after{background: #6B71BB;}

.case .list{background: #F7F8FF;padding: 6rem 0;}
.case .list .one{width: 100%;height: 30rem;padding: 3rem;display: flex;background: #fff;transition: all 0.3s;margin-bottom: 3rem;}
.case .list .one:hover{box-shadow: 0px 18px 24px 0px rgba(8,12,54,0.1);}
.case .list .one>.img{width: 18rem;height: 24rem;margin-right: 3rem;flex-shrink: 0;position: relative;}
.case .list .one>.img img{width: 100%;height: 100%;object-fit: cover;}
.case .list .one>.img::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #6B71BB;opacity: 0;transition: all 0.3s;content: "";}
.case .list .one:hover>.img::before{opacity: 0.5;}
.case .list .one .text{padding-top: 0rem;width: calc(100% - 21rem);}
.case .list .one .text .name{font-size: 2rem;color: #222222;line-height: 1.5;margin-bottom: 3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case .list .one .text .more{display: flex;align-items: center;margin-bottom: 3rem;}
.case .list .one .text .more span{width: 0;transition: all 0.3s;margin-right: 0;opacity: 0;transition: all 0.3s;white-space: nowrap;}
.case .list .one:hover .text .more span{width: auto;margin-right: 2rem;opacity: 1;}
.case .list .one .text .more .img{position: relative;width: 1.3rem;height: 2.7rem;}
.case .list .one .text .more .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.case .list .one .text .more .img .nor{opacity: 1;visibility: visible;}
.case .list .one .text .more .img .hov{opacity: 0;visibility: hidden;}
.case .list .one:hover .text .more .img .nor{opacity: 0;visibility: hidden;}
.case .list .one:hover .text .more .img .hov{opacity: 1;visibility: visible;}
.case .list .one .text .content{font-size: 1.6rem;color: #333;line-height: 2.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.case .nList{background: #F3F4F5;padding: 6rem 0 ;}
.case .nList .container .one{width: 100%;height: 26.6rem;padding: 3.2rem 0;display: flex;background: #fff;margin-bottom: 3.2rem;}
.case .nList .container .one .img{width: 30rem;height: 20.2rem;margin-right: 5rem;}
/* .case .nList .container .one .img img{width: 100%;height: 100%;object-fit: cover;} */
.case .nList .container .one .text{flex: 1;display: flex;flex-direction: column;padding-bottom: 0.4rem;}
.case .nList .container .one .name{font-size: 2.4rem;color: #000;line-height: 3.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case .nList .container .one .time{font-size: 1.4rem;color: #666;line-height: 1.96rem;margin-top: 1.4rem;margin-bottom: 1.4rem;}
.case .nList .container .one .content{flex: 1;}
.case .nList .container .one .content span{font-size: 1.4rem;color: #333;line-height: 2.24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case .nList .container .one .more{width: 9.2rem;height: 4rem;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: #999;transition: all 0.3s;}
.case .nList .container .one .more:hover{background: #127ECA;border-color: #127ECA;color: #fff;}
.case .nList .container{margin-bottom: 6rem;}

.case .loading{display: none;align-items: center;justify-content: center;margin: 6rem 0;font-size: 1.4rem;color: #6B71BB;}
.case .loading .img{width: 2.2rem;height: 2.2rem;margin-right: 0.8rem;}
.case .loading.active{display: flex;}



.pageList{display: flex;align-items: center;justify-content: center;margin: 3rem 0 4rem;}
.pageList .left{width: 3.6rem;background: #F3F4F5;margin: 0 0.4rem;height: 3.6rem;position: relative;cursor: pointer;transition: all 0.3s;user-select: none;}
.pageList .left::before{position: absolute;width: 0.5rem;height: 0.5rem;border-top: 2px solid #929292;border-left: 2px solid #929292;transform: rotate(-45deg);content: "";top: 0;right: 0;left: 0.5rem;bottom: 0;margin: auto;}
.pageList .right{width: 3.6rem;background: #F3F4F5;margin: 0 0.4rem;height: 3.6rem;position: relative;cursor: pointer;transition: all 0.3s;user-select: none;}
.pageList .right::before{position: absolute;width: 0.5rem;height: 0.5rem;border-top: 2px solid #929292;border-left: 2px solid #929292;transform: rotate(135deg);content: "";top: 0;right: 0.5rem;left: 0;bottom: 0;margin: auto;}
.pageList .one{width: 3.6rem;background: #F3F4F5;margin: 0 0.4rem;height: 3.6rem;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: #666;cursor: pointer;transition: all 0.3s;user-select: none;}
.pageList .none{width: 3.6rem;margin: 0 0.4rem;height: 3.6rem;display: flex;align-items: center;justify-content: center;font-size: 1.8rem;color: #252525;}
.pageList .left:hover,.pageList .right:hover,.pageList .one:hover,.pageList .one.active{background: #127ECA;color: #fff;}
.pageList .left:hover:before,.pageList .right:hover:before{border-color: #fff;}




.detail .block1{padding: 10rem 0;}
.detail .block1 .title{font-size: 3.5rem;color: #6B71BB;margin-bottom: 5rem;}
.detail .block1 .time{font-size: 2rem;color: #222;margin-bottom: 5rem;}
.detail .block1 .content{font-size: 2.4rem;color: #4A545F;line-height: 4rem;padding-left: 26rem;}


.detail .block2 {padding: 10rem 0;}
.detail .block2 .title{font-size: 4rem;color: #222;margin-bottom: 5rem;text-align: center;}

.detail .block2 .container>.content{font-size: 1.6rem;line-height: 3rem;color: #222;text-align: center;margin-bottom: 3rem;}
.detail .block2 .video{width: 126rem;height: 60rem;position: relative;}
.detail .block2 .video>.img{background: #1c1c1c;border-radius: 2rem;position: relative;cursor: pointer;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;}
.detail .block2 .video>.img .icon{position: absolute;left: 4rem;bottom: 3rem;width: 8rem;height: 8rem;}
.detail .block2 .video video{width: 100%;height: 100%;z-index: 666;display: none;}

.detail .block2{background: #F7F7FF;}
.detail .block2 .list{display: flex;justify-content: space-between;margin-top: 10rem;}
.detail .block2 .list .one{width: 40rem;background: #fff;padding: 3rem;height: 16rem;display: flex;flex-direction: column;justify-content: space-between;}
.detail .block2 .list .one .name{font-size: 2rem;color: #222;margin-bottom: 1.5rem;line-height: 1;}
.detail .block2 .list .one .content{flex: 1;font-size: 1.4rem;color: #555C66;}
.detail .block2 .list .one .btn{font-size: 1.4rem;color: #fff;display: flex;align-items: center;justify-content: center;width: 10rem;height: 3rem;border-radius: 1rem;background: #6469A7;}


.nDetail{background:#F3F4F5;padding: 6.5rem 0 10rem;}
.nDetail .container{background: #fff;padding: 7.5rem 11rem;}
.nDetail .title{font-size: 4rem;line-height: 4.6rem;color: #000;margin-bottom: 1.8rem;}
.nDetail .less{padding-bottom: 4.4rem;border-bottom: 1px solid #e6e6e6;margin-bottom: 4.4rem;font-size: 1.6rem;color: #666;display: flex;align-items: center;line-height: 1.875rem;}
.nDetail .less .class{margin-left: 3rem;}
.nDetail .content{font-size: 1.6rem;color: #000;line-height: 3rem;padding-bottom: 6rem;margin-bottom: 5rem;border-bottom: 1px solid #e6e6e6;}
.nDetail .content img{max-width: 100%;height: auto;}
.nDetail .other{display: flex;align-items: center;justify-content: space-between;}
.nDetail .other .left{font-size: 1.6rem;line-height: 2;}
.nDetail .other .left a{display: block;color: #666;transition: all 0.3s;}
.nDetail .other .left a:hover{color: #177EC9;}
.nDetail .other .btn{width: 14rem;height: 5.2rem;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;color: #fff;background: #127ECA;cursor: pointer;transition: all 0.3s;}
.nDetail .other .btn .img{width: 2rem;height: 2rem;margin-right: 1rem;}



.service .banner{height: 46rem;width: 100%;position: relative;}
.service .banner .img{height: 100%;width: 100%;}
.service .banner .img img{height: 100%;width: 100%;object-fit: cover;}
.service .banner .text{position: absolute;display: flex;flex-direction: column;justify-content: center;width: 126rem;margin: 0 auto;height: 100%;top: 0;left: 0;right: 0;}
.service .banner .text .name{font-size: 4rem;color: #fff;line-height: 1;margin-bottom: 0.8rem;}
.service .banner .text .content{font-size: 2.4rem;color: #fff;line-height: 3.36rem;}



.service .class{height: 8rem;background: #F7F8FF;}
.service .class .container{display: flex;align-items: center;justify-content: center;height: 100%;}
.service .class .one{font-size: 2rem;color: #000033;margin: 0 8rem;height: 100%;position: relative;transition: all 0.3s;line-height: 8rem;cursor: pointer;}
.service .class .one:hover{color: #6B71BB;}
.service .class .one.active{color: #6B71BB;}
.service .class .one::after{position: absolute;width: 6rem;height: 3px;background: transparent;bottom: 0;left: 0;right: 0;transition: all 0.3s;margin: auto;content:""}
.service .class .one.active::after{background: #6B71BB;}

.service .block1{padding: 6rem 0;}
.service .block1 .container{display: flex;justify-content: space-between;align-items: flex-start;}
.service .block1 .box{width: 61rem;margin-bottom: 4rem;}
.service .block1 .box .title{width: 61rem;height: 7rem;background-image: url(../img/bg_title.png);background-repeat: no-repeat;background-position: 0 0;background-size: 100% 100%;display: flex;align-items: center;padding: 0 3rem;font-size: 2rem;color: #000033;}
.service .block1 .box:last-child{margin-bottom: 0;}
.service .block1 .list{width: 61rem;padding: 4rem 3rem;background: #F7F8FF;}
.service .block1 .list .one{padding-left: 2rem;position: relative;font-size: 1.6rem;color: #000033;transition: all 0.3s;display: block;margin-bottom: 1.6rem;}
.service .block1 .list .one:hover{color: #6B71BB;}
.service .block1 .list .one::before{position: absolute;top: 0;bottom: 0;border-radius: 50%;width: 0.5rem;height: 0.5rem;left: 0;margin: auto;content: "";background: #6B71BB;transition: all 0.3s;}
.service .block1 .list .one:last-child{margin-bottom: 0;}


.service .block2{padding: 6rem 0;}
.service .block2 .list{display: flex;flex-wrap: wrap;}
.service .block2 .list .one{width: 40rem;margin-right: 3rem;margin-bottom: 6rem;}
.service .block2 .list .one:nth-child(3n){margin-right: 0;}
.service .block2 .list .one .img{width: 40rem;height: 26rem;margin-bottom: 3rem;}
.service .block2 .list .one .img img{width: 100%;height: 100%;object-fit: cover;}
.service .block2 .list .one .name{font-size: 2rem;color: #222;margin-bottom: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.service .block2 .list .one .content{font-size: 1.6rem;color: #888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.service .nBlock{padding: 6rem 0;}
.service .nBlock .title{font-size: 3.6rem;line-height: 4.2rem;position: relative;color: #222;text-align: center;margin-bottom: 8.5rem;}
.service .nBlock .title::after{position: absolute;content:"";left: 0;right: 0;bottom: -1.5rem;width: 5.6rem;height: 2px;background: #1378bf;margin: auto;}

.service .nBlock1 .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.service .nBlock1 .list .one{width: 59rem;height: 12rem;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #dcdcdc;transition: all 0.3s;}
.service .nBlock1 .list .one .img{width: 2.4rem;height: 2.4rem;flex-shrink: 0;}
.service .nBlock1 .list .one .text{flex: 1;margin: 0 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 1.8rem;color: #333;}
.service .nBlock1 .list .one:hover{border-color:#127ECA;}


.service .nBlock2 .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.service .nBlock2 .list .one{width: 59rem;margin-bottom: 8rem;cursor: pointer;}
.service .nBlock2 .list .one .img{width: 59rem;height: 39.5rem;position: relative;margin-bottom: 2.7rem;}
.service .nBlock2 .list .one .img>img{width: 100%;height: 100%;object-fit: cover;}
.service .nBlock2 .list .one .start{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;right: 0;opacity: 0;transition: all 0.3s;font-size: 1.6rem;line-height: 1.875rem;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;}
.service .nBlock2 .list .one .start img{width: 4.5rem;height: 4.5rem;margin-bottom: 1.6rem;}
.service .nBlock2 .list .one .text{font-size: 1.8rem;color: #222;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.service .nBlock2 .list .one:hover .start{opacity: 1;}


.shadow{position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 99990;background: rgba(0, 0, 0, 0.5);display: none;}
.videoBox{position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 99999;background: #000;margin: auto;width: 126rem;height: 73rem;display: none;}
.videoBox video{width: 100%;height: 100%;}
.videoBox .close{width: 4rem;height: 4rem;position: absolute;right: 5rem;top: 5rem;z-index: 9999;cursor: pointer;}
.videoBox .close::before{position: absolute;top: calc(50% - 1px);width: 4rem;height: 2px;background: #fff;transform: rotate(45deg);content:"";opacity: 0.5;transition: all 0.3s;}
.videoBox .close::after{position: absolute;bottom: calc(50% - 1px);width: 4rem;height: 2px;background: #fff;transform: rotate(-45deg);content:"";opacity: 0.5;transition: all 0.3s;}
.videoBox .close:hover::before,.videoBox .close:hover::after{opacity: 1;}

.bigImgBox{position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 99999;background: #000;margin: auto;width: 126rem;height: 73rem;display: none;}
.bigImgBox .img{width: 100%;height: 100%;}
.bigImgBox .close{width: 4rem;height: 4rem;position: absolute;right: 5rem;top: 5rem;z-index: 9999;cursor: pointer;}
.bigImgBox .close::before{position: absolute;top: calc(50% - 1px);width: 4rem;height: 2px;background: #fff;transform: rotate(45deg);content:"";opacity: 0.5;transition: all 0.3s;}
.bigImgBox .close::after{position: absolute;bottom: calc(50% - 1px);width: 4rem;height: 2px;background: #fff;transform: rotate(-45deg);content:"";opacity: 0.5;transition: all 0.3s;}
.bigImgBox .close:hover::before,.bigImgBox .close:hover::after{opacity: 1;}



.serviceDetail .block1{padding: 7.5rem 0 10rem;}
.serviceDetail .block1 .title{font-size: 3rem;color: #222;margin-bottom: 5rem;text-align: center;}
.serviceDetail .block1 .content{font-size: 2rem;color: #000;line-height: 3.6rem;}
.serviceDetail .block1 .content img{max-width: 100%;}
.serviceDetail .block1 .video{width: 126rem;height: 60rem;position: relative;margin-bottom: 7rem;}
.serviceDetail .block1 .video>.img{background: #1c1c1c;border-radius: 2rem;position: relative;cursor: pointer;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;}
.serviceDetail .block1 .video>.img .icon{position: absolute;left: 4rem;bottom: 3rem;width: 8rem;height: 8rem;}
.serviceDetail .block1 .video video{width: 100%;height: 100%;z-index: 666;display: none;}


.serviceDetail .block2 {padding: 10rem 0;}
.serviceDetail .block2 .title{font-size: 4rem;color: #222;margin-bottom: 5rem;text-align: center;}

.serviceDetail .block2 .container>.content{font-size: 1.6rem;line-height: 3rem;color: #222;text-align: center;margin-bottom: 3rem;}
.serviceDetail .block2 .video{width: 126rem;height: 60rem;position: relative;}
.serviceDetail .block2 .video>.img{background: #1c1c1c;border-radius: 2rem;position: relative;cursor: pointer;z-index: 999;top: 0;left: 0;width: 100%;height: 100%;}
.serviceDetail .block2 .video>.img .icon{position: absolute;left: 4rem;bottom: 3rem;width: 8rem;height: 8rem;}
.serviceDetail .block2 .video video{width: 100%;height: 100%;z-index: 666;display: none;}

.serviceDetail .block2{background: #F7F7FF;}
.serviceDetail .block2 .list{display: flex;justify-content: space-between;margin-top: 10rem;}
.serviceDetail .block2 .list .one{width: 40rem;background: #fff;padding: 3rem;height: 16rem;display: flex;flex-direction: column;justify-content: space-between;}
.serviceDetail .block2 .list .one .name{font-size: 2rem;color: #222;margin-bottom: 1.5rem;line-height: 1;}
.serviceDetail .block2 .list .one .content{flex: 1;font-size: 1.4rem;color: #555C66;}
.serviceDetail .block2 .list .one .btn{font-size: 1.4rem;color: #fff;display: flex;align-items: center;justify-content: center;width: 10rem;height: 3rem;border-radius: 1rem;background: #6469A7;}


.serviceDetail .contactBox{height: 30rem;display: flex;align-items: center;justify-content: center;background-image: url(../img/bg_contact.png);background-repeat: no-repeat;background-position: center center;flex-direction: column;}
.serviceDetail .contactBox .title{font-size: 4rem;margin-bottom: 1.7rem;line-height: 1;color: #333;font-weight: bold;}
.serviceDetail .contactBox .content{font-size: 1.6rem;color: #555C66;line-height: 1;letter-spacing: 0.5em;}
.serviceDetail .contactBox .btn{margin-top: 2.8rem;width: 14rem;height: 4rem;background: #6469A7;border-radius: 1rem;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;cursor: pointer;}



.newsP .banner{height: 46rem;width: 100%;position: relative;}
.newsP .banner .img{height: 100%;width: 100%;}
.newsP .banner .img img{height: 100%;width: 100%;object-fit: cover;}
.newsP .banner .text{position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
.newsP .banner .text .container{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.newsP .banner .text .name{font-size: 4rem;color: #fff;line-height: 1;margin-bottom: 2.5rem;}
.newsP .banner .text .content{font-size: 2rem;color: #fff;line-height: 1;}


.newsP .class{height: 8rem;background: #F7F8FF;}
.newsP .class .container{display: flex;align-items: center;justify-content: center;height: 100%;}
.newsP .class .one{font-size: 2rem;color: #000033;margin: 0 4.5rem;height: 100%;position: relative;transition: all 0.3s;line-height: 8rem;cursor: pointer;}
.newsP .class .one:hover{color: #6B71BB;}
.newsP .class .one.active{color: #6B71BB;}
.newsP .class .one::after{position: absolute;width: 6rem;height: 3px;background: transparent;bottom: 0;left: 0;right: 0;transition: all 0.3s;margin: auto;content:""}
.newsP .class .one.active::after{background: #6B71BB;}


.newsP .list{padding: 10rem 0;}
.newsP .list .one{padding: 3rem 5rem;display: flex;align-items: center;transition: all 0.3s;border-top: 1px solid #ddd;transition: all 0.3s;}
.newsP .list .one .left{width: 54rem;margin-right: 12rem;}
.newsP .list .one .left .title{padding-left: 3rem;position: relative;font-size: 2.5rem;color: #222;}
.newsP .list .one .left .title::before{position: absolute;width: 0.5rem;height: 0.5rem;border-radius: 50%;border: 2px solid #787FCF;top: 0;left: 0;bottom: 0;margin: auto;content: "";}
.newsP .list .one .left .time{padding-left: 3rem;font-size: 1.6rem;margin-top: 3rem;color: #888;display: none;}
.newsP .list .one .left .content{padding-left: 3rem;font-size: 1.4rem;margin-top: 3rem;color: #222;display: none;}
.newsP .list .one:last-child{border-bottom: 1px solid #ddd;}
.newsP .list .one:hover{background: #F7F8FF;border-color: transparent;padding: 5rem;border-radius: 2rem;}
.newsP .list .one:hover .left .time{display: block;}
.newsP .list .one:hover .left .content{display: block;}
.newsP .list .one.noline{border-top-color: transparent;}


.newsP .list .one .right{width: 45rem;height: 0;position: relative;}
.newsP .list .one .img{transform: scale(0);transition: all 0.3s;position: absolute;left: 0;right: 0;margin: auto;width: 45rem;height: 42rem;margin-top: -50%;}
.newsP .list .one:hover .img{transform: scale(1);}


.newsP .loading{display: none;align-items: center;justify-content: center;margin: 6rem 0;font-size: 1.4rem;color: #6B71BB;}
.newsP .loading .img{width: 2.2rem;height: 2.2rem;margin-right: 0.8rem;}
.newsP .loading.active{display: flex;}


.newsP .nList{background: #F3F4F5;padding: 6rem 0 ;}
.newsP .nList .container .one{width: 100%;height: 26.6rem;padding: 3.2rem 0;display: flex;background: #fff;margin-bottom: 3.2rem;}
.newsP .nList .container .one .img{width: 30rem;height: 20.2rem;margin-right: 5rem;flex-shrink: 0;}
/* .newsP .nList .container .one .img img{width: 100%;height: 100%;object-fit: cover;} */
.newsP .nList .container .one .text{flex: 1;display: flex;flex-direction: column;padding-bottom: 0.4rem;}
.newsP .nList .container .one .name{font-size: 2.4rem;color: #000;line-height: 3.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsP .nList .container .one .time{font-size: 1.4rem;color: #666;line-height: 1.96rem;margin-top: 1.4rem;margin-bottom: 1.4rem;}
.newsP .nList .container .one .content{flex: 1;}
.newsP .nList .container .one .content span{font-size: 1.4rem;color: #333;line-height: 2.24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsP .nList .container .one .more{width: 9.2rem;height: 4rem;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: #999;transition: all 0.3s;}
.newsP .nList .container .one .more:hover{background: #127ECA;border-color: #127ECA;color: #fff;}
.newsP .nList .container{margin-bottom: 6rem;}

.newsP .nList .first{display: flex;margin: 8rem 0 8rem;height: 40.7rem;}
.newsP .nList .first .img{margin-top: -5.6rem;width: 60.6rem;height: 40.7rem;flex-shrink: 0;margin-left: -29rem;}
.newsP .nList .first .text{background: #fff;display: flex;flex-direction: column;width: 94rem;padding: 6.6rem 5.6rem;}
.newsP .nList .first .name{font-size: 2.4rem;color: #000;line-height: 3.36rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 51rem;}
.newsP .nList .first .time{font-size: 1.4rem;color: #666;line-height: 1.96rem;margin-top: 1.5rem;margin-bottom: 1.5rem;}
.newsP .nList .first .content{flex: 1;width: 51rem;}
.newsP .nList .first .content span{font-size: 1.4rem;color: #333;line-height: 2.24rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsP .nList .first .more{width: 9.2rem;height: 4rem;background: #127ECA;display: flex;align-items: center;justify-content: center;font-size: 1.4rem;color: #fff;transition: all 0.3s;}

.totop{position: fixed;right: 4.5rem;bottom: 3rem;width: 8.8rem;height: 8.8rem;transition: all 0.3s;z-index: 99888;cursor: pointer;}
.totop .box{display: flex;align-items: center;flex-direction: column;justify-content: space-between;height: 100%;padding: 0.8rem 0 0.5rem;}


.pc{display: block;}
.mb{display: none;}




@media(max-width:750px){
    html{font-size: calc(100vw / 75);}

    .container{width: 69rem;margin: 0 auto;}

    .pc{display: none;}
    .mb{display: block;}

    body{padding-top: 8.8rem;}

    .mHeader{height: 8.8rem;display: flex;align-items: center;justify-content: space-between;padding: 0 3rem;position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 11111;transition: all 0.3s;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.13)}
    .mHeader .logo{width: 15.7rem;height: 5.2rem;}
    .mHeader .menuBtn{width: 4rem;height: 2px;background: #000000;position: relative;transition: all 0.3s;}
    .mHeader .menuBtn::before{position: absolute;top: -1.6rem;width: 100%;left: 0;background: #000;content: "";transition: all 0.3s;height: 2px;}
    .mHeader .menuBtn::after{position: absolute;bottom: -1.6rem;width: 100%;left: 0;background: #000;content: "";transition: all 0.3s;height: 2px;}
    .mHeader.active{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.13)}
    .mHeader.active .menuBtn{background: transparent;}
    .mHeader.active .menuBtn::before{transform: rotate(-45deg);top: 0;}
    .mHeader.active .menuBtn::after{transform: rotate(45deg);bottom: 0;}



    .menuBox{position: fixed;top: -100%;height: calc(100vh - 8.8rem);width: 100%;display: flex;z-index: 11110;transition: all 0.3s;}
    .menuBox .left{width: 20rem;background: #f5f5f5;flex-shrink: 0;padding-top: 3rem;}
    .menuBox .left .one{width: 100%;height: 7.2rem;font-size: 2.4rem;color: #333;display: flex;align-items: center;padding-left: 4rem;transition: all 0.3s;}
    .menuBox .left .one.active{position: relative;background: #fff;}
    .menuBox .left .one::after{position: absolute;width: 0.4rem;height: 100%;right: 0;top: 0;background: transparent;content:"";transition: all 0.3s;}
    .menuBox .left .one.active::after{background: #6B71BB;}
    .menuBox .right{width: calc(100% - 20rem);padding: 3rem;overflow: auto;height: 100%;background: #fff;}
    .menuBox .right .one{line-height: 7.2rem;font-size: 2.6rem;color: #333;display: block;}
    .menuBox .right .one .text{display: flex;align-items: center;justify-content: space-between;margin-right: 0.5rem;}
    .menuBox .right .one .text a{color: #333;}


    .menuBox .right .one>.text .btn{width: 2rem;height: 2rem;border-right: 0.2rem solid #000;border-bottom: 0.2rem solid #000;transition: all 0.3s;transform: rotate(-45deg);}
    .menuBox .right .one.active{height: auto;}
    .menuBox .right .one.active>.text .btn{transform: rotate(45deg);}
    .menuBox .right .twoBox{display: none;padding-left: 1.2rem;font-size: 2.4rem;}
    .menuBox .right .twoBox .btn{width: 2rem;height: 2rem;border-right: 0.2rem solid #000;border-bottom: 0.2rem solid #000;transition: all 0.3s;transform: rotate(-45deg);}
    .menuBox .right .twoBox .two.active .btn{transform: rotate(45deg);}
    .menuBox .right .three{display: none;padding-left: 1.2rem;}
    .menuBox .right .three .text{justify-content: flex-start;}
    .menuBox .right .three .text a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 75%;color: #68747F;transition: all 0.3s;}
    .menuBox .right .three .text a:hover{color: #787FCF;}
    .menuBox .right .three .text span{margin-left: 2.5rem;color: #FF8400;}
    .menuBox .right .block{display: none;}
    .menuBox .right .block.active{display: block;}


    .menuBox.active{top: 8.8rem;}


    .mfooter{padding: 6rem 3rem 4rem;background: #F9FBFD;}
    .mfooter .top{display: flex;align-items: center;justify-content: center;margin-bottom: 4rem;}
    .mfooter .top .one{width: 8rem;height: 8rem;margin: 0 3.6rem;}
    .mfooter .mid{height: 9rem;width: 100%;border: 1px solid #eee;display: flex;align-items: center;justify-content: center;font-size: 2.6rem;color: #555C66;margin-bottom: 5rem;}
    .mfooter .mid .img{width: 5rem;height: 5rem;margin-right: 2rem;}
    .mfooter .mid span{margin-left: 3rem;font-size: 3rem;font-weight: bold;}
    .mfooter .bot .text{font-size: 2.4rem;color: #555C66;text-align: center;display: block;line-height: 1.5;}


    .mPageRight{position: fixed;right: 3rem;bottom: 13rem;z-index: 999;}
    .mPageRight .one{background: #fff;border-radius: 50%;width: 8.8rem;height: 8.8rem;box-shadow: 0px 0 1rem rgba(6,0,1,0.07);display: block;}
    .mPageRight .one .img{width: 8.8rem;height: 8.8rem;}

    .codeBox{position: fixed;bottom: -100%;height: calc(100vh - 8.8rem);width: 100%;z-index: 1110;transition: all 0.3s;background: rgba(0, 0, 0, 0.8);padding: 9.6rem 3rem;overflow: auto;}
    .codeBox .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .codeBox .list .one{margin-bottom: 5rem;font-size: 2.6rem;color: #fff;line-height: 1;text-align: center;}
    .codeBox .list .one .img{width: 33rem;height: 33rem;background: #fff;border-radius: 1rem;margin-bottom: 2.4rem;}
    .codeBox .content{margin-top: 8rem;color: #fff;font-size: 2.6rem;line-height: 1;text-align: center;}
    .codeBox.active{bottom: 0%;}


    .contact .banner{width: 100%;height: 28rem;position: relative;}
    /* .contact .banner .text .name{color: #333;margin-bottom: 2rem;} */
    .contact .banner .text .name{color: #fff;margin-bottom: 2rem;}
    .contact .banner .text .content{font-size: 2.4rem;}

    .contact .block{background: #fff;padding: 5rem 0 6rem;}
    .contact .block .container{flex-direction: column;}
    .contact .block .left{align-items: center;display: flex;text-align: center;flex-direction: column;padding-bottom: 5.6rem;margin-bottom: 5rem;border-bottom: 1px solid #eee;width: 100%;}
    .contact .block .left .content{font-size: 2.6rem;}
    .contact .block .left .btn{width: 20rem;height: 6rem;border-radius: 1rem;font-size: 2.4rem;}

    .contact .block .right{width: 100%;height: auto;background: transparent;box-shadow: none;padding: 0 4rem;}
    .contact .block .right .time{font-size: 2.4rem;margin-bottom: 4rem;}
    .contact .block .right .line{font-size: 2.4rem;}
    .contact .block .right .line .img{width: 3.6rem;height: 3.6rem;margin-right: 1.5rem;}



    .newsP .banner{height: 40rem;}
    .newsP .banner .text .name{margin-bottom: 2rem;}
    .newsP .banner .text .content{font-size: 2.4rem;}

    .newsP .class{display: flex;box-shadow: 0px 3px 10px 0px rgba(6,0,1,0.07);}
    .newsP .class .line{overflow: auto;white-space: nowrap;flex: 1;display: flex;}
    .newsP .class .one{height: 100%;padding: 0 3rem;margin: 0;font-size: 2.6rem;color: #000033;}
    .newsP .class .one.active{background: #6B71BB;color: #fff;}
    .newsP .class .btn{width: 7rem;height: 8rem;box-shadow: 0px 3px 10px 0px rgba(6,0,1,0.08);background: #fff;flex-shrink: 0;}

    .newsP .list .container{display: flex;justify-content: space-between;flex-wrap: wrap;}
    .newsP .list .oneM{border: none;padding: 0;margin-bottom: 4rem;width: 33rem;}
    .newsP .list .oneM .img{width: 33rem;height: 24rem;margin-bottom: 3rem;border-radius: 1rem;background: #f5f5f5;}
    .newsP .list .title{font-size: 2.8rem;color: #222;line-height: 4rem;margin-bottom: 2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .newsP .list .time{font-size: 2.4rem;color: #888;}


    .loading{display: none;font-size: 2.4rem;color: #6B71BB;margin-top: 5rem;}
    .loading.active{display: flex;align-items: center;justify-content: center;}
    .loading .img{width: 3rem;height: 3rem;margin-right: 1.2rem;-webkit-transform: rotate(360deg);animation: rotation 3s linear infinite;-moz-animation: rotation 3s linear infinite;-webkit-animation: rotation 3s linear infinite;-o-animation: rotation 3s linear infinite;}


    @-webkit-keyframes rotation{
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(360deg);}
    }


    .detail .block1{padding: 6rem 0;}
    .detail .block1 .title{font-size: 4.8rem;margin-bottom: 3rem;}
    .detail .block1 .time{font-size: 2.4rem;margin-bottom: 5rem;}
    .detail .block1 .content{padding-left: 0;}
    .detail img{max-width: 100% !important;}


    .detail .block2{padding: 8rem 0;}
    .detail .block2 .container>.content{font-size: 2.4rem;line-height: 3.6rem;margin-bottom: 4rem;}
    .detail .block2 .title{margin-bottom: 4rem;}
    .detail .block2 .video{width: 69rem;height: 41rem;margin-bottom: 8rem;}
    .detail .block2 .video>.img{width: 69rem;height: 41rem;}
    .detail .block2 .video>.img .icon{width: 8rem;height: 8rem;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
    .detail .block2 .list{margin-top: 0;flex-direction: column;}
    .detail .block2 .list .one{width: 100%;height: 25rem;background: #fff;border-radius: 0;margin-bottom: 3rem;padding: 4rem;}
    .detail .block2 .list .one:last-child{margin-bottom: 0;}
    .detail .block2 .list .one .name{font-size: 3.2rem;margin-bottom: 2rem;}
    .detail .block2 .list .one .content{font-size: 2.4rem;}
    .detail .block2 .list .one .btn{width: 16rem;height: 6rem;border: 1rem;font-size: 2.4rem;}





    .service .banner{height: 40rem;}
    .service .banner .text{width: 100%;}

    .service .class{display: flex;}
    .service .class .one{flex: 1;margin: 0;height: 100%;font-size: 2.6rem;color: #000033;display: flex;align-items: center;justify-content: center;}
    .service .class .one.active{background: #6B71BB;color: #fff;}

    .service .block1{padding: 3rem 0;}
    .service .block1 .container{display: block;}
    .service .block1 .box{width: 100%;margin-bottom: 3rem;}
    .service .block1 .box .title{width: 100%;height: 8.8rem;color: #222;padding: 0 3rem;font-size: 3.2rem;}
    .service .block1 .list{padding: 5rem 4rem;width: 100%;}
    .service .block1 .list .one{font-size: 2.6rem;}



    .service .block2 .list .one{width: 69rem;margin-right: 0;margin-bottom: 5rem;}
    .service .block2 .list .one .img{width: 69rem;height: 45rem;border-radius: 1.2rem;}
    .service .block2 .list .one .name{font-size: 2.8rem;line-height: 3.4rem;margin-bottom: 2.4rem;}
    .service .block2 .list .one .content{font-size: 2.4rem;}






    .serviceDetail .block1{padding: 6rem 0;}
    .serviceDetail .block1 .title{font-size: 4.8rem;margin-bottom: 3rem;}
    .serviceDetail .block1 .time{font-size: 2.4rem;margin-bottom: 5rem;}

    .serviceDetail .block1 .video{width: 69rem;height: 41rem;margin-bottom: 8rem;}
    .serviceDetail .block1 .video>.img{width: 69rem;height: 41rem;}
    .serviceDetail .block1 .video>.img .icon{width: 8rem;height: 8rem;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}


    .serviceDetail .block2{padding: 8rem 0;}
    .serviceDetail .block2 .container>.content{font-size: 2.4rem;line-height: 3.6rem;margin-bottom: 4rem;}
    .serviceDetail .block2 .title{margin-bottom: 4rem;}
    .serviceDetail .block2 .video{width: 69rem;height: 41rem;margin-bottom: 8rem;}
    .serviceDetail .block2 .video>.img{width: 69rem;height: 41rem;}
    .serviceDetail .block2 .video>.img .icon{width: 8rem;height: 8rem;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
    .serviceDetail .block2 .list{margin-top: 0;flex-direction: column;}
    .serviceDetail .block2 .list .one{width: 100%;height: 25rem;background: #fff;border-radius: 0;margin-bottom: 3rem;padding: 4rem;}
    .serviceDetail .block2 .list .one:last-child{margin-bottom: 0;}
    .serviceDetail .block2 .list .one .name{font-size: 3.2rem;margin-bottom: 2rem;}
    .serviceDetail .block2 .list .one .content{font-size: 2.4rem;}
    .serviceDetail .block2 .list .one .btn{width: 16rem;height: 6rem;border: 1rem;font-size: 2.4rem;}

    .serviceDetail .contactBox{height: 30rem;display: flex;align-items: center;justify-content: center;background-image: url(../img/bg-bjaia.png);background-repeat: no-repeat;background-position: center center;flex-direction: column;}
    .serviceDetail .contactBox .title{font-size: 4rem;margin-bottom: 3rem;line-height: 1;color: #333;font-weight: bold;}
    .serviceDetail .contactBox .content{font-size: 2.6rem;color: #555C66;line-height: 1;letter-spacing: 0.5em;}
    .serviceDetail .contactBox .btn{margin-top: 4rem;width: 20rem;height: 6rem;background: #6469A7;border-radius: 1rem;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;cursor: pointer;}



    .case .banner{height: 40rem;}
    .case .banner .text{width: 100%;}

    .case .class{display: flex;box-shadow: 0px 3px 10px 0px rgba(6,0,1,0.07);}
    .case .class .line{overflow: auto;white-space: nowrap;flex: 1;display: flex;}
    .case .class .one{height: 100%;padding: 0 3rem;margin: 0;font-size: 2.6rem;color: #000033;}
    .case .class .one.active{background: #6B71BB;color: #fff;}
    .case .class .btn{width: 7rem;height: 8rem;box-shadow: 0px 3px 10px 0px rgba(6,0,1,0.08);background: #fff;flex-shrink: 0;}


    .case .list{padding: 3rem 0;}
    .case .list .oneM{width: 100%;height: 27.3rem;background: #fff;padding: 2.4rem;display: flex;align-items: center;margin-bottom: 2.4rem;}
    .case .list .oneM .img{width: 20.3rem;height: 22.5rem;margin-right: 3rem;flex-shrink: 0;}
    .case .list .oneM .text{flex: 1;}
    .case .list .oneM .text .name{font-size: 2.8rem;color: #222;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;}
    .case .list .oneM .text .content{font-size: 2.4rem;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 1.5;margin-top: 3rem;}
    .case .list .oneM:last-child{margin-bottom: 0;}


    .product .banner{height: 40rem;}

    .product .class{display: flex;box-shadow: 0px 3px 10px 0px rgba(6,0,1,0.07);}
    .product .class .line{overflow: auto;white-space: nowrap;flex: 1;display: flex;line-height: 8rem;}
    .product .class .one{height: 100%;padding: 0 3rem;margin: 0;font-size: 2.6rem;color: #000033;}
    .product .class .one.active{background: #6B71BB;color: #fff;}
    .product .class .btn{width: 7rem;height: 8rem;box-shadow: 0px 3px 10px 0px rgba(6,0,1,0.08);background: #fff;flex-shrink: 0;}

    .product .list{background: #F7F8FF;padding: 3rem 0;}
    .product .list .block{padding: 0 3rem;display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
    .product .list .oneM{width: 33rem;height: 47.5rem;border-radius: 1rem;background: #fff;margin-bottom: 3rem;display: flex;flex-direction: column;}
    .product .list .oneM .img{width: 33rem;height: 33rem;flex-shrink: 0;}
    .product .list .oneM .text{padding: 4rem 3rem;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
    .product .list .oneM .text .name{font-size: 2.6rem;line-height: 1;color: #1E2245;overflow: hidden;}
    .product .list .oneM .text .content{font-size: 2.4rem;line-height: 1;color: #888888;}


    .productDeail .banner{height: 40rem;}
    .productDeail .block{padding: 8rem 0;}
    .productDeail .block1 .list{padding: 0 4rem;flex-wrap: wrap;}
    .productDeail .block1 .list .one{width: 26rem;border: none;padding: 0;margin-bottom: 4.8rem;}
    .productDeail .block1 .list .one:hover{box-shadow: none;}
    .productDeail .block1 .list .one .img{width: 6.4rem;height: 6.4rem;margin-bottom: 2rem;}
    .productDeail .block1 .list .one .name{font-size: 3rem;margin-bottom: 2rem;border: none;padding-bottom: 0;}
    .productDeail .block1 .list .one .name::after{display: none;}
    .productDeail .block1 .list .one .content{font-size: 2.4rem;}
    .productDeail .block2 .one{padding: 5rem 4rem;flex-direction: column;}
    .productDeail .block2 .one .left{padding: 0;width: 100%;}
    .productDeail .block2 .one .left .name{font-size: 3.2rem;margin-bottom: 3.6rem;}
    .productDeail .block2 .one .left .content{font-size: 2.4rem;color: #888;margin-bottom: 4.4rem;}
    .productDeail .block3 .content{font-size: 2.4rem;color: #222;}
    .productDeail .block5 .content{font-size: 2.4rem;color: #222;}
    .productDeail .block5 .video{width: 69rem;height: 41rem;}
    .productDeail .block5 .video>.img .icon{top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
    .productDeail .block6 .list{margin-top: 0;flex-direction: column;}
    .productDeail .block6 .list .one{width: 100%;height: 25rem;background: #fff;border-radius: 0;margin-bottom: 3rem;padding: 4rem;}
    .productDeail .block6 .list .one:last-child{margin-bottom: 0;}
    .productDeail .block6 .list .one .name{font-size: 3.2rem;margin-bottom: 2rem;}
    .productDeail .block6 .list .one .content{font-size: 2.4rem;}
    .productDeail .block6 .list .one .btn{width: 16rem;height: 6rem;border: 1rem;font-size: 2.4rem;}

    .productDeail .block2 .one:nth-child(2n){flex-direction: column;}
    .productDeail .block2 .one:nth-child(2n) .left{padding: 0;}


    .about .banner{height: 40rem;}
    .about .block1{padding: 8rem 0;}
    .about .block1 .img{width: 8.8rem;height: 8.8rem;}
    .about .block1 .title{margin-top: 5rem;font-size: 5rem;}
    .about .block1 .less{font-size: 2.6rem;margin-top: 3rem;}
    .about .block1 .content{width: 67rem;font-size: 2.4rem;line-height: 4rem;margin-top: 6rem;}
    .about .block2::before{display: none;}
    .about .block2::after{display: none;}
    .about .block2{padding: 8rem 3rem;background: #F7F8FF;}
    .about .block2 .one{flex-direction: column-reverse;margin-bottom: 8rem;}
    .about .block2 .one:nth-child(2n+1){flex-direction: column-reverse;}
    .about .block2 .one .left{width: 100%;height: auto;margin: 0 !important;}
    .about .block2 .one:last-child{margin-bottom: 0;}
    .about .block2 .one .right{padding: 0;}
    .about .block2 .one .right .en{font-size: 4rem;margin-bottom: 5rem;font-weight: bold;}
    .about .block2 .one .right .cn{font-size: 5rem;margin-bottom: 6rem;}
    .about .block2 .one .right .content{font-size: 2.6rem;line-height: 4rem;margin-bottom: 7rem;}
    .about .block3 .title{font-size: 5rem;margin-bottom: 6rem;}
    .about .block3 .container{width: 72rem;}
    .about .block3 .swiper-container{width: 55rem;}
    .about .block3 .swiper-button-next{width: 10.4rem;height: 9.1rem;right: 0;}
    .about .block3 .swiper-button-prev{width: 10.4rem;height: 9.1rem;left: 0;}
    .about .block3 .swiper-slide-active .box .content{box-shadow: 0px 8px 20px 0px rgba(4,10,83,0.09);}
    .about .block3 .content{padding: 4rem;font-size: 2.4rem;color: #6E6F7A;line-height: 1.5;}
    .about .block3 .name{font-size: 2.6rem;color: #6E6F7A;text-align: center;}
    .about .block3 .box::after{left: 0;right: 0;margin: 0 auto;width: 1rem;height: 1rem;border: 1rem solid #E5E5EF;top: 4.5rem;}

    .about .block4{padding: 8rem 0;}
    .about .block4>.img{width: 8.8rem;height: 8.8rem;}
    .about .block4 .title{font-size: 5rem;margin-top: 5rem;}
    .about .block4 .content{width: auto;margin: 5rem 5rem 0;font-size: 2.4rem;color: #333;line-height: 1.5;}

    .about .block4 .swiper-slide .img{width: 53rem;height: 35rem;margin: 0 auto;}

    .about .block4 .swiper-button-next{width: 6rem;height: 6rem;background: #fff;box-shadow: 0px 10px 35px 0px rgba(28,4,68,0.11);border-radius: 50%;}
    .about .block4 .swiper-button-next img{width: 1.7rem;height: 1.1rem;}
    .about .block4 .swiper-button-prev{width: 6rem;height: 6rem;background: #fff;box-shadow: 0px 10px 35px 0px rgba(28,4,68,0.11);border-radius: 50%;}
    .about .block4 .swiper-button-prev img{width: 1.7rem;height: 1.1rem;}


    .about .block5 .one .right .content{font-size: 2.8rem;line-height: 1.5;}




    .about .block5{padding: 6rem 0;}
    .about .block5 .one{align-items: stretch;}
    .about .block5 .one .left{width: 34.5rem;height: 26rem;}
    /* .about .block5 .one .left:first-child{height: 26rem;} */
    .about .block5 .one .left:first-child{height: auto;}
    .about .block5 .one .right{padding-left: 3rem;padding-top: 3rem;padding-bottom: 3rem;}
    .about .block5 .one:first-child .right{padding-left: 3rem;}
    .about .block5 .one:nth-child(2n) .right{padding-right: 3rem;}
    .about .block5 .one .right .time{font-size: 3.6rem;color: #222;margin-bottom: 2rem;padding-bottom: 2rem;}



    .index .banner{height: 90rem;}
    .index .banner .swiper{height: 90rem;}
    .index .banner .swiper .one{height: 90rem;width: 75rem;position: relative;display: block;}
    .index .banner .swiper .one .img{width: 100%;height: 100%;}
    .index .banner .swiper .one .text{position: absolute;top: 10rem;left: 0;right: 0;display: flex;flex-direction: column;align-items: center;width: 100%;justify-content: flex-start;}
    .index .banner .swiper .one .text .small{font-size: 4rem;color: #1E2245;margin-bottom: 3.6rem;}
    .index .banner .swiper .one .text .small span{margin-left: 1.5rem;letter-spacing: 0.2em;}
    .index .banner .swiper .one .text .big{font-size: 8rem;color: #1E2245;font-weight: bold;margin-bottom: 4rem;}
    .index .banner .swiper .one .text .btn{width: 20rem;height: 6rem;border-radius: 1rem;display: flex;align-items: center;justify-content: center;background: #938FC6;color: #fff;font-size: 2.4rem;}
    .index .banner .swiper .video{margin-top: 4rem;width: 69rem;height: 40rem;}



    .index .product{padding: 8rem 0;}
    .index .product .top .left{width: 100%;}
    .index .block .blockTitle{margin-bottom: 2rem;text-align: center;font-size: 3.6rem;}
    .index .block .blockText{font-size: 2.4rem;text-align: center;}

    .index .product .blockTitle{text-align: center;font-size: 4rem;margin-bottom: 2rem;}
    .index .product .blockText{text-align: center;font-size: 2.4rem;}

    .index .product .bot .swiper .swiper-container .swiper-pagination{left: 3rem;right: 3rem;height: 0.4rem;}

    .index .product .bot .swiper-slide:first-child{margin-left: 3rem;}
    .index .product .bot .swiper-slide:last-child{margin-right: 3rem;}
    .index .product .bot .swiper-slide{width: 40rem;}
    .index .product .bot .box{width: 40rem;height: 52.8rem;border-radius: 2rem;}
    .index .product .bot .box .num{width: 4rem;height: 4rem;font-size: 2.4rem;}
    .index .product .bot .box .img{width: 40rem;height: 40rem;}
    .index .product .bot .box .text{height: 12.8rem;font-size: 3rem;}


    .index .solution{padding: 8rem 0;}
    .index .solution .listM{margin-top: 5rem;}
    .index .solution .listM .one{width: 100%;height: 40rem;position: relative;display: block;}
    .index .solution .listM .one .bg{width: 100%;height: 100%;}
    .index .solution .listM .one .bg img{width: 100%;height: 100%;object-fit: cover;}
    .index .solution .listM .one .box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(30, 34, 69, 0.5);margin: auto;transition: all 0.3s;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .index .solution .listM .one .box .img{width: 10rem;height: 10rem;margin-bottom: 2rem;position: relative;z-index: 99;}
    .index .solution .listM .one .box .name{font-size: 2.8rem;color: #fff;position: relative;z-index: 99;transition: all 0.3s;}
    .index .solution .btn{margin-top: 5rem;width: 20rem;height: 6rem;border-radius: 1rem;font-size: 2.4rem;}



    .index .news{padding: 6.5rem 0 8rem;}
    .index .news .listM{margin-top: 5rem;}
    .index .news .listM .one{margin-bottom: 5rem;display: block;}
    .index .news .listM .one .img{width: 69rem;height: 27.6rem;margin-bottom: 3rem;}
    .index .news .listM .one .title{font-size: 2.8rem;color: #333;line-height: 3.6rem;margin-bottom: 3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .index .news .listM .one .time{font-size: 2.4rem;color: #999;line-height: 1;}
    .index .news .listM .one:last-child{margin-bottom: 0;}



    .index .support{padding: 8rem 0;}
    .index .support .list{flex-direction: column;}
    .index .support .list .one{width: 100%;height: 31rem;margin-bottom: 3rem;margin-right: 0;}
    .index .support .list .one:last-child{margin-bottom: 0;}
    .index .support .list .one .text{padding: 6rem 5rem;}
    .index .support .list .one .text .title{font-size: 3.2rem;color: #333;margin-bottom: 2rem;font-weight: bold;}
    .index .support .list .one .text .content{font-size: 2.4rem;color: #555C66;}
    .index .support .list .one .text .more{width: 20rem;height: 6rem;border-radius: 1rem;font-size: 2.4rem;}




    .index .about{padding: 8rem 0;}
    .index .about .blockText{width: auto;font-size: 2.6rem;line-height: 4rem;margin-top: 5rem;}
    .index .about .list{flex-direction: column;}
    .index .about .list .one{width: 100%;height: 37.8rem;margin-bottom: 3rem;}
    .index .about .list .one:last-child{margin-bottom: 0;}
    .index .about .list .one .text{padding: 7rem 3rem;}
    .index .about .list .one .text .title{font-size: 3.6rem;color: #333;margin-bottom: 3rem;}
    .index .about .list .one .text .content{font-size: 2.4rem;color: #555C66;width: 44rem;}
    .index .about .list .one .text .more{width: 20rem;height: 5rem;border-radius: 1rem;font-size: 2.4rem;}

    .index .newAbout .list{flex-direction: column;}
    .index .newAbout .list a{width: 100%;height: 30rem;}
    .index .newAbout .list a .text{padding: 3rem;}
    .index .newAbout .list a .text .name{font-size: 3.2rem;}
    .index .newAbout .list a .text .content{font-size: 2.8rem;}
    .index .newAbout .list a .text .more{font-size: 2.4rem;}
    /* .index .newAbout .list a .text{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);}
    .index .newAbout .list a .text .more{height: auto;margin-top: 3.2rem;opacity: 1;} */



    .index .contactBox{height: 30rem;display: flex;align-items: center;justify-content: center;background-image: url(../img/bg-bjaia.png);background-repeat: no-repeat;background-position: center center;flex-direction: column;}
    .index .contactBox .title{font-size: 4rem;margin-bottom: 3rem;line-height: 1;color: #333;font-weight: bold;}
    .index .contactBox .content{font-size: 2.6rem;color: #555C66;line-height: 1;letter-spacing: 0.5em;}
    .index .contactBox .btn{margin-top: 4rem;width: 20rem;height: 6rem;background: #6469A7;border-radius: 1rem;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;cursor: pointer;}


    .index .friend{padding: 5rem 3rem;}
    /* .index .friend .swiper-slide{width: 34.5rem !important;}
    .index .friend .swiper-slide .img{width: 34.5rem;} */
    .index .friend .swiper .swiper-pagination-bullet{width: 3rem;height: 2px;margin: 0 1rem;}
    .index .friend .swiper .swiper-pagination{bottom: 0;}


    .contact .nBlock .top{flex-direction: column;}
    .contact .nBlock .top .name{font-size: 3.6rem;}
    .contact .nBlock .top .hot{font-size: 4.8rem;margin-bottom: 3rem;}
    .contact .nBlock .top .name .img{width: 4rem;height: 4rem;}
    .contact .nBlock .top .name .img img{width: 100%;height: 100%;}
    .contact .nBlock .top .less{font-size: 2.4rem;line-height: 1;}
    .contact .nBlock .top .btn{width: 20rem;height: 6rem;font-size: 2.8rem;}

    .contact .nBlock .mapBox{box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);height: 80rem;display: flex;flex-direction: column;}
    .contact .nBlock .mapBox #mMap{width: 100%;flex: 1;background: #000;}
    .contact .nBlock .mapBox .company{position: relative;width: 100%;padding: 3rem;left: 0;top: 0;}
    .contact .nBlock .mapBox .company .line{font-size: 2.8rem;}

    .liuyan{left: 3rem;}
    .liuyan .normal{width: 30rem;height: 6rem;font-size: 2.8rem;padding: 0 2rem;}
    .liuyan .normal .img{width: 2.8rem;height: 2.8rem;margin-right: 1rem;}
    .liuyan .normal .img img{width: 100%;height: 100%;}
    .liuyan .after{bottom: -80rem;}
    .liuyan .after{height: auto;width: 40rem;padding-bottom: 3rem;}
    .liuyan .after .top{height: 6rem;font-size: 2.8rem;}
    .liuyan .after .mid{font-size: 2.8rem;}
    .liuyan .after .bot input{height: 5rem;font-size: 2.8rem;}
    .liuyan .after .bot textarea{font-size: 2.8rem;}
    .liuyan .after .bot .btn{height: 6rem;font-size: 2.8rem;}


    .productCate .banner .img{height: 40rem;}
    .productCate .banner .img img{width: 100%;height: 100%;object-fit: cover;}
    .productCate .banner .text{width: 100%;}


    .productCate .list{padding: 5rem 0;}
    .productCate .list .one{width: 100%;height: auto;padding-bottom: 3rem;}
    .productCate .list .one .img{width: 100%;height: auto;}
    .productCate .list .one .name{font-size: 3.2rem;}
    .productCate .list .one .content{font-size: 2.8rem;}



    .product .banner .img{height: 40rem;}
    .product .banner .img img{width: 100%;height: 100%;object-fit: cover;}
    .product .banner .text{width: 100%;}
    .product .banner .text .content{width: 45rem;}

    .product .list .one{width: 33rem;margin-right: 3rem;height: auto;padding: 3rem;font-size: 2.8rem;margin-bottom: 3rem;}
    .product .list .one:nth-child(3n){margin-right: 3rem;}
    .product .list .one:nth-child(2n){margin-right: 0 !important;}
    .product .list .one .img{width: 27rem;height: 27rem;}
    .product .list .one:hover{width: 33rem;height: auto;margin-right: 3rem;margin-bottom: 3rem;}
    .product .list .one:hover .img{width: 27rem;height: 27rem;}


    .productDeail .banner .block .text{width: 69rem;margin: auto;}
    .productDeail .banner{height: auto;padding: 3rem 0;}
    .productDeail .banner .block{display: flex;flex-direction: column;position: relative;width: 69rem;margin: 0 auto;height: auto;}
    .productDeail .banner .block .img{width: 69rem;height: 40rem;margin-top: 3rem;}
    .productDeail .banner .block .text .content{font-size: 2.8rem;margin: 2rem 0;}

    .productDeail .banner .block .text .btn .contact{width: 30rem;height: 6rem;font-size: 2.8rem;}
    .productDeail .banner .block .text .btn .tel{width: 36rem;height: 6rem;font-size: 2.8rem;}

    .menuBox .right .block.product{background: none;}
    .menuBox .right .twoBox{padding-left: 2rem;}
    .menuBox .right .three{padding-left: 2rem;}
    .menuBox .right .three .text span{display: none;}



    .totop{position: fixed;right: 3rem;bottom: 3rem;width: 8.8rem;height: 8.8rem;background: none;}

}