*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: 'Inter', 'Microsoft YaHei', "Arial";line-height: 1;}
html:lang(ja) *{font-family: 'IBM Plex Sans JP', sans-serif;}
.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);}

body{margin: 0 !important;}
.mce-content-body{margin: 1rem 0 !important;}

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

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

.flex{display: flex;}


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


.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;}

.img.big img{width: 100%;height: 100%;object-fit: cover;}

/* 内页 Banner 需要在超宽屏继续按视口等比放大。
   原来的 max-width: 100% 只会缩小图片，超过原图 1920px 后不会再放大，
   导致 4K 下按 rem 放大的文字层与背景图比例错位。 */
.inpage .banner > .bg{width: 100%;}
.inpage .banner > .bg img{display: block;width: 100%;max-width: none;height: auto;}



.header .top{background: url(../img/bg_head_top.png);height: 17rem;}
.header .top .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.header .top .left{display: flex;align-items: center;}
.header .top .left .logo{height: 10.4rem;margin-right: 5rem;}
.header .top .left .textBox{display: flex;flex-direction: column;align-items: flex-start;}
.header .top .left .title{font-size: 3.2rem;line-height: 4.2rem;color: #005BA5;font-weight: bold;}
.header .top .left .icon{height: 4rem;margin-top: 1.2rem;}

.header .top .left .textBox .iconList{height: 4rem;display: flex;margin-top: 1.2rem;}
.header .top .left .textBox .iconList .img{height: 4rem;margin-right: 1rem;}


.header .top .right{display: flex;flex-direction: column;align-items: flex-end;}
.header .top .right .email{display: flex;align-items: center;}
.header .top .right .email .icon{width: 2.4rem;height: 2.4rem;margin-right: 0.6rem;}
.header .top .right .email .text{font-size: 1.6rem;color: #005BA5;}

.header .top .right .searchBox{margin-top: 1.6rem;display: flex;box-shadow: 0 0 1rem 0 rgba(30, 130, 190, 0.1);backdrop-filter: blur(1rem);background: rgba(255, 255, 255, 0.5);border-radius: 0.8rem;height: 5rem;width: 40rem;overflow: hidden;}
.header .top .right .searchBox .btn{height: 100%;display: flex;align-items: center;padding: 0 1.6rem;}
.header .top .right .searchBox .btn .icon{width: 2.4rem;height: 2.4rem;}
.header .top .right .searchBox input{flex: 1;width: auto;padding: 0 1.6rem;color: #333;font-size: 1.6rem;}
.header .top .right .searchBox input::placeholder{color: #999;}


.header .bot{height: 7rem;background: #005BA5;}
.header .bot .container{display: flex;justify-content: space-between;height: 100%;}
.header .bot .menu{display: flex;height: 100%;}
.header .bot .menu .one{height: 100%;padding: 0 3.6rem;transition: all 0.3s;color: #FFFFFF;font-weight: bold;font-size: 2.2rem;display: flex;align-items: center;}
.header .bot .menu .one:hover{background: #d74747;}
.header .bot .menu .one.active{background: #C90A0A;}

.header .bot .language{display: flex;align-items: center;height: 100%;}
.header .bot .language .icon{width: 2.4rem;height: 2.4rem;margin-right: 0.8rem;}
.header .bot .language .text{color: rgba(255, 255, 255, 0.5);font-size: 2rem;line-height: 1.5;font-weight: bold;transition: all 0.3s;}
.header .bot .language .text:hover{color: #fff;}
.header .bot .language .text.active{color: #fff;}
.header .bot .language span{font-size: 2rem;line-height: 1.5;color: #C90A0A;margin: 0 0.4rem;}



.footer{background: rgba(30, 130, 190, 0.05);padding: 8rem 0;}
.footer .top{display: flex;justify-content: space-between;}
.footer .top .left{display: flex;flex-direction: column;align-items: flex-start;}
.footer .top .left .logoBox{display: flex;align-items: center;}
.footer .top .left .logoBox .logo{height: 8.6rem;}
.footer .top .left .logoBox .textBox{margin-left: 2.4rem;padding-left: 2.4rem;border-left: 1px solid #005BA5;}
.footer .top .left .logoBox .textBox .title{font-size: 1.6rem;line-height: 1.5;color: #005BA5;font-weight: bold;}
.footer .top .left .logoBox .textBox .icon{width: 14.3rem;margin-top: 1.2rem;justify-content: center;}

.footer .top .left .name{margin-top: 4rem;font-size: 2.4rem;line-height: 1.5;color: #005BA5;font-weight: bold;}
.footer .top .left .desc{margin-top: 0.4rem;font-size: 1.8rem;line-height: 2.8rem;color: rgba(0, 91, 165, 0.85);}

.footer .top .left .code{width: 12rem;height: 12rem;border-radius: 0.4rem;margin-top: 4rem;}

.footer .top .left .emailBox{background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(1rem);box-shadow: 0 0 3rem 0 rgba(30, 130, 190, 0.1);width: 44rem;height: 5rem;border-radius: 0.8rem;overflow: hidden;display: flex;margin-top: 4rem;}
.footer .top .left .emailBox .btn{padding: 0 2rem;height: 100%;background: #005BA5;font-size: 1.6rem;color: #FFFFFF;}
.footer .top .left .emailBox .btn .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.4rem;}
.footer .top .left .emailBox input{flex: 1;width: auto;padding: 0 1.6rem;color: #333;font-size: 1.6rem;}

.footer .top .right{display: flex;}
.footer .top .right .linkBox{margin-right: 10rem;}
.footer .top .right .title{font-size: 1.8rem;line-height: 3.2rem;color: #005BA5;font-weight: bold;margin-bottom: 1.2rem;display: block;}
.footer .top .right .link{font-size: 1.6rem;line-height: 2.2rem;color: rgba(0, 91, 165, 0.85);margin-bottom: 0.8rem;transition: all 0.3s;display: block;}
.footer .top .right .link:last-child{margin-bottom: 0;}
.footer .top .right .link:hover{color: rgba(0, 91, 165, 1);}

.footer .top .right .otherBox{width: 46rem;}
.footer .top .right .otherBox .line{margin-bottom: 1.2rem;}
.footer .top .right .otherBox .line:last-child{margin-bottom: 0;}
.footer .top .right .otherBox .line .flex{display: flex;align-items: center;}
.footer .top .right .otherBox .line .flex .icon{width: 2rem;height: 2rem;margin-right: 0.8rem;}
.footer .top .right .otherBox .line .flex .text{font-size: 1.6rem;line-height: 1.5;color: #005BA5;}
.footer .top .right .otherBox .line .add{font-size: 1.4rem;line-height: 2rem;color: rgba(0, 91, 165, 0.85);}
.footer .top .right .otherBox .line .add *{line-height: 2rem;margin-top: 0.4rem;}

.footer .top .right .otherBox .line .other{font-size: 1.6rem;line-height: 2.2rem;color: rgba(0, 91, 165, 0.85);}

.footer .bot{margin-top: 8rem;padding-top: 3rem;border-top: 1px solid rgba(0, 91, 165, 0.1);display: flex;align-items: center;justify-content: space-between;}
.footer .bot .left{font-size: 1.6rem;line-height: 1.5;color: rgba(0, 91, 165, 0.85);}
.footer .bot .right{display: flex;}
.footer .bot .right .one{width: 4.6rem;height: 4.6rem;margin-right: 2.2rem;}
.footer .bot .right .one:last-child{margin-right: 0;}
.footer .bot .right .one .icon{width: 100%;height: 100%;border-radius: 50%;}




.index .banner .swiper{position: relative;}
.index .banner .swiper .next{position: absolute;top: 0;right: 4rem;bottom: 0;width: 8rem;height: 8rem;cursor: pointer;z-index: 222;margin: auto;}
.index .banner .swiper .prev{position: absolute;top: 0;left: 4rem;bottom: 0;width: 8rem;height: 8rem;cursor: pointer;z-index: 222;margin: auto;}
.index .banner .swiper .one{position: relative;}
.index .banner .swiper .one .textBox{position: absolute;top: 0;bottom: 0;display: flex;align-items: center;width: 160rem;left: 0;right: 0;margin: auto;}
.index .banner .swiper .one .box{/*width: 80rem;*/display: flex;flex-direction: column;align-items: flex-start;}
.index .banner .swiper .one .title{font-size: 7.2rem;line-height: 8rem;color: #005BA5;font-weight: bold;}
.index .banner .swiper .one .desc{margin-top: 1.6rem;font-size: 2rem;line-height: 1.5;color: #005BA5;}
.index .banner .swiper .one .tip{padding: 0 1.6rem;height: 3.2rem;display: flex;align-items: center;backdrop-filter: blur(1rem);background: #005BA5;color: #FFFFFF;font-size: 1.6rem;border-radius: 0.8rem;margin-bottom: 1.6rem;}
.index .banner .swiper .one .btnBox{margin-top: 6rem;display: flex;}
.index .banner .swiper .one .btnBox .btn{height: 5rem;padding: 0 2rem;backdrop-filter: blur(2rem);font-size: 2rem;border-radius: 0.8rem;}
.index .banner .swiper .one .btnBox .btn.view{box-shadow: 0 0 2.5rem 0 rgba(0, 91, 165, 0.2);background: rgba(255, 255, 255, 0.1);color: #005BA5;margin-right: 5rem;}
.index .banner .swiper .one .btnBox .btn.more{background: rgba(255, 255, 255, 0.8);color: #C90A0A;box-shadow: 0 0 2.5rem 0 rgba(201, 10, 10, 0.2);}

.index .banner .swiper .one .btnBox .btn.view:hover{background: rgba(0,91,165, 0.5);}
.index .banner .swiper .one .btnBox .btn.more:hover{background: rgba(201,10,10, 0.5);}


.index .banner .swiper .one .btnBox.black .btn.view{background: #005BA5;color: #fff;box-shadow: none;}
.index .banner .swiper .one .btnBox.black .btn.more{background: #C90A0A;color: #fff;box-shadow: none;}

.index .banner .swiper .one .btnBox.black .btn.view:hover{box-shadow: 0 0 2.5rem 0 rgba(0,91,165, 0.5);}
.index .banner .swiper .one .btnBox.black .btn.more:hover{box-shadow: 0 0 2.5rem 0 rgba(201,10,10, 0.5);}


/* .index .banner .swiper .one .btnBox .btn:hover{font-size: 2.4rem;} */


.index .banner .swiper .swiper-pagination{bottom: 3rem;}
.index .banner .swiper .swiper-pagination-bullet{background: rgba(255, 255, 255, 0.6);margin: 0 0.4rem;width: 1rem;height: 1rem;border-radius: 50%;opacity: 1;}
.index .banner .swiper .swiper-pagination-bullet-active{background: #C90A0A;}



.index .floor1{padding: 10rem 0;}
.index .floor1 .titleBox{display: flex;align-items: flex-end;justify-content: space-between;}
.index .floor1 .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;position: relative;padding-left: 2.4rem;}
.index .floor1 .title::before{position: absolute;top: 0;bottom: 0;left: 0;width: 0.8rem;height: 4rem;background: #C90A0A;border-radius: 0.8rem;content: "";margin: auto;}
.index .floor1 .more{display: flex;align-items: center;font-size: 1.6rem;color: #005BA5;}
.index .floor1 .more .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.4rem;}

.index .floor1 .list{display: flex;flex-wrap: wrap;}
.index .floor1 .list .one{width: 37rem;margin-right: 4rem;margin-top: 4rem;box-shadow: 0 0 3rem 0 rgba(30, 130, 190, 0.1);transition: all 0.3s;border-radius: 1.6rem;overflow: hidden;background: #fff;}
.index .floor1 .list .one:nth-child(4n){margin-right: 0;}
.index .floor1 .list .one .big{width: 100%;height: 27.7rem;}
.index .floor1 .list .one:hover .big img{transform: scale(1.1);}
.index .floor1 .list .one .textBox{background: #005BA5;padding: 2rem;}
.index .floor1 .list .one .textBox .name{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 2.2rem;line-height: 3rem;font-weight: bold;color: #fff;text-align: center;}


.index .floor2{background: url(../img/bg_floor2.png);padding: 10rem 0;background-position: right;background-repeat: no-repeat;background-size: auto 100%;min-height: 36rem;}
.index .floor2 .name{font-size: 4.8rem;line-height: 6rem;color: #FFFFFF;font-weight: bold;}
.index .floor2 .desc{font-size: 2rem;line-height: 1.5;color: rgba(255, 255, 255, 0.9);margin-top: 1.2rem;}


.index .floor3{padding: 10rem 0;}
.index .floor3 .list{margin-top: -3rem;display: flex;flex-wrap: wrap;}
.index .floor3 .one{margin-top: 3rem;margin-right: 3rem;width: 29.6rem;height: 16.4rem;border-radius: 0.8rem;box-shadow: 0 0 3rem 0 rgba(30, 130, 190, 0.1);padding: 1.6rem;}
.index .floor3 .one .img{width: 100%;height: 100%;}
.index .floor3 .one:nth-child(5n){margin-right: 0;}



.inpage.about .banner{position: relative;}
.inpage.about .banner .bg{position: relative;z-index: 11;}
.inpage.about .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 160rem;margin: auto;z-index: 222;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.inpage.about .banner .title{width: 80rem;color: #FFFFFF;font-size: 4.8rem;line-height: 6rem;font-weight: bold;}
.inpage.about .banner .desc{margin-top: 1.2rem;width: 84rem;color: rgba(255, 255, 255, 0.9);font-size: 2rem;line-height: 1.5;}
.inpage.about .banner .other{position: absolute;right: 0;bottom: 8rem;font-size: 2.4rem;line-height: 3rem;color: #FFFFFF;font-style: italic;}
.inpage.about .banner .other span{font-weight: bold;}



.inpage.about .floor1{padding-top: 10rem;}
.inpage.about .floor1 .container{border-radius: 1.6rem;box-shadow: 0 0 3rem 0 rgba(30, 130, 190, 0.1);overflow: hidden;display: flex;}
.inpage.about .floor1 .right .img{width: 64rem;flex-shrink: 0;border-radius: 1.6rem;}
.inpage.about .floor1 .left{padding: 8rem;}
.inpage.about .floor1 .title{font-size: 3.6rem;line-height: 4.8rem;color: #005BA5;font-weight: bold;}
.inpage.about .floor1 .content{margin-top: 2rem;color: #888888;font-size: 2rem;line-height: 1.5;}


.inpage.about .floor2{padding: 8rem 0 10rem 0;}
.inpage.about .floor2 .container{display: flex;}
.inpage.about .floor2 .one{margin-right: 8rem;border-radius: 1.6rem;box-shadow: 0 0 3rem 0 rgba(30, 130, 190, 0.1);padding: 8rem;}
.inpage.about .floor2 .one:last-child{margin-right: 0;}
.inpage.about .floor2 .title{font-size: 3.6rem;line-height: 4.8rem;color: #005BA5;font-weight: bold;}
.inpage.about .floor2 .content{margin-top: 2rem;color: #888888;font-size: 2rem;line-height: 1.5;}


.inpage.about .floor3{padding: 10rem 0;}
.inpage.about .floor3 .container{border-radius: 1.6rem;box-shadow: 0 0 3rem 0 rgba(30, 130, 190, 0.1);overflow: hidden;padding: 8rem;}
.inpage.about .floor3 .title{font-size: 3.6rem;line-height: 4.8rem;color: #005BA5;font-weight: bold;}
.inpage.about .floor3 .content{margin-top: 2rem;color: #888888;font-size: 2rem;line-height: 1.5;}


.formBlock{padding: 10rem 0;background: #005BA5;}
.formBlock .container{display: flex;justify-content: space-between;}
.formBlock .left{width: 72rem;}
.formBlock .title{font-size: 4.8rem;line-height: 6rem;color: #fff;font-weight: bold;}
.formBlock .desc{margin-top: 1.2rem;color: rgba(255, 255, 255, 0.9);font-size: 2rem;line-height: 1.5;}

.formBlock .right{width: 72rem;}
.formBlock .right .form{width: 100%;display: flex;flex-direction: column;align-items: flex-start;}
.formBlock .right .form .line{width: 100%;margin-bottom: 2.4rem;}
.formBlock .right .form .line.half{display: flex;}
.formBlock .right .form .one{width: 100%;}
.formBlock .right .form .line.half .one{flex: 1;margin-right: 2.4rem;}
.formBlock .right .form .line.half .one:last-child{margin-right: 0;}

.formBlock .right .form .name{font-size: 2rem;line-height: 1.5;color: #FFFFFF;margin-bottom: 0.8rem;}
.formBlock .right .form input{background: rgba(255, 255, 255, 0.1);border-radius: 0.8rem;padding: 0 1.6rem;font-size: 2rem;height: 5.4rem;color: #FFFFFF;transition: all 0.3s;width: 100%;}
.formBlock .right .form input::placeholder{color: rgba(255, 255, 255, 0.5);}
.formBlock .right .form input:focus{box-shadow: 0 1.5rem 2.5rem 0 rgba(0, 0, 0, 0.1);}

.formBlock .right .form textarea{background: rgba(255, 255, 255, 0.1);border-radius: 0.8rem;padding: 1.4rem 1.6rem;font-size: 2rem;line-height: 1.5;height: 15rem;color: #FFFFFF;transition: all 0.3s;width: 100%;}
.formBlock .right .form textarea::placeholder{color: rgba(255, 255, 255, 0.5);}
.formBlock .right .form textarea:focus{box-shadow: 0 1.5rem 2.5rem 0 rgba(0, 0, 0, 0.1);}

.formBlock .right .form .btn{padding: 0 3.6rem;height: 5.4rem;border-radius: 0.8rem;background: rgba(255, 255, 255, 0.8);color: #005BA5;font-size: 2rem;}
.formBlock .right .form .btn:hover{background: rgba(255, 255, 255, 1);}



.inpage.product .banner{position: relative;}
.inpage.product .banner .bg{position: relative;z-index: 11;}
.inpage.product .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 160rem;margin: auto;z-index: 222;display: flex;align-items: center;justify-content: center;}
.inpage.product .banner .title{color: #FFFFFF;font-size: 4.8rem;line-height: 6rem;font-weight: bold;}


.inpage.product .menuFloor{padding: 2rem 0;border-bottom: 1px solid rgba(136, 136, 136, 0.2);}
.inpage.product .menuFloor .list{margin-top: -1rem;margin-left: -1rem;display: flex;flex-wrap: wrap;justify-content: center;}
.inpage.product .menuFloor .one{margin-left: 1rem;margin-top: 1rem;position: relative;}

.inpage.product .menuFloor .one .first{font-size: 2rem;line-height: 1.5;transition: all 0.3s;padding: 1.6rem 2.4rem;border-radius: 0.8rem;color: #222222;cursor: pointer;display: block;}
.inpage.product .menuFloor .one:hover .first{color: #C90A0A;}
.inpage.product .menuFloor .one.active .first{color: #C90A0A;background: rgba(201, 10, 10, 0.1);font-weight: bold;}

.inpage.product .menuFloor .one .hideBox{position: absolute;top: calc(100% + 3rem);left: 50%;transform: translateX(-50%);box-shadow: 0 0 2rem 0 rgba(201, 10, 10, 0.1);background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(5rem);border-radius: 0.8rem;padding: 1.2rem;z-index: 111;opacity: 0;visibility: hidden;}
.inpage.product .menuFloor .one .hideBox .two{display: block;padding: 0.8rem 1.6rem;color: #333333;font-size: 1.6rem;line-height: 1.5;transition: all 0.3s;border-radius: 0.8rem;white-space: nowrap;}
.inpage.product .menuFloor .one .hideBox .two:hover{color: #C90A0A;}
.inpage.product .menuFloor .one .hideBox .two.active{color: #C90A0A;background: rgba(201, 10, 10, 0.1);}
.inpage.product .menuFloor .one:hover .hideBox{top: 100%;transition: all 0.3s;opacity: 1;visibility: visible;}








.inpage.product .floor{padding: 6rem 0;}
.inpage.product .floor .list{display: flex;flex-wrap: wrap;}
.inpage.product .floor .list .one{width: 37rem;margin-right: 4rem;margin-bottom: 4rem;box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);background: #FFFFFF;border-radius: 1.6rem;overflow: hidden;transition: all 0.3s;}
.inpage.product .floor .list .one .big{width: 37rem;height: 37rem;}
.inpage.product .floor .list .one .textBox{padding: 2rem;}
.inpage.product .floor .list .one .tip{font-size: 1.6rem;line-height: 1.5;color: #005BA5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inpage.product .floor .list .one .name{font-size: 2rem;line-height: 1.5;font-weight: bold;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.4rem;}
.inpage.product .floor .list .one .desc{font-size: 1.6rem;line-height: 1.5;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2rem;}
.inpage.product .floor .list .one:nth-child(4n){margin-right: 0;}
.inpage.product .floor .list .one:hover{box-shadow: 0 1.5rem 4rem 0 rgba(0, 91, 165, 0.1);}
.inpage.product .floor .list .one:hover .big img{transform: scale(1.05);}



.pageList{display: flex;justify-content: center;}
.pageList .one{min-width: 4.4rem;height: 4.4rem;padding: 0 1rem;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(136, 136, 136, 0.2);transition: all 0.3s;color: #888888;font-size: 1.6rem;margin: 0 0.5rem;cursor: pointer;border-radius: 0.8rem;}
.pageList .one.active,.pageList .one:hover{background: #C90A0A;border-color: #C90A0A;color: #fff;}

.pageList .point{min-width: 4.4rem;height: 4.4rem;padding: 0 1rem;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(136, 136, 136, 0.2);transition: all 0.3s;color: #888888;font-size: 1.6rem;margin: 0 0.5rem;border-radius: 0.8rem;}

.pageList .prev{min-width: 4.4rem;height: 4.4rem;padding: 0 1rem;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(136, 136, 136, 0.2);transition: all 0.3s;margin: 0 0.5rem;cursor: pointer;border-radius: 0.8rem;}
.pageList .prev:hover{background: #C90A0A;border-color: #C90A0A;}
.pageList .prev .img{width: 2.4rem;height: 2.4rem;position: relative;}
.pageList .prev .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.pageList .prev .img .nor{z-index: 111;opacity: 1;}
.pageList .prev .img .hov{z-index: 11;opacity: 0;}
.pageList .prev:hover .img .nor{z-index: 11;opacity: 0;}
.pageList .prev:hover .img .hov{z-index: 111;opacity: 1;}

.pageList .next{min-width: 4.4rem;height: 4.4rem;padding: 0 1rem;display: flex;align-items: center;justify-content: center;border: 1px solid rgba(136, 136, 136, 0.2);transition: all 0.3s;margin: 0 0.5rem;cursor: pointer;border-radius: 0.8rem;}
.pageList .next:hover{background: #C90A0A;border-color: #C90A0A;}
.pageList .next .img{width: 2.4rem;height: 2.4rem;position: relative;}
.pageList .next .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.pageList .next .img .nor{z-index: 111;opacity: 1;}
.pageList .next .img .hov{z-index: 11;opacity: 0;}
.pageList .next:hover .img .nor{z-index: 11;opacity: 0;}
.pageList .next:hover .img .hov{z-index: 111;opacity: 1;}




.productDetail .detailBox{padding: 6rem 0 8rem;}
.productDetail .detailBox .container{display: flex;justify-content: space-between;}
.productDetail .detailBox .swiper{width: 75rem;height: 60rem;display: flex;flex-direction: row-reverse;}

.productDetail .detailBox .swiper .gallery-top{width: 60rem;box-shadow: 0 0 4rem 0 rgba(0, 91, 165, 0.1);height: 60rem;border-radius: 1.6rem;overflow: hidden;flex-shrink: 0;}
.productDetail .detailBox .swiper .gallery-top .one{width: 100%;height: 100%;}
.productDetail .detailBox .swiper .gallery-top .one .img{width: 100%;height: 100%;}

.productDetail .detailBox .swiper .gallery-thumbs{position: relative;margin-right: 3rem;display: flex;padding: 3.6rem 0;}
.productDetail .detailBox .swiper .gallery-thumbs .next{position: absolute;width: 12rem;height: 2rem;left: 0;bottom: 0;cursor: pointer;transition: all 0.3s;}
.productDetail .detailBox .swiper .gallery-thumbs .next.swiper-button-disabled{cursor: not-allowed;opacity: 0.5;}
.productDetail .detailBox .swiper .gallery-thumbs .prev{position: absolute;width: 12rem;height: 2rem;left: 0;top: 0;cursor: pointer;transition: all 0.3s;}
.productDetail .detailBox .swiper .gallery-thumbs .prev.swiper-button-disabled{cursor: not-allowed;opacity: 0.5;}

.productDetail .detailBox .swiper .gallery-thumbs .thumbs{width: 100%;}
.productDetail .detailBox .swiper .gallery-thumbs .thumbs .swiper-slide{width: 12rem;height: 12rem;margin-bottom: 1.6rem;}
.productDetail .detailBox .swiper .gallery-thumbs .thumbs .swiper-slide:last-child{margin-bottom: 0;}
.productDetail .detailBox .swiper .gallery-thumbs .thumbs .one{width: 12rem;height: 12rem;background: #EEEEEE;cursor: pointer;border: 1px solid transparent;border-radius: 0.6rem;overflow: hidden;transition: all 0.3s;}
.productDetail .detailBox .swiper .gallery-thumbs .thumbs .swiper-slide-thumb-active .one{border: 1px solid #C90A0A;}


.bread{display: flex;align-items: center;}
.bread .text{font-size: 1.6rem;line-height: 1.5;color: #888888;transition: all 0.3s;}
.bread a.text:hover{color: #C90A0A;}
.bread span{margin: 0 0.4rem;color: #888888;font-size: 1.6rem;line-height: 1.5;}

.back{display: flex;align-items: center;font-size: 1.6rem;line-height: 1.5;color: #888888;transition: all 0.3s;}
.back:hover{color: #C90A0A;}




.productDetail .textBox{width: 77rem;}
.productDetail .textBox .name{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;margin-top: 4rem;}
.productDetail .textBox .desc{font-size: 2rem;line-height: 1.5;color: #005BA5;margin-top: 1rem;}
.productDetail .textBox .sku{font-size: 2rem;line-height: 1.5;color: rgba(0, 91, 165, 0.75);margin-top: 1rem;}
.productDetail .textBox .other{margin-top: 4rem;}
.productDetail .textBox .other .title{font-size: 2.4rem;line-height: 3.4rem;color: #333333;font-weight: bold;}
.productDetail .textBox .other .text{font-size: 2rem;line-height: 1.5;color: #666666;margin-top: 1rem;}


.productDetail .contentBox{padding-bottom: 6rem;}
.productDetail .contentBox .container{border: 1px solid #DDDDDD;border-radius: 1.6rem;padding: 4rem;}
.productDetail .contentBox .title{font-size: 2.4rem;line-height: 3.4rem;color: #222222;font-weight: bold;margin-bottom: 2rem;}
.productDetail .contentBox .content{font-size: 2rem;line-height: 1.5;color: #666666;}


.productDetail .listBox{padding: 6rem 0 10rem;}
.productDetail .listBox .titleBox{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 4rem;}
.productDetail .listBox .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;position: relative;padding-left: 2.4rem;}
.productDetail .listBox .title::before{position: absolute;top: 0;bottom: 0;left: 0;width: 0.8rem;height: 4rem;background: #C90A0A;border-radius: 0.8rem;content: "";margin: auto;}
.productDetail .listBox .more{display: flex;align-items: center;font-size: 1.6rem;color: #005BA5;}
.productDetail .listBox .more .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.4rem;}

.productDetail .listBox .list{display: flex;flex-wrap: wrap;}
.productDetail .listBox .list .one{width: 37rem;margin-right: 4rem;margin-bottom: 0;box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);background: #FFFFFF;border-radius: 1.6rem;overflow: hidden;transition: all 0.3s;}
.productDetail .listBox .list .one .big{width: 37rem;height: 37rem;}
.productDetail .listBox .list .one .textBox{padding: 2rem;}
.productDetail .listBox .list .one .tip{font-size: 1.6rem;line-height: 1.5;color: #005BA5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.productDetail .listBox .list .one .name{font-size: 2rem;line-height: 1.5;font-weight: bold;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.4rem;}
.productDetail .listBox .list .one .desc{font-size: 1.6rem;line-height: 1.5;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2rem;}
.productDetail .listBox .list .one:nth-child(4n){margin-right: 0;}
.productDetail .listBox .list .one:hover{box-shadow: 0 1.5rem 4rem 0 rgba(0, 91, 165, 0.1);}
.productDetail .listBox .list .one:hover .big img{transform: scale(1.05);}



.inpage.news .banner{position: relative;}
.inpage.news .banner .bg{position: relative;z-index: 11;}
.inpage.news .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 160rem;margin: auto;z-index: 222;display: flex;align-items: center;justify-content: center;}
.inpage.news .banner .title{color: #FFFFFF;font-size: 4.8rem;line-height: 6rem;font-weight: bold;}


.inpage.news .menuFloor{padding: 2rem 0;border-bottom: 1px solid rgba(136, 136, 136, 0.2);}
.inpage.news .menuFloor .list{margin-top: -1rem;margin-left: -4rem;display: flex;flex-wrap: wrap;}
.inpage.news .menuFloor .one{margin-left: 4rem;margin-top: 1rem;font-size: 2rem;line-height: 1.5;transition: all 0.3s;padding: 1.6rem 2.4rem;border-radius: 0.8rem;color: #222222;cursor: pointer;}
.inpage.news .menuFloor .one:hover{color: #C90A0A;}
.inpage.news .menuFloor .one.active{color: #C90A0A;background: rgba(201, 10, 10, 0.1);font-weight: bold;}


.inpage.news .floor{padding: 6rem 0;}
.inpage.news .floor .list{display: flex;flex-wrap: wrap;}
.inpage.news .floor .list .one{width: calc((100% - 8rem) / 3);margin-right: 4rem;margin-bottom: 4rem;box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);background: #FFFFFF;border-radius: 1.6rem;overflow: hidden;transition: all 0.3s;}
.inpage.news .floor .list .one .big{width: 100%;height: auto;}
.inpage.news .floor .list .one:nth-child(3n){margin-right: 0;}
.inpage.news .floor .list .one:hover{box-shadow: 0 1.5rem 4rem 0 rgba(0, 91, 165, 0.1);}
.inpage.news .floor .list .one:hover .big img{transform: scale(1.1);}

.inpage.news .floor .list .one .textBox{padding: 3rem;}
.inpage.news .floor .list .one .name{font-size: 2rem;line-height: 1.5;color: #222222;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.inpage.news .floor .list .one .desc{font-size: 1.6rem;line-height: 1.5;height: 7.2rem;color: #888888;margin-top: 1rem;}

.inpage.news .floor .list .one .flex{padding: 0.6rem 0;margin-top: 2rem;display: flex;align-items: center;justify-content: space-between;}
.inpage.news .floor .list .one .time{font-size: 1.6rem;color: #888888;line-height: 1.5;}
.inpage.news .floor .list .one .more{font-size: 1.6rem;color: #C90A0A;line-height: 1.5;display: flex;align-items: center;}
.inpage.news .floor .list .one .more .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.4rem;}



.inpage.newsDetail .listBox{padding: 6rem 0 10rem;}
.inpage.newsDetail .listBox .titleBox{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 4rem;}
.inpage.newsDetail .listBox .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;position: relative;padding-left: 2.4rem;}
.inpage.newsDetail .listBox .title::before{position: absolute;top: 0;bottom: 0;left: 0;width: 0.8rem;height: 4rem;background: #C90A0A;border-radius: 0.8rem;content: "";margin: auto;}
.inpage.newsDetail .listBox .more{display: flex;align-items: center;font-size: 1.6rem;color: #005BA5;}
.inpage.newsDetail .listBox .more .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.4rem;}

.inpage.newsDetail .listBox .list{display: flex;flex-wrap: wrap;}
.inpage.newsDetail .listBox .list .one{width: 37rem;margin-right: 4rem;margin-bottom: 0;box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);background: #FFFFFF;border-radius: 1.6rem;overflow: hidden;transition: all 0.3s;}
.inpage.newsDetail .listBox .list .one .big{width: 37rem;height: 37rem;}
.inpage.newsDetail .listBox .list .one .textBox{padding: 2rem;}
.inpage.newsDetail .listBox .list .one .tip{font-size: 1.6rem;line-height: 1.5;color: #005BA5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inpage.newsDetail .listBox .list .one .name{font-size: 2rem;line-height: 1.5;font-weight: bold;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.4rem;}
.inpage.newsDetail .listBox .list .one .desc{font-size: 1.6rem;line-height: 1.5;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2rem;}
.inpage.newsDetail .listBox .list .one:nth-child(4n){margin-right: 0;}
.inpage.newsDetail .listBox .list .one:hover{box-shadow: 0 1.5rem 4rem 0 rgba(0, 91, 165, 0.1);}
.inpage.newsDetail .listBox .list .one:hover .big img{transform: scale(1.05);}


.inpage.newsDetail .contentBox{padding: 4rem 0 6rem;}
.inpage.newsDetail .contentBox .flex{margin-top: 4rem;display: flex;justify-content: space-between;}
.inpage.newsDetail .contentBox .flex .left{width: 119rem;margin-right: 4rem;border: 1px solid #DDDDDD;border-radius: 1.6rem;padding: 6rem 8rem 8rem 8rem;flex-shrink: 0;}
.inpage.newsDetail .contentBox .flex .left .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;text-align: center;}
.inpage.newsDetail .contentBox .flex .left .time{font-size: 1.6rem;line-height: 1.5;color: #888888;text-align: center;margin: 2rem 0 4rem;}
.inpage.newsDetail .contentBox .flex .left .content{font-size: 2rem;line-height: 1.5;color: #333;}
.inpage.newsDetail .contentBox .flex .left .content *{max-width: 100%;}

.inpage.newsDetail .contentBox .flex .right{flex: 1;width: auto;}
.inpage.newsDetail .contentBox .flex .right .title{padding-left: 2rem;color: #005BA5;font-size: 3.2rem;line-height: 4.8rem;font-weight: bold;position: relative;}
.inpage.newsDetail .contentBox .flex .right .title::before{position: absolute;background: #C90A0A;content: "";top: 0;bottom: 0;left: 0;width: 0.8rem;height: 3.2rem;border-radius: 3.2rem;margin: auto;}

.inpage.newsDetail .contentBox .flex .right .one{box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);background: #FFFFFF;border-radius: 1.6rem;overflow: hidden;margin-top: 2rem;display: block;}
.inpage.newsDetail .contentBox .flex .right .one .big{width: 37rem;height: 37rem;}
.inpage.newsDetail .contentBox .flex .right .one:hover .big img{transform: scale(1.1);}
.inpage.newsDetail .contentBox .flex .right .one .textBox{padding: 2rem;}
.inpage.newsDetail .contentBox .flex .right .one .name{font-size: 2rem;line-height: 1.5;font-weight: bold;color: #222222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}




.inpage.qualification .banner{position: relative;}
.inpage.qualification .banner .bg{position: relative;z-index: 11;}
.inpage.qualification .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 160rem;margin: auto;z-index: 222;display: flex;align-items: center;justify-content: center;}
.inpage.qualification .banner .title{color: #FFFFFF;font-size: 4.8rem;line-height: 6rem;font-weight: bold;}


.inpage.qualification .floor{padding-top: 6rem;}
.inpage.qualification .floor .listBox{margin-bottom: 6rem;}
.inpage.qualification .floor .listBox .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;position: relative;padding-left: 2.4rem;}
.inpage.qualification .floor .listBox .title::before{position: absolute;top: 0;bottom: 0;left: 0;width: 0.8rem;height: 4rem;background: #C90A0A;border-radius: 0.8rem;content: "";margin: auto;}

.inpage.qualification .floor .listBox .list{margin: 4rem 0;display: flex;}
.inpage.qualification .floor .listBox .list .one{width: 37rem;margin-right: 4rem;box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);border-radius: 1.6rem;overflow: hidden;transition: all 0.3s;}
.inpage.qualification .floor .listBox .list .one:nth-child(4n){margin-right: 0;}
.inpage.qualification .floor .listBox .list .one .big{width: 37rem;height: 37rem;}
.inpage.qualification .floor .listBox .list .one .textBox{padding: 2rem;}
.inpage.qualification .floor .listBox .list .one .name{font-size: 2rem;line-height: 1.5;color: #222222;transition: all 0.3s;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: center;font-weight: bold;}
.inpage.qualification .floor .listBox .list .one:hover{box-shadow: 0 1.5rem 4rem 0 rgba(0, 91, 165, 0.1);}
.inpage.qualification .floor .listBox .list .one:hover .name{color: #005BA5;}
.inpage.qualification .floor .listBox .list .one:hover .big img{transform: scale(1.1);}




.inpage.qualDetail .listBox{padding: 6rem 0 10rem;}
.inpage.qualDetail .listBox .titleBox{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 4rem;}
.inpage.qualDetail .listBox .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;position: relative;padding-left: 2.4rem;}
.inpage.qualDetail .listBox .title::before{position: absolute;top: 0;bottom: 0;left: 0;width: 0.8rem;height: 4rem;background: #C90A0A;border-radius: 0.8rem;content: "";margin: auto;}
.inpage.qualDetail .listBox .more{display: flex;align-items: center;font-size: 1.6rem;color: #005BA5;}
.inpage.qualDetail .listBox .more .icon{width: 2.4rem;height: 2.4rem;margin-left: 0.4rem;}

.inpage.qualDetail .listBox .list{display: flex;flex-wrap: wrap;}
.inpage.qualDetail .listBox .list .one{width: 37rem;margin-right: 4rem;margin-bottom: 0;box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);background: #FFFFFF;border-radius: 1.6rem;overflow: hidden;transition: all 0.3s;}
.inpage.qualDetail .listBox .list .one .big{width: 37rem;height: 37rem;}
.inpage.qualDetail .listBox .list .one .textBox{padding: 2rem;}
.inpage.qualDetail .listBox .list .one .tip{font-size: 1.6rem;line-height: 1.5;color: #005BA5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inpage.qualDetail .listBox .list .one .name{font-size: 2rem;line-height: 1.5;font-weight: bold;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.4rem;}
.inpage.qualDetail .listBox .list .one .desc{font-size: 1.6rem;line-height: 1.5;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2rem;}
.inpage.qualDetail .listBox .list .one:nth-child(4n){margin-right: 0;}
.inpage.qualDetail .listBox .list .one:hover{box-shadow: 0 1.5rem 4rem 0 rgba(0, 91, 165, 0.1);}
.inpage.qualDetail .listBox .list .one:hover .big img{transform: scale(1.05);}


.inpage.qualDetail .contentBox{padding: 4rem 0;}
.inpage.qualDetail .contentBox .box{margin-top: 4rem;padding: 6rem 8rem 8rem;border: 1px solid #DDDDDD;border-radius: 1.6rem;}
.inpage.qualDetail .contentBox .box .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;text-align: center;margin-bottom: 4rem;}
.inpage.qualDetail .contentBox .box .content{font-size: 2rem;line-height: 1.5;color: #333;}




.inpage.contact .banner{position: relative;}
.inpage.contact .banner .bg{position: relative;z-index: 11;}
.inpage.contact .banner .textBox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 160rem;margin: auto;z-index: 222;display: flex;align-items: center;justify-content: center;}
.inpage.contact .banner .title{color: #FFFFFF;font-size: 4.8rem;line-height: 6rem;font-weight: bold;}


.inpage.contact .floor{padding: 10rem 0;}
.inpage.contact .floor .container{display: flex;align-items: flex-end;justify-content: space-between;}
.inpage.contact .floor .right{width: 80rem;flex-shrink: 0;margin-right: -8rem;}

.inpage.contact .floor .left{width: 80rem;}
.inpage.contact .floor .title{font-size: 4.8rem;line-height: 6rem;color: #005BA5;font-weight: bold;position: relative;padding-left: 2.4rem;margin-bottom: 4rem;}
.inpage.contact .floor .title::before{position: absolute;top: 0;bottom: 0;left: 0;width: 0.8rem;height: 4rem;background: #C90A0A;border-radius: 0.8rem;content: "";margin: auto;}

.inpage.contact .floor .line{margin-bottom: 2.4rem;}
.inpage.contact .floor .line:last-child{margin-bottom: 0;}

.inpage.contact .floor .line.half{display: flex;}
.inpage.contact .floor .line.half .flex{margin-right: 2.4rem;flex: 1;}
.inpage.contact .floor .line.half .flex:last-child{margin-right: 0;}

.inpage.contact .floor .flex{display: flex;}
.inpage.contact .floor .flex .icon{width: 6rem;height: 6rem;border-radius: 0.8rem;flex-shrink: 0;margin-right: 2rem;}
.inpage.contact .floor .flex .name{font-size: 2rem;line-height: 1.5;color: #222222;font-weight: bold;}
.inpage.contact .floor .flex .desc{margin-top: 0.4rem;color: rgba(34, 34, 34, 0.75);font-size: 2rem;line-height: 1.5;}
.inpage.contact .floor .flex .desc *{line-height: 1.5;}



.inpage.search .container{padding: 4rem 0 10rem;}
.inpage.search .list{display: flex;flex-wrap: wrap;}
.inpage.search .list .one{width: 37rem;margin-right: 4rem;margin-bottom: 4rem;box-shadow: 0 0 2rem 0 rgba(0, 91, 165, 0.05);background: #FFFFFF;border-radius: 1.6rem;overflow: hidden;transition: all 0.3s;}
.inpage.search .list .one .big{width: 37rem;height: 37rem;}
.inpage.search .list .one .textBox{padding: 2rem;}
.inpage.search .list .one .tip{font-size: 1.6rem;line-height: 1.5;color: #005BA5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inpage.search .list .one .name{font-size: 2rem;line-height: 1.5;font-weight: bold;color: #222;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 0.4rem;}
.inpage.search .list .one .desc{font-size: 1.6rem;line-height: 1.5;color: #888888;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 2rem;}
.inpage.search .list .one:nth-child(4n){margin-right: 0;}
.inpage.search .list .one:hover{box-shadow: 0 1.5rem 4rem 0 rgba(0, 91, 165, 0.1);}
.inpage.search .list .one:hover .big img{transform: scale(1.05);}


.inpage.search .searchBox{margin: 4rem auto;width: 60rem;height: 6.2rem;box-shadow: 0 0 1rem 0 rgba(30, 130, 190, 0.1);background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(1rem);border-radius: 0.8rem;display: flex;overflow: hidden;}
.inpage.search .searchBox input{flex: 1;width: auto;padding: 0 1.6rem;font-size: 2rem;color: #333;}
.inpage.search .searchBox input::placeholder{color: #999;}
.inpage.search .searchBox .btn{width: 8rem;height: auto;background: #C90A0A;}
.inpage.search .searchBox .btn .icon{width: 3.2rem;height: 3.2rem;}


.inpage.search .typeBox{display: flex;height: 4.4rem;border-bottom: 1px solid #ddd;margin-bottom: 4rem;align-items: center;}
.inpage.search .typeBox .text{font-size: 1.6rem;line-height: 1.5;color: #3D3D3D;}
.inpage.search .typeBox .text span{color: #C90A0A;}
.inpage.search .typeBox .one{margin-left: 4rem;height: 100%;display: flex;align-items: center;cursor: pointer;font-size: 1.6rem;line-height: 1.5;color: #222222;transition: all 0.3s;border-bottom: 2px solid transparent;}
.inpage.search .typeBox .one:hover{color: #C90A0A;}
.inpage.search .typeBox .one.active{color: #C90A0A;border-color: #C90A0A;font-weight: bold;}






















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

    html{font-size: calc(100vw / 75);}
    body{margin-top: 25.5rem !important;}

    .container{width: 69rem;}

    .tipHeader{height: 6rem;background: #005BA5;}
    .tipHeader .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
    .tipHeader .left{display: flex;align-items: center;}
    .tipHeader .left .icon{height: 2.5rem;margin-right: 1.5rem;}


    .tipHeader .language{display: flex;align-items: center;justify-content: center;font-size: 2.8rem;color: #ddd;}
    .tipHeader .language .one{display: flex;align-items: center;}
    .tipHeader .language .one .text{line-height: 5rem;}
    .tipHeader .language .one:hover .text{color: #fff;}
    .tipHeader .language .one.active .text{color: #fff;}
    .tipHeader .language span{margin: 0 2rem;line-height: 4rem;}




    .header{position: fixed;top: 0;left: 0;right: 0;z-index: 5555;border-bottom: 1px solid rgba(255, 255, 255, 0.25);height: 21rem;transition: all 0.3s;}
    .header .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
    .header .normal{height: 19.5rem;
        background: #Fff;
        padding-bottom: 4.5rem;
    }
    .header .logo{height: 12rem;}
    .header .right{display: flex;align-items: center;height: 100%;}

    .header .search{width: 10rem;height: 10rem;border: 0;background: none;border-radius: 0;margin: 0;backdrop-filter: none;}
    .header .search .icon{width: 100%;height: 100%;}
    .header:hover .search{border: 0;background: none;}
    .header.active .search{border: 0;background: none;}

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


    .header .hideBox{background: #fff;position: fixed;top: -100vh;left: 0;width: 100vw;height: 100vh;z-index: 6666;transition: all 0.3s;}
    .header .hideBox.active{top: 0;}
    .header .hideBox .close{position: absolute;top: 0;right: 0;width: 10rem;height: 10rem;}
    .header .hideBox .box{padding: 10rem 3rem;}
    .header .hideBox .menu{display: block;}
    .header .hideBox .menu .one{width: 100%;color: #333;padding: 3rem 2rem;border-bottom: 1px solid #eee;font-size: 3.2rem;display: block;transition: all 0.3s;}
    .header .hideBox .menu .one:hover{background: #005BA5;color: #fff;}
    .header .hideBox .menu .one.active{background: #005BA5;color: #fff;}

    .header .hideBox .language{display: flex;align-items: center;justify-content: center;font-size: 2.8rem;margin-top: 6rem;}
    .header .hideBox .language .one{display: flex;align-items: center;}
    .header .hideBox .language .one .icon{width: 4rem;height: 4rem;}
    .header .hideBox .language .one .text{line-height: 4rem;}
    .header .hideBox .language .one:hover .text{color: #005BA5;}
    .header .hideBox .language .one.active .text{color: #005BA5;}
    .header .hideBox .language span{margin: 0 2rem;line-height: 4rem;}


    .footer{padding: 6rem 0 4rem;}
    .footer .bot{flex-direction: column;justify-content: center;}
    .footer .bot .left{font-size: 2.8rem;text-align: center;line-height: 1.5;margin-bottom: 2rem;}
    .footer .bot .right .one{width: 8rem;height: 8rem;margin-right: 3rem;}

    .footer .top{flex-direction: column;}
    .footer .top .right .linkBox{display: none;}

    .footer .top .left{align-items: center;}
    /* .footer .top .left .logoBox .textBox{display: flex;align-items: center;} */
    /* .footer .top .left .logoBox .textBox .icon{display: none;} */
    .footer .top .left .logoBox .textBox .icon{width: 30rem;}
    .footer .top .left .logoBox .textBox .title{font-size: 3.2rem;}
    .footer .top .left .name{font-size: 4rem;}
    .footer .top .left .desc{margin-top: 2rem;font-size: 2.8rem;}
    .footer .top .left .code{width: 40rem;height: 40rem;border-radius: 1rem;}

    .footer .top .left .emailBox{width: 100%;height: 8rem;border-radius: 1rem;}
    .footer .top .left .emailBox input{padding: 0 2rem;font-size: 2.8rem;}
    .footer .top .left .emailBox .btn{font-size: 2.8rem;}
    .footer .top .left .emailBox .btn .icon{width: 4rem;height: 4rem;margin-left: 1rem;}

    .footer .top .right .otherBox{margin-top: 4rem;width: 100%;}
    .footer .top .right .title{font-size: 3.2rem;line-height: 1.5;margin-bottom: 2rem;}
    .footer .top .right .otherBox .line{margin-bottom: 2rem;}
    .footer .top .right .otherBox .line .flex .icon{width: 4rem;height: 4rem;margin-right: 1rem;}
    .footer .top .right .otherBox .line .flex .text{font-size: 2.8rem;font-weight: 600;}
    .footer .top .right .otherBox .line .add{font-size: 2.8rem;line-height: 1.5;}
    .footer .top .right .otherBox .line .add *{line-height: 1.5;margin-top: 1rem;}
    .footer .top .right .otherBox .line .other{font-size: 2.8rem;line-height: 1.5;}



    .index .banner .swiper .next{display: none;}
    .index .banner .swiper .prev{display: none;}
    .index .banner .swiper .swiper-pagination-bullet{width: 2rem;height: 2rem;margin: 0 1rem;}
    .index .banner .swiper .swiper-pagination-bullet{background: #fff;}
    .index .banner .swiper .swiper-pagination-bullet-active{background: #f00;}


    .index .banner .swiper .one .big{height: 66rem;}
    .index .banner .swiper .one .textBox{width: 69rem;}
    .index .banner .swiper .one .box{width: 69rem;align-items: flex-start;justify-content: flex-start;height: 100%;padding-top: 6rem;}
    .index .banner .swiper .one .tip{height: 6rem;padding: 0 2rem;font-size: 2.8rem;border-radius: 1rem;margin-bottom: 2rem;}
    .index .banner .swiper .one .title{font-size: 6rem;line-height: 1.3;text-align: left;}
    .index .banner .swiper .one .desc{margin-top: 2rem;font-size: 2.8rem;text-align: left;}

    .index .banner .swiper .one .btnBox{width: 100%;}
    .index .banner .swiper .one .btnBox .btn{flex: 1;width: auto;height: 8rem;font-size: 3.2rem;border-radius: 1rem;}


    .index .floor1{padding: 6rem 0;}
    .index .floor1 .titleBox{flex-direction: column;align-items: center;}
    .index .floor1 .title{font-size: 5rem;line-height: 1.5;padding: 0;}
    .index .floor1 .title::before{display: none;}
    .index .floor1 .more{margin-top: 2rem;font-size: 2.8rem;margin-bottom: 1rem;}
    .index .floor1 .more .icon{width: 4rem;height: 4rem;margin-left: 2rem;}

    .index .floor1 .list{justify-content: space-between;}
    .index .floor1 .list .one{width: 33rem;margin-top: 3rem;margin-right: 3rem;}
    .index .floor1 .list .one:nth-child(2n){margin-right: 0;}
    .index .floor1 .list .one .textBox .name{font-size: 2.8rem;line-height: 1.5;}


    .index .floor2{padding: 6rem 0;min-height: 0;}
    .index .floor2 .name{font-size: 5rem;line-height: 1.5;text-align: center;}
    .index .floor2 .desc{font-size: 2.8rem;margin-top: 2rem;}


    .index .floor3{padding: 6rem 0;}
    .index .floor3 .list{justify-content: space-between;}
    .index .floor3 .one{width: 33rem;margin-right: 0;}


    .inpage.about .banner .bg{height: 60rem;}
    .inpage.about .banner .bg img{height: 100%;object-fit: cover;}
    .inpage.about .banner .textBox{width: 69rem;}
    .inpage.about .banner .title{width: 100%;font-size: 5rem;line-height: 1.5;text-align: center;}
    .inpage.about .banner .desc{width: 100%;font-size: 2.8rem;margin-top: 2rem;text-align: center;}


    .inpage.about .floor1{padding: 6rem 0 0;}
    .inpage.about .floor1 .container{flex-direction: column-reverse;border-radius: 2rem;}
    .inpage.about .floor1 .right .img{width: 100%;border-radius: 2rem;}
    .inpage.about .floor1 .left{padding: 6rem 3rem;}
    .inpage.about .floor1 .title{font-size: 4rem;line-height: 1.5;}
    .inpage.about .floor1 .content{font-size: 2.8rem;}


    .inpage.about .floor2{padding: 6rem 0;}
    .inpage.about .floor2 .container{flex-direction: column;}
    .inpage.about .floor2 .one{margin: 0 0 6rem 0;padding: 6rem 3rem;border-radius: 2rem;}
    .inpage.about .floor2 .one:last-child{margin-bottom: 0;}
    .inpage.about .floor2 .one .title{font-size: 4rem;line-height: 1.5;}
    .inpage.about .floor2 .one .content{font-size: 2.8rem;}


    .inpage.about>.big{height: 30rem;}


    .inpage.about .floor3{padding: 6rem 0;}
    .inpage.about .floor3 .container{padding: 6rem 3rem;border-radius: 2rem;}
    .inpage.about .floor3 .container .title{font-size: 4rem;line-height: 1.5;}
    .inpage.about .floor3 .container .content{font-size: 2.8rem;}


    .formBlock{padding: 6rem 0;}
    .formBlock .container{flex-direction: column;}
    .formBlock .left{width: 100%;}
    .formBlock .title{font-size: 5rem;line-height: 1.5;}
    .formBlock .desc{margin-top: 2rem;font-size: 2.8rem;}
    .formBlock .right{width: 100%;margin-top: 4rem;}
    .formBlock .right .form .line.half{flex-direction: column;margin-bottom: 2rem;}
    .formBlock .right .form .line.half .one{margin: 0 0 2rem;}
    .formBlock .right .form .name{font-size: 3.2rem;margin-bottom: 1rem;}
    .formBlock .right .form input{height: 8rem;padding: 0 3rem;font-size: 2.8rem;border-radius: 1rem;}
    .formBlock .right .form textarea{height: 30rem;padding: 2rem 3rem;font-size: 2.8rem;border-radius: 1rem;}
    .formBlock .right .form .btn{width: 100%;height: 8rem;border-radius: 1rem;font-size: 3.2rem;}



    .inpage.product .banner .bg{height: 30rem;}
    .inpage.product .banner .bg img{height: 100%;object-fit: cover;}
    .inpage.product .banner .textBox{width: 69rem;}
    .inpage.product .banner .title{width: 100%;font-size: 5rem;line-height: 1.5;text-align: center;}
    .inpage.product .banner .desc{width: 100%;font-size: 2.8rem;margin-top: 2rem;text-align: center;}


    .inpage.product .menuFloor{padding: 3rem 0;}
    .inpage.product .menuFloor .list{margin-left: -3rem;flex-wrap: nowrap;overflow: auto;margin-right: -3rem;padding-right: 3rem;justify-content: flex-start;}
    .inpage.product .menuFloor .one{margin-left: 3rem;flex-shrink: 0;}
    .inpage.product .menuFloor .one .first{font-size: 2.8rem;padding: 2rem 3rem;border-radius: 1rem;}
    .inpage.product .menuFloor .list{overflow: scroll;}
    .inpage.product .menuFloor .one.active{position: relative;overflow: hidden;}
    .inpage.product .menuFloor .one.active.has-children::after{position: absolute;bottom: -1rem;left: 0;right: 0;width: 0;height: 0;border: 1rem solid transparent;border-top: 1rem solid #CD0015;content: "";margin: auto;}

    .inpage.product .menuFloor{position: relative;}
    .inpage.product .menuFloor::after{position: absolute;top: 0;right: 0;bottom: 0;width: 20rem;background: linear-gradient(to right, rgba(255,255,255,0) , rgba(255,255,255,1));content: "";pointer-events: none}




    .inpage.product .menuFloor .hideBox{display: none;}

    .inpage.product .nextFloor{padding: 2rem 0;border-bottom: 1px solid rgba(136, 136, 136, 0.2);}
    .inpage.product .nextFloor .list{margin-top: -1rem;display: flex;flex-wrap: wrap;margin-left: -3rem;flex-wrap: nowrap;overflow: auto;margin-right: -3rem;padding-right: 3rem;}
    .inpage.product .nextFloor .two{margin-left: 3rem;flex-shrink: 0;margin-top: 1rem;position: relative;font-size: 2.8rem;padding: 2rem 3rem;border-radius: 1rem;line-height: 1.5;transition: all 0.3s;border-radius: 0.8rem;color: #C90A0A;cursor: pointer;display: block;}
    .inpage.product .nextFloor .two:hover{color: #C90A0A;}
    .inpage.product .nextFloor .two.active{color: #C90A0A;background: rgba(201, 10, 10, 0.1);}



    .inpage.product .floor .list{justify-content: space-between;}
    .inpage.product .floor .list .one{margin-right: 0;margin-bottom: 3rem;width: 33rem;border-radius: 2rem;}
    .inpage.product .floor .list .one .big{width: 33rem;height: 33rem;}
    .inpage.product .floor .list .one .tip{font-size: 2.4rem;}
    .inpage.product .floor .list .one .name{font-size: 3.2rem;margin-top: 1rem;}
    .inpage.product .floor .list .one .desc{font-size: 2.8rem;margin-top: 1rem;}



    .pageList{flex-wrap: wrap;}
    .pageList .prev{min-width: 6rem;height: 6rem;margin: 0.5rem;}
    .pageList .prev .img{width: 4rem;height: 4rem;}

    .pageList .one{min-width: 6rem;height: 6rem;margin: 0.5rem;font-size: 2.8rem;}
    .pageList .point{min-width: 6rem;height: 6rem;margin: 0.5rem;}
    .pageList .next{min-width: 6rem;height: 6rem;margin: 0.5rem;}
    .pageList .next .img{width: 4rem;height: 4rem;}

    .pageList .point{font-size: 2.8rem;}


    .bread{padding: 3rem 0;display: block;}
    .bread .text{font-size: 2.8rem;display: inline-block;}
    .bread span{font-size: 2.8rem;}

    .back{font-size: 2.8rem;padding: 3rem 0;}


    .productDetail .detailBox{padding: 0 0 6rem;}
    .productDetail .detailBox .container{flex-direction: column;}
    .productDetail .detailBox .swiper{width: 100%;height: auto;flex-direction: column;}
    .productDetail .detailBox .swiper .gallery-top{width: 69rem;height: 69rem;border-radius: 2rem;}

    .productDetail .detailBox .swiper .gallery-thumbs{display: none;}

    .productDetail .textBox{width: 100%;}
    .productDetail .textBox .name{font-size: 5rem;line-height: 1.5;margin: 0;}
    .productDetail .textBox .desc{font-size: 2.8rem;margin-top: 2rem;}
    .productDetail .textBox .sku{font-size: 3.2rem;margin-top: 2rem;}
    .productDetail .textBox .other .title{font-size: 3.2rem;line-height: 1.5;}
    .productDetail .textBox .other .text{font-size: 2.8rem;margin-top: 2rem;}

    .productDetail .contentBox .container{padding: 4rem 3rem;border-radius: 2rem;}
    .productDetail .contentBox .title{font-size: 3.2rem;line-height: 1.5;}
    .productDetail .contentBox .content{font-size: 2.8rem;}


    .productDetail .listBox{padding: 6rem 0;}
    .productDetail .listBox .titleBox{flex-direction: column;align-items: center;margin: 0;}
    .productDetail .listBox .title{font-size: 5rem;line-height: 1.5;padding: 0;}
    .productDetail .listBox .title::before{display: none;}
    .productDetail .listBox .more{margin-top: 2rem;font-size: 2.8rem;margin-bottom: 1rem;}
    .productDetail .listBox .more .icon{width: 4rem;height: 4rem;margin-left: 2rem;}

    .productDetail .listBox .list{justify-content: space-between;}
    .productDetail .listBox .list .one{width: 33rem;margin-top: 3rem;margin-right: 3rem;}
    .productDetail .listBox .list .one:nth-child(2n){margin-right: 0;}
    .productDetail .listBox .list .one .textBox .tip{font-size: 2.4rem;}
    .productDetail .listBox .list .one .textBox .name{font-size: 3.2rem;margin-top: 1rem;}
    .productDetail .listBox .list .one .textBox .desc{font-size: 2.8rem;margin-top: 1rem;}





    .inpage.news .banner .bg{height: 30rem;}
    .inpage.news .banner .bg img{height: 100%;object-fit: cover;}
    .inpage.news .banner .textBox{width: 69rem;}
    .inpage.news .banner .title{width: 100%;font-size: 5rem;line-height: 1.5;text-align: center;}
    .inpage.news .banner .desc{width: 100%;font-size: 2.8rem;margin-top: 2rem;text-align: center;}


    .inpage.news .menuFloor{padding: 3rem 0;}
    .inpage.news .menuFloor .list{margin-left: -3rem;flex-wrap: nowrap;overflow: auto;margin-right: -3rem;padding-right: 3rem;}
    .inpage.news .menuFloor .one{margin-left: 3rem;flex-shrink: 0;font-size: 2.8rem;padding: 2rem 3rem;border-radius: 1rem;}


    .inpage.news .floor .list{flex-direction: column;}
    .inpage.news .floor .list .one{width: 100%;margin-right: 0;}
    .inpage.news .floor .list .one .name{font-size: 3.2rem;}
    .inpage.news .floor .list .one .desc{font-size: 2.8rem;height: auto;margin-top: 2rem;}
    .inpage.news .floor .list .one .flex{padding: 0;margin-top: 4rem;}
    .inpage.news .floor .list .one .time{font-size: 2.4rem;}
    .inpage.news .floor .list .one .more{font-size: 2.4rem;}
    .inpage.news .floor .list .one .more .icon{width: 4rem;height: 4rem;margin-left: 1rem;}


    .inpage.newsDetail .contentBox{padding: 0 0 6rem;}
    .inpage.newsDetail .contentBox .flex{flex-direction: column;}
    .inpage.newsDetail .contentBox .flex .left{width: 100%;margin: 0;padding: 4rem 3rem;}
    .inpage.newsDetail .contentBox .flex .left .title{font-size: 5rem;line-height: 1.5;}
    .inpage.newsDetail .contentBox .flex .left .time{font-size: 2.4rem;}
    .inpage.newsDetail .contentBox .flex .left .content{font-size: 2.8rem;}


    .inpage.newsDetail .contentBox .flex .right{width: 100%;margin-top: 4rem;}
    .inpage.newsDetail .contentBox .flex .right .title{font-size: 5rem;line-height: 1.5;padding: 0;text-align: center;}
    .inpage.newsDetail .contentBox .flex .right .title::before{display: none;}

    .inpage.newsDetail .contentBox .flex .right .list{justify-content: space-between;display: flex;flex-wrap: wrap;}
    .inpage.newsDetail .contentBox .flex .right .list .one{width: 33rem;margin-top: 3rem;margin-right: 3rem;}
    .inpage.newsDetail .contentBox .flex .right .list .one:nth-child(2n){margin-right: 0;}
    .inpage.newsDetail .contentBox .flex .right .one .big{width: 33rem;height: 33rem;}
    .inpage.newsDetail .contentBox .flex .right .list .one .textBox .tip{font-size: 2.4rem;}
    .inpage.newsDetail .contentBox .flex .right .list .one .textBox .name{font-size: 3.2rem;margin-top: 1rem;}
    .inpage.newsDetail .contentBox .flex .right .list .one .textBox .desc{font-size: 2.8rem;margin-top: 1rem;}


    .inpage.newsDetail .listBox{padding: 6rem 0;}
    .inpage.newsDetail .listBox .titleBox{flex-direction: column;align-items: center;margin: 0;}
    .inpage.newsDetail .listBox .title{font-size: 5rem;line-height: 1.5;padding: 0;}
    .inpage.newsDetail .listBox .title::before{display: none;}
    .inpage.newsDetail .listBox .more{margin-top: 2rem;font-size: 2.8rem;margin-bottom: 1rem;}
    .inpage.newsDetail .listBox .more .icon{width: 4rem;height: 4rem;margin-left: 2rem;}

    .inpage.newsDetail .listBox .list{justify-content: space-between;}
    .inpage.newsDetail .listBox .list .one{width: 33rem;margin-top: 3rem;margin-right: 3rem;}
    .inpage.newsDetail .listBox .list .one:nth-child(2n){margin-right: 0;}
    .inpage.newsDetail .listBox .list .one .textBox .tip{font-size: 2.4rem;}
    .inpage.newsDetail .listBox .list .one .textBox .name{font-size: 3.2rem;margin-top: 1rem;}
    .inpage.newsDetail .listBox .list .one .textBox .desc{font-size: 2.8rem;margin-top: 1rem;}



    .inpage.qualification .banner .bg{height: 30rem;}
    .inpage.qualification .banner .bg img{height: 100%;object-fit: cover;}
    .inpage.qualification .banner .textBox{width: 69rem;}
    .inpage.qualification .banner .title{width: 100%;font-size: 5rem;line-height: 1.5;text-align: center;}
    .inpage.qualification .banner .desc{width: 100%;font-size: 2.8rem;margin-top: 2rem;text-align: center;}


    .inpage.qualification .floor .listBox .title{font-size: 5rem;line-height: 1.5;padding: 0;text-align: center;}
    .inpage.qualification .floor .listBox .title::before{display: none;}

    .inpage.qualification .floor .listBox .list{flex-wrap: wrap;justify-content: space-between;margin-top: 1rem;}
    .inpage.qualification .floor .listBox .list .one{width: 33rem;margin: 3rem 0 0;}
    .inpage.qualification .floor .listBox .list .one .big{width: 33rem;height: 33rem;}

    .inpage.qualification .floor .listBox .list .one .name{font-size: 2.8rem;}


    .inpage.qualDetail .contentBox{padding: 0 0 6rem;}
    .inpage.qualDetail .contentBox .box{margin: 0;padding: 6rem 3rem;border-radius: 2rem;}
    .inpage.qualDetail .contentBox .box .title{font-size: 5rem;line-height: 1.5;}
    .inpage.qualDetail .contentBox .box .content{font-size: 2.8rem;}


    .inpage.qualDetail .listBox{padding: 6rem 0;}
    .inpage.qualDetail .listBox .titleBox{flex-direction: column;align-items: center;margin: 0;}
    .inpage.qualDetail .listBox .title{font-size: 5rem;line-height: 1.5;padding: 0;}
    .inpage.qualDetail .listBox .title::before{display: none;}
    .inpage.qualDetail .listBox .more{margin-top: 2rem;font-size: 2.8rem;margin-bottom: 1rem;}
    .inpage.qualDetail .listBox .more .icon{width: 4rem;height: 4rem;margin-left: 2rem;}

    .inpage.qualDetail .listBox .list{justify-content: space-between;}
    .inpage.qualDetail .listBox .list .one{width: 33rem;margin-top: 3rem;margin-right: 3rem;}
    .inpage.qualDetail .listBox .list .one:nth-child(2n){margin-right: 0;}
    .inpage.qualDetail .listBox .list .one .textBox .tip{font-size: 2.4rem;}
    .inpage.qualDetail .listBox .list .one .textBox .name{font-size: 3.2rem;margin-top: 1rem;}
    .inpage.qualDetail .listBox .list .one .textBox .desc{font-size: 2.8rem;margin-top: 1rem;}




    .inpage.contact .banner .bg{height: 30rem;}
    .inpage.contact .banner .bg img{height: 100%;object-fit: cover;}
    .inpage.contact .banner .textBox{width: 69rem;}
    .inpage.contact .banner .title{width: 100%;font-size: 5rem;line-height: 1.5;text-align: center;}
    .inpage.contact .banner .desc{width: 100%;font-size: 2.8rem;margin-top: 2rem;text-align: center;}


    .inpage.contact .floor{padding: 6rem 0;}
    .inpage.contact .floor .container{flex-direction: column;}

    .inpage.contact .floor .left{width: 100%;}
    .inpage.contact .floor .title{font-size: 5rem;line-height: 1.5;padding: 0;text-align: center;}
    .inpage.contact .floor .title::before{display: none;}

    .inpage.contact .floor .line.half{flex-direction: column;}
    .inpage.contact .floor .line{margin-bottom: 4rem;}
    .inpage.contact .floor .line.half .flex{margin-bottom: 4rem;}
    .inpage.contact .floor .line.half .flex:last-child{margin-bottom: 0;}

    .inpage.contact .floor .flex .icon{width: 10rem;height: 10rem;margin-right: 2rem;}
    .inpage.contact .floor .flex .name{font-size: 3.2rem;}
    .inpage.contact .floor .flex .desc{font-size: 2.8rem;margin-top: 1rem;}


    .inpage.contact .floor .right{width: 100%;margin: 6rem 0 0;}



    .inpage.search .container{padding: 0 0 6rem;}
    .inpage.search .searchBox{margin: 6rem auto;width: 100%;height: 8rem;border-radius: 2rem;}
    .inpage.search .searchBox input{font-size: 2.8rem;padding: 0 3rem;}
    .inpage.search .searchBox .btn{width: 12rem;}
    .inpage.search .searchBox .btn .icon{width: 4.4rem;height: 4.4rem;}


    .inpage.search .typeBox{height: 8rem;overflow: auto;}
    .inpage.search .typeBox .text{font-size: 2.8rem;white-space: nowrap;}
    .inpage.search .typeBox .one{margin-left: 3rem;font-size: 2.8rem;white-space: nowrap;}


    .inpage.search .list{justify-content: space-between;}
    .inpage.search .list .one{margin-right: 0;margin-bottom: 3rem;width: 33rem;border-radius: 2rem;}
    .inpage.search .list .one .big{width: 33rem;height: 33rem;}
    .inpage.search .list .one .tip{font-size: 2.4rem;}
    .inpage.search .list .one .name{font-size: 3.2rem;margin-top: 1rem;}
    .inpage.search .list .one .desc{font-size: 2.8rem;margin-top: 1rem;}






    .inpage.about .banner .other{bottom: 3rem;left: 0;text-align: center;}






















}