.pc {
    position: relative;
}
.sub-nav {
    position: absolute;
    background-color: transparent;
    border: 0px transparent;
}
/*集合页样式*/
.detail1-box, .detail2-box, .detail3-box {
    position: relative;
    background-color: #fff;
}
.pc-detail-1, .pc-detail-2, .pc-detail-3,.foot{
    display: none;
}
.phone-detail-1, .phone-detail-2, .phone-detail-3 {
    width: 100%;
}
.pc, .menu {
    position: relative;
}
.language{
    position: absolute;
}
.add-on-page {
    width: 100%;
    background-color: white;
    /* margin-top: 80px; */
}
.detail1-message {
    position: relative;
    width: 70rem;
    height: 60rem;
    margin: 0 auto;
    padding: 7.5rem 0 0;
}

.detail-title {
    font-family: Rany-Medium;
    font-size: 4.8rem;
    line-height: 5.76rem;
    color: #333;
    
}

.detail-line {
    height: 0.2rem;
    border-bottom: 0.2rem solid #a5a5a5;
    margin: 3rem 0;
    width: 61.3rem;
    text-align: center;
}

.detail-subtitle {
    font-family: Roboto-Light;
    font-size: 3.2rem;
    line-height: 3.84rem;
    color: #333;
    padding-bottom: 0rem;
}

.detail-point {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-right: 1rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    background-color: #ff9600;
}

.detail-content {
    font-family: Roboto-Light;
    font-style: italic;
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: #333;
}
.detail-des {
    font-size: 3.2rem;
    font-family: Roboto-Light;
    color: #333333;
    text-align: center;
    padding: 3rem 0;
}
.detail2-content, .detail3-content {
    position: absolute;
    width: 90%;
    margin: auto;
    left: 0;
    right: 0;
    padding: 27rem 0;
}
.detail2-top-title, .detail3-top-title {
    position: absolute;
    width: 85%;
    left: 0;
    right: 0;
    top: 3%;
    margin: auto;
    text-align: center;
    font-size: 4.2rem;
    font-family: Rany-Medium;
    color: #333333;
}
.detail3-content .detail-title {
    width: 80%;
}
.learn-more-button {
    position: absolute;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    width: 22.9rem;
    top: 38%;
    left: 0;
    right: 0;
    margin: auto;
    font-family: Roboto-Regular;
    font-size: 3.6rem;
    color: white;
    background-color: #FA820A;
    border-radius: 5rem;
}
.sub-nav-quote{
    cursor: pointer;
    /* padding: 0rem 0 !important; */
}

/*两个页面公共次级导航栏样式*/
.product-sub-nav {
    background: url(../../img/phone-product/add-on/sub_nav.jpg) no-repeat;
    background-size: 100% 100%;
    /* height: 53rem; */
    width: 100%;
    z-index: 89;
    padding-top: 3rem;
    padding-bottom: 3rem;
    position: fixed;
}
.sub-nav-box {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    /* width: 80%; */
}
.sub-nav-icon {
    width: 8rem;
    height: 8rem;
}
.sub-nav-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 0.6rem;
}
.icon-CO {
    background: url(../../img/phone-product/add-on/icon/position1.webp);
    background-size: 100% 100%;
}
.sub-nav-CO .active-img {
    background: url(../../img/phone-product/add-on/icon/position1-active.webp) no-repeat ;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Gas {
    background: url(../../img/phone-product/add-on/icon/position2.webp);
    background-size: 100% 100%;
}
.sub-nav-Gas .active-img{
    background: url(../../img/phone-product/add-on/icon/position2-active.webp) no-repeat ;
    cursor: pointer;
    background-size: 100% 100%;
}
.icon-Door {
    background: url(../../img/phone-product/add-on/icon/position3.webp);
    background-size: 100% 100%;
}
.sub-nav-Door .active-img{
    background: url(../../img/phone-product/add-on/icon/position3-active.webp) no-repeat ;
    cursor: pointer;
    background-size: 100% 100%;
}
.icon-Emergency {
    background: url(../../img/phone-product/add-on/icon/position4.webp);
    background-size: 100% 100%;
}
.sub-nav-Emergency .active-img{
    background: url(../../img/phone-product/add-on/icon/position4-active.webp) no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
}
.icon-Temperature {
    background: url(../../img/phone-product/add-on/icon/position5.webp);
    background-size: 100% 100%;
}
.sub-nav-Temperature .active-img{
    background: url(../../img/phone-product/add-on/icon/position5-active.webp) no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
}
.icon-Motion {
    background: url(../../img/phone-product/add-on/icon/position6.webp);
    background-size: 100% 100%;
}
.sub-nav-Motion .active-img{
    background: url(../../img/phone-product/add-on/icon/position6-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Smoke {
    background: url(../../img/phone-product/add-on/icon/position7.webp);
    background-size: 100% 100%;
}
.sub-nav-Smoke .active-img{
    background: url(../../img/phone-product/add-on/icon/position7-active.webp) no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
}
.icon-Flood {
    background: url(../../img/phone-product/add-on/icon/position8.webp);
    background-size: 100% 100%;
}
.sub-nav-Flood .active-img{
    background: url(../../img/phone-product/add-on/icon/position8-active.webp) no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
}
/*.sub-nav-icon9 {*/
/*    background: url(../../img/phone-product/add-on/icon/position9.webp);*/
/*    background-size: 100% 100%;*/
/*}*/

/* Electrical */
.icon-Switches {
    background: url(../../img/product/add-on/electrical/icon/icon01.webp);
    background-size: 100% 100%;
}

.sub-nav-content:hover .icon-Switches,
.sub-nav-Switches .active-img {
    background: url(../../img/product/add-on/electrical/icon/icon01-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Sockets {
    background: url(../../img/product/add-on/electrical/icon/icon02.webp);
    background-size: 100% 100%;
}

.sub-nav-content:hover .icon-Sockets,
.sub-nav-Sockets .active-img {
    background: url(../../img/product/add-on/electrical/icon/icon02-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.icon-Actuator {
    background: url(../../img/product/add-on/electrical/icon/SwitchActuator.webp);
    background-size: 100% 100%;
}

.sub-nav-content:hover .icon-Actuator,
.sub-nav-Actuator .active-img {
    background: url(../../img/product/add-on/electrical/icon/SwitchActuator-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Plug1 {
    background: url(../../img/phone-product/add-on/electrical/icon/position3.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Plug1, .sub-nav-Plug1 .active-img {
    background: url(../../img/phone-product/add-on/electrical/icon/position3-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.icon-Plug2 {
    background: url(../../img/phone-product/add-on/electrical/icon/position3.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Plug2, .sub-nav-Plug2 .active-img {
    background: url(../../img/phone-product/add-on/electrical/icon/position3-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Plug3 {
    background: url(../../img/phone-product/add-on/electrical/icon/position3.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Plug3, .sub-nav-Plug3 .active-img {
    background: url(../../img/phone-product/add-on/electrical/icon/position3-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Switch1 {
    background: url(../../img/phone-product/add-on/electrical/icon/position2.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Switch1, .sub-nav-Switch1 .active-img {
    background: url(../../img/phone-product/add-on/electrical/icon/position2-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}


.icon-Zigbee1 {
    background: url(../../img/phone-product/add-on/electrical/icon/position1.webp);
    background-size: 100% 100%;
}
.sub-nav-Zigbee1 .active-img{
    background: url(../../img/phone-product/add-on/electrical/icon/position1-active.webp) no-repeat;
    cursor: pointer;
    background-size: 100% 100%;
}
.icon-Zigbee2 {
    background: url(../../img/phone-product/add-on/icon/position11.webp);
    background-size: 100% 100%;
}
.sub-nav-Zigbee2 .active-img{
    background: url(../../img/phone-product/add-on/icon/position11-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.sub-nav-Zigbee1, .sub-nav-Zigbee2 {
    /* width: 25rem; */
    /* margin: 0 10rem; */
}
.sub-nav-Zigbee1 p, .sub-nav-Zigbee2 p {
    /* width: 20rem; */
}

/* Climate */
.icon-Controller1 {
    background: url(../../img/phone-product/add-on/climate/icon/position1.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Controller1, .sub-nav-Controller1 .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position1-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Controller2 {
    background: url(../../img/phone-product/add-on/climate/icon/position1.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Controller2, .sub-nav-Controller2 .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position1-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Panel {
    background: url(../../img/phone-product/add-on/climate/icon/position2.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Panel, .sub-nav-Panel .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position2-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Thermostat1 {
    background: url(../../img/phone-product/add-on/climate/icon/position3.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Thermostat1, .sub-nav-Thermostat1 .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position3-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Thermostat2 {
    background: url(../../img/phone-product/add-on/climate/icon/position4.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Thermostat2, .sub-nav-Thermostat2 .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position4-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Motor {
    background: url(../../img/phone-product/add-on/climate/icon/position5.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Motor, .sub-nav-Motor .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position5-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Detector {
    background: url(../../img/phone-product/add-on/climate/icon/position6.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Detector, .sub-nav-Detector .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position6-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Temperature {
    background: url(../../img/phone-product/add-on/climate/icon/position7.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Temperature, .sub-nav-Temperature .active-img {
    background: url(../../img/phone-product/add-on/climate/icon/position7-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

/* Security */
.icon-Co {
    background: url(../../img/phone-product/add-on/security/icon/Co.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Co, .sub-nav-Co .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Co-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-DoorAndWindow {
    background: url(../../img/phone-product/add-on/security/icon/DoorAndWindow.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-DoorAndWindow, .sub-nav-DoorAndWindow .active-img {
    background: url(../../img/phone-product/add-on/security/icon/DoorAndWindow-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Emergency {
    background: url(../../img/phone-product/add-on/security/icon/Emergency.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Emergency, .sub-nav-Emergency .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Emergency-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Flood {
    background: url(../../img/phone-product/add-on/security/icon/Flood.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Flood, .sub-nav-Flood .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Flood-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Gas {
    background: url(../../img/phone-product/add-on/security/icon/Gas.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Gas, .sub-nav-Gas .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Gas-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Human {
    background: url(../../img/phone-product/add-on/security/icon/Human.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Human, .sub-nav-Human .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Human-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Motion {
    background: url(../../img/phone-product/add-on/security/icon/Motion.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Motion, .sub-nav-Motion .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Motion-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Lock {
    background: url(../../img/phone-product/add-on/security/icon/Lock.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Lock, .sub-nav-Lock .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Lock-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Smoke {
    background: url(../../img/phone-product/add-on/security/icon/Smoke.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Smoke, .sub-nav-Smoke .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Smoke-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Valve {
    background: url(../../img/phone-product/add-on/security/icon/Valve.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Valve, .sub-nav-Valve .active-img {
    background: url(../../img/phone-product/add-on/security/icon/Valve-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

/* More */
.icon-Ir {
    background: url(../../img/phone-product/add-on/more/icon/Ir.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Ir, .sub-nav-Ir .active-img {
    background: url(../../img/phone-product/add-on/more/icon/Ir-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}
.icon-Gateway {
    background: url(../../img/product/add-on/more/icon/Gateway.webp);
    background-size: 100% 100%;
}
.sub-nav-content:hover .icon-Gateway, .sub-nav-Gateway .active-img {
    background: url(../../img/product/add-on/more/icon/Gateway-active.webp) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

.sub-nav-des {
    width: 20rem;
    font-size: 2.6rem;
    font-family: Roboto-Light;
    color: #333333;
    padding-top: 2rem;
    text-align: center;
    height: 9rem;
}
.sub-nav-content .active {
    color: #FFA416;
}
.sub-nav-icon9-pc {
    display: none;
}
.quote-button {
    width: 20rem;
    height: 5rem;
    background-color: #FA820A;
    color: #ffffff;
    border-radius: 5rem;
    text-align: center;
}
.quote-button p {
    font-size: 3.2rem;
    font-family: Robolo-Bold;
    color: #ffffff;
    line-height: 5rem;
    text-align: center;
}

/*sensors-page 详情页1*/
.sensors-page {
   
        width: 108rem;
        /* margin-top: 12rem; */
}
.sensors-pc {
    display: none;
}
.gas{
    position:unset;
}
.sensors-content {
    width: 100%;
    height:auto;
    position: relative;
}
.main-img {
    width: 100%;
}
.sensors1-text-box {
    height: 20%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display:none;
}
.sensors1-title {
    font-family: Rany-Medium;
    font-size: 4.8rem;
    color: #333333;
}
.sensors1-des {
    font-family: Rany-Light;
    font-size: 4.8rem;
    color: #333333;
    margin-top: 2rem;
}
.sensors-text-box {
    position: absolute;
    left: 7%;
    top: 10%;
}
.sensors2-text-box {
    width: 50%;
}
.sensors4-text-box, .sensors16-text-box  {
    width: 60%;
}
.sensors6-text-box {
    width: 65%;
    top: 7%;
}
.sensors8-text-box {
    width: 50%;
    top: 7%;
}
.sensors10-text-box {
    width: 62%;
    top: 7%;
}
.sensors12-text-box, .sensors14-text-box  {
    width: 70%;
}

.sensors-title {
    font-family: Rany-Medium;
    font-size: 6rem;
    color: #333333;
}
.sensors1-des {
    font-family: Roboto-Light;
    font-size: 3.2rem;
    color: #333333;
}
.sensors-text {
    font-family: Roboto-Light;
    font-size: 2.4rem;
    color: #333;
    font-style: italic;
}
.sensors-point {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-right: 1rem;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.3rem;
    background-color: #ff9600;
}
.sensors-line {
    height: 3px;
    border-bottom: 3px solid #a5a5a5;
    margin: 3rem 0;
}
.sensors2-line {
    width: 49.6rem;
}
.sensors4-line {
    width: 54.2rem;
}
.sensors6-line {
    width: 47.3rem;
}
.sensors8-line {
    width: 51.9rem;
}
.sensors10-line {
    width: 60.1rem;
}
.sensors12-line {
    width: 60.7rem;
}
.sensors14-line {
    width: 60.6rem;
}
.sensors16-line {
    width: 56.4rem;
}

/*electrical样式*/
.electrical-page{
    width: 108rem;
    /* margin-top: 12rem; */
}
.electrical-page .sub-nav-box{
    width: 80%;
    justify-content: left;
}
.electrical-box {
    height: 20%;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* display:none; */
}
.electrical-top-title{
    font-family: Rany-Medium;
    font-size: 6rem;
    color: #FFFFFF;
}
.electrical-top-des{
    width: 60%;
    text-align: center;
    font-family: Rany-Light;
    font-size: 4.8rem;
    color: #FFFFFF;
}
.electrical-line1 {
    width: 37.9rem;
}
.electrical-line2 {
    width: 41.6rem;
}
.electrical-line3 {
    width: 35.1rem;
}
.electrical-line4 {
    width: 36.8rem;
}
.electrical-line5 {
    width: 36.4rem;
}
.electrical-line6 {
    width: 42.1rem;
}
.electrical-line7 {
    width: 44.6rem;
}
.electrical-line8 {
    width: 53.6rem;
}
.electrical-text-box {
    width: 42%;
}
.electrical-text-box1 {
   top:8.2rem;
    left: 15.3rem;
}
.electrical-actuator {
    width: 45%;
}

.img1-icon {
    position: absolute;
    bottom: 29.1rem;
    right: 22.4rem;
    width: 63.1rem;
}
.img2-icon {
    position: absolute;
    bottom: 46.7rem;
    right: 8rem;
    width: 91.9rem;
}
.ele-text-b1{
    top:29rem;
    left:20.2rem;
    text-align: center;
}
.ele-text-b2{
    bottom: 15.5rem;
    top: unset;
    left: 15.2rem;
}
.ele-text-b3{
    top: 46.7rem;
    left: 31.7rem;
    text-align: center;
    width: 43rem;
}
.ele-text-b3 .sensors-line{
width: 43rem;
}
.ele-t-p2 {
    margin-top: 9.6rem;
}

.electrical-t-panel .sensors-title {
    font-size: 4.2rem;
    font-family: 'Rany-Bold';
    color: #ffffff;
}

.electrical-t-panel .sensors-line {
    width: 9rem;
    height: 6px;
    background-color: #FFA416;
    border-bottom: unset;
}

.electrical-t-panel .sensors-des {
    font-size: 3.2rem;
    font-family: 'Roboto-Light';
    color: #FFFFFF
}

.electrical-t-panel .sensors-des li {
    list-style: disc;
    line-height: 3.6rem;
}
.sensors2-des{
    color: #fff;
    margin-bottom: 4.2rem;
    font-family: Roboto;
}
.sensors-txt {
    font-size: 3rem;
    color: #fff;
    font-family: Roboto-Light;
    margin-bottom: 3rem;
}
.electrical-t-panel .ele-icon {
    display: flex;
    font-size: 2rem;
    justify-content: space-between;
    width: 66rem;
    justify-items: center;
    align-items: center;
}

.electrical-t-panel .ele-icon img {
    width: 15.1rem;
}

.electrical-t-panel .ele-icon .e-icon-panel {
    width: 15.1rem;
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
}

.electrical-t-panel .ele-icon p {
    text-align: center;
    margin-top: 2.1rem;
    width: 21rem;
}
.electrical-t-panel .ele-icon .e-icon-p3{
    width: 23rem;
}

/*climate样式*/
.climate-nav-des {
    width: 24rem;
}
.climate-box {
    height: 20%;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 15% auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* display:none; */
}
.climate-top-title {
    font-family: Rany-Medium;
    font-size: 6.5rem;
    color: #FFFFFF;
}
.climate-top-des {
    font-family: Rany-Light;
    font-size: 5.5rem;
    color: #FFFFFF;
}
.climate-title {
    font-size: 4.8rem;
}
.climate-des {
    font-size: 3.2rem;
}
.climate-text-box {
    width: 55rem;
}
.climate-line1 {
    width: 41rem;
}
.climate-line2 {
    width: 48.8rem;
}
.climate-line3 {
    width: 51rem;
}
.climate-line4 {
    width: 46.8rem;
}
.climate-line5 {
    width: 47rem;
}
.climate-line6 {
    width: 30.8rem;
}
.climate-line7 {
    width: 41rem;
}
.climate-line8 {
    width: 38.8rem;
}


/*security样式*/
.security-nav-des {
    width: 20rem;
}
.security-box {
    height: 20%;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* display:none; */
}
.security-top-title {
    font-family: Rany-Medium;
    font-size: 6.5rem;
    color: #3E3A39;
}
.security-top-des {
    font-family: Rany-Light;
    font-size: 5.5rem;
    color: #3E3A39;
}
.security-title {
    font-size: 4.8rem;
}
.security-des {
    font-size: 3.2rem;
}

.security-line1 {
    width: 25rem;
}
.security-line2 {
    width: 40rem;
}
.security-line3 {
    width: 44rem;
}
.security-line4 {
    width: 31rem;
}
.security-line5 {
    width: 27rem;
}
.security-line6 {
    width: 40rem;
}
.security-line7 {
    width: 34rem;
}
.security-line8 {
    width: 27rem;
}
.security-line9 {
    width: 47.1rem;
    margin: 2.7rem 0;
}
.security-line10 {
    width: 33rem;
}
.security-line11 {
    width: 30rem;
}
.security-text-box {
    width: 50rem;
}
.security-lock {
    width: 57rem;
    top: 4%;
}

/*more样式*/
.more-nav-des {
    width: 50rem;
}
.more-box {
    height: 20%;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* display:none; */
}
.more-top-title {
    font-family: Rany-Medium;
    font-size: 6.5rem;
    color: #FFFFFF;
}
.more-top-des {
    font-family: Rany-Light;
    font-size: 5.5rem;
    color: #FFFFFF;
}
.more-text-box {
    width: 43rem;
}
.more-ir {
    width: 48rem;
    top: 2%;
}
.more-ir br {
    line-height: 1.5rem;
}
.more-line1 {
    width: 36rem;
}
.more-line2 {
    width: 48.3rem;
}
.more-line3 {
    width: 37.5rem;
}

.param-panel{
    width:98rem;
    display:flex;
    position: relative;
    flex-direction: column;
    margin: 0 auto;
}
.param-top {
    width: 100%;
    height: 12rem;
    text-align: center;
    line-height: 12rem;
    font-size: 4.5rem;
    color: #333;
    font-family: Rany-Bold;
    border-bottom: 1px solid #ddd7d7;
}
.param-list li{
    width: 100%;
    min-height: 8rem;
    padding: 3rem 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd7d7;
}
.param-list li h4 {
    width: 30%;
    align-items: center;
    text-align: left;
    font-family: 'Rany-Medium';
    font-size: 3rem;
}
.param-list li dl {
    width: 70%;
    color: #707070;
    text-align: center;
    justify-content: center;
    font-family: Rany-Light;
    font-size: 3rem;
}