/* 格力产品 */
.product{overflow: hidden;}
.product .title{height: 150px;background-image: linear-gradient(to right,#a904fd, #1b34ce);}
.product .title ul li{height: 150px;width: 270px;border: 1px solid #6c6fd0;border-bottom: none;border-top: none;float: left;text-align: center;color: #f7f7fa;padding-top: 27px;}
.product .title ul li i{width:58px ;height: 52px; margin: 0 auto;display: block;background-position: bottom;background-repeat: no-repeat;background-size: contain;}
.product .title ul li h3{font-size: 18px;line-height: 50px;}
.product .title ul li:nth-child(1) i{width:58px ;}
.product .title ul li:nth-child(2) i{width:39px ;}
.product .title ul li:nth-child(3) i{width:51px ;}
.product .title ul li:nth-child(4) i{width:35px ;}
.product .title ul li:nth-child(5) i{width:39px ;}
.product .title ul li:nth-child(6) i{width:42px ;}
.product .title ul li.on,.product .title ul li:hover{background-image:linear-gradient(to right, #a904fd, #1b34ce) ;}


 .nav-t{display: flex;}
 .nav-t ul{margin: 0 auto;padding: 58px 0 39px 0;}
 .nav-t ul li{width: 146px; display: inline-block;font-size: 16px;line-height: 50px;text-align: center;color:#444 ;border: 1px solid #85b5db; border-radius: 5px;margin: 0 8px;}
 .nav-t ul li.on,.product .content .nav-t ul li:hover{background-image:linear-gradient(to right, #a904fd, #1b34ce) ;color: #fff;}

.product .content .list ul li{width: 385px;height: 492px;background-color: #e5e7eb;margin: 0 20px 20px 0;float: left;}
.product .content .list ul li i{width: 385px;height: 357px;display: block;background-repeat: no-repeat;background-position: center;background-size: cover;}
.product .content .list ul li:nth-child(4),.product .content ul li:nth-child(8){margin-right: 0px;}
.product .content .list ul li .content-text{width: 385px;height: 135px; text-align: center;padding: 0 32px;}
.product .content .list ul li .content-text h3{font-size: 18px;font-weight: bold;line-height: 3;}
.product .content .list ul li .content-text span{font-size: 16px;}

/* 格力产品详情页 */
.product .content-list .list h3{font-size: 30px;padding-left: 30px;position: relative;padding-bottom: 60px;}
.product .content-list .list h3::after{content: '';width: 10px;height: 30px;background-image:linear-gradient(to bottom, #a904fd, #1b34ce) ;position: absolute;left: 0;top: 0;}
.product .content-list .content-title{height: 678px;background-color: #fff;position: relative;padding: 60px;}
.product .content-list .content-title::after{content: ""; width: 0;height: 0;position: absolute;top: -13px;left: 160px; border-bottom: 13px solid #fff;border-left: 15px solid transparent;border-right: 15px solid transparent;}
.product .content-list .content-title .images-lit{width: 116px;height: 464px;margin: 45px 34px 45px 0;position: relative;}
.product .content-list .content-title .images-lit .swiper-container{width: 114px;height: 464px;}
.product .content-list .content-title .images-lit .swiper-container ul li{cursor: pointer;width: 114px;;height: 114px;display: block;}
.product .content-list .content-title .images-lit .swiper-container ul li i{display: block;width: 114px;height: 114px;margin: auto 0; background-position: center;background-repeat: no-repeat;background-size: cover;border: 1px solid #1b34ce;}
.product .content-list .content-title .images-lit .swiper-button-next{width: 114px;height: 32px; position: absolute;left: 0;top:-20px;background: url(../img/product-swiper-button-next.jpg);background-position: center;background-repeat: no-repeat;}
.product .content-list .content-title .images-lit .swiper-button-prev{width: 114px;height: 32px; position: absolute;left: 0;top:460px;background: url(../img/product-swiper-button-prev.jpg);background-position: center;background-repeat: no-repeat;}


.product .content-list .content-title .images-list{width: 528px;height: 554px;}
.product .content-list .content-title .images-list .image{width: 528px;height: 554px;border: 1px solid #c5ddf0;} 
.mousetrap{background-size: cover;}
.product .content-list .content-title .text{width: 775px;height: 554px;}
.product .content-list .content-title .text h3{font-size: 36px;font-weight: bold;line-height: 50px;}
.product .content-list .content-title .text h4{font-size: 24px;font-weight: bold;line-height: 50px;}
.product .content-list .content-title .text span{display: block;font-size: 16px;padding: 25px 0 46px 0;}
.product .content-list .content-title .text h5{font-size: 16px;padding-left: 38px;position: relative;margin-bottom: 40px;line-height: 25px;}
.product .content-list .content-title .text h5::after{content: '';width: 19px;height: 25px;background-image: url(../img/product_text.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;}
.product .content-list .content-title .text h5 strong{float: left;line-height: 25px;}
.product .content-list .content-title .text h5 i{font-size: 22px;font-weight: bold;line-height: 25px;display: block;float: left;}
.product .content-list .content-title .text h2{font-size: 16px;padding-left: 38px;position: relative;line-height: 25px;}
.product .content-list .content-title .text h2::after{content: '';width: 23px;height: 23px;background-image: url(../img/product_text2.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;}
.product .content-list .content-title .text ul{margin-top: 36px;}
.product .content-list .content-title .text ul li{width: 127px;height: 108px;background-color: #ddebfd;float: left;margin-right: 10px;padding: 28px 15px 0 15px;font-size: 20px;font-weight: bold;text-align: center;}
.product .content-list .content-title .text ul li:nth-child(2){background-color: #ddf1fd;}
.product .content-list .content-title .text ul li:nth-child(3){background-color: #ddfdfd;}
.product .content-list .content-title .text ul li:nth-child(4){background-color: #ddfdeb;}

.product .content-list .content{min-height: 1576px; background-color: #fff;margin: 68px auto 118px auto;}
.product .content-list .content .nav-lsit{height: 90px; margin: 0 60px;border-bottom: 1px solid #c5ddf0;}
.product .content-list .content .nav-lsit ul{margin: 0 auto;width: 545px;height: 90px;}
.product .content-list .content .nav-lsit ul li{width: 100px;line-height: 90px;float: left;margin: 0 40px;font-size: 20px;color: #363636;position: relative;text-align: center;}
.product .content-list .content .nav-lsit ul li:hover::after,.product .content-list .content .nav-lsit ul li.on::after{content: ''; width: 100%;height: 3px;position: absolute;bottom: 0;left: 0;background-image:linear-gradient(to right, #a904fd, #1b34ce) }
.product .content-list .content .content-lt{margin: 0 60px;font-size: 17px;}
.product .content-list .content .content-lt h4{font-size: 16px;font-weight: bold;}
.product .content-list .content .content-lt h2{font-size: 24px;font-weight: bold;}
.product .content-list .content .content-lt .img{height: 797px;width: 1082px;margin: 67px auto 0 auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.product .content-list .content .content-lt .text{width: 895px;height: auto;}

@media (max-width:1680px) {
    /* 格力产品 */
    .product .title ul li{height: 150px;width: 236px;}
    .nav-t ul li{width: 127px;margin: 0 7px;}

    .product .content .list ul li{width: 336px;height: 430px;margin: 0 17px 20px 0;}
    .product .content .list ul li i{width: 336px;height: 312px;}
    .product .content .list ul li .content-text{width: 336px;height: 118px;padding: 0 28px;}

    /* 格力产品详情页 */
    .product .content-list .content-title{padding: 52px;height: 593px;}
    .product .content-list .content-title .images-lit{width: 101px;margin: 45px 29px 45px 0;}
    .product .content-list .content-title .images-lit .swiper-container{width: 99px;height: 406px;}
    .product .content-list .content-title .images-lit .swiper-container ul li{width: 99px;;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-container ul li i{width: 99px;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-button-next{width: 99px;height: 32px; }
    .product .content-list .content-title .images-lit .swiper-button-prev{width: 99px;height: 32px;top: 402px;}

    .product .content-list .content-title .images-list{width: 462px;height: 484px;}
    .product .content-list .content-title .images-list .image{width: 462px;height: 484px;} 
    .product .content-list .content-title .text{width: 678px;height: 484px;}
    .product .content-list .content-title .text ul li{width: 111px;margin-right: 8px;padding: 28px 10px 0 10px;}

    .product .content-list .content .nav-lsit{margin: 0 52px;}
    .product .content-list .content .nav-lsit ul{width: 476px;}
    .product .content-list .content .nav-lsit ul li{width: 87px;margin: 0 35px;}
    .product .content-list .content .content-lt .img{width: 946px;}

}
@media (max-width:1560px) {
    /* 格力产品 */
    .product .title ul li{height: 150px;width: 219px;}
    .nav-t ul li{width: 117px;margin: 0 6px;}

    .product .content .list ul li{width: 312px;height: 430px;margin: 0 15px 20px 0;}
    .product .content .list ul li i{width: 312px;height: 312px;}
    .product .content .list ul li .content-text{width: 312px;height: 118px;padding: 0 26px;}
    /* 格力产品详情页 */
    .product .content-list .content-title{padding: 52px;height: 593px;}
    .product .content-list .content-title .images-lit{width: 101px;margin: 45px 29px 45px 0;}
    .product .content-list .content-title .images-lit .swiper-container{width: 99px;height: 406px;}
    .product .content-list .content-title .images-lit .swiper-container ul li{width: 99px;;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-container ul li i{width: 99px;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-button-next{width: 99px;height: 32px; }
    .product .content-list .content-title .images-lit .swiper-button-prev{width: 99px;height: 32px;top: 402px;}

    .product .content-list .content-title .images-list{width: 462px;height: 484px;}
    .product .content-list .content-title .images-list .image{width: 462px;height: 484px;} 
    .product .content-list .content-title .text{width: 609px;height: 484px;}
    .product .content-list .content-title .text ul li{width: 111px;margin-right: 8px;padding: 28px 10px 0 10px;}

    .product .content-list .content .nav-lsit{margin: 0 52px;}
    .product .content-list .content .nav-lsit ul{width: 476px;}
    .product .content-list .content .nav-lsit ul li{width: 87px;margin: 0 35px;}

}
@media (max-width:1440px) {
    /* 格力产品 */
    .product .title ul li{height: 150px;width: 202px;}
    .nav-t ul li{width: 108px;margin: 0 6px;}

    .product .content .list ul li{width: 288px;height: 430px;margin: 0 14px 20px 0;}
    .product .content .list ul li i{width: 288px;height: 312px;}
    .product .content .list ul li .content-text{width: 288px;height: 118px;padding: 0 24px;}

    /* 格力产品详情页 */
    .product .content-list .content-title{padding: 52px;height: 593px;}
    .product .content-list .content-title .images-lit{width: 101px;margin: 45px 29px 45px 0;}
    .product .content-list .content-title .images-lit .swiper-container{width: 99px;height: 406px;}
    .product .content-list .content-title .images-lit .swiper-container ul li{width: 99px;;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-container ul li i{width: 99px;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-button-next{width: 99px;height: 32px; }
    .product .content-list .content-title .images-lit .swiper-button-prev{width: 99px;height: 32px;top: 402px;}

    .product .content-list .content-title .images-list{width: 396px;height: 414px;}
    .product .content-list .content-title .images-list .image{width: 396px;height: 414px;} 
    .product .content-list .content-title .text{width: 551px;height: 484px;}
    .product .content-list .content-title .text ul li{width: 111px;margin-right: 8px;padding: 28px 10px 0 10px;}

    .product .content-list .content .nav-lsit{margin: 0 52px;}
    .product .content-list .content .nav-lsit ul{width: 476px;}
    .product .content-list .content .nav-lsit ul li{width: 87px;margin: 0 35px;}
   
}
@media (max-width:1366px) {
    /* 格力产品 */
    .product .title ul li{height: 150px;width: 191px;}
    .nav-t ul li{width: 103px;margin: 0 5px;}

    .product .content .list ul li{width: 273px;height: 430px;margin: 0 13px 20px 0;}
    .product .content .list ul li i{width: 273px;height: 312px;}
    .product .content .list ul li .content-text{width: 273px;height: 118px;padding: 0 22px;}

    /* 格力产品详情页 */
    .product .content-list .content-title{padding: 52px;height: 593px;}
    .product .content-list .content-title .images-lit{width: 101px;margin: 45px 29px 45px 0;}
    .product .content-list .content-title .images-lit .swiper-container{width: 99px;height: 406px;}
    .product .content-list .content-title .images-lit .swiper-container ul li{width: 99px;;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-container ul li i{width: 99px;height: 99px;}
    .product .content-list .content-title .images-lit .swiper-button-next{width: 99px;height: 32px; }
    .product .content-list .content-title .images-lit .swiper-button-prev{width: 99px;height: 32px;top: 402px;}

    .product .content-list .content-title .images-list{width: 396px;height: 414px;}
    .product .content-list .content-title .images-list .image{width: 396px;height: 414px;} 
    .product .content-list .content-title .text{width: 502px;height: 484px;}
    .product .content-list .content-title .text ul li{width: 111px;margin-right: 8px;padding: 28px 10px 0 10px;}

    .product .content-list .content .nav-lsit{margin: 0 52px;}
    .product .content-list .content .nav-lsit ul{width: 476px;}
    .product .content-list .content .nav-lsit ul li{width: 87px;margin: 0 35px;}
}
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    /* 格力产品 */
    .product{overflow: hidden;}
    .product .title{height: 1.5rem;background-image: linear-gradient(to right,#a904fd, #1b34ce);}
    .product .title ul{overflow: hidden;white-space: nowrap;overflow-x: auto;}
    .product .title ul li{height: 1.5rem;width: 2.7rem;border: 1px solid #6c6fd0;border-bottom: none;display: inline-block; border-top: none;float: none;text-align: center;color: #f7f7fa;padding-top: 0.3rem;}
    .product .title ul li i{width: 0.58rem; ;height: 0.52rem; margin: 0 auto;display: block;background-position: bottom;background-repeat: no-repeat;background-size: contain;}
    .product .title ul li h3{font-size: 0.22rem;line-height: 0.5rem;}
    .product .title ul li:nth-child(1) i{width:0.58rem ;}
    .product .title ul li:nth-child(2) i{width: 0.39rem ;}
    .product .title ul li:nth-child(3) i{width:0.51rem ;}
    .product .title ul li:nth-child(4) i{width: 0.35rem ;}
    .product .title ul li:nth-child(5) i{width:0.39rem ;}
    .product .title ul li:nth-child(6) i{width:0.42rem ;}
    .product .title ul li.on,.product .title ul li:hover{background-image:linear-gradient(to right, #a904fd, #1b34ce) ;}


    .nav-t{display: flex;width: 7.5rem;}
    .nav-t ul{padding: 0.58rem 0 0.39rem 0;overflow: hidden;white-space: nowrap;overflow-x: auto;width: 7.2rem;}
    .nav-t ul li{width: 1.5rem; display: inline-block;font-size: 0.2rem;line-height: 0.5rem;text-align: center;color:#444 ;border: 1px solid #85b5db; border-radius: 0.05rem;margin: 0 0.15rem;}
    .nav-t ul li.on,.product .content .nav-t ul li:hover{background-image:linear-gradient(to right, #a904fd, #1b34ce) ;color: #fff;}

    .product .content .list ul li{width: 3.4rem;height: 4.92rem;background-color: #e5e7eb;margin: 0 0.1rem 0.2rem 0.1rem;float: left;}
    .product .content .list ul li i{width: 3.4rem;height: 3.57rem;display: block;background-repeat: no-repeat;background-position: center;}
    .product .content .list ul li:nth-child(4),.product .content ul li:nth-child(8){margin-right: 0px;}
    .product .content .list ul li .content-text{width: 3.4rem;height: 1.35rem; text-align: center;padding: 0 0.22rem;}
    .product .content .list ul li .content-text h3{font-size: 0.22rem;font-weight: bold;line-height: 2;}
    .product .content .list ul li .content-text span{font-size: 0.2rem;}

    /* 格力产品详情页 */
    .product .content-list .list h3{font-size: 0.3rem;padding-left: 0.3rem;position: relative;padding-bottom: 0.6rem;}
    .product .content-list .list h3::after{content: '';width: 0.1rem;height: 0.3rem;background-image:linear-gradient(to bottom, #a904fd, #1b34ce) ;position: absolute;left: 0;top: 0;}
    .product .content-list .content-title{ height: 15rem;background-color: #fff;position: relative;padding: 0.1rem;}
    .product .content-list .content-title::after{content: ""; width: 0;height: 0;position: absolute;top: -0.13rem;left: 1.6rem; border-bottom: 0.13rem solid #fff;border-left:0.15rem solid transparent;border-right: 0.15rem solid transparent;}
    .product .content-list .content-title .images-lit{width: 7rem;height: 1rem;margin:  0.1rem 0;position: relative;}
    .product .content-list .content-title .images-lit .swiper-container{width: 7rem;height: 1rem;}
    .product .content-list .content-title .images-lit .swiper-container ul li{cursor: pointer;width: 2.3rem;;height: 1rem;display: block;}
    .product .content-list .content-title .images-lit .swiper-container ul li i{display: block;width:2.3rem;;height: 1rem;margin: auto 0; background-position: center;background-repeat: no-repeat;background-size: contain;border: 0.01rem solid #1b34ce;}
    .product .content-list .content-title .images-lit .swiper-button-next{display: none;}
    .product .content-list .content-title .images-lit .swiper-button-prev{display: none;}


    .product .content-list .content-title .images-list{width: 7rem;height: 5.54rem;}
    .product .content-list .content-title .images-list .image{width: 7rem;height: 5.54rem;;border: 1px solid #c5ddf0;} 
    .product .content-list .content-title .images-list .image img{width: 7rem;height: 5.54rem;} 
    .product .content-list .content-title .text{width: 7rem;height: 5.54rem;}
    .product .content-list .content-title .text h3{font-size: 0.36rem;font-weight: bold;line-height: 1rem;}
    .product .content-list .content-title .text h4{font-size: 0.24rem;font-weight: bold;line-height: 0.5rem;}
    .product .content-list .content-title .text span{display: block;font-size: 0.20rem;padding: 0.25rem 0 0.46rem 0;}
    .product .content-list .content-title .text h5{font-size: 0.22rem;padding-left: 0.38rem;position: relative;margin-bottom: 0.4rem;line-height: 0.25rem;}
    .product .content-list .content-title .text h5::after{content: '';width: 0.19rem;height: 0.25rem;background-image: url(../img/product_text.png);background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;left: 0;}
    .product .content-list .content-title .text h5 strong{float: left;line-height: 0.25rem;}
    .product .content-list .content-title .text h5 i{font-size: 0.3rem;font-weight: bold;line-height: 0.25rem;}
    .product .content-list .content-title .text h2{font-size: 0.2rem;padding-left: 0.38rem;position: relative;line-height: 0.25rem;}
    .product .content-list .content-title .text h2::after{content: '';width: 0.23rem;height: 0.23rem;background-image: url(../img/product_text2.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;}
    .product .content-list .content-title .text ul{margin-top: 0.36rem;}
    .product .content-list .content-title .text ul li{width: 3.4rem;height: 2rem;background-color: #ddebfd;float: left;margin-right: 0.1rem;padding: 0.28rem 0.15rem 0 0.15rem;font-size: 0.28rem;font-weight: bold;text-align: center;}
    .product .content-list .content-title .text ul li:nth-child(2){background-color: #ddf1fd;}
    .product .content-list .content-title .text ul li:nth-child(3){background-color: #ddfdfd;}
    .product .content-list .content-title .text ul li:nth-child(4){background-color: #ddfdeb;}

    .product .content-list .content{min-height: 15rem;background-color: #fff;margin: 0.68rem auto 1.18rem auto;}
    .product .content-list .content .nav-lsit{height: 0.98rem; margin: 0 0.1rem;border-bottom: 0.01rem solid #c5ddf0;}
    .product .content-list .content .nav-lsit ul{margin: 0 auto;width: 7rem;height: 1rem;}
    .product .content-list .content .nav-lsit ul li{width: 2.1rem;line-height: 1rem;float: left;margin: 0 0.1rem;font-size: 0.24rem;color: #363636;position: relative;text-align: center;}
    .product .content-list .content .nav-lsit ul li:hover::after,.product .content-list .content .nav-lsit ul li.on::after{content: ''; width: 2.1rem;height: 0.03rem;position: absolute;bottom: 0;left: 0;background-image:linear-gradient(to right, #a904fd, #1b34ce) }
    .product .content-list .content .content-lt .img{height: 7.9rem;width: 7rem;margin: 0.67rem auto 0 auto;background-position: center;background-repeat: no-repeat;background-size: contain;}
    .product .content-list .content .content-lt .text{width: 895px;height: auto;}
    .product .content-list .content .content-lt h4{font-size: 0.2rem;font-weight: bold;}
    .product .content-list .content .content-lt h2{font-size: 0.28rem;font-weight: bold;}
    .product .content-list .content .content-lt{margin: 0 0.6rem;}
    

}