*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: 'hongmeng', 'Microsoft YaHei',"Arial";line-height: 1;}
.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;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.text5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

input,select,textarea{border: none;outline: none;background: none;}
textarea{resize: none;}

html{font-size: calc(100vw / 192);}

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

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

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */

@font-face {
    font-family: "hongmeng";
    font-weight: 500;
    src: url("./HarmonyOS_Sans_SC_Regular.ttf") format("trueType");
    font-display: swap;
}
  
  
  @font-face {
    font-family: "hongmengB";
    font-weight: 800;
    src: url("./HarmonyOS_Sans_SC_Bold.ttf") format("trueType");
    font-display: swap;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  -moz-appearance: textfield;
}


.bold{font-family: 'hongmengB';font-weight: bold;}


.img.hover{position: relative;}
.img.hover img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.img.hover .nor{z-index: 111;opacity: 1;}
.img.hover .hov{z-index: 11;opacity: 0;}
.img.hover:hover .nor{z-index: 11;opacity: 0;}
.img.hover:hover .hov{z-index: 111;opacity: 1;}



.header{position: fixed;top: 0;left: 0;right: 0;z-index: 1111;transition: all 0.3s;}
.header .normal{height: 15rem;width: 182rem;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;transition: all 0.3s;}
.header .normal .logo{height: 7.6rem;}
.header .normal .right{height: 100%;display: flex;align-items: center;}
.header .normal .right .search{width: 4rem;height: 4rem;margin-left: 4rem;cursor: pointer;}

.header .normal .right .menu{height: 100%;display: flex;align-items: center;}
.header .normal .right .menu .one{height: 6rem;border-bottom: 0.4rem solid transparent;transition: all 0.3s;font-size: 2.4rem;display: flex;align-items: center;color: #fff;margin-left: 4rem;}
.header .normal .right .menu .one:hover{border-color: #fff;}
.header .normal .right .menu .one.active{border-color: #fff;}

.header .searchBox{position: absolute;top: -100%;left: 0;right: 0;background: rgba(255, 255, 255, 0.9);backdrop-filter: blur(1rem);height: 100%;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.header .searchBox .inputBox{display: flex;align-items: center;}
.header .searchBox .inputBox input{height: 7.6rem;width: 60rem;padding: 0 2rem;font-size: 2.4rem;color: #000;background: #fff;}
.header .searchBox .inputBox input::placeholder{color: #888;}

.header .searchBox .btn{background: #033B94;font-size: 2.4rem;padding: 0 3rem;height: 8rem;color: #fff;}
.header .searchBox .btn .icon{width: 4rem;height: 4rem;margin-right: 0.5rem;flex-shrink: 0;}

.header .searchBox .close{margin-left: 4rem;width: 4.8rem;height: 4.8rem;cursor: pointer;transition: all 0.5s;}
.header .searchBox .close:hover{transform: rotate(180deg);}

.header .searchBox.active{top: 0;}

.header.active{background: rgba(0, 0, 0, 0.5);}
.header:hover{background: rgba(0, 0, 0, 0.5);}

.header.active .normal{height: 12rem;}



.footer{background: #111111;padding: 5rem 0 6rem;display: flex;align-items: center;flex-direction: column;}
.footer .flex{display: flex;align-items: center;justify-content: center;}
.footer .logo{height: 8.6rem;}
.footer .flex .icp{height: 7.4rem;margin-left: 4rem;}
.footer .menu{display: flex;align-items: center;justify-content: center;margin: 2rem 0 ;}
.footer .menu .one{font-size: 2.4rem;line-height: 3.8rem;margin: 0 2rem;color: rgba(255, 255, 255, 0.8);transition: all 0.3s;}
.footer .menu .one:hover{color: #fff;}

.footer .text{font-size: 2.4rem;line-height: 3.8rem;color: rgba(255, 255, 255, 0.8);}



.pageRight{position: fixed;right: 4rem;bottom: 6rem;z-index: 6666;}
.pageRight .one{width: 4.8rem;height: 4.8rem;border-radius: 50%;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all 0.3s;}
.pageRight .one .icon{height: 2.2rem;}
.pageRight .one.hide{opacity: 0;visibility: hidden;}
.pageRight .one:hover{background: rgba(255, 255, 255, 0.2);}












.index .banner{position: relative;min-height: 80rem;max-height: 100vh;}
.index .banner .swiper{height: 100%;}
.index .banner .swiper .swiper-container{height: 100%;}
.index .banner .swiper .one{position: relative;min-height: 80rem;max-height: 100vh;}
.index .banner .swiper .one .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.3);}
.index .banner .swiper .one .textBox .title{font-size: 7.2rem;line-height: 8.4rem;color: #fff;width: 105rem;text-align: center;}


.index .banner .swiper .swiper-pagination{bottom: 4.6rem;}
.index .banner .swiper .swiper-pagination-bullet{width: 1.4rem;height: 1.4rem;margin: 0 0.5rem;background: rgba(255, 255, 255, 0.35);transition: all 0.3s;opacity: 1;}
.index .banner .swiper .swiper-pagination-bullet-active{background: #FFFFFF;}




.index .floor1{position: relative;overflow: hidden;}
.index .floor1 .bg{position: absolute;z-index: 1;width: 100%;left: 0;top: 0;align-items: flex-start;height: 100%;}
.index .floor1 .bg img{width: 100%;height: 100%;object-fit: cover;}

.index .floor1 .textBox{position: relative;z-index: 111;width: 144rem;margin: 0 auto;padding: 10rem 0 12rem;display: flex;flex-direction: column;align-items: center;}
.index .floor1 .textBox .title .en{font-size: 12rem;line-height: 13rem;color: rgba(255, 255, 255, 0.15);text-align: center;}
.index .floor1 .textBox .title .cn{font-size: 6rem;line-height: 7rem;color: rgba(255, 255, 255, 1);text-align: center;margin-top: -7rem;}

.index .floor1 .textBox .desc{font-size: 2.4rem;line-height: 4.2rem;color: rgba(255, 255, 255, 0.8);text-align: center;margin-top: 3rem;}

.index .floor1 .textBox .flex{align-items: center;justify-content: space-between;margin-top: 6rem;width: 100%;}
.index .floor1 .textBox .flex.rowReverse{flex-direction: row-reverse;}
.index .floor1 .textBox .flex .big{width: 69rem;flex-shrink: 0;}
.index .floor1 .textBox .flex .contentBox{width: 69rem;}
.index .floor1 .textBox .flex .name{font-size: 3.6rem;line-height: 4.6rem;color: #FFFFFF;}
.index .floor1 .textBox .flex .content{margin-top: 2rem;color: rgba(255, 255, 255, 0.8);font-size: 2.4rem;line-height: 4.2rem;}

.index .floor1 .textBox .btn{margin-top: 6rem;height: 6rem;border-radius: 6rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);padding: 0 3.6rem 0 4.8rem;font-size: 2.4rem;color: #fff;}
.index .floor1 .textBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.5rem;flex-shrink: 0;}
.index .floor1 .textBox .btn:hover{border-color: #033B94;background: #033B94;color: #fff;}





.index .floor2{position: relative;overflow: hidden;}
.index .floor2 .bg{position: absolute;z-index: 1;width: 100%;left: 0;top: 0;align-items: flex-start;height: 100%;}
.index .floor2 .bg img{width: 100%;height: 100%;object-fit: cover;}

.index .floor2 .textBox{position: relative;z-index: 111;width: 144rem;margin: 0 auto;padding: 10rem 0 10rem;display: flex;flex-direction: column;align-items: center;}
.index .floor2 .textBox .title .en{font-size: 12rem;line-height: 13rem;color: rgba(255, 255, 255, 0.15);text-align: center;}
.index .floor2 .textBox .title .cn{font-size: 6rem;line-height: 7rem;color: rgba(255, 255, 255, 1);text-align: center;margin-top: -7rem;}

.index .floor2 .textBox .desc{font-size: 2.4rem;line-height: 4.2rem;color: rgba(255, 255, 255, 0.8);text-align: center;margin-top: 3rem;}

.index .floor2 .textBox .btn{margin-top: 4rem;height: 6rem;border-radius: 6rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);padding: 0 3.6rem 0 4.8rem;font-size: 2.4rem;color: #fff;}
.index .floor2 .textBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.5rem;flex-shrink: 0;}
.index .floor2 .textBox .btn:hover{border-color: #033B94;background: #033B94;color: #fff;}

.index .floor2 .textBox .list{margin-top: 4.5rem;display: flex;flex-wrap: wrap;}
.index .floor2 .textBox .list .one{position: relative;margin-right: 1.5rem;margin-top: 1.5rem;width: 47rem;height: 31.3rem;}
.index .floor2 .textBox .list .one .big{width: 100%;height: 100%;}
.index .floor2 .textBox .list .one .big img{width: 100%;height: 100%;object-fit: cover;}
.index .floor2 .textBox .list .one:nth-child(3n){margin-right: 0;}
.index .floor2 .textBox .list .one .name{position: absolute;bottom: 0;left: 0;right: 0;padding: 2rem;background: rgba(0, 0, 0, 0.5);font-size: 2.4rem;color: #FFFFFF;text-align: center;}
.index .floor2 .textBox .list .one:hover .big img{transform: scale(1.1);}



.index .floor3{position: relative;overflow: hidden;}
.index .floor3 .bg{position: absolute;z-index: 1;width: 100%;left: 0;top: 0;align-items: flex-start;height: 100%;}
.index .floor3 .bg img{width: 100%;height: 100%;object-fit: cover;}

.index .floor3 .textBox{position: relative;z-index: 111;width: 144rem;margin: 0 auto;padding: 10rem 0 9rem;display: flex;flex-direction: column;align-items: center;}
.index .floor3 .textBox .title .en{font-size: 12rem;line-height: 13rem;color: rgba(255, 255, 255, 0.15);text-align: center;}
.index .floor3 .textBox .title .cn{font-size: 6rem;line-height: 7rem;color: rgba(255, 255, 255, 1);text-align: center;margin-top: -7rem;}

.index .floor3 .textBox .flex{align-items: center;justify-content: space-between;margin-top: 6rem;width: 100%;}
.index .floor3 .textBox .flex.rowReverse{flex-direction: row-reverse;}
.index .floor3 .textBox .flex .big{width: 69rem;flex-shrink: 0;}
.index .floor3 .textBox .flex .contentBox{width: 69rem;}
.index .floor3 .textBox .flex .name{font-size: 3.6rem;line-height: 4.6rem;color: #FFFFFF;}
.index .floor3 .textBox .flex .content{margin-top: 2rem;color: rgba(255, 255, 255, 0.8);font-size: 2.4rem;line-height: 4.2rem;}

.index .floor3 .textBox .btn{margin-top: 6rem;height: 6rem;border-radius: 6rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);padding: 0 3.6rem 0 4.8rem;font-size: 2.4rem;color: #fff;}
.index .floor3 .textBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.5rem;flex-shrink: 0;}
.index .floor3 .textBox .btn:hover{border-color: #033B94;background: #033B94;color: #fff;}



.index .floor4{position: relative;overflow: hidden;}
.index .floor4 .bg{position: absolute;z-index: 1;width: 100%;left: 0;top: 0;align-items: flex-start;height: 100%;}
.index .floor4 .bg img{width: 100%;height: 100%;object-fit: cover;}

.index .floor4 .textBox{position: relative;z-index: 111;width: 144rem;margin: 0 auto;padding: 10rem 0 9rem;display: flex;flex-direction: column;align-items: center;}
.index .floor4 .textBox .title .en{font-size: 12rem;line-height: 13rem;color: rgba(255, 255, 255, 0.15);text-align: center;}
.index .floor4 .textBox .title .cn{font-size: 6rem;line-height: 7rem;color: rgba(255, 255, 255, 1);text-align: center;margin-top: -7rem;}

.index .floor4 .textBox .btn{margin-top: 4rem;height: 6rem;border-radius: 6rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);padding: 0 3.6rem 0 4.8rem;font-size: 2.4rem;color: #fff;}
.index .floor4 .textBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.5rem;flex-shrink: 0;}
.index .floor4 .textBox .btn:hover{border-color: #033B94;background: #033B94;color: #fff;}

.index .floor4 .textBox .list{margin-top: 6rem;display: flex;flex-wrap: wrap;}
.index .floor4 .textBox .list .one{position: relative;margin-right: 4.5rem;width: 45rem;}
.index .floor4 .textBox .list .one .big{width: 100%;height: 30rem;}
.index .floor4 .textBox .list .one .big img{width: 100%;height: 100%;object-fit: cover;}
.index .floor4 .textBox .list .one:nth-child(3n){margin-right: 0;}
.index .floor4 .textBox .list .one .name{margin: 2rem 0 1rem;font-size: 2.4rem;line-height: 3.6rem;color: #FFFFFF;transition: all 0.3s;}
.index .floor4 .textBox .list .one .time{font-size: 2rem;line-height: 3rem;color: rgba(255, 255, 255, 0.7);transition: all 0.3s;}
.index .floor4 .textBox .list .one:hover .big img{transform: scale(1.1);}
.index .floor4 .textBox .list .one:hover .name{color: #ccc;}
.index .floor4 .textBox .list .one:hover .time{color: #ddd;}





.inpage .banner{position: relative;}
.inpage .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.5);}
.inpage .banner .textBox .title{font-size: 7.2rem;line-height: 8.4rem;color: #fff;width: 105rem;text-align: center;}


.inpage.about .floor1{background: #000000;padding: 12rem 0;overflow: hidden;}
.inpage.about .floor1 .textBox{margin: 0 auto;width: 144rem;}
.inpage.about .floor1 .titleBox{padding-left: 6rem;position: relative;z-index: 111;}
.inpage.about .floor1 .titleBox::before{position: absolute;left: 0;top: 0;bottom: 0;background: rgba(255, 255, 255, 0.5);width: 0.1rem;content: "";}
.inpage.about .floor1 .titleBox::after{position: absolute;left: -6rem;right: 0;top: 16rem;margin: auto;background: rgba(255, 255, 255, 0.5);height: 0.1rem;content: "";}

.inpage.about .floor1 .titleBox .title .en{font-size: 12rem;line-height: 13rem;color: rgba(255, 255, 255, 0.15);}
.inpage.about .floor1 .titleBox .title .cn{font-size: 6rem;line-height: 7rem;color: rgba(255, 255, 255, 1);margin-top: -7rem;}

.inpage.about .floor1 .titleBox .desc{font-size: 2.4rem;line-height: 4.2rem;color: rgba(255, 255, 255, 0.8);margin-top: 6rem;}

.inpage.about .floor1 .list{width: 100%;}
.inpage.about .floor1 .list .one{margin-top: 10rem;display: flex;justify-content: space-between;width: 100%;}
.inpage.about .floor1 .list .one .big{width: 69rem;flex-shrink: 0;}
.inpage.about .floor1 .list .one .contentBox{width: auto;position: relative;display: flex;justify-content: flex-end;flex: 1;}
.inpage.about .floor1 .list .one .contentBox .box{width: 69rem;position: relative;z-index: 111;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.inpage.about .floor1 .list .one .contentBox .name{font-size: 3.6rem;line-height: 4.6rem;color: #FFFFFF;}
.inpage.about .floor1 .list .one .contentBox .content{font-size: 2.4rem;line-height: 4.2rem;color: rgba(255, 255, 255, 0.8);margin-top: 2rem;}

.inpage.about .floor1 .list .one .contentBox .bg{position: absolute;z-index: 1;width: 99rem;left: 0;bottom: 0;}

.inpage.about .floor1 .list .one:nth-child(2n){flex-direction: row-reverse;}

.inpage.about .floor1 .list .one:nth-child(2) .contentBox{justify-content: flex-start;}
.inpage.about .floor1 .list .one:nth-child(2) .contentBox .bg{left: auto;bottom: -10rem;right: 0;top: -10rem;}

.inpage.about .floor1 .list .one:nth-child(3) .contentBox .bg{bottom: auto;top: 0;}

.inpage.about .floor1 .list .btn{margin-top: 4rem;height: 6rem;border-radius: 6rem;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.1);padding: 0 3.6rem 0 4.8rem;font-size: 2.4rem;color: #fff;}
.inpage.about .floor1 .list .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.5rem;flex-shrink: 0;}
.inpage.about .floor1 .list .btn:hover{border-color: #033B94;background: #033B94;color: #fff;}



.inpage.about .floor2{padding: 10rem 0;}
.inpage.about .floor2 .title{font-size: 4.8rem;line-height: 5.8rem;color: #222222;text-align: center;}
.inpage.about .floor2 .desc{font-size: 2.4rem;line-height: 4.2rem;color: #222222;text-align: center;margin-top: 2rem;}

.inpage.about .floor2 .list .one{margin-top: 4rem;display: flex;}
.inpage.about .floor2 .list .one:nth-child(2n + 1){flex-direction: row-reverse;}
.inpage.about .floor2 .list .one .big{width: 72rem;flex-shrink: 0;}
.inpage.about .floor2 .list .one .textBox{width: auto;flex: 1;display: flex;flex-direction: column;justify-content: center;background: #F7F7F7;}
.inpage.about .floor2 .list .one .textBox .name{padding: 0 6rem 3rem;border-bottom: 1px solid #DDDDDD;margin-bottom: 3rem;font-size: 3.6rem;line-height: 4.6rem;color: #333333;}
.inpage.about .floor2 .list .one .textBox .content{font-size: 2.4rem;line-height: 4.2rem;padding: 0 6rem;color: #333;}


/* .inpage.about .bigImg{margin-top: 10rem;} */



.inpage.product>.textBox{padding: 6rem 0;width: 144rem;margin: 0 auto;}
.inpage.product>.textBox .title{font-size: 4.8rem;line-height: 5.8rem;color: #222222;text-align: center;}
.inpage.product>.textBox .desc{font-size: 2.4rem;line-height: 4.2rem;color: #222222;text-align: center;margin-top: 2rem;}
.inpage.product>.textBox .desc span{font-weight: bold;font-family: 'hongmengB';}


.inpage.product .floor{padding-bottom: 12rem;}
.inpage.product .floor .banner .textBox{background: none;}
.inpage.product .floor .banner .textBox .title{font-size: 4.8rem;line-height: 5.8rem;color: #fff;}

.inpage.product .floor .list{margin: 8rem auto 8rem;width: 144rem;display: flex;}
.inpage.product .floor .list .one{display: flex;align-items: center;flex-direction: column;margin-right: 4.8rem;}
.inpage.product .floor .list .one .icon{width: 20rem;height: 20rem;border-radius: 50%;transition: all 0.5s;}
.inpage.product .floor .list .one .name{font-size: 2.4rem;line-height: 3.6rem;margin-top: 2rem;text-align: center;color: #333333;transition: all 0.3s;}
.inpage.product .floor .list .one:nth-child(6n){margin-right: 0;}
.inpage.product .floor .list .one:hover .name{color: #033B94;}
.inpage.product .floor .list .one:hover .icon{transform: rotate(360deg);}

.inpage.product .floor .box{background: #033B94;padding: 6rem;width: 144rem;margin: 0 auto;}
.inpage.product .floor .box .title{font-size: 3.6rem;line-height: 4.4rem;color: #FFFFFF;border-bottom: 1px solid #fff;padding-bottom: 1rem;}

.inpage.product .floor .box .flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.inpage.product .floor .box .flex .one{width: 65rem;height: 6.2rem;border: 1px solid #FFFFFF;display: flex;align-items: center;justify-content: space-between;margin-top: 2rem;transition: all 0.3s;padding: 0 1.5rem;}
.inpage.product .floor .box .flex .one .name{font-size: 2.4rem;line-height: 3.2rem;color: #FFFFFF;transition: all 0.3s;}

.inpage.product .floor .box .flex .one .icon{width: 1.6rem;height: 2.4rem;position: relative;}
.inpage.product .floor .box .flex .one .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.inpage.product .floor .box .flex .one .icon .nor{z-index: 111;opacity: 1;}
.inpage.product .floor .box .flex .one .icon .hov{z-index: 11;opacity: 0;}
.inpage.product .floor .box .flex .one:hover .icon .nor{z-index: 11;opacity: 0;}
.inpage.product .floor .box .flex .one:hover .icon .hov{z-index: 111;opacity: 1;}

.inpage.product .floor .box .flex .one:hover{background: #fff;}
.inpage.product .floor .box .flex .one:hover .name{color: #033B94;}

.inpage.product .floor .box .flex .one.active .icon .nor{z-index: 11;opacity: 0;}
.inpage.product .floor .box .flex .one.active .icon .hov{z-index: 111;opacity: 1;}

.inpage.product .floor .box .flex .one.active{background: #fff;}
.inpage.product .floor .box .flex .one.active .name{color: #033B94;}



.bread{width: 144rem;margin: 0 auto;height: 7.2rem;display: flex;align-items: center;}
.bread .one{font-size: 2rem;line-height: 3.2rem;color: #888888;transition: all 0.3s;}
.bread a.one:hover{color: #033B94;}
.bread span{font-size: 2rem;line-height: 3.2rem;margin: 0 1rem;color: #888888;}


.inpage.productList .floor1 .list{padding: 4.5rem 0 6rem;width: 144rem;margin: 0 auto;display: flex;flex-wrap: wrap;}
.inpage.productList .floor1 .list .one{width: 47rem;height: 31.3rem;margin-right: 1.5rem;margin-top: 1.5rem;position: relative;cursor: pointer;}
.inpage.productList .floor1 .list .one:nth-child(3n){margin-right: 0;}
.inpage.productList .floor1 .list .one .textBox{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);padding: 2rem 2rem 1rem;}
.inpage.productList .floor1 .list .one .textBox .name{font-size: 2.4rem;line-height: 2.8rem;color: #FFFFFF;text-align: center;}
.inpage.productList .floor1 .list .one .textBox .icon{width: 2.4rem;height: 2.4rem;flex-shrink: 0;margin: 0 auto;}

.inpage.productList .floor1 .list .one .big{width: 100%;height: 100%;border-radius: 1rem 1rem 0 0;}
.inpage.productList .floor1 .list .one .big img{width: 100%;height: 100%;object-fit: cover;}
.inpage.productList .floor1 .list .one:hover .big img{transform: scale(1.1);}


.inpage.productList .floor2{padding: 6rem 0 12rem;background: #F7F7F7;}
.inpage.productList .floor2 .box{width: 144rem;margin: 0 auto 2rem;background: #FFFFFF;padding: 4rem 6rem;}
.inpage.productList .floor2 .box .title{font-size: 3.6rem;line-height: 4.4rem;color: #222222;}

.inpage.productList .floor2 .box .list{display: flex;flex-wrap: wrap;}
.inpage.productList .floor2 .box .list .one{margin-top: 2rem;margin-right: 2rem;width: 20rem;height: 6.2rem;border: 1px solid #DDDDDD;transition: all 0.3s;display: flex;align-items: center;justify-content: space-between;padding: 0 1.5rem;}
.inpage.productList .floor2 .box .list .one .name{font-size: 2.4rem;color: #333333;transition: all 0.3s;flex: 1;width: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.inpage.productList .floor2 .box .list .one .icon{width: 1.6rem;height: 2.4rem;position: relative;}
.inpage.productList .floor2 .box .list .one .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.inpage.productList .floor2 .box .list .one .icon .nor{z-index: 111;opacity: 1;}
.inpage.productList .floor2 .box .list .one .icon .hov{z-index: 11;opacity: 0;}
.inpage.productList .floor2 .box .list .one:hover .icon .nor{z-index: 11;opacity: 0;}
.inpage.productList .floor2 .box .list .one:hover .icon .hov{z-index: 111;opacity: 1;}

.inpage.productList .floor2 .box .list .one:hover{background: #E5EBF4;border: 1px solid #033B94;}
.inpage.productList .floor2 .box .list .one:hover .name{color: #033B94;}


.inpage.productList .floor2 .box .list .more{margin-top: 2rem;margin-right: 2rem;width: 20rem;height: 6.2rem;background: #F7F7F7;transition: all 0.3s;font-size: 2.4rem;color: #888888;}

.inpage.productList .floor2 .box .list .more .icon{width: 2.4rem;height: 2.4rem;position: relative;margin-left: 1rem;}
.inpage.productList .floor2 .box .list .more .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.inpage.productList .floor2 .box .list .more .icon .nor{z-index: 111;opacity: 1;}
.inpage.productList .floor2 .box .list .more .icon .hov{z-index: 11;opacity: 0;}
.inpage.productList .floor2 .box .list .more:hover .icon .nor{z-index: 11;opacity: 0;}
.inpage.productList .floor2 .box .list .more:hover .icon .hov{z-index: 111;opacity: 1;}

.inpage.productList .floor2 .box .list .more:hover{background: #033B94;color: #fff;}



.inpage.productDetail .floor1{padding: 6rem 0;}
.inpage.productDetail .floor1 .detailBox{width: 144rem;margin: 0 auto;display: flex;}
.inpage.productDetail .floor1 .detailBox .big{width: 60rem;height: 45rem;flex-shrink: 0;margin-right: 6rem;flex-shrink: 0;}
.inpage.productDetail .floor1 .detailBox .big img{width: 100%;height: 100%;object-fit: cover;}

.inpage.productDetail .floor1 .detailBox .textBox{flex: 1;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.inpage.productDetail .floor1 .detailBox .textBox .name{font-size: 4.8rem;line-height: 5.8rem;color: #3D3D3D;}
.inpage.productDetail .floor1 .detailBox .textBox .desc{margin-top: 2rem;font-size: 2.4rem;line-height: 4.2rem;color: #3D3D3D;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox{margin-top: 4rem;display: flex;}

.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn{height: 6rem;border-radius: 6rem;border: 1px solid #033B94;background: #E5EBF4;padding: 0 3.6rem 0 4.8rem;font-size: 2.4rem;color: #033B94;margin-right: 2rem;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.5rem;flex-shrink: 0;position: relative;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn:hover{border-color: #033B94;background: #033B94;color: #fff;}

.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn .icon{width: 1.6rem;height: 2.4rem;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn .icon .nor{z-index: 111;opacity: 1;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn .icon .hov{z-index: 11;opacity: 0;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn:hover .icon .nor{z-index: 11;opacity: 0;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn:hover .icon .hov{z-index: 111;opacity: 1;}

.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn.tel{border-color: #033B94;background: #033B94;color: #fff;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn.tel:hover{border-color: #033B94;background: #E5EBF4;color: #033B94;}


.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block{position: relative;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox{position: absolute;left: 100%;top: 50%;transform: translateY(-50%);padding-left: 0.7rem;display: none;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox .close{position: absolute;top: 0;right: 0;width: 4.8rem;height: 4.8rem;transition: all 0.3s;cursor: pointer;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox .close:hover{transform: rotate(180deg);}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox .textBox{display: flex;flex-direction: column;box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.1);background: linear-gradient(180deg, rgba(229, 235, 244, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;border-radius: 1rem;padding: 3rem;align-items: center;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox .textBox .name{font-size: 2rem;line-height: 2.8rem;margin-bottom: 0.5rem;color: #333333;text-align: center;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox .textBox .phone{font-size: 2rem;line-height: 2.8rem;margin-bottom: 0.5rem;color: #333333;text-align: center;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox .textBox .less{font-size: 1.6rem;line-height: 2rem;color: #888888;white-space: nowrap;text-align: center;}
.inpage.productDetail .floor1 .detailBox .textBox .btnBox .block .hideBox .textBox .code{width: 20rem;height: 20rem;background: #EEEEEE;border-radius: 0.5rem;margin: 1rem auto;}






.inpage.productDetail .floor1 .tableBox{width: 144rem;margin: 6rem auto 0;}
.inpage.productDetail .floor1 .tableBox .title{font-size: 3.6rem;line-height: 4.4rem;color: #3D3D3D;}
.inpage.productDetail .floor1 .tableBox .title span{font-size: 2.4rem;line-height: 4.4rem;color: #3D3D3D;font-family: 'hongmeng';font-weight: normal;}

.inpage.productDetail .floor1 .tableBox .table{margin-top: 2rem;}
.inpage.productDetail .floor1 .tableBox .table table{width: 100%;border-spacing: 0;}
.inpage.productDetail .floor1 .tableBox .table table td{border-bottom: 1px solid #ddd;}
.inpage.productDetail .floor1 .tableBox .table table thead tr{background: #F7F7F7;}
.inpage.productDetail .floor1 .tableBox .table table thead tr td{min-height: 7.6rem;border-right: 1px solid #DDDDDD;padding: 2rem;}
.inpage.productDetail .floor1 .tableBox .table table thead tr td:last-child{border-right: 0;}
.inpage.productDetail .floor1 .tableBox .table table .name{font-size: 2.4rem;line-height: 3.6rem;text-align: center;color: #3D3D3D;}

.inpage.productDetail .floor1 .tableBox .table table tbody tr td{min-height: 7.6rem;border-right: 1px solid #DDDDDD;padding: 2rem;}
.inpage.productDetail .floor1 .tableBox .table table tbody tr td:last-child{border-right: 0;}
.inpage.productDetail .floor1 .tableBox .table table .text{font-size: 2.4rem;line-height: 3.6rem;text-align: center;color: #3D3D3D;}


.inpage.productDetail .floor2{padding: 6rem 0 12rem;background: #F7F7F7;}
.inpage.productDetail .floor2 .big{font-size: 4.8rem;line-height: 5.8rem;color: #222222;margin: 0 auto 4rem;width: 144rem;}
.inpage.productDetail .floor2 .box{width: 144rem;margin: 0 auto 2rem;background: #FFFFFF;padding: 4rem 6rem;}
.inpage.productDetail .floor2 .box .title{font-size: 3.6rem;line-height: 4.4rem;color: #222222;}

.inpage.productDetail .floor2 .box .list{display: flex;flex-wrap: wrap;}
.inpage.productDetail .floor2 .box .list .one{margin-top: 2rem;margin-right: 2rem;width: 20rem;height: 6.2rem;border: 1px solid #DDDDDD;transition: all 0.3s;display: flex;align-items: center;justify-content: space-between;padding: 0 1.5rem;}
.inpage.productDetail .floor2 .box .list .one .name{font-size: 2.4rem;color: #333333;transition: all 0.3s;flex: 1;width: auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.inpage.productDetail .floor2 .box .list .one .icon{width: 1.6rem;height: 2.4rem;position: relative;}
.inpage.productDetail .floor2 .box .list .one .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.inpage.productDetail .floor2 .box .list .one .icon .nor{z-index: 111;opacity: 1;}
.inpage.productDetail .floor2 .box .list .one .icon .hov{z-index: 11;opacity: 0;}
.inpage.productDetail .floor2 .box .list .one:hover .icon .nor{z-index: 11;opacity: 0;}
.inpage.productDetail .floor2 .box .list .one:hover .icon .hov{z-index: 111;opacity: 1;}

.inpage.productDetail .floor2 .box .list .one:hover{background: #E5EBF4;border: 1px solid #033B94;}
.inpage.productDetail .floor2 .box .list .one:hover .name{color: #033B94;}


.inpage.productDetail .floor2 .box .list .more{margin-top: 2rem;margin-right: 2rem;width: 20rem;height: 6.2rem;background: #F7F7F7;transition: all 0.3s;font-size: 2.4rem;color: #888888;}

.inpage.productDetail .floor2 .box .list .more .icon{width: 2.4rem;height: 2.4rem;position: relative;margin-left: 1rem;}
.inpage.productDetail .floor2 .box .list .more .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.inpage.productDetail .floor2 .box .list .more .icon .nor{z-index: 111;opacity: 1;}
.inpage.productDetail .floor2 .box .list .more .icon .hov{z-index: 11;opacity: 0;}
.inpage.productDetail .floor2 .box .list .more:hover .icon .nor{z-index: 11;opacity: 0;}
.inpage.productDetail .floor2 .box .list .more:hover .icon .hov{z-index: 111;opacity: 1;}

.inpage.productDetail .floor2 .box .list .more:hover{background: #033B94;color: #fff;}


.inpage.productDetail .floor2 .listBox{padding: 4.5rem 0 6rem;width: 144rem;margin: 0 auto;display: flex;flex-wrap: wrap;}
.inpage.productDetail .floor2 .listBox .one{width: 47rem;height: 31.3rem;margin-right: 1.5rem;margin-top: 1.5rem;position: relative;cursor: pointer;}
.inpage.productDetail .floor2 .listBox .one:nth-child(3n){margin-right: 0;}
.inpage.productDetail .floor2 .listBox .one .textBox{position: absolute;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);padding: 2rem 2rem 1rem;}
.inpage.productDetail .floor2 .listBox .one .textBox .name{font-size: 2.4rem;line-height: 2.8rem;color: #FFFFFF;text-align: center;}
.inpage.productDetail .floor2 .listBox .one .textBox .icon{width: 2.4rem;height: 2.4rem;flex-shrink: 0;margin: 0 auto;}

.inpage.productDetail .floor2 .listBox .one .big{width: 100%;height: 100%;border-radius: 1rem 1rem 0 0;}
.inpage.productDetail .floor2 .listBox .one .big img{width: 100%;height: 100%;object-fit: cover;}
.inpage.productDetail .floor2 .listBox .one:hover .big img{transform: scale(1.1);}



.inpage.quality .floor{padding: 6rem 0 10rem;}
.inpage.quality .floor:nth-child(3){background: #F7F7F7;}
.inpage.quality .floor .title{font-size: 4.8rem;line-height: 7.2rem;text-align: center;color: #222222;margin-bottom: 2rem;}
.inpage.quality .floor .desc{font-size: 2.4rem;line-height: 4.2rem;text-align: center;color: #333;}

.inpage.quality .floor .box{margin: 4rem 0;display: flex;}
.inpage.quality .floor .box:last-child{margin-bottom: 0;}
.inpage.quality .floor .box .big{width: 72rem;height: 48rem;flex-shrink: 0;}
.inpage.quality .floor .box .big img{width: 100%;height: 100%;object-fit: cover;}

.inpage.quality .floor .box .textBox{padding: 0 6rem;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;background: #F7F7F7;}
.inpage.quality .floor .box .name{font-size: 3.6rem;line-height: 4.6rem;color: #333333;}
.inpage.quality .floor .box .text{font-size: 2.4rem;line-height: 4.2rem;margin-top: 2rem;color: #333333;}

.inpage.quality .floor:nth-child(3) .box .textBox{background: #fff;}

.inpage.quality .floor .box .swiper{width: 72rem;height: 48rem;flex-shrink: 0;}
.inpage.quality .floor .box .swiper .swiper-pagination{bottom: 2.4rem;}
.inpage.quality .floor .box .swiper .swiper-pagination-bullet{width: 1.4rem;height: 1.4rem;margin: 0 0.5rem;background: rgba(255, 255, 255, 0.35);transition: all 0.3s;opacity: 1;}
.inpage.quality .floor .box .swiper .swiper-pagination-bullet-active{background: #FFFFFF;}



.inpage.company .floor .title{padding-bottom: 2.4rem;font-size: 4.8rem;line-height: 5.8rem;color: #222;text-align: center;position: relative;} 
.inpage.company .floor .title::after{position: absolute;width: 10rem;height: 0.4rem;background: #033B94;content: "";left: 0;right: 0;bottom: 0;margin: auto;}


.inpage.company .floor1{padding: 6rem 0 12rem;}
.inpage.company .floor1 .box{margin-top: 6rem;display: flex;align-items: center;}
.inpage.company .floor1 .box .big{width: 72rem;height: 48rem;flex-shrink: 0;margin-right: 6rem;}
.inpage.company .floor1 .box .textBox{flex: 1;width: auto;}
.inpage.company .floor1 .box .name{font-size: 3.6rem;line-height: 4.8rem;color: #033B94;}
.inpage.company .floor1 .box .content{font-size: 2.4rem;line-height: 4.2rem;color: #333333;margin-top: 3rem;}

.inpage.company .floor1 .list{display: flex;justify-content: space-between;margin-top: 6rem;}
.inpage.company .floor1 .list .one{width: 34.5rem;padding: 6rem 0;box-shadow: 0px 0px 3rem 0px rgba(3, 59, 148, 0.1);background: rgba(255, 255, 255, 0.2);display: flex;flex-direction: column;align-items: center;}
.inpage.company .floor1 .list .one .num{font-size: 6rem;color: #033B94;}
.inpage.company .floor1 .list .one .num span{font-size: 3rem;}
.inpage.company .floor1 .list .one .text{margin-top: 1rem;font-size: 2.4rem;color: #666666;}


.inpage.company .floor2{padding: 8rem 0 12rem;background: #F7F7F7;}
.inpage.company .floor2 .desc{margin-top: 2rem;color: #888888;font-size: 2.4rem;line-height: 4.2rem;text-align: center;margin-bottom: 4rem;}
.inpage.company .floor2 .list .one{margin-bottom: 1rem;padding: 4rem 6rem;background: #FFFFFF;position: relative;overflow: hidden;}
.inpage.company .floor2 .list .one:last-child{margin-bottom: 0rem;}
.inpage.company .floor2 .list .one::before{position: absolute;left: 0;top: 0;bottom: 0;background: #033B94;width: 0.4rem;content: "";}

.inpage.company .floor2 .list .one .top{position: relative;display: flex;align-items: center;}
.inpage.company .floor2 .list .one .time{font-size: 4rem;line-height: 5rem;color: #033B94;margin-right: 2rem;}
.inpage.company .floor2 .list .one .name{font-size: 3.2rem;line-height: 4.4rem;color: #033B94;} 
.inpage.company .floor2 .list .one .top::before{position: absolute;width: 3rem;height: 3rem;left: -7.5rem;transform: rotate(45deg);background: #033B94;content: "";top: 0;bottom: 0;margin: auto;}

.inpage.company .floor2 .list .one .bot{margin-top: 1rem;font-size: 2.4rem;line-height: 4.2rem;color: #333333;}


.inpage.company .floor3{padding: 8rem 0 12rem;}
.inpage.company .floor3 .desc{margin-top: 2rem;color: #888888;font-size: 2.4rem;line-height: 4.2rem;text-align: center;margin-bottom: 4rem;}

.inpage.company .floor3 .list{display: flex;flex-wrap: wrap;margin-bottom: 1rem;}
.inpage.company .floor3 .list .one{width: 46rem;margin-right: 3rem;margin-bottom: 3rem;background: rgba(255, 255, 255, 0.2);box-shadow: 0px 0px 3rem 0px rgba(3, 59, 148, 0.1);}
.inpage.company .floor3 .list .one:nth-child(3n){margin-right: 0;}
.inpage.company .floor3 .list .one .big{width: 100%;height: 23rem;}
.inpage.company .floor3 .list .one .textBox{padding: 3rem;}
.inpage.company .floor3 .list .one .name{display: flex;align-items: center;font-size: 3.2rem;line-height: 4.4rem;color: #222222;}
.inpage.company .floor3 .list .one .name .icon{width: 4.8rem;height: 4.8rem;margin-right: 1rem;}
.inpage.company .floor3 .list .one .content{margin-top: 1rem;font-size: 2rem;line-height: 3rem;color: #888;}

.inpage.company .floor3 .other .name{font-size: 3.6rem;line-height: 4.8rem;color: #222222;text-align: center;margin-bottom: 2rem;}
.inpage.company .floor3 .other .box{display: flex;justify-content: space-between;}
.inpage.company .floor3 .other .box .one{width: 26.4rem;padding: 4rem 0;display: flex;flex-direction: column;align-items: center;box-shadow: 0px 0px 3rem 0px rgba(3, 59, 148, 0.1);background: #FFFFFF;}
.inpage.company .floor3 .other .box .one .icon{width: 8rem;height: 8rem;}
.inpage.company .floor3 .other .box .one .text{font-size: 2.4rem;line-height: 3.6rem;margin-top: 2rem;color: #333333;}




.inpage.company .floor4{padding: 8rem 0 12rem;background: #F7F7F7;}
.inpage.company .floor4 .desc{margin-top: 2rem;color: #888888;font-size: 2.4rem;line-height: 4.2rem;text-align: center;margin-bottom: 4rem;}

.inpage.company .floor4 .flex{margin-bottom: 4rem;align-items: center;}
.inpage.company .floor4 .flex .big{width: 72rem;height: 72rem;flex-shrink: 0;margin-right: 6rem;}
.inpage.company .floor4 .flex .textBox{flex: 1;width: auto;}
.inpage.company .floor4 .flex .name{font-size: 3.6rem;line-height: 4.8rem;color: #033B94;}
.inpage.company .floor4 .flex .content{font-size: 2.4rem;line-height: 4.2rem;color: #333;margin-top: 1rem;margin-bottom: 4rem;}
.inpage.company .floor4 .flex .line{margin-bottom: 3rem;display: flex;}
.inpage.company .floor4 .flex .line:last-child{margin-bottom: 0;}
.inpage.company .floor4 .flex .line .icon{width: 6rem;height: 6rem;flex-shrink: 0;margin-right: 2rem;}
.inpage.company .floor4 .flex .line .top{font-size: 2.4rem;line-height: 3.6rem;color: #333333;}
.inpage.company .floor4 .flex .line .bot{font-size: 2.4rem;line-height: 3.6rem;color: #333333;margin-top: 0.5rem;}


.inpage.company .floor4 .other .name{font-size: 3.6rem;line-height: 4.8rem;color: #222222;text-align: center;margin-bottom: 2rem;}
.inpage.company .floor4 .other .box{display: flex;justify-content: space-between;}
.inpage.company .floor4 .other .box .one{width: 33.75rem;padding: 4rem 0;display: flex;flex-direction: column;align-items: center;box-shadow: 0px 0px 3rem 0px rgba(3, 59, 148, 0.1);background: #FFFFFF;}
.inpage.company .floor4 .other .box .one .icon{width: 8rem;height: 8rem;}
.inpage.company .floor4 .other .box .one .text{font-size: 2.4rem;line-height: 3.6rem;margin-top: 2rem;color: #333333;}
.inpage.company .floor4 .other .box .one .content{font-size: 2.4rem;line-height: 3.6rem;color: #888;}



.inpage.company .floor5{position: relative;overflow: hidden;}
.inpage.company .floor5 .bg{position: absolute;z-index: 1;width: 100%;left: 0;top: 0;align-items: flex-start;}
.inpage.company .floor5 .bg img{width: 100%;}

.inpage.company .floor5 .container{position: relative;padding: 8rem 0 12rem;z-index: 111;}
.inpage.company .floor5 .title{color: #fff;}
.inpage.company .floor5 .title::after{background: #fff;}

.inpage.company .floor5 .textBox{margin-top: 6rem}
.inpage.company .floor5 .textBox .name{font-size: 3.6rem;line-height: 4.8rem;color: #FFFFFF;text-align: center;}
.inpage.company .floor5 .textBox .content{font-size: 2.4rem;line-height: 4.2rem;color: #FFFFFF;text-align: center;margin-top: 2rem;}

.inpage.company .floor5 .other{display: flex;justify-content: space-between;margin-top: 6rem;}
.inpage.company .floor5 .other .one{width: 46rem;padding: 4rem 2rem;background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(2rem);display: flex;flex-direction: column;align-items: center;}
.inpage.company .floor5 .other .one .icon{width: 10rem;height: 10rem;}
.inpage.company .floor5 .other .one .name{margin: 2rem 0 1rem;font-size: 3.2rem;line-height: 4.4rem;color: #fff;text-align: center;}
.inpage.company .floor5 .other .one .content{font-size: 2.4rem;line-height: 3.6rem;color: rgba(255, 255, 255, 0.8);text-align: center;}




.inpage.news{padding-bottom: 12rem;}
.inpage.news .list{display: flex;flex-wrap: wrap;width: 144rem;margin: 1.5rem auto 4rem;}
.inpage.news .list .one{position: relative;margin-right: 4.5rem;width: 45rem;margin-top: 4.5rem;}
.inpage.news .list .one .big{width: 100%;height: 30rem;}
.inpage.news .list .one .big img{width: 100%;height: 100%;object-fit: cover;}
.inpage.news .list .one:nth-child(3n){margin-right: 0;}
.inpage.news .list .one .name{margin: 2rem 0 1rem;font-size: 2.4rem;line-height: 3.6rem;color: #333333;transition: all 0.3s;}
.inpage.news .list .one .time{font-size: 2rem;line-height: 3rem;color: rgba(51, 51, 51, 0.5);transition: all 0.3s;}
.inpage.news .list .one:hover .big img{transform: scale(1.1);}
.inpage.news .list .one:hover .name{color: #033B94;}
.inpage.news .list .one:hover .time{color: rgba(3, 59, 148, 0.5);}



.pageList{display: flex;justify-content: center;}
.pageList .one{min-width: 5rem;height: 5rem;display: flex;align-items: center;justify-content: center;font-size: 2rem;line-height: 3rem;padding: 0 1rem;color: #999999;cursor: pointer;margin: 0 0.5rem;background: #F7F7F7;transition: all 0.3s;}
.pageList .one:hover{background: #033B94;color: #fff;}

.pageList .point{min-width: 5rem;height: 5rem;display: flex;align-items: center;justify-content: center;font-size: 2rem;line-height: 3rem;padding: 0 1rem;color: #999999;margin: 0 0.5rem;}


.inpage.news .detailBox{padding: 6rem 0 0rem;width: 144rem;margin: 0 auto;}
.inpage.news .detailBox .title{font-size: 3.6rem;line-height: 4.8rem;color: #222222;text-align: center;}
.inpage.news .detailBox .time{font-size: 2.4rem;line-height: 4.2rem;margin: 2rem 0;text-align: center;color: #888888;}

.inpage.news .detailBox .contentBox{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 4rem 0;font-size: 2.4rem;line-height: 4.2rem;color: #333;}
.inpage.news .detailBox .contentBox *{font-size: 2.4rem;line-height: 4.2rem;color: #333;max-width: 100%;height: auto;}

.inpage.news .detailBox .other{padding-top: 3rem;}
.inpage.news .detailBox .other a{font-size: 2.4rem;line-height: 4.2rem;margin-top: 1rem;color: #333333;transition: all 0.3s;display: block;}
.inpage.news .detailBox .other a:hover{color: #033B94;}



.inpage.search{padding: 1rem 0 12rem}
.inpage.search>.title{width: 144rem;margin: 0 auto;padding: 2rem 0;border-bottom: 1px solid #ddd;font-size: 2.4rem;color: #333333;line-height: 3.6rem;}
.inpage.search .title span{color: #033B94;}

.inpage.search .list{margin: 2rem auto 4rem;width: 144rem;}
.inpage.search .list .one{width: 100%;height: 22.5rem;background: #F7F7F7;transition: all 0.3s;display: flex;margin-top: 2rem;}
.inpage.search .list .one .big{width: 30rem;height: 22.5rem;flex-shrink: 0;}
.inpage.search .list .one .big img{width: 100%;height: 100%;object-fit: cover;}
.inpage.search .list .one .textBox{display: flex;padding: 3rem;flex-direction: column;align-items: flex-start;justify-content: center;flex: 1;width: 0;}
.inpage.search .list .one .name{font-size: 3.2rem;line-height: 4rem;color: #222;transition: all 0.3s;margin-bottom: 1rem;}
.inpage.search .list .one .content{font-size: 2.4rem;line-height: 3.6rem;color: #888;transition: all 0.3s;width: 100%;}

.inpage.search .list .one:hover{background: #E5EBF4;}
.inpage.search .list .one:hover .name{color: #033B94;}
.inpage.search .list .one:hover .content{color: rgba(3, 59, 148, 0.8);}
.inpage.search .list .one:hover .big img{transform: scale(1.1);}



.inpage.contact .floor1{padding: 6rem 0;}
.inpage.contact .floor1 .title{font-size: 4.8rem;line-height: 7.2rem;color: #222222;text-align: center;}

.inpage.contact .floor1 .list{display: flex;flex-wrap: wrap;justify-content: space-between;width: 144rem;margin: 0 auto;}
.inpage.contact .floor1 .list .one{margin-top: 4rem;width: 70rem;padding: 4rem;display: flex;box-shadow: 0px 0px 3rem 0px rgba(3, 59, 148, 0.1);}
.inpage.contact .floor1 .list .one .icon{width: 10rem;height: 10rem;margin-right: 3rem;flex-shrink: 0;}
.inpage.contact .floor1 .list .one .name{font-size: 2.8rem;line-height: 4.2rem;color: #222222;margin-bottom: 0.5rem;}
.inpage.contact .floor1 .list .one .content{font-size: 2.4rem;line-height: 3.6rem;color: #333;}
.inpage.contact .floor1 .list .one .less{font-size: 2.4rem;line-height: 3.6rem;color: #888;}


.inpage.contact .floor2{padding: 6rem 0 12rem;}
.inpage.contact .floor2 .title{font-size: 4.8rem;line-height: 7.2rem;color: #222222;text-align: center;}

.inpage.contact .floor2 .formBox{margin: 4rem auto 0;width: 144rem;box-shadow: 0px 0px 3rem 0px rgba(3, 59, 148, 0.1);padding: 8rem 10rem;}

.inpage.contact .floor2 .formBox .row{margin-bottom: 3rem;display: flex;justify-content: space-between;}
.inpage.contact .floor2 .formBox .row .one{width: 100%;}
.inpage.contact .floor2 .formBox .row .half{width: 60rem;}

.inpage.contact .floor2 .formBox .name{font-size: 2.4rem;line-height: 3.6rem;margin: 0 0 1rem 0;color: #3d3d3d;}
.inpage.contact .floor2 .formBox .name span{color: #033B94;}

.inpage.contact .floor2 .formBox .row .input{width: 100%;}
.inpage.contact .floor2 .formBox .row .input input{width: 100%;height: 7.6rem;border: 1px solid #ddd;padding: 0 2rem;color: #333333;font-size: 2.4rem;transition: all 0.3s;}
.inpage.contact .floor2 .formBox .row .input input:focus{border: 1px solid #333;}
.inpage.contact .floor2 .formBox .row .input input::placeholder{color: #888;}

.inpage.contact .floor2 .formBox .row .must.active .input input{border: 1px solid #033B94;}
.inpage.contact .floor2 .formBox .row .must.active .input input::placeholder{color: #033B94;}

.inpage.contact .floor2 .formBox .row .wrong{display: none;margin-top: 1rem; align-items: center;}
.inpage.contact .floor2 .formBox .row .wrong .icon{width: 3rem;height: 3rem;margin-right: 1rem;}
.inpage.contact .floor2 .formBox .row .must.active .wrong{display: flex;}
.inpage.contact .floor2 .formBox .row .wrong .text{font-size: 2.4rem;line-height: 4.2rem;color: #033B94;}

.inpage.contact .floor2 .formBox .row .select{width: 100%;position: relative;}
.inpage.contact .floor2 .formBox .row .select .normal{width: 100%;height: 7.6rem;border: 1px solid #ddd;padding: 0 2rem;transition: all 0.3s;display: flex;align-items: center;cursor: pointer;}
.inpage.contact .floor2 .formBox .row .select .normal .icon{width: 2.4rem;height: 2.4rem;margin-left: 1rem;flex-shrink: 0;}
.inpage.contact .floor2 .formBox .row .select .normal .text{color: #888;font-size: 2.4rem;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;}
.inpage.contact .floor2 .formBox .row .select:hover .normal{border: 1px solid #999999;}
.inpage.contact .floor2 .formBox .row .select.choose .normal .text{color: #333;}
.inpage.contact .floor2 .formBox .row .select .hideBox{position: absolute;top: 100%;left: 0;right: 0;max-height: 40rem;overflow: auto;background: #fff;display: none;border: 1px solid #ddd;}
.inpage.contact .floor2 .formBox .row .select .hideBox .s{height: 4.8rem;padding: 0 2rem;font-size: 2.4rem;transition: all 0.3s;color: #333;display: flex;align-items: center;cursor: pointer;}
.inpage.contact .floor2 .formBox .row .select .hideBox .s.active{background: #1D63A4;color: #fff;}
.inpage.contact .floor2 .formBox .row .select .hideBox .s:hover{background: #1D63A4;color: #fff;}


.inpage.contact .floor2 .formBox .row .textarea{width: 100%;}
.inpage.contact .floor2 .formBox .row .textarea textarea{width: 100%;padding: 2rem;border: 1px solid #ddd;height: 24rem;font-size: 2.4rem;line-height: 3.6rem;color: #333;transition: all 0.3s;}
.inpage.contact .floor2 .formBox .row .textarea textarea:focus{border: 1px solid #333;}
.inpage.contact .floor2 .formBox .row .textarea textarea::placeholder{color: #888;}


.inpage.contact .floor2 .formBox .check{display: flex;cursor: pointer;align-items: center;}
.inpage.contact .floor2 .formBox .check .icon{width: 3.6rem;height: 3.6rem;border: 1px solid #DDDDDD;margin-right: 1rem;flex-shrink: 0;transition: all 0.3s;}
.inpage.contact .floor2 .formBox .check .icon img{width: 2.4rem;height: 2.4rem;}

.inpage.contact .floor2 .formBox .check.active .icon{background: #033B94;border-color: #033B94;}

.inpage.contact .floor2 .formBox .check .text{font-size: 2.4rem;line-height: 3.6rem;color: #888888;}
.inpage.contact .floor2 .formBox .check .text a{font-size: 2.4rem;line-height: 3.6rem;color: #033B94;}



.inpage.contact .floor2 .formBox .btnBox{margin-top: 3rem;display: flex;}
.inpage.contact .floor2 .formBox .btnBox .btn{width: 24rem;margin-right: 2rem;height: 6rem;background: #E5EBF4;color: #033B94;font-size: 2.4rem;border: 1px solid #033B94;}
.inpage.contact .floor2 .formBox .btnBox .btn:hover{background: #1D63A4;color: #fff;}
.inpage.contact .floor2 .formBox .btnBox .btn.submit{background: #1D63A4;color: #fff;}
.inpage.contact .floor2 .formBox .btnBox .btn.submit:hover{background: #E5EBF4;color: #033B94;}





































@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    html{font-size: calc(100vw / 75);}



    .header .normal{width: 100%;height: 12rem;padding: 0 2rem;}
    .header .normal .logo{height: 8.4rem;}
    .header .normal .right .search{width: 9.6rem;height: 9.6rem;margin: 0 2rem 0 0;}
    .header .normal .right .menu{width: 9.6rem;height: 9.6rem;}

    .header .searchBox{height: auto;padding: 4rem 2rem;top: -16.4rem;}
    .header .searchBox .inputBox{width: 65rem;height: 8.8rem;flex-shrink: 0;}
    .header .searchBox .btn{height: 8.8rem;padding: 0 2.4rem;flex-shrink: 0;font-size: 2.8rem;}
    .header .searchBox .btn .icon{width: 4rem;height: 4rem;margin-right: 1rem;}
    .header .searchBox .inputBox input{flex: 1;width: auto;height: 8.8rem;padding: 0 2.4rem;font-size: 2.8rem;}
    .header .searchBox .close{width: 4rem;height: 4rem;margin-left: 2rem;}


    .header .menuBox{position: fixed;top: -100vh;left: 0;right: 0;backdrop-filter: blur(1rem);background: rgba(0, 0, 0, 0.5);padding: 14rem 0;height: 100vh;transition: all 0.3s;overflow: auto;}
    .header .menuBox .close{position: absolute;top: 0;right: 0;width: 14rem;height: 14rem;}
    .header .menuBox .one{width: 100%;height: 8.8rem;margin-bottom: 4rem;display: flex;justify-content: center;}
    .header .menuBox .one .text{font-size: 3.2rem;display: flex;align-items: center;color: #fff;position: relative;}
    .header .menuBox .one .text::after{position: absolute;left: 0;bottom: 0;right: 0;transition: all 0.3s;background: #fff;content: "";height: 0;}
    .header .menuBox .one.active .text::after{height: 0.4rem;}
    .header .menuBox .one:hover .text::after{height: 0.4rem;}
    .header .menuBox.active{top: 0;}



    .footer{padding: 6rem 4rem;}
    .footer .logo{height: 13.2rem;}
    .footer .menu{flex-wrap: wrap;margin-bottom: 4rem;margin-left: -4rem;}
    .footer .menu .one{font-size: 2.8rem;line-height: 4rem;margin: 2rem 0rem 0 4rem;}
    .footer .text{font-size: 2.8rem;line-height: 4rem;text-align: center;}








    .index .banner{min-height: 0;height: auto;}
    .index .banner .swiper .one .textBox .title{width: 64rem;font-size: 4.8rem;line-height: 6rem;}
    .index .banner .swiper .swiper-pagination{bottom: 4.4rem;}
    .index .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;}


    .index .floor1{background: #000;}
    .index .floor1 .bg{height: 100%;}
    .index .floor1 .bg img{height: 100%;object-fit: cover;}
    .index .floor1 .textBox{width: 67rem;padding: 8rem 0;}
    .index .floor1 .textBox .title .en{font-size: 7.2rem;line-height: 8.4rem;white-space: nowrap;}
    .index .floor1 .textBox .title .cn{font-size: 4.8rem;line-height: 6rem;margin-top: -4.4rem;}

    .index .floor1 .textBox .desc{margin-top: 3rem;font-size: 2.8rem;line-height: 4.8rem;text-align: left;}


    .index .floor1 .textBox .flex{flex-direction: column;margin-top: 8rem;}
    .index .floor1 .textBox .flex .big{width: 100%;}
    .index .floor1 .textBox .flex .contentBox{width: 100%;margin-top: 4rem;}
    .index .floor1 .textBox .flex .name{font-size: 3.6rem;line-height: 5.6rem;}
    .index .floor1 .textBox .flex .content{margin-top: 1rem;font-size: 2.8rem;line-height: 4rem;}

    .index .floor1 .textBox .flex.rowReverse{flex-direction: column;}

    .index .floor1 .textBox .btn{margin-top: 8rem;height: 8rem;padding: 0 5.6rem 0 7.2rem;font-size: 2.8rem;}
    .index .floor1 .textBox .btn .icon{width: 2.8rem;height: 2.8rem;margin-left: 1rem;}



    .index .floor2{background: #000;}
    .index .floor2 .bg{height: 100%;}
    .index .floor2 .bg img{height: 100%;object-fit: cover;}
    .index .floor2 .textBox{width: 67rem;padding: 8rem 0;}
    .index .floor2 .textBox .title .en{font-size: 7.2rem;line-height: 8.4rem;white-space: nowrap;}
    .index .floor2 .textBox .title .cn{font-size: 4.8rem;line-height: 6rem;margin-top: -4.4rem;}

    .index .floor2 .textBox .desc{margin-top: 3rem;font-size: 2.8rem;line-height: 4.8rem;text-align: left;}

    .index .floor2 .textBox .btn{margin-top: 8rem;height: 8rem;padding: 0 5.6rem 0 7.2rem;font-size: 2.8rem;}
    .index .floor2 .textBox .btn .icon{width: 2.8rem;height: 2.8rem;margin-left: 1rem;}

    .index .floor2 .textBox .list{justify-content: space-between;margin-top: 2rem;}
    .index .floor2 .textBox .list .one{margin-right: 0;margin-top: 2rem;width: 32.5rem;height: 24.4rem;}
    .index .floor2 .textBox .list .one .name{height: 8rem;padding: 0;font-size: 2.8rem;display: flex;align-items: center;justify-content: center;}



    .index .floor3{background: #000;}
    .index .floor3 .bg{height: 100%;}
    .index .floor3 .bg img{height: 100%;object-fit: cover;}
    .index .floor3 .textBox{width: 67rem;padding: 8rem 0;}
    .index .floor3 .textBox .title .en{font-size: 7.2rem;line-height: 8.4rem;}
    .index .floor3 .textBox .title .cn{font-size: 4.8rem;line-height: 6rem;margin-top: -12.4rem;}

    .index .floor3 .textBox .desc{margin-top: 3rem;font-size: 2.8rem;line-height: 4.8rem;text-align: left;}

    .index .floor3 .textBox .btn{margin-top: 8rem;height: 8rem;padding: 0 5.6rem 0 7.2rem;font-size: 2.8rem;}
    .index .floor3 .textBox .btn .icon{width: 2.8rem;height: 2.8rem;margin-left: 1rem;}

    .index .floor3 .textBox .flex{flex-direction: column;}
    .index .floor3 .textBox .flex .big{width: 100%;}
    .index .floor3 .textBox .flex .contentBox{width: 100%;margin-top: 4rem;}
    .index .floor3 .textBox .flex .name{font-size: 3.6rem;line-height: 5.6rem;}
    .index .floor3 .textBox .flex .content{margin-top: 1rem;font-size: 2.8rem;line-height: 4rem;}

    .index .floor3 .textBox .flex.rowReverse{flex-direction: column;}



    .index .floor4{background: #000;}
    .index .floor4 .bg{height: 100%;}
    .index .floor4 .bg img{height: 100%;object-fit: cover;}
    .index .floor4 .textBox{width: 67rem;padding: 8rem 0;}
    .index .floor4 .textBox .title .en{font-size: 7.2rem;line-height: 8.4rem;white-space: nowrap;}
    .index .floor4 .textBox .title .cn{font-size: 4.8rem;line-height: 6rem;margin-top: -4.4rem;}

    .index .floor4 .textBox .desc{margin-top: 3rem;font-size: 2.8rem;line-height: 4.8rem;text-align: left;}

    .index .floor4 .textBox .btn{margin-top: 8rem;height: 8rem;padding: 0 5.6rem 0 7.2rem;font-size: 2.8rem;}
    .index .floor4 .textBox .btn .icon{width: 2.8rem;height: 2.8rem;margin-left: 1rem;}

    .index .floor4 .textBox .list{margin-top: 4rem;}
    .index .floor4 .textBox .list .one{margin-right: 0;width: 100%;margin-bottom: 8rem;}
    .index .floor4 .textBox .list .one:last-child{margin-bottom: 0;}
    .index .floor4 .textBox .list .one .big{height: auto;}
    .index .floor4 .textBox .list .one .name{margin: 4rem 0 1rem;font-size: 3.2rem;line-height: 1.5;}
    .index .floor4 .textBox .list .one .time{font-size: 2.8rem;line-height: 4rem;}






    .inpage .banner .textBox .title{width: 64rem;font-size: 4.8rem;line-height: 6rem;}


    .inpage.about .floor1{padding: 8rem 0;}
    .inpage.about .floor1 .textBox{width: 67rem;}
    .inpage.about .floor1 .titleBox{padding-left: 3rem;}
    .inpage.about .floor1 .titleBox::after{top: 12.8rem;right: -6rem;}
    .inpage.about .floor1 .titleBox .title .en{font-size: 7.2rem;line-height: 8.4rem;white-space: nowrap;}
    .inpage.about .floor1 .titleBox .title .cn{font-size: 4.8rem;line-height: 6rem;margin-top: -4.4rem;}

    .inpage.about .floor1 .titleBox .desc{margin-top: 7.2rem;font-size: 2.8rem;line-height: 4rem;}

    .inpage.about .floor1 .list .one{margin-top: 8rem;flex-direction: column;}
    .inpage.about .floor1 .list .one .big{width: 100%;position: relative;z-index: 111;}

    .inpage.about .floor1 .list .one .contentBox{width: 100%;margin-top: 4rem;}
    .inpage.about .floor1 .list .one .contentBox .box{width: 100%;}
    .inpage.about .floor1 .list .one .name{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.about .floor1 .list .one .content{margin-top: 1rem;font-size: 2.8rem;line-height: 4rem;}

    .inpage.about .floor1 .list .one .contentBox .bg{width: 198rem;left: 31.5rem;}

    .inpage.about .floor1 .list .one:nth-child(2n){flex-direction: column;}
    .inpage.about .floor1 .list .one:nth-child(2) .contentBox .bg{width: 198rem;right: 31.5rem;top: -24rem;bottom: auto;left: auto;}

    .inpage.about .floor1 .list .one:nth-child(3) .contentBox .bg{top: 12.8rem;left: -127rem;width: 198rem;}

    .inpage.about .floor1 .list .one .contentBox .box{align-items: center;}
    .inpage.about .floor1 .list .one .contentBox .name{width: 100%;}
    .inpage.about .floor1 .list .one .contentBox .content{width: 100%;}

    .inpage.about .floor1 .list .btn{height: 8rem;border-radius: 8rem;font-size: 2.8rem;}
    .inpage.about .floor1 .list .btn .icon{width: 2.8rem;height: 2.8rem;margin-left: 1rem;}


    .inpage.about .floor2{padding: 8rem 0;}

    .container{width: 67rem;}

    .inpage.about .floor2 .title{font-size: 4.8rem;line-height: 6rem;}
    .inpage.about .floor2 .desc{font-size: 2.8rem;line-height: 4.8rem;}

    .inpage.about .floor2 .list .one{flex-direction: column;}
    .inpage.about .floor2 .list .one:nth-child(2n + 1){flex-direction: column;}
    .inpage.about .floor2 .list .one .big{width: 100%;}

    .inpage.about .floor2 .list .one .textBox{padding: 4rem;}
    .inpage.about .floor2 .list .one .textBox .name{padding: 0;border: none;font-size: 3.6rem;line-height: 5.6rem;margin-bottom: 2rem;}
    .inpage.about .floor2 .list .one .textBox .content{padding: 0;font-size: 2.8rem;line-height: 4.8rem;}


    .inpage.about .bigImg{margin: 0;}



    .inpage.product>.textBox{padding: 8rem 0;width: 67rem;}
    .inpage.product>.textBox .title{font-size: 4.8rem;line-height: 6rem;}
    .inpage.product>.textBox .desc{font-size: 2.8rem;line-height: 4.8rem;}


    .inpage.product .floor{padding-bottom: 8rem;}
    .inpage.product .floor .list{width: 67rem;flex-wrap: wrap;margin: 2rem auto 8rem;}
    .inpage.product .floor .list .one{margin-right: 6.4rem;margin-top: 6rem;}
    .inpage.product .floor .list .one:nth-child(3n){margin-right: 0;}
    .inpage.product .floor .list .one .icon{width: 18rem;height: 18rem;}
    .inpage.product .floor .list .one .name{font-size: 3.2rem;line-height: 4rem;margin-top: 2rem;}

    .inpage.product .floor .box{width: 67rem;padding: 6rem 4rem;}
    .inpage.product .floor .box .title{font-size: 4.8rem;line-height: 6rem;padding-bottom: 2rem;margin-bottom: 2rem;}
    .inpage.product .floor .box .flex{flex-direction: column;}
    .inpage.product .floor .box .flex .one{width: 100%;margin-top: 2rem;height: 10.8rem;padding: 0 3rem;}
    .inpage.product .floor .box .flex .one .name{font-size: 3.2rem;}
    .inpage.product .floor .box .flex .one .icon{width: 2.14rem;height: 3.2rem;}


    .bread{width: 100%;padding: 4rem;height: auto;}
    .bread .one{font-size: 2.8rem;line-height: 4rem;}
    .bread span{font-size: 2.8rem;line-height: 4rem;}


    .inpage.productList .floor1 .list{width: 67rem;padding: 2rem 0 4rem;justify-content: space-between;}
    .inpage.productList .floor1 .list .one{width: 32.5rem;height: 24.4rem;margin-top: 2rem;margin-right: 0;}
    .inpage.productList .floor1 .list .one .big{border-radius: 0;}
    .inpage.productList .floor1 .list .one .textBox .name{font-size: 3.2rem;line-height: 4rem;}
    .inpage.productList .floor1 .list .one .textBox .icon{width: 3.2rem;height: 3.2rem;}

    .inpage.productList .floor2{padding: 4rem 0;}
    .inpage.productList .floor2 .box{width: 67rem;margin-bottom: 4rem;padding: 4rem;}
    .inpage.productList .floor2 .box:last-child{margin-bottom: 0;}
    .inpage.productList .floor2 .box .title{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.productList .floor2 .box .list{justify-content: space-between;}
    .inpage.productList .floor2 .box .list .one{margin-top: 2rem;margin-right: 0;width: 28.4rem;height: 10rem;padding: 0 2rem 0 3rem;}
    .inpage.productList .floor2 .box .list .one .name{font-size: 2.8rem;line-height: 4rem;}
    .inpage.productList .floor2 .box .list .one .icon{width: 2.14rem;height: 3.2rem;}

    .inpage.productList .floor2 .box .list .more{margin-top: 2rem;margin-right: 0;width: 28.4rem;height: 10rem;padding: 0 2rem 0 3rem;font-size: 2.8rem;}
    .inpage.productList .floor2 .box .list .more .icon{width: 3.2rem;height: 3.2rem;margin-left: 2rem;}



    .inpage.productDetail .floor1{padding: 0 0 8rem;}
    .inpage.productDetail .floor1 .detailBox{width: 67rem;flex-direction: column;}
    .inpage.productDetail .floor1 .detailBox .big{width: 100%;height: auto;margin: 0 auto 4rem;}
    .inpage.productDetail .floor1 .detailBox .textBox .name{font-size: 4.8rem;line-height: 6rem;}
    .inpage.productDetail .floor1 .detailBox .textBox .desc{margin-top: 1rem;font-size: 2.8rem;line-height: 4.8rem;}

    .inpage.productDetail .floor1 .detailBox .textBox .btnBox{justify-content: space-between;width: 100%;}
    .inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn{height: 8rem;margin: 0;width: 31.5rem;padding: 0 0 0 3.2rem;font-size: 2.8rem;}
    .inpage.productDetail .floor1 .detailBox .textBox .btnBox .btn .icon{width: 2.8rem;height: 2.8rem;margin-left: 1rem;}

    .inpage.productDetail .floor1 .tableBox{width: 67rem;}
    .inpage.productDetail .floor1 .tableBox .title{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.productDetail .floor1 .tableBox .title span{font-size: 2.8rem;line-height: 4rem;}


    .inpage.productDetail .floor1 .tableBox .table table thead tr td{min-height: 8rem;padding: 2rem 1rem;}
    .inpage.productDetail .floor1 .tableBox .table table .name{font-size: 2.8rem;line-height: 4rem;}

    .inpage.productDetail .floor1 .tableBox .table table tbody tr td{min-height: 8rem;padding: 2rem 1rem;}
    .inpage.productDetail .floor1 .tableBox .table table .text{font-size: 2.8rem;line-height: 4rem;}



    .inpage.productDetail .floor2{padding: 8rem 0;}
    .inpage.productDetail .floor2 .listBox{width: 67rem;padding: 2rem 0 4rem;justify-content: space-between;}
    .inpage.productDetail .floor2 .listBox .one{width: 32.5rem;height: 24.4rem;margin-top: 2rem;margin-right: 0;}
    .inpage.productDetail .floor2 .listBox .one .big{border-radius: 0;}
    .inpage.productDetail .floor2 .listBox .one .textBox .name{font-size: 3.2rem;line-height: 4rem;}
    .inpage.productDetail .floor2 .listBox .one .textBox .icon{width: 3.2rem;height: 3.2rem;}

    .inpage.productDetail .floor2 .big{width: 67rem;font-size: 4.8rem;line-height: 6rem;}

    .inpage.productDetail .floor2 .box{width: 67rem;margin-bottom: 4rem;padding: 4rem;}
    .inpage.productDetail .floor2 .box .title{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.productDetail .floor2 .box .list{justify-content: space-between;}
    .inpage.productDetail .floor2 .box .list .one{margin-top: 2rem;margin-right: 0;width: 28.4rem;height: 10rem;padding: 0 2rem 0 3rem;}
    .inpage.productDetail .floor2 .box .list .one .name{font-size: 2.8rem;line-height: 4rem;}
    .inpage.productDetail .floor2 .box .list .one .icon{width: 2.14rem;height: 3.2rem;}

    .inpage.productDetail .floor2 .box .list .more{margin-top: 2rem;margin-right: 0;width: 28.4rem;height: 10rem;padding: 0 2rem 0 3rem;font-size: 2.8rem;}
    .inpage.productDetail .floor2 .box .list .more .icon{width: 3.2rem;height: 3.2rem;margin-left: 2rem;}



    .inpage.quality .floor{padding: 8rem 0;}
    .inpage.quality .floor .title{font-size: 4.8rem;line-height: 6rem;}
    .inpage.quality .floor .desc{font-size: 2.8rem;line-height: 4.8rem;}
    .inpage.quality .floor .box{flex-direction: column;}
    .inpage.quality .floor .box .big{width: 100%;height: auto;}
    .inpage.quality .floor .box .textBox{padding: 4rem;}
    .inpage.quality .floor .box .name{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.quality .floor .box .text{font-size: 2.8rem;line-height: 4.8rem;margin-top: 1rem;}


    .inpage.quality .floor .box .swiper{width: 100%;height: auto;}


    .inpage.company .floor1{padding: 8rem 0;}
    .inpage.company .floor .title{font-size: 4.8rem;line-height: 6rem;}

    .inpage.company .floor1 .box{margin-top: 4rem;flex-direction: column;}
    .inpage.company .floor1 .box .big{width: 100%;height: auto;margin: 0;}
    .inpage.company .floor1 .box .name{margin: 4rem 0 0rem;font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.company .floor1 .box .content{margin-top: 2rem;font-size: 2.8rem;line-height: 4.8rem;}

    .inpage.company .floor1 .list{flex-wrap: wrap;margin-top: 2rem;}
    .inpage.company .floor1 .list .one{padding: 4rem 0;width: 32.5rem;margin-top: 2rem;}
    .inpage.company .floor1 .list .one .num{font-size: 6rem;line-height: 6.8rem;}
    .inpage.company .floor1 .list .one .num span{font-size: 2.8rem;line-height: 5.2rem;}
    .inpage.company .floor1 .list .one .text{font-size: 2.8rem;line-height: 4rem;}


    .inpage.company .floor2{padding: 8rem 0;}
    .inpage.company .floor2 .desc{font-size: 2.8rem;line-height: 4rem;}

    .inpage.company .floor2 .list .one{margin-bottom: 2rem;padding: 4rem 4rem 4rem 6rem;}
    .inpage.company .floor2 .list .one .top::before{width: 3.6rem;height: 3.6rem;}
    .inpage.company .floor2 .list .one .time{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.company .floor2 .list .one .name{font-size: 2.8rem;line-height: 4rem;}
    .inpage.company .floor2 .list .one .bot{font-size: 2.8rem;line-height: 4.8rem;}


    .inpage.company .floor3{padding: 8rem 0;}
    .inpage.company .floor3 .desc{font-size: 2.8rem;line-height: 4rem;}
    
    .inpage.company .floor3 .list{margin-bottom: 0;}
    .inpage.company .floor3 .list .one{width: 100%;margin: 0 0 4rem;}
    .inpage.company .floor3 .list .one .big{width: 100%;height: auto;}

    .inpage.company .floor3 .list .one .textBox{padding: 4rem;}
    .inpage.company .floor3 .list .one .name{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.company .floor3 .list .one .name .icon{width: 6.4rem;height: 6.4rem;margin-right: 2rem;}
    .inpage.company .floor3 .list .one .content{font-size: 2.8rem;line-height: 4.8rem;}


    .inpage.company .floor3 .other .name{font-size: 4rem;line-height: 6rem;margin: 0;}
    .inpage.company .floor3 .other .box{justify-content: center;margin: 0 -1rem;flex-wrap: wrap;}
    .inpage.company .floor3 .other .box .one{width: 21rem;height: 24rem;padding: 4rem 0;margin: 2rem 1rem 0;}
    .inpage.company .floor3 .other .box .one .icon{width: 10rem;height: 10rem;}
    .inpage.company .floor3 .other .box .one .text{margin-top: 2rem;font-size: 2.8rem;line-height: 4rem;}



    .inpage.company .floor4{padding: 8rem 0;}
    .inpage.company .floor4 .desc{font-size: 2.8rem;line-height: 4rem;}

    .inpage.company .floor4 .flex{flex-direction: column;margin-bottom: 6rem;}
    .inpage.company .floor4 .flex .big{width: 100%;height: auto;margin: 0;}

    .inpage.company .floor4 .flex .name{margin: 4rem 0 0;font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.company .floor4 .flex .content{margin-bottom: 6rem;font-size: 2.8rem;line-height: 4.8rem;}

    .inpage.company .floor4 .flex .line{margin-bottom: 4rem;}
    .inpage.company .floor4 .flex .line .icon{width: 10rem;height: 10rem;margin-right: 2rem;}
    .inpage.company .floor4 .flex .line .top{font-size: 3.2rem;line-height: 4.8rem;}
    .inpage.company .floor4 .flex .line .bot{font-size: 2.8rem;line-height: 4.8rem;margin-top: 1rem;}

    .inpage.company .floor4 .other .name{font-size: 4rem;line-height: 6rem;margin: 0;}
    .inpage.company .floor4 .other .box{margin: 2rem 0 0;flex-wrap: wrap;}
    .inpage.company .floor4 .other .box .one{width: 32.5rem;padding: 6rem 0;margin-top: 2rem;box-shadow: none;}
    .inpage.company .floor4 .other .box .one .icon{width: 10rem;height: 10rem;}
    .inpage.company .floor4 .other .box .one .text{font-size: 3.2rem;line-height: 4.8rem;}
    .inpage.company .floor4 .other .box .one .content{font-size: 2.8rem;line-height: 4rem;}

    
    .inpage.company .floor5 .bg{height: 100%;}
    .inpage.company .floor5 .bg img{height: 100%;object-fit: cover;}
    .inpage.company .floor5 .container{padding: 8rem 0;}

    .inpage.company .floor5 .textBox .name{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.company .floor5 .textBox .content{margin-top: 4rem;font-size: 2.8rem;line-height: 4.8rem;}
    .inpage.company .floor5 .other{margin-top: 4rem;flex-direction: column;}
    .inpage.company .floor5 .other .one{width: 100%;padding: 8rem 6rem;margin-top: 2rem;}
    .inpage.company .floor5 .other .one .icon{width: 16rem;height: 16rem;}

    .inpage.company .floor5 .other .one .name{margin: 4rem 0 1rem;font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.company .floor5 .other .one .content{font-size: 2.8rem;line-height: 4.8rem;}



    .inpage.news{padding-bottom: 8rem;}
    .inpage.news .list{flex-direction: column;margin: 8rem auto 0;width: 67rem;}
    .inpage.news .list .one{margin: 0 0 6rem;width: 100%;}
    .inpage.news .list .one .big{width: 100%;height: auto;}

    .inpage.news .list .one .name{font-size: 3.2rem;line-height: 4.8rem;}
    .inpage.news .list .one .time{font-size: 2.8rem;line-height: 4rem;}

    .inpage.news .more.btn{height: 10rem;background: #F7F7F7;font-size: 2.8rem;color: #333333;width: 67rem;margin: 0 auto;}
    .inpage.news .more.btn .icon{width: 3.2rem;height: 3.2rem;margin-left: 2rem;position: relative;}
    .inpage.news .more .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
    .inpage.news .more .icon .nor{z-index: 111;opacity: 1;}
    .inpage.news .more .icon .hov{z-index: 11;opacity: 0;}
    .inpage.news .more:hover .icon .nor{z-index: 11;opacity: 0;}
    .inpage.news .more:hover .icon .hov{z-index: 111;opacity: 1;}
    .inpage.news .more:hover{background: #033B94;color: #fff;}



    .inpage.news .detailBox{width: 67rem;padding-top: 4rem;}
    .inpage.news .detailBox .title{font-size: 3.6rem;line-height: 5.6rem;}
    .inpage.news .detailBox .time{margin: 3rem 0;font-size: 2.8rem;line-height: 4rem;}
    .inpage.news .detailBox .contentBox{font-size: 2.8rem;line-height: 4.8rem;text-align: justify;}
    .inpage.news .detailBox .contentBox *{font-size: 2.8rem;line-height: 4.8rem;}

    .inpage.news .detailBox .other{padding-top: 2rem;}
    .inpage.news .detailBox .other a{margin-top: 2rem;font-size: 2.8rem;line-height: 4rem;}




    .inpage.search{padding: 0 0 8rem;}

    .inpage.search .more.btn{height: 10rem;background: #F7F7F7;font-size: 2.8rem;color: #333333;width: 67rem;margin: 4rem auto 0;}
    .inpage.search .more.btn .icon{width: 3.2rem;height: 3.2rem;margin-left: 2rem;position: relative;}
    .inpage.search .more .icon img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
    .inpage.search .more .icon .nor{z-index: 111;opacity: 1;}
    .inpage.search .more .icon .hov{z-index: 11;opacity: 0;}
    .inpage.search .more:hover .icon .nor{z-index: 11;opacity: 0;}
    .inpage.search .more:hover .icon .hov{z-index: 111;opacity: 1;}
    .inpage.search .more:hover{background: #033B94;color: #fff;}

    .inpage.search>.title{margin: 4rem auto;width: 67rem;font-size: 2.8rem;line-height: 4rem;padding: 3rem 0;}

    .inpage.search .list{margin: 0 auto;width: 67rem;}
    .inpage.search .list .one{margin: 0 0 2rem;height: auto;}
    .inpage.search .list .one .big{width: 32rem;height: 24rem;}
    .inpage.search .list .one .name{font-size: 3.2rem;line-height: 4.8rem;}
    .inpage.search .list .one .content{font-size: 2.8rem;line-height: 4rem;}



    .inpage.contact .floor1{padding: 8rem 0;}
    .inpage.contact .floor1 .title{font-size: 4.8rem;line-height: 6rem;}
    .inpage.contact .floor1 .list{width: 67rem;}
    .inpage.contact .floor1 .list .one{width: 100%;flex-direction: column;align-items: center;padding: 6rem 4rem;}
    .inpage.contact .floor1 .list .one .icon{width: 16rem;height: 16rem;margin: 0 0 4rem;}
    .inpage.contact .floor1 .list .one .name{font-size: 3.2rem;line-height: 4.8rem;text-align: center;margin-bottom: 1rem;}
    .inpage.contact .floor1 .list .one .content{font-size: 2.8rem;line-height: 4.4rem;text-align: center;}
    .inpage.contact .floor1 .list .one .less{font-size: 2.8rem;line-height: 4.4rem;text-align: center;}


    .inpage.contact .floor2{padding: 8rem 0;}
    .inpage.contact .floor2 .title{font-size: 4.8rem;line-height: 6rem;}

    .inpage.contact .floor2 .formBox{width: 67rem;padding: 6rem 4rem;}
    .inpage.contact .floor2 .formBox .row{margin-bottom: 4rem;flex-direction: column;}
    .inpage.contact .floor2 .formBox .row .half{width: 100%;margin-bottom: 4rem;}
    .inpage.contact .floor2 .formBox .row .half:last-child{margin-bottom: 0;}

    .inpage.contact .floor2 .formBox .name{font-size: 2.8rem;line-height: 4rem;margin-bottom: 2rem;}
    .inpage.contact .floor2 .formBox .row .input input{height: 8.8rem;padding: 0 2.4rem;font-size: 2.8rem;}

    .inpage.contact .floor2 .formBox .row .select .normal{height: 8.8rem;padding: 0 2.4rem;}
    .inpage.contact .floor2 .formBox .row .select .normal .text{font-size: 2.8rem;}
    .inpage.contact .floor2 .formBox .row .select .hideBox .s{font-size: 2.8rem;height: 8.8rem;padding: 0 2.4rem;}


    .inpage.contact .floor2 .formBox .row .textarea textarea{height: 32rem;padding: 2.4rem;font-size: 2.8rem;line-height: 4rem;}


    .inpage.contact .floor2 .formBox .check{align-items: flex-start;}
    .inpage.contact .floor2 .formBox .check .icon{width: 4rem;height: 4rem;margin-right: 2rem;}
    .inpage.contact .floor2 .formBox .check .icon img{width: 3.2rem;height: 3.2rem;}
    .inpage.contact .floor2 .formBox .check .text{font-size: 2.8rem;line-height: 4rem;}


    .inpage.contact .floor2 .formBox .btnBox{margin-top: 4rem;justify-content: space-between;}
    .inpage.contact .floor2 .formBox .btnBox .btn{margin: 0;width: 28.5rem;height: 8.8rem;font-size: 2.8rem;}







    

}