
/* banner */
.banner ul li{ width: 100%; height: 1080px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner .swiper-pagination{bottom: 20px;}
.banner .swiper-pagination-bullet {width: 16px;height: 16px;background-color: #fff;  border:1px solid  #fff; opacity: 1; border-radius: 50%;}
.banner .swiper-pagination-bullet-active{background: url(../img/swiper-pagination-bullet-active.png) no-repeat;background-position: center;background-size: cover;}
/* 主营业务 */
.index_2{height: 921px;background-color: #dfe2f6;}
.index_2 .title{text-align: center;padding: 100px 0 85px 0;}
.index_2 .title h3{font-size: 48px;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
.index_2 .title h4{font-size: 36px;line-height: 1.5;position: relative;color: #444;}
.index_2 .title h4::before{content: ''; width: 28px;height: 4px;background-color: #444;  position: absolute;top: 70px;left: 49%;}

.index_2 .content{position: relative;height: 632px;}
.index_2 .content .nav-t{width: 554px;height: 921px;position: relative; margin-top: -287px;background-image: url(../img/index_2.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.index_2 .content .nav-t::after{content: '';width: 0.1px;height: 921px;background-color: #5e7fc1; position: absolute;top: 0;left: 150px;}
.index_2 .content .nav-t ul{margin: 268px 0 0 195px;}
.index_2 .content .nav-t ul li{width: 309px;height: 96px;border-radius: 5px;padding: 8px;margin-bottom: 23px;background-color: rgba(0, 0, 0, 0.3);}
.index_2 .content .nav-t ul li span{line-height: 80px;font-size: 36px;font-family:webfont;}
.index_2 .content .nav-t ul li .list{width: 233px;height: 76px;float: right;border-radius: 5px;font-size: 24px;line-height: 76px;color: #fff;text-align: center;}
.index_2 .content .nav-t ul li .list i{ width: 32px;height: 29px;display: inline-block;background-position: center bottom;background-repeat: no-repeat;background-size: contain;}
.index_2 .content .nav-t ul li:nth-child(1){border: 2px dotted #4893f8 ;}
.index_2 .content .nav-t ul li:nth-child(1) span{color: #4893f8 ;}
.index_2 .content .nav-t ul li:nth-child(1) .list{background-color:#4893f8  ;}
.index_2 .content .nav-t ul li:nth-child(1) .list i{background-image: url(../img/index_2-list.png);}
.index_2 .content .nav-t ul li:nth-child(2){border: 2px dotted #7cbb77 ;}
.index_2 .content .nav-t ul li:nth-child(2) span{color: #7cbb77 ;}
.index_2 .content .nav-t ul li:nth-child(2) .list{background-color:#7cbb77 ;}
.index_2 .content .nav-t ul li:nth-child(2) .list i{background-image: url(../img/index_2-list2.png);}
.index_2 .content .nav-t ul li:nth-child(3){border: 2px dotted #d99741;}
.index_2 .content .nav-t ul li:nth-child(3) span{color: #d99741;}
.index_2 .content .nav-t ul li:nth-child(3) .list{background-color:#d99741 ;}
.index_2 .content .nav-t ul li:nth-child(3) .list i{background-image: url(../img/index_2-list3.png);}
.index_2 .content .nav-t ul li:nth-child(4){border: 2px dotted #6fb4d4;}
.index_2 .content .nav-t ul li:nth-child(4) span{color: #6fb4d4;}
.index_2 .content .nav-t ul li:nth-child(4) .list{background-color:#6fb4d4 ;}
.index_2 .content .nav-t ul li:nth-child(4) .list i{background-image: url(../img/index_2-list4.png);}
.index_2 .content .nav-t ul li:nth-child(5){border: 2px dotted #5a56ff;}
.index_2 .content .nav-t ul li:nth-child(5) span{color: #5a56ff;}
.index_2 .content .nav-t ul li:nth-child(5) .list{background-color:#5a56ff ;}
.index_2 .content .nav-t ul li:nth-child(5) .list i{background-image: url(../img/index_2-list5.png);}
.index_2 .content .nav-t ul li:hover,.index_2 .content .nav ul li.on{background-color: #fff;}

.index_2 .content .text{height: 635px;width: 1212px; background-color: #f2f0f4;padding: 43px 75px;}
.index_2 .content .text .text-list{width: 580px;height: 549px;}
.index_2 .content .text .text-list strong{width: 150px; line-height:40px;display: block; font-size: 16px;text-align: center;color: #fff; background: linear-gradient(to right, #a904fd, #1b34ce);margin-top: 10px;}
.index_2 .content .text .text-list span{font-size: 16px;line-height: 30px;}
.index_2 .content .text .img-list{width: 450px;height: 549px;position: relative;}
.index_2 .content .text .img-list p{font-size: 300px; color: #5a56ff;position: absolute;top: -170px;left: 210px; font-family: 'Gabriola';}
.index_2 .content .text .img-list i{width: 450px;height: 380px;display: block; margin: 84px 0;background-size: cover;background-repeat: no-repeat;background-position: center;}

/* 家庭中央空调 */
.index_3{height: 1529px;}
.index_3 .title{text-align: center;padding: 100px 0 85px 0;}
.index_3 .title h3{font-size: 48px;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
.index_3 .title h4{font-size: 36px;line-height: 1.5;color: #444;position: relative;}
.index_3 .title h4::before{content: ''; width: 28px;height: 4px;background-color: #444;  position: absolute;top: 70px;left: 49%;}

.index_3 .nav-list{display: flex;}
.index_3 .nav-list ul{margin: 0 auto;}
.index_3 .nav-list ul li{width: 146px; float: left;font-size: 16px;line-height: 50px;text-align: center;color:#444 ;border: 1px solid #85b5db; border-radius: 5px;margin: 0 8px;}
.index_3 .nav-list ul li.on,.index_3 .nav-list ul li:hover{background-image:linear-gradient(to right, #a904fd, #1b34ce) ;color: #fff;transition: all 0.3s;}

.index_3 .content{height: 1012px;margin-top: 45px;}
.index_3 .content ul li{width: 385px;height: 492px;background-color: #e5e7eb;margin: 0 10px 20px 10px;float: left;}
.index_3 .content ul li i{width: 385px;height: 357px;display: block;background-repeat: no-repeat;background-position: center;background-size: cover;}


.index_3 .content ul li .content-text{width: 385px;height: 135px; text-align: center;padding: 0 32px;}
.index_3 .content ul li .content-text h3{font-size: 18px;font-weight: bold;line-height: 3;}
.index_3 .content ul li .content-text span{font-size: 16px;}

/* 商用中央空调 */
.index_4{height: 1133px;}
.index_4 .content{width: 61%;height: 1133px;background-image: url(../img/index_4.jpg);background-position: left;background-repeat: no-repeat;background-size: cover;position: relative;}
.index_4 .content ul{width: 1210px;height: 931px;position: absolute;left: 152px;top: 100px;}
.index_4 .content ul li{width: 385px;height: 453px;float: left;background-color: #cecece;margin: 9px;}
.index_4 .content ul li i{width: 385px;height: 310px;display: block;background-repeat: no-repeat;background-position: center;background-size: cover;}
.index_4 .content ul li .content-text{width: 385px;height: 135px; text-align: center;padding: 0 32px;}
.index_4 .content ul li .content-text h3{font-size: 18px;font-weight: bold;line-height: 3;}
.index_4 .content ul li .content-text span{font-size: 16px;}

.index_4 .nav-list{width: 39%;height: 1211px;margin-top: -78px; background-image: url(../img/index_4-1.jpg);background-position: top;background-repeat: no-repeat;background-size: cover;}
.index_4 .nav-list .title{text-align: center;padding: 100px 0 85px 0;}
.index_4 .nav-list .title h3{font-size: 48px;display: inline-block;color: #fff;font-family: DemiBold;font-weight: bold;text-transform: uppercase;}
.index_4 .nav-list .title h4{font-size: 36px;line-height: 1.5;color: #fff;position: relative;}
.index_4 .nav-list .title h4::before{content: ''; width: 28px;height: 4px;background-color: #fff;  position: absolute;top: 70px;left: 49%;}
.index_4 .nav-list .nav-t {width: 182px;height: 456px;position: relative;margin: 0 auto;}
.index_4 .nav-list .nav-t .swiper-container{width: 182px;height: 456px;}
.index_4 .nav-list .nav-t .swiper-container .swiper-wrapper li {width: 182px;height: 76px;}
.index_4 .nav-list .nav-t .swiper-container .swiper-wrapper li.on div{background-color: #fff;color: #444;}
.index_4 .nav-list .nav-t .swiper-container .swiper-wrapper li div{width: 182px;line-height: 53px;border: 1px solid rgba(255,255,255,0.7);border-radius: 25px;text-align: center;font-size: 18px;color: #fff;margin: 7.5px 0;}
.index_4 .nav-list .nav-t .swiper-button-prev{width: 40px;height: 21px;background-image: url(../img/index_4-swiper-button-next.png);background-position: center;background-size: cover;background-repeat: no-repeat;position: absolute;left: 70px;top: 500px;}

/* 舒适家解决方案 */
.index_5{height: 973px; background-color: #dce7ff;}
.index_5 .title{text-align: center;padding: 100px 0 85px 0;}
.index_5 .title h3{font-size: 48px;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
.index_5 .title h4{font-size: 36px;line-height: 1.5;color: #444;position: relative;}
.index_5 .title h4::before{content: ''; width: 28px;height: 4px;background-color: #444;  position: absolute;top: 70px;left: 49%;}

.index_5 .content{height: 700px;margin: 0 auto;position: relative;}
.index_5 .content .swiper-container5{ height: 484px;overflow: hidden; width: 100%;}
.index_5 .content .swiper-container5 ul li{width: 51% !important; height: 484px;text-align: right;}
.index_5 .content .swiper-container5 ul li .text{width: 48%;height: 484px;display: none;position: relative;padding-right: 138px;}
.index_5 .content .swiper-container5 ul li .text i{width: 138px;height: 138px;display: block;position: absolute;top: 0;right: 0;background: linear-gradient(to bottom, #a904fd, #1b34ce);padding: 26px 38px;font-size: 30px;color: #e8f2ff;}
.index_5 .content .swiper-container5 ul li .text h4{font-size: 188px;font-weight: bold;color: #d7e3ff;}
.index_5 .content .swiper-container5 ul li .text h5{font-size: 30px;color: #333;line-height: 50px;}
.index_5 .content .swiper-container5 ul li .text p{font-size: 20px;color: #333;line-height: 40px;}
.index_5 .content .swiper-container5 ul li .text a{width: 177px;height: 48px;display: block;background-image: url(../img/index_5-a.png) ; border: 1px solid #5828e4; border-radius: 25px ; margin: 70px auto 0 auto;}
.index_5 .content .swiper-container5 ul li .imges{width: 52%;height: 484px;background-color: #dbdfe5;text-align: center;}
.index_5 .content .swiper-container5 ul li .imges i{width: 100%;height: 347px;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;}
.index_5 .content .swiper-container5 ul li .imges .list{width: 100%;height: 137px;padding: 0 10%;}
.index_5 .content .swiper-container5 ul li .imges h3{font-size: 18px;font-weight: bold;color: #4a4a4a;line-height: 35px;}
.index_5 .content .swiper-container5 ul li .imges span{font-size: 16px;line-height: 25px;}

.index_5 .content .swiper-container5 ul li.swiper-slide-prev .imges{background-color:rgba(46, 43, 43, 0.5);}
.index_5 .content .swiper-container5 ul li.swiper-slide-active .text{display: block;}
.index_5 .content .swiper-container5 ul li.swiper-slide-next .imges{float: left;background-color:rgba(46, 43, 43, 0.5);}
.index_5 .content .swiper-pagination{left: 45%;margin-top: 60px;}
.index_5 .content .swiper-pagination-bullet {width: 16px;height: 16px; margin: 0 8px; background-color: #1337cc;  border:1px solid  #fff; opacity: 1; border-radius: 50%;}
.index_5 .content .swiper-pagination-bullet-active{background-color: #8c06f9;}
.index_5 .content .swiper-button-next{background-image: url(../img/index_5-swiper-button-next.png);width: 146px;height: 146px;background-size: cover;background-repeat: no-repeat;background-position: center;top: 180px; right:290px;}
.index_5 .content .swiper-button-prev{background-image: url(../img/index_5-swiper-button-prev.png);width: 146px;height: 146px;background-size: cover;background-repeat: no-repeat;background-position: center;top: 180px;left: 290px;}
.index_5 .content .swiper-button-next:hover{background-image: url(../img/index_5-swiper-button-next2.png);}
.index_5 .content .swiper-button-prev:hover{background-image: url(../img/index_5-swiper-button-prev2.png);}

/* 服务流程 */
.index_6{height: 817px;background-image: url(../img/index_6.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
.index_6 .fl{width: 50%;height: 817px;}
.index_6 .fl ul{width: 614px;height: 614px;position: relative;margin: 12% 0 0 28%;}
.index_6 .fl ul li{width: 164px;height: 164px;border: 6px solid #fff; border-radius: 50%; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);color: #fff;text-align: center}
.index_6 .fl ul li h3{font-size: 24px;line-height: 2.5;}
.index_6 .fl ul li h4{font-size: 17px;line-height: 25px;}
.index_6 .fl ul li p{font-size: 17px;line-height: 2;}
.index_6 .fl ul div{width: 390px;height: 390px;border: 102px solid #fff;;border-radius: 50%;text-align: center;color: #fff;position: absolute;left: 112px;top: 112px;}
.index_6 .fl ul div h3{ font-size: 30px;line-height: 2; padding-top: 45px;font-weight: bold;}
.index_6 .fl ul div h4{font-size: 24px;text-transform: uppercase;position: relative;}
.index_6 .fl ul div h4::before{content: '';width: 20px;height: 4px;background-color: #fff; position: absolute;bottom: -80%;left: 45%;}
.index_6 .fl ul li:nth-child(2){background-color: #24ab9c;position: absolute; left: 37% ;}
.index_6 .fl ul li:nth-child(2)::after{content: '';width: 100px;height: 64px; display: block; background-image: url(../img/index_6-1.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: -65%;top: 8%;}
.index_6 .fl ul li:nth-child(3){background-color: #5b97e0;position: absolute; left: 67% ;top: 13%;}
.index_6 .fl ul li:nth-child(3)::after{content: '';width: 61px;height: 90px; display: block; background-image: url(../img/index_6-2.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: -35%;top: 90%;}
.index_6 .fl ul li:nth-child(4){background-color: #b38ad0;position: absolute; left: 70% ;top: 45%;}
.index_6 .fl ul li:nth-child(4)::after{content: '';width: 70px;height: 96px; display: block; background-image: url(../img/index_6-3.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: 20%;bottom: -70%;}
.index_6 .fl ul li:nth-child(5){background-color: #e163ac;position: absolute; left: 52% ;top: 72%;}
.index_6 .fl ul li:nth-child(5)::after{content: '';width: 98px;height: 36px; display: block; background-image: url(../img/index_6-4.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: -50%;bottom: -19%;}
.index_6 .fl ul li:nth-child(6){background-color: #ee5550;position: absolute; left: 19% ;top: 72%;}
.index_6 .fl ul li:nth-child(6)::after{content: '';width: 80px;height: 85px; display: block; background-image: url(../img/index_6-5.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: -60%;bottom: 49%;}
.index_6 .fl ul li:nth-child(7){background-color: #e79501;position: absolute; left: 2% ;top: 45%;}
.index_6 .fl ul li:nth-child(7)::after{content: '';width: 56px;height: 102px; display: block; background-image: url(../img/index_6-6.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: -12%;top: -55%;}
.index_6 .fl ul li:nth-child(8){background-color: #aea502;position: absolute; left: 7% ;top: 13%;}
.index_6 .fl ul li:nth-child(8)::after{content: '';width: 86px;height: 74px; display: block; background-image: url(../img/index_6-7.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 65%;top: -55%;}

.index_6 .fr{width: 50%;height: 817px;background-color: rgba(51, 42, 216, 0.3);}
.index_6 .fr ul {margin: 122px 0 0 104px;}
.index_6 .fr ul li{width: 705px;height: 269px;margin-bottom: 25px;}
.index_6 .fr ul li i{width: 444px;height: 269px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;border: 2px solid #cdcdcd;}
.index_6 .fr ul li .text{width: 261px;height: 269px;border: 2px solid #fff;}
.index_6 .fr ul li .text .list{width: 245px;height: 223px;border-top-right-radius: 7px;border-bottom-right-radius: 7px;margin: 23px 0;text-align: center;padding: 15px;}
.index_6 .fr ul li .text .list h3{font-size: 30px;color: #f8f8f9;font-weight: bold;padding-top: 47px;line-height: 40px;}
.index_6 .fr ul li .text .list h4{font-size: 24px;color: #f8f8f9;text-transform: uppercase;line-height: 40px;position: relative;}
.index_6 .fr ul li .text .list h4::before{content: '';width: 20px;height: 2px;background-color: #fff;position: absolute;top: 40px;left: 45%;}
.index_6 .fr ul li .text .list a{width: 28px;height: 28px;background-image: url(../img/index_6-a.png);background-position: center;background-repeat: no-repeat;background-size: cover; display: block;float: right;margin-top: 20px;}
.index_6 .fr ul li:nth-child(1) i{background-image: url(../img/index_6-fr.png);border-top-left-radius: 7px;border-bottom-left-radius: 7px;}
.index_6 .fr ul li:nth-child(1) .list{background-color: #24ab9c;}
.index_6 .fr ul li:nth-child(2) i{background-image: url(../img/index_6-fl.png);border-top-right-radius: 7px;border-bottom-right-radius: 7px;}
.index_6 .fr ul li:nth-child(2) .list{background-color: #b038ce;float: right;}

/* 工程案例 */
.index_7{height: 1393px;}
.index_7 .title{text-align: center;padding: 100px 0 85px 0;}
.index_7 .title h3{font-size: 48px;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
.index_7 .title h4{font-size: 36px;line-height: 1.5;color: #444;position: relative;}
.index_7 .title h4::before{content: ''; width: 28px;height: 4px;background-color: #444;  position: absolute;top: 70px;left: 49%;}

.index_7 .content{height: 1064px;}
.index_7 .content ul li{width: 393px;height: 515px;background-color: #ededed;margin:6px;float: left;}
.index_7 .content ul li i{width: 393px;height: 313px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
.index_7 .content ul li i .title-list{width: 114px;line-height:38px; background: linear-gradient(to right, #a904fd, #1b34ce);border-top-left-radius: 25px;border-bottom-left-radius: 25px;float: right;font-size: 16px;text-align: center;color: #fff;}
.index_7 .content ul li .text{height: 202px; padding: 0 20px;}
.index_7 .content ul li .text h3{font-size: 18px;font-weight: bold;line-height: 3.5;}
.index_7 .content ul li .text span{font-size: 16px;margin-bottom: 30px;}
.index_7 .content ul li .text .time{font-size: 16px;padding-left: 22px;position: relative;float: left;color: #696969;}
.index_7 .content ul li .text .time::after{content: '';width: 18px;height: 18px;display: block;background:url(../img/index_7-time.png);position: absolute;top: 2px;left: 0;}
.index_7 .content ul li .text .Keywords{float: right;color: #474747;}

/* 关于我们 */
.index_8{height: 842px;background-image: url(../img/index_8.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
.index_8 .title{text-align: center;padding: 100px 0 70px 0;}
.index_8 .title h3{font-size: 48px;display: inline-block;color: #fff; text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
.index_8 .title h4{font-size: 36px;line-height: 1.5;color: #fff;position: relative;}
.index_8 .title h4::before{content: ''; width: 28px;height: 4px;background-color: #fff;  position: absolute;top: 70px;left: 49%;}

.index_8 .content{text-align: center;color: #fff;}
.index_8 .content h3{font-size: 24px;line-height: 40px;}
.index_8 .content span{font-size: 16px;line-height: 30px;margin-top:40px;display: block;}
.index_8 .list{width: 1620px; height: 440px;margin: 0 auto; background: #fff;border: 30px solid rgba(255,255,255,0.4);padding: 45px 39px 0 39px;margin-top: 85px;background-clip: padding-box; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);}
.index_8 .list div ul{width: 1482px; height: 260px;}
.index_8 .list ul li{width:296px;height: 260px;float: left;}
.index_8 .list ul li i{display: block;width: 285px; height: 200px;background-color: saddlebrown;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
.index_8 .list ul li h4{font-size: 16px;text-align: center;line-height: 3.5;}

.index_8 .list{position: relative;}
.index_8 .list .swiper-pagination{bottom: 20px;left: 47%;}
.index_8 .list .swiper-pagination-bullet {width: 16px;height: 16px; margin: 0 2px; background-color: #1337cc;  border:1px solid  #fff; opacity: 1; border-radius: 50%;}
.index_8 .list .swiper-pagination-bullet-active{background-color: #8c06f9;}

/* 应用领域 */
.index_9{height: 1110px;padding-top: 200px;}
.index_9 .title{text-align: center;padding: 100px 0 85px 0;}
.index_9 .title h3{font-size: 48px;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
.index_9 .title h4{font-size: 36px;line-height: 1.5;color: #444;position: relative;}
.index_9 .title h4::before{content: ''; width: 28px;height: 4px;background-color: #444;  position: absolute;top: 70px;left: 49%;}

.index_9 .content{position: relative; height: 653px;background-image: url(../img/index_9-content.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.index_9 .content::after{content: ''; width: 100%;height: 1px;background-color: #cdcdcd;position: absolute;top: 326px;}
.index_9 .content ul{width: 1614px; height: 653px;margin: 0 auto;border-left: 1px solid #cdcdcd;}
.index_9 .content ul li{width: 403px;height: 326px; float: left;border-right: 1px solid #cdcdcd;position: relative;}
.index_9 .content ul li::before{content: '';width: 5px;height: 35px;background-color: #7d8184;display: block;position: absolute;top: 45%; right: -0.7%;}
.index_9 .content ul li::after{content: '';width: 5px;height: 35px;background-color: #7d8184;display: block;position: absolute;top: 45%; left: -0.7%;}
.index_9 .content ul li .list{width: 100%;height: 0%;margin-top: 69px;color: #fff;padding: 45px;}
.index_9 .content ul li .list i{display: block; margin: 0 auto;background-position: center;background-size: cover;background-repeat: no-repeat;}
.index_9 .content ul li .list h3{font-size: 18px;font-weight: bold;line-height: 40px;text-align: center;}
.index_9 .content ul li .list h4{font-size: 14px;text-transform: uppercase;text-align: center;}
.index_9 .content ul li .list span{font-size: 16px;opacity: 0;line-height: 30px;color: #d9dbdc;font-family:BoldFont;}
.index_9 .content ul li:hover .list{ background: linear-gradient(to right, #a904fd, #1b34ce)}
.index_9 .content ul li:hover .list,.index_9 .content ul li:hover .list span{margin-top: 0px;opacity: 1;height: 100%;transition: all 0.3s linear;}
.index_9 .content ul li:nth-child(1) .list i{width: 48px;height: 40px;background-image: url(../img/index_9.png);}
.index_9 .content ul li:nth-child(2) .list i{width: 37px;height: 42px;background-image: url(../img/index_9-1.png);}
.index_9 .content ul li:nth-child(3) .list i{width: 42px;height: 45px;background-image: url(../img/index_9-2.png);}
.index_9 .content ul li:nth-child(4) .list i{width: 38px;height: 41px;background-image: url(../img/index_9-3.png);}
.index_9 .content ul li:nth-child(5) .list i{width: 39px;height: 39px;background-image: url(../img/index_9-4.png);}
.index_9 .content ul li:nth-child(6) .list i{width: 44px;height: 45px;background-image: url(../img/index_9-5.png);}
.index_9 .content ul li:nth-child(7) .list i{width: 45px;height: 38px;background-image: url(../img/index_9-6.png);}
.index_9 .content ul li:nth-child(8) .list i{width: 42px;height: 47px;background-image: url(../img/index_9-7.png);}

/* 新闻中心 */
.index_10{height: 948px;background-color: #e4d4da;}
.index_10 .title{text-align: center;padding: 100px 0 85px 0;}
.index_10 .title h3{font-size: 48px;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
.index_10 .title h4{font-size: 36px;line-height: 1.5;color: #444;position: relative;}
.index_10 .title h4::before{content: ''; width: 28px;height: 4px;background-color: #444;  position: absolute;top: 70px;left: 49%;}

.index_10 .content{height: 582px;}
.index_10 .content .left{width: 670px;height: 582px;}
.index_10 .content .left ul li{width: 670px;height: 582px;background-color: #fff;padding: 30px;}
.index_10 .content .left ul li i{height: 449px;width: 610px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
.index_10 .content .left ul li h3{font-size: 18px;font-weight: bold;line-height: 80px;}

.index_10 .content .right{width: 925px;height: 582px;}
.index_10 .content .right ul li{width: 450px;height: 278px;background-color: #fff;float: left;margin-right: 25px;margin-bottom: 25px;padding: 30px;}
.index_10 .content .right ul li h3{font-size: 18px;font-weight: bold;line-height: 30px;}
.index_10 .content .right ul li span{font-size: 15px;padding: 20px 0 0 0;display: block;line-height: 25px;color: #484848;display: -webkit-box; }
.index_10 .content .right ul li i{font-size: 18px;display: block;float: left;color: #484848;margin-top: 20px;}
.index_10 .content .right ul li time{width: 28px;height: 28px;display: block;background-image: url(../img/index_10-content-right.png);background-position: center;background-repeat: no-repeat;background-size: cover; float: right;margin-top: 20px;}
.index_10 .content .right ul li:nth-child(2),.index_10 .content .right ul li:nth-child(4){margin-right: 0;margin-bottom: 0;}

@media (max-width:1680px) {
    /* 主营业务 */
    .index_2 .content .nav-t{width: 484px;height: 921px;position: relative; margin-top: -287px;}
    .index_2 .content .nav-t::after{ position: absolute;top: 0;left: 115px;}
    .index_2 .content .nav-t ul{margin: 268px 0 0 145px;}
    
    .index_2 .content .text{width: 1060px;padding: 30px;}
    .index_2 .content .text .text-list{width: 584px;height: auto;}
    .index_2 .content .text .img-list{width: 380px;height: 549px;}
    .index_2 .content .text .img-list p{font-size: 300px;top: -170px;left: 110px;}
    .index_2 .content .text .img-list i{width: 380px;margin: 73px 0;}
    

    /* 家庭中央空调 */
    .index_3 .nav-list ul li{width: 127px;margin: 0 7px;}
    .index_3 .content ul li{width: 336px;margin: 0 8px 20px 8px;}
    .index_3 .content ul li i{width: 336px;}
    .index_3 .content ul li .content-text{width: 336px;padding: 0 28px;}

    /* 商用中央空调 */
    .index_4 .content ul{width: 1058px;left: 133px;}
    .index_4 .content ul li{width: 336px;margin: 7px;}
    .index_4 .content ul li i{width: 336px;}
    .index_4 .content ul li .content-text{width: 336px;padding: 0 28px;}

    /* 舒适家解决方案 */
    .index_5 .content .swiper-container5 ul li .text{padding-right: 120px;}
    .index_5 .content .swiper-container5 ul li .text i{width: 120px;height: 120px; padding: 22px 33px;font-size: 26px;}

    .index_5 .content .swiper-container5 ul li .text a{width: 154px;}
    .index_5 .content .swiper-button-next{ right:230px;}
    .index_5 .content .swiper-button-prev{left: 230px;}


    

    /* 服务流程 */
    .index_6 .fl ul{width: 614px;height: 614px;position: relative;margin: 12% 0 0 18%;}
    
    .index_6 .fr ul {margin: 122px 0 0 104px;}
    .index_6 .fr ul li{width: 616px;}
    .index_6 .fr ul li i{width: 388px;}
    .index_6 .fr ul li .text{width: 228px;}
    .index_6 .fr ul li .text .list{width: 218px;padding: 13px;}
    .index_6 .fr ul li .text .list h4{font-size: 21px;}
    .index_6 .fr ul li .text .list a{width: 24px;height: 24px;}
   

    /* 工程案例 */
    .index_7 .content ul li{width: 343px;margin:5px;}
    .index_7 .content ul li i{width: 343px;}
    .index_7 .content ul li i .title-list{width: 99px;}
    .index_7 .content ul li .text{padding: 0 17px;}
    .index_7 .content ul li .text .time{padding-left: 19px;}

    /* 关于我们 */

    .index_8 .list{width: 1417px;border: 26px solid rgba(255,255,255,0.4);padding: 45px 34px 0 34px;}
    .index_8 .list div ul{width: 1296px;}
    .index_8 .list ul li{width:259px;}
    .index_8 .list ul li i{width: 249px;}
    .index_8 .list .swiper-pagination-bullet {width: 14px;height: 14px; margin: 0 1px; }

    /* 应用领域 */
    .index_9 .content ul{width: 1412px;}
    .index_9 .content ul li{width: 352px;}
    .index_9 .content ul li .list{padding: 39px;}


   /* 新闻中心 */
 
    .index_10 .content .left{width: 586px;}
    .index_10 .content .left ul li{width: 586px;padding: 26px;}
    .index_10 .content .left ul li i{width: 533px;}

    .index_10 .content .right{width: 809px;}
    .index_10 .content .right ul li{width: 393px;margin-right: 21px;padding: 26px;}
        
}
@media (max-width:1560px) {
    /* 主营业务 */
    .index_2 .content .nav-t{width: 445px;height: 921px;position: relative; margin-top: -287px;}
    .index_2 .content .nav-t::after{ position: absolute;top: 0;left: 95px;}
    .index_2 .content .nav-t ul{margin: 268px 0 0 115px;}
    
    .index_2 .content .text{width: 984px;padding: 27px;}
    .index_2 .content .text .text-list{width: 542px;height: auto;}
    .index_2 .content .text .img-list{width: 352px;height: 549px;}
    .index_2 .content .text .img-list p{font-size: 300px;top: -170px;left: 80px;}
    .index_2 .content .text .img-list i{width: 352px;margin: 67px 0;}
    

    /* 家庭中央空调 */
    .index_3 .nav-list ul li{width: 117px;margin: 0 6px;}
    .index_3 .content ul li{width: 312px;margin: 0 7px 20px 7px;}
    .index_3 .content ul li i{width: 312px;}
    .index_3 .content ul li .content-text{width: 312px;padding: 0 26px;}

    /* 商用中央空调 */
    .index_4 .content ul{width: 982px;left: 123px;}
    .index_4 .content ul li{width: 312px;margin: 6px;}
    .index_4 .content ul li i{width: 312px;}
    .index_4 .content ul li .content-text{width: 312px;padding: 0 26px;}

    /* 舒适家解决方案 */
    .index_5 .content .swiper-container5 ul li .text{padding-right: 111px;}
    .index_5 .content .swiper-container5 ul li .text i{width: 111px;height: 111px; padding: 20px 30px;font-size: 24px;}

    .index_5 .content .swiper-container5 ul li .text a{width: 143px;}
    .index_5 .content .swiper-button-next{ right:200px;}
    .index_5 .content .swiper-button-prev{left: 200px;}
   
    

    /* 服务流程 */
    .index_6 .fl ul{width: 614px;height: 614px;position: relative;margin: 12% 0 0 15%;}
    
    .index_6 .fr ul {margin: 122px 0 0 100px;}
    .index_6 .fr ul li{width: 616px;}
    .index_6 .fr ul li i{width: 388px;}
    .index_6 .fr ul li .text{width: 228px;}
    .index_6 .fr ul li .text .list{width: 218px;padding: 13px;}
    .index_6 .fr ul li .text .list h4{font-size: 21px;}
    .index_6 .fr ul li .text .list a{width: 24px;height: 24px;}
   

    /* 工程案例 */
    .index_7 .content ul li{width: 318px;margin:4px;}
    .index_7 .content ul li i{width: 318px;}
    .index_7 .content ul li i .title-list{width: 91px;}
    .index_7 .content ul li .text{padding: 0 15px;}
 

    /* 关于我们 */

    .index_8 .list{width: 1315px;border: 24px solid rgba(255,255,255,0.4);padding: 45px 31px 0 31px;}
    .index_8 .list div ul{width: 1203px;}
    .index_8 .list ul li{width:240px;}
    .index_8 .list ul li i{width: 231px;}

    /* 应用领域 */
    .index_9 .content ul{width: 1311px;}
    .index_9 .content ul li{width: 326px;}
    .index_9 .content ul li .list{padding: 36px;}


   /* 新闻中心 */
 
    .index_10 .content .left{width: 544px;}
    .index_10 .content .left ul li{width: 544px;padding: 24px;}
    .index_10 .content .left ul li i{width: 494px;}

    .index_10 .content .right{width: 751px;}
    .index_10 .content .right ul li{width: 364px;margin-right: 19px;padding: 24px;}
        
}
@media (max-width:1440px) {
    /* 主营业务 */
    .index_2 .content .nav-t{width: 445px;height: 921px;position: relative; margin-top: -287px;}
    .index_2 .content .nav-t::after{ position: absolute;top: 0;left: 95px;}
    .index_2 .content .nav-t ul{margin: 268px 0 0 115px;}
    
    .index_2 .content .text{width: 908px;padding: 24px;}
    .index_2 .content .text .text-list{width: 500px;height: auto;}
    .index_2 .content .text .img-list{width: 324px;height: 549px;}
    .index_2 .content .text .img-list p{font-size: 300px;top: -170px;left: 50px;}
    .index_2 .content .text .img-list i{width: 324px;height: 324px; margin: 61px 0;}
    
    
    /* 家庭中央空调 */
    .index_3 .nav-list ul li{width: 108px;margin: 0 6px;}
    .index_3 .content ul li{width: 288px;margin: 0 6px 20px 6px;}
    .index_3 .content ul li i{width: 288px;}
    .index_3 .content ul li .content-text{width: 288px;padding: 0 24px;}

    /* 商用中央空调 */
    .index_4 .content ul{width: 906px;left: 114px;}
    .index_4 .content ul li{width: 288px;margin: 6px;}
    .index_4 .content ul li i{width: 288px;}
    .index_4 .content ul li .content-text{width: 288px;padding: 0 24px;}

    /* 舒适家解决方案 */
    .index_5 .content .swiper-container5 ul li .text{padding-right: 102px;}
    .index_5 .content .swiper-container5 ul li .text i{width: 102px;height: 102px; padding: 22px 28px;font-size: 22px;}

    .index_5 .content .swiper-container5 ul li .text a{width: 132px;}
    .index_5 .content .swiper-button-next{ right:170px;}
    .index_5 .content .swiper-button-prev{left: 170px;}
    

    /* 服务流程 */
    .index_6 .fl ul{width: 614px;height: 614px;position: relative;margin: 12% 0 0 8%;}
    
    .index_6 .fr ul {margin: 122px 0 0 70px;}
    .index_6 .fr ul li{width: 616px;}
    .index_6 .fr ul li i{width: 388px;}
    .index_6 .fr ul li .text{width: 228px;}
    .index_6 .fr ul li .text .list{width: 218px;padding: 13px;}
    .index_6 .fr ul li .text .list h4{font-size: 21px;}
    .index_6 .fr ul li .text .list a{width: 24px;height: 24px;}
   

    /* 工程案例 */
    .index_7 .content ul li{width: 294px;margin:4px;}
    .index_7 .content ul li i{width: 294px;}
    .index_7 .content ul li i .title-list{width: 84px;}
    .index_7 .content ul li .text{padding: 0 14px;}


    /* 关于我们 */

    .index_8 .list{width: 1214px;border: 22px solid rgba(255,255,255,0.4);padding: 45px 29px 0 29px;}
    .index_8 .list div ul{width: 1110px;}
    .index_8 .list ul li{width:222px;}
    .index_8 .list ul li i{width: 213px;}

    /* 应用领域 */
    .index_9 .content ul{width: 1210px;}
    .index_9 .content ul li{width: 301px;}
    .index_9 .content ul li .list{padding: 33px;}


   /* 新闻中心 */
 
    .index_10 .content .left{width: 502px;}
    .index_10 .content .left ul li{width: 502px;padding: 22px;}
    .index_10 .content .left ul li i{width: 456px;}

    .index_10 .content .right{width: 693px;}
    .index_10 .content .right ul li{width: 336px;margin-right: 18px;padding: 22px;}
        
}
@media (max-width:1366px) {
    /* 主营业务 */
    .index_2 .content .nav-t{width: 445px;height: 921px;position: relative; margin-top: -287px;}
    .index_2 .content .nav-t::after{ position: absolute;top: 0;left: 95px;}
    .index_2 .content .nav-t ul{margin: 268px 0 0 115px;}
    
    .index_2 .content .text{width: 861px;padding: 22px;}
    .index_2 .content .text .text-list{width: 474px;height: auto;}
    .index_2 .content .text .img-list{width: 307px;height: 549px;}
    .index_2 .content .text .img-list p{font-size: 300px;top: -170px;left: 30px;}
    .index_2 .content .text .img-list i{width: 307px;height: 307px; margin: 61px 0;}
    


    /* 家庭中央空调 */
    .index_3 .nav-list ul li{width: 123px;margin: 0 5px;}
    .index_3 .content ul li{width: 273px;margin: 0 6px 20px 6px;}
    .index_3 .content ul li i{width: 273px;}
    .index_3 .content ul li .content-text{width: 273px;padding: 0 22px;}

    /* 商用中央空调 */
    .index_4 .content ul{width: 860px;left: 108px;}
    .index_4 .content ul li{width: 273px;margin: 5px;}
    .index_4 .content ul li i{width: 273px;}
    .index_4 .content ul li .content-text{width: 273px;padding: 0 22px;}

    /* 舒适家解决方案 */
    .index_5 .content .swiper-container5 ul li .text{padding-right: 97px;}
    .index_5 .content .swiper-container5 ul li .text h5{font-size: 29px;}
    .index_5 .content .swiper-container5 ul li .text i{width: 97px;height: 120px; padding: 22px 26px;font-size: 21px;}

    .index_5 .content .swiper-container5 ul li .text a{width: 125px;}
    .index_5 .content .swiper-button-next{ right:150px;}
    .index_5 .content .swiper-button-prev{left: 150px;}
    

    /* 服务流程 */
    .index_6 .fl ul{width: 614px;height: 614px;position: relative;margin: 12% 0 0 4%;}
    
    .index_6 .fr ul {margin: 122px 0 0 40px;}
    .index_6 .fr ul li{width: 616px;}
    .index_6 .fr ul li i{width: 388px;}
    .index_6 .fr ul li .text{width: 228px;}
    .index_6 .fr ul li .text .list{width: 218px;padding: 13px;}
    .index_6 .fr ul li .text .list h4{font-size: 21px;}
    .index_6 .fr ul li .text .list a{width: 24px;height: 24px;}
   

    /* 工程案例 */
    .index_7 .content ul li{width: 278px;margin:4px;}
    .index_7 .content ul li i{width: 278px;}
    .index_7 .content ul li i .title-list{width: 80px;}
    .index_7 .content ul li .text{padding: 0 6px;}


    /* 关于我们 */

    .index_8 .list{width: 1152px;border: 21px solid rgba(255,255,255,0.4);padding: 45px 27px 0 27px;}
    .index_8 .list div ul{width: 1053px;}
    .index_8 .list ul li{width:210px;}
    .index_8 .list ul li i{width: 202px;}

    /* 应用领域 */
    .index_9 .content ul{width: 1148px;}
    .index_9 .content ul li{width: 286px;}
    .index_9 .content ul li .list{padding: 31px;}


   /* 新闻中心 */
 
    .index_10 .content .left{width: 476px;}
    .index_10 .content .left ul li{width: 476px;padding: 21px;}
    .index_10 .content .left ul li i{width: 433px;}

    .index_10 .content .right{width: 657px;}
    .index_10 .content .right ul li{width: 319px;margin-right: 17px;padding: 21px;}
        
}

@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) {
    /* banner */
    .banner ul li{ width: 7.5rem; height: 5rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .banner .swiper-pagination{bottom: 20px;}
    .banner .swiper-pagination-bullet {width: 16px;height: 16px;background-color: #fff;  border:1px solid  #fff; opacity: 1; border-radius: 50%;}
    .banner .swiper-pagination-bullet-active{background: url(../img/swiper-pagination-bullet-active.png) no-repeat;background-position: center;background-size: cover;}
    .header-line{display: block ;}
    /* 主营业务 */
    .index_2{height: 16.5rem;background-color: #dfe2f6;}
    .index_2 .title{text-align: center;padding: 1rem 0 0.85rem 0;}
    .index_2 .title h3{font-size: 0.52rem;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
    .index_2 .title h4{font-size: 0.4rem;line-height: 1.5;position: relative;color: #444;}
    .index_2 .title h4::before{content: ''; width: 0.28rem;height: 0.04rem;background-color: #444;  position: absolute;top: 0.7rem;left: 49%;}

    .index_2 .content{position: relative;height: auto;}
    .index_2 .content .nav-t{width: 7.5rem;height: 1rem;position: relative; margin-top: 0rem;background-image: url(../img/index_2.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;float: none;}
    .index_2 .content .nav-t::after{display: none;}
    .index_2 .content .nav-t ul{margin: 0.1rem 0.1rem 0 0.1rem;    overflow: hidden;white-space: nowrap;overflow-x: auto;}
    .index_2 .content .nav-t ul li{width: 3.65rem;height: 1rem;border-radius:0.05rem;padding: 0.08rem;margin-bottom: 0rem;background-color: rgba(0, 0, 0, 0.3);display: inline-block;}
    .index_2 .content .nav-t ul li span{line-height: 1rem;font-size: 0.4rem;font-family:webfont;}
    .index_2 .content .nav-t ul li .list{width: 2.9rem;;height: 0.8rem;float: right;border-radius: 0.05rem;font-size: 0.28rem;line-height: 0.8rem;color: #fff;text-align: center;}
    .index_2 .content .nav-t ul li .list i{ width: 0.5rem;height: 0.4rem;display: inline-block;background-position: center bottom;background-repeat: no-repeat;background-size: contain;}
    .index_2 .content .nav-t ul li:nth-child(1){border: 0.02rem dotted #4893f8 ;}
    .index_2 .content .nav-t ul li:nth-child(1) span{color: #4893f8 ;}
    .index_2 .content .nav-t ul li:nth-child(1) .list{background-color:#4893f8  ;}
    .index_2 .content .nav-t ul li:nth-child(1) .list i{background-image: url(../img/index_2-list.png);}
    .index_2 .content .nav-t ul li:nth-child(2){border: 0.02rem dotted #7cbb77 ;}
    .index_2 .content .nav-t ul li:nth-child(2) span{color: #7cbb77 ;}
    .index_2 .content .nav-t ul li:nth-child(2) .list{background-color:#7cbb77 ;}
    .index_2 .content .nav-t ul li:nth-child(2) .list i{background-image: url(../img/index_2-list2.png);}
    .index_2 .content .nav-t ul li:nth-child(3){border: 0.02rem dotted #d99741;}
    .index_2 .content .nav-t ul li:nth-child(3) span{color: #d99741;}
    .index_2 .content .nav-t ul li:nth-child(3) .list{background-color:#d99741 ;}
    .index_2 .content .nav-t ul li:nth-child(3) .list i{background-image: url(../img/index_2-list3.png);}
    .index_2 .content .nav-t ul li:nth-child(4){border: 0.02rem dotted #6fb4d4;}
    .index_2 .content .nav-t ul li:nth-child(4) span{color: #6fb4d4;}
    .index_2 .content .nav-t ul li:nth-child(4) .list{background-color:#6fb4d4 ;}
    .index_2 .content .nav-t ul li:nth-child(4) .list i{background-image: url(../img/index_2-list4.png);}
    .index_2 .content .nav-t ul li:nth-child(5){border: 0.02rem dotted #5a56ff;}
    .index_2 .content .nav-t ul li:nth-child(5) span{color: #5a56ff;}
    .index_2 .content .nav-t ul li:nth-child(5) .list{background-color:#5a56ff ;}
    .index_2 .content .nav-t ul li:nth-child(5) .list i{background-image: url(../img/index_2-list5.png);}
    .index_2 .content .nav-t ul li:hover,.index_2 .content .nav ul li.on{background-color: #fff;}

    .index_2 .content .text{height: auto;width: 7.5rem; background-color: #f2f0f4;padding: 0.1rem 0.1rem;}
    .index_2 .content .text .text-list{width: 7rem;height: auto;float: none;}
    .index_2 .content .text .text-list strong{width: 1.5rem; line-height:0.4rem;display: block; font-size: 0.2rem;text-align: center;color: #fff; background: linear-gradient(to right, #a904fd, #1b34ce);margin-top: 0.1rem;}
    .index_2 .content .text .text-list span{font-size: 0.2rem;line-height: 0.3rem;}
    .index_2 .content .text .img-list{width: 7rem;height: 5rem;position: relative;float: none;}
    .index_2 .content .text .img-list p{display: none;}
    .index_2 .content .text .img-list i{width: 7.2rem;height: 4rem;display: block; margin: 0.84rem auto;background-size: cover;background-repeat: no-repeat;background-position: center;}

    /* 家庭中央空调 */
    .index_3{height: 26rem;}
    .index_3 .title{text-align: center;padding: 1rem 0 0.85rem 0;}
    .index_3 .title h3{font-size: 0.52rem;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
    .index_3 .title h4{font-size: 0.4rem;line-height: 1.5;color: #444;position: relative;}
    .index_3 .title h4::before{content: ''; width: 0.28rem;height: 0.04rem;background-color: #444;  position: absolute;top: 0.7rem;left: 49%;}

    .index_3 .nav-list{display: flex;}
    .index_3 .nav-list ul{overflow: hidden;white-space: nowrap;overflow-x: auto;}
    .index_3 .nav-list ul li{width: 3.4rem; float: none; display: inline-block; font-size: 0.2rem;line-height: 0.7rem;text-align: center;color:#444 ;border: 1px solid #85b5db; border-radius: 5px;margin: 0 0.1rem;}
    .index_3 .nav-list ul li.on,.index_3 .nav-list ul li:hover{background-image:linear-gradient(to right, #a904fd, #1b34ce) ;color: #fff;transition: all 0.3s;}

    .index_3 .content{height: auto;margin-top: 0.45rem;}
    .index_3 .content ul li{width: 3.4rem;height: 4.92rem;background-color: #e5e7eb;margin: 0 0.1rem 0.2rem 0.1rem;float: left;}
    .index_3 .content ul li i{width: 3.4rem;height: 3.57rem;display: block;background-repeat: no-repeat;background-position: center;background-size: cover;}


    .index_3 .content ul li .content-text{width: 3.4rem;height: 1.35rem; text-align: center;padding: 0 0.32rem;}
    .index_3 .content ul li .content-text h3{font-size: 0.22rem;font-weight: bold;line-height: 3;}
    .index_3 .content ul li .content-text span{font-size: 0.2rem;}

    /* 商用中央空调 */
    .index_4{height: 18.2rem;}
    .index_4 .content{width: 7.5rem;height: 14.5rem;background-image: url(../img/index_4.jpg);background-position: left;background-repeat: no-repeat;background-size: cover;position: relative;margin-top: 4rem;}
    .index_4 .content ul{width: 7.2rem;height: 14.5rem;position: static;margin: 0 auto;}
    .index_4 .content ul li{width: 3.4rem;height: 4.53rem;float: left;background-color: #cecece;margin: 0.1rem;}
    .index_4 .content ul li i{width:  3.4rem;height: 3rem;display: block;background-repeat: no-repeat;background-position: center;background-size: cover;}
    .index_4 .content ul li .content-text{width: 3.4rem;height: 1.53rem; text-align: center;padding: 0 0.32rem;}
    .index_4 .content ul li .content-text h3{font-size: 0.22rem;font-weight: bold;line-height: 3;}
    .index_4 .content ul li .content-text span{font-size: 0.2rem;}

    .index_4 .nav-list{width: 7.5rem;height: 4rem;margin-top: 0rem; background-image: url(../img/index_4-1.jpg);background-position: top;background-repeat: no-repeat;background-size: cover;position:absolute;}
    .index_4 .nav-list .title{text-align: center;padding: 1rem 0 0.85rem 0;}
    .index_4 .nav-list .title h3{font-size: 0.52rem;display: inline-block;color: #fff;font-family: DemiBold;font-weight: bold;text-transform: uppercase;}
    .index_4 .nav-list .title h4{font-size: 0.4rem;line-height: 1.5;color: #fff;position: relative;}
    .index_4 .nav-list .title h4::before{content: ''; width: 28px;height: 4px;background-color: #fff;  position: absolute;top: 0.7rem;left: 49%;}
    .index_4 .nav-list .nav-t {width: 7.5rem;height: 1rem;position: static;margin: 0 auto;}
    .index_4 .nav-list .nav-t .swiper-container{width: 7.2rem;height: 1rem;}
    .index_4 .nav-list .nav-t .swiper-container .swiper-wrapper li {width: 3.6rem!important;height: 0.9rem;}
    .index_4 .nav-list .nav-t .swiper-container .swiper-wrapper li.on div{background-color: #fff;color: #444;}
    .index_4 .nav-list .nav-t .swiper-container .swiper-wrapper li div{width: 3.4rem;line-height: 0.9rem;border: 0.01rem solid rgba(255,255,255,0.7);border-radius: 0.25rem;text-align: center;font-size: 0.22rem;color: #fff;margin:0.075rem 0;}
    .index_4 .nav-list .nav-t .swiper-button-prev{display: none;}

    /* 舒适家解决方案 */
    .index_5{height: 9.73rem; background-color: #dce7ff;}
    .index_5 .title{text-align: center;padding: 1rem 0 0.85rem 0;}
    .index_5 .title h3{font-size: 0.52rem;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
    .index_5 .title h4{font-size: 0.4rem;line-height: 1.5;color: #444;position: relative;}
    .index_5 .title h4::before{content: ''; width: 0.28rem;height: 0.04rem;background-color: #444;  position: absolute;top: 0.07rem;left: 49%;}

    .index_5 .content{height: 7rem;margin: 0 auto;position: relative;}
    .index_5 .content .swiper-container5{ height: 4.84rem;overflow: hidden; width: 100%;}
    .index_5 .content .swiper-container5 ul li{width: 51% !important; height: 4.84rem;text-align: center;}
    .index_5 .content .swiper-container5 ul li .text{width: 48%;height: 4.84rem;display: none;position: relative;padding-right:0.1rem;padding-top: 0.5rem;}
    .index_5 .content .swiper-container5 ul li .text i{width: 1.38rem;height: 1.38rem;display: block;position: absolute;top: 0;right: 0;background: linear-gradient(to bottom, #a904fd, #1b34ce);padding: 0.26rem 0.38rem;font-size: 0.3rem;color: #e8f2ff;}
    .index_5 .content .swiper-container5 ul li .text h4{font-size: 1rem;font-weight: bold;color: #d7e3ff;}
    .index_5 .content .swiper-container5 ul li .text h5{font-size: 0.36rem;color: #333;line-height: 0.5rem;}
    .index_5 .content .swiper-container5 ul li .text p{font-size: 0.16rem;color: #333;line-height: 0.3rem;}
    .index_5 .content .swiper-container5 ul li .text a{width: 1rem;height: 0.48rem;display: block;background-image: url(../img/index_5-a.png) ;background-position: center;background-repeat: no-repeat;background-size: contain; border: 1px solid #5828e4; border-radius: 0.25rem ; margin: 0.7rem auto 0 auto;}
    .index_5 .content .swiper-container5 ul li .imges{width: 52%;height: 4.48rem;background-color: #dbdfe5;text-align: center;}
    .index_5 .content .swiper-container5 ul li .imges i{width: 100%;height: 3.47rem;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;}
    .index_5 .content .swiper-container5 ul li .imges .list{width: 100%;height: 1.37rem;padding: 0 10%;}
    .index_5 .content .swiper-container5 ul li .imges h3{font-size: 0.18rem;font-weight: bold;color: #4a4a4a;line-height: 0.35rem;}
    .index_5 .content .swiper-container5 ul li .imges span{font-size: 0.16rem;line-height: 0.25rem;}

    .index_5 .content .swiper-container5 ul li.swiper-slide-prev .imges{background-color:rgba(46, 43, 43, 0.5);}
    .index_5 .content .swiper-container5 ul li.swiper-slide-active .text{display: block;}
    .index_5 .content .swiper-container5 ul li.swiper-slide-next .imges{float: left;background-color:rgba(46, 43, 43, 0.5);}
    .index_5 .content .swiper-pagination{left: 45%;margin-top: 0.6rem;}
    .index_5 .content .swiper-pagination-bullet {width: 0.16rem;height: 0.16rem; margin: 0 0.08rem; background-color: #1337cc;  border:1px solid  #fff; opacity: 1; border-radius: 50%;}
    .index_5 .content .swiper-pagination-bullet-active{background-color: #8c06f9;}
    .index_5 .content .swiper-button-next{background-image: url(../img/index_5-swiper-button-next.png);width: 1.46rem;height: 1.46rem;background-size: cover;background-repeat: no-repeat;background-position: center;top: 1.8rem; right: 0.6rem;;}
    .index_5 .content .swiper-button-prev{background-image: url(../img/index_5-swiper-button-prev.png);width: 1.46rem;height: 1.46rem;background-size: cover;background-repeat: no-repeat;background-position: center;top: 1.8rem;left: 0.6rem;}
    .index_5 .content .swiper-button-next:hover{background-image: url(../img/index_5-swiper-button-next2.png);}
    .index_5 .content .swiper-button-prev:hover{background-image: url(../img/index_5-swiper-button-prev2.png);}

    /* 服务流程 */
    .index_6{height: 16.17rem;background-image: url(../img/index_6.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;}
    .index_6 .fl{width: 7.5rem;height: 8.17rem;float: none;overflow: hidden;}
    .index_6 .fl ul{width: 7.2rem;height: 6.2rem;position: relative;margin: 1rem 0.25rem 0 0.25rem;}
    .index_6 .fl ul li{width: 1.64rem;height: 1.64rem;border: 0.06rem solid #fff; border-radius: 50%; box-shadow: 0px 0.1rem 0.2rem rgba(0, 0, 0, 0.3);color: #fff;text-align: center}
    .index_6 .fl ul li h3{font-size:0.28rem;line-height: 2.5;}
    .index_6 .fl ul li h4{font-size: 0.21rem;line-height: 0.25rem;}
    .index_6 .fl ul li p{font-size: 0.21rem;line-height: 2;}
    .index_6 .fl ul div{width: 3.9rem;height: 3.9rem;border: 1rem solid #fff;;border-radius: 50%;text-align: center;color: #fff;position: absolute;left: 1.5rem;top: 1.25rem;}
    .index_6 .fl ul div h3{ font-size: 0.3rem;line-height: 2; padding-top: 0.45rem;font-weight: bold;}
    .index_6 .fl ul div h4{font-size: 0.28rem;text-transform: uppercase;position: relative;}
    .index_6 .fl ul div h4::before{content: '';width: 0.2rem;height: 0.04rem;background-color: #fff; position: absolute;bottom: -80%;left: 45%;}
    .index_6 .fl ul li:nth-child(2){background-color: #24ab9c;position: absolute; left: 37% ;}
    .index_6 .fl ul li:nth-child(2)::after{content: '';width: 1rem;height: 0.64rem; display: block; background-image: url(../img/index_6-1.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: -65%;top: 8%;}
    .index_6 .fl ul li:nth-child(3){background-color: #5b97e0;position: absolute; left: 67% ;top: 13%;}
    .index_6 .fl ul li:nth-child(3)::after{content: '';width: 0.61rem;height: 0.9rem; display: block; background-image: url(../img/index_6-2.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: -35%;top: 90%;}
    .index_6 .fl ul li:nth-child(4){background-color: #b38ad0;position: absolute; left: 70% ;top: 45%;}
    .index_6 .fl ul li:nth-child(4)::after{content: '';width: 0.7rem;height: 0.96rem; display: block; background-image: url(../img/index_6-3.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;right: 20%;bottom: -70%;}
    .index_6 .fl ul li:nth-child(5){background-color: #e163ac;position: absolute; left: 52% ;top: 72%;}
    .index_6 .fl ul li:nth-child(5)::after{content: '';width: 0.98rem;height: 0.36rem; display: block; background-image: url(../img/index_6-4.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: -50%;bottom: -19%;}
    .index_6 .fl ul li:nth-child(6){background-color: #ee5550;position: absolute; left: 19% ;top: 72%;}
    .index_6 .fl ul li:nth-child(6)::after{content: '';width: 0.8rem;;height: 0.85rem; display: block; background-image: url(../img/index_6-5.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: -60%;bottom: 49%;}
    .index_6 .fl ul li:nth-child(7){background-color: #e79501;position: absolute; left: 2% ;top: 45%;}
    .index_6 .fl ul li:nth-child(7)::after{content: '';width: 0.56rem;height: 1.02rem; display: block; background-image: url(../img/index_6-6.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: -12%;top: -55%;}
    .index_6 .fl ul li:nth-child(8){background-color: #aea502;position: absolute; left: 7% ;top: 13%;}
    .index_6 .fl ul li:nth-child(8)::after{content: '';width: 0.86rem;height: 0.74rem; display: block; background-image: url(../img/index_6-7.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;left: 65%;top: -55%;}

    .index_6 .fr{width: 7.2rem;height: 8rem;background-color: rgba(51, 42, 216, 0.3);float: none;}
    .index_6 .fr ul {margin: 0 0.15rem;}
    .index_6 .fr ul li{width: 7.2rem;height: 2.69rem;margin-bottom: 0.25rem;}
    .index_6 .fr ul li i{width: 4.3rem;height: 2.69rem;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;border: 0.02rem solid #cdcdcd;float: left;}
    .index_6 .fr ul li .text{width: 2.7rem;height: 2.69rem;border: 0.02rem solid #fff;float: left;}
    .index_6 .fr ul li .text .list{width: 2.45rem;height: 2.23rem;border-top-right-radius: 0.07rem;border-bottom-right-radius: 0.07rem;margin: 0.23rem 0;text-align: center;padding: 0.15rem;}
    .index_6 .fr ul li .text .list h3{font-size: 0.3rem;color: #f8f8f9;font-weight: bold;padding-top: 0.47rem;line-height: 0.4rem;}
    .index_6 .fr ul li .text .list h4{font-size: 0.24rem;color: #f8f8f9;text-transform: uppercase;line-height: 0.4rem;position: relative;}
    .index_6 .fr ul li .text .list h4::before{content: '';width: 0.2rem;height: 0.02rem;background-color: #fff;position: absolute;top: 0.45rem;left: 0.45rem;}
    .index_6 .fr ul li .text .list a{width: 0.28rem;height: 0.28rem;background-image: url(../img/index_6-a.png);background-position: center;background-repeat: no-repeat;background-size: cover; display: block;float: right;margin-top: 0.2rem;}
    .index_6 .fr ul li:nth-child(1) i{background-image: url(../img/index_6-fr.png);border-top-left-radius: 0.07rem;border-bottom-left-radius: 0.07rem;}
    .index_6 .fr ul li:nth-child(1) .list{background-color: #24ab9c;}
    .index_6 .fr ul li:nth-child(2) i{background-image: url(../img/index_6-fl.png);border-top-right-radius: 0.07rem;border-bottom-right-radius: 0.07rem;}
    .index_6 .fr ul li:nth-child(2) .list{background-color: #b038ce;float: right;}

    /* 工程案例 */
    .index_7{height: 25.93rem;}
    .index_7 .title{text-align: center;padding: 1rem 0 0.85rem 0;}
    .index_7 .title h3{font-size: 0.52rem;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
    .index_7 .title h4{font-size: 0.4rem;line-height: 1.5;color: #444;position: relative;}
    .index_7 .title h4::before{content: ''; width: 0.28rem;height: 0.04rem;background-color: #444;  position: absolute;top: 0.7rem;left: 49%;}

    .index_7 .content{height: 22.64rem;}
     .index_7 .content ul li{width: 3.5rem;height: 5.5rem;background-color: #ededed;margin:0.05rem;float: left;}
     .index_7 .content ul li i{width: 3.5rem;height: 3rem;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
     .index_7 .content ul li i .title-list{width: 1.5rem;line-height: 0.5rem; background: linear-gradient(to right, #a904fd, #1b34ce);border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;float: right;font-size: 0.2rem;text-align: center;color: #fff;}
     .index_7 .content ul li .text{height: 2.5rem; padding: 0 0.2rem;}
     .index_7 .content ul li .text h3{font-size: 0.24rem;font-weight: bold;line-height: 3;}
     .index_7 .content ul li .text span{font-size: 0.2rem;margin-bottom: 0.3rem;}
     .index_7 .content ul li .text .time{font-size: 0.2rem;padding-left: 0.22rem;position: relative;float: none;color: #696969;display: block;}
     .index_7 .content ul li .text .time::after{content: '';width: 0.2rem;height: 0.2rem;display: block;background:url(../img/index_7-time.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 2px;left: 0;}
     .index_7 .content ul li .text .Keywords{float: none;color: #474747;font-size: 0.2rem;display: block;}  

    /* 关于我们 */
    .index_8{height: 15.42rem;background-image: url(../img/index_8.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
    .index_8 .title{text-align: center;padding: 1rem 0 0.7rem 0;}
    .index_8 .title h3{font-size: 0.52rem;display: inline-block;color: #fff; text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
    .index_8 .title h4{font-size: 0.4rem;line-height: 1.5;color: #fff;position: relative;}
    .index_8 .title h4::before{content: ''; width: 0.28rem;height: 0.04rem;background-color: #fff;  position: absolute;top: 0.7rem;left: 49%;}

    .index_8 .content{text-align: center;color: #fff;}
    .index_8 .content h3{font-size:0.28rem;line-height: 0.4rem;}
    .index_8 .content span{font-size: 0.28rem;line-height: 0.4rem;margin: top 0.4rem;;display: block;}
    .index_8 .list{width: 7.2rem; height: 4.4rem;margin: 0 auto; background: #fff;border: 0.3rem solid rgba(255,255,255,0.4);padding: 0.1rem;margin-top: 0.85rem;background-clip: padding-box; box-shadow: 0px 0.1rem 0.2rem rgba(0, 0, 0, 0.3);}
    .index_8 .list div ul{width: 7rem; height: 2.6rem;}
    .index_8 .list ul li{width:3.5px;height: 2.6rem;float: left;}
    .index_8 .list ul li i{display: block;width: 3rem; height: 2rem;background-color: saddlebrown;margin: 0 auto;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .index_8 .list ul li h4{font-size: 0.2rem;text-align: center;line-height: 3.5;}

    .index_8 .list{position: relative;}
    .index_8 .list .swiper-pagination{bottom: 0.2rem;left: 47%;}
    .index_8 .list .swiper-pagination-bullet {width: 0.16rem;height: 0.16rem; margin: 0 0.02rem; background-color: #1337cc;  border: 0.01rem solid  #fff; opacity: 1; border-radius: 50%;}
    .index_8 .list .swiper-pagination-bullet-active{background-color: #8c06f9;}

    /* 应用领域 */
    .index_9{height: 23.5rem;padding-top: 0rem;}
    .index_9 .title{text-align: center;padding: 1rem 0 0.85rem 0;}
    .index_9 .title h3{font-size: 0.52rem;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
    .index_9 .title h4{font-size: 0.4rem;line-height: 1.5;color: #444;position: relative;}
    .index_9 .title h4::before{content: ''; width: 0.28rem;height: 0.04rem;background-color: #444;  position: absolute;top: 0.7rem;left: 49%;}

    .index_9 .content{width: 7.5rem; position: relative; height: 20.6rem;background-image: url(../img/index_9-content.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
    .index_9 .content::after{display: none;}
    .index_9 .content ul{width: 7.2rem; height: 20rem;margin: 0 auto;border-left: 0.01rem solid #cdcdcd;}
    .index_9 .content ul li{width: 3.59rem;height: 5rem; float: left;border: 1px solid #cdcdcd;position: relative;}
    .index_9 .content ul li::before{content: '';width: 0.05rem;height: 0.35rem;background-color: #7d8184;display: block;position: absolute;top: 45%; right: -0.7%;}
    .index_9 .content ul li::after{content: '';width: 0.05rem;height: 0.35rem;background-color: #7d8184;display: block;position: absolute;top: 45%; left: -0.7%;}
    .index_9 .content ul li .list{width: 100%;height: 0%;margin-top: 69px;color: #fff;padding: 0.045rem;}
    .index_9 .content ul li .list i{display: block; margin: 0 auto;background-position: center;background-size: cover;background-repeat: no-repeat;}
    .index_9 .content ul li .list h3{font-size: 18px;font-weight: bold;line-height: 40px;text-align: center;}
    .index_9 .content ul li .list h4{font-size: 14px;text-transform: uppercase;text-align: center;}
    .index_9 .content ul li .list span{font-size: 16px;opacity: 0;line-height: 30px;color: #d9dbdc;font-family:BoldFont;}
    .index_9 .content ul li:hover .list{ background: linear-gradient(to right, #a904fd, #1b34ce)}
    .index_9 .content ul li:hover .list,.index_9 .content ul li:hover .list span{margin-top: 0px;opacity: 1;height: 100%;transition: all 0.3s linear;}
    .index_9 .content ul li:nth-child(1) .list i{width: 0.48rem;height: 0.4rem;background-image: url(../img/index_9.png);}
    .index_9 .content ul li:nth-child(2) .list i{width: 0.37rem;height: 0.42rem;background-image: url(../img/index_9-1.png);}
    .index_9 .content ul li:nth-child(3) .list i{width: 0.42rem;height: 0.45rem;background-image: url(../img/index_9-2.png);}
    .index_9 .content ul li:nth-child(4) .list i{width: 0.38rem;height: 0.41rem;background-image: url(../img/index_9-3.png);}
    .index_9 .content ul li:nth-child(5) .list i{width: 0.39rem;height: 0.39rem;background-image: url(../img/index_9-4.png);}
    .index_9 .content ul li:nth-child(6) .list i{width: 0.44rem;height: 0.45rem;background-image: url(../img/index_9-5.png);}
    .index_9 .content ul li:nth-child(7) .list i{width: 0.45rem;height: 0.38rem;;background-image: url(../img/index_9-6.png);}
    .index_9 .content ul li:nth-child(8) .list i{width: 0.42rem;height: 0.47rem;background-image: url(../img/index_9-7.png);}

    /* 新闻中心 */
    .index_10{height: 15rem;background-color: #e4d4da;}
    .index_10 .title{text-align: center;padding: 1rem 0 0.85rem 0;}
    .index_10 .title h3{font-size: 0.52rem;display: inline-block; background: linear-gradient(to right, #a904fd, #1b34ce);list-style:none; -webkit-background-clip: text; color: transparent;text-transform: uppercase;font-family: DemiBold;font-weight: bold;}
    .index_10 .title h4{font-size: 0.4rem;line-height: 1.5;color: #444;position: relative;}
    .index_10 .title h4::before{content: ''; width: 0.28rem;height: 0.04rem;;background-color: #444;  position: absolute;top: 0.7rem;left: 49%;}

    .index_10 .content{height: 5.82rem;width: 7.2rem;}
    .index_10 .content .left{height: 5.82rem;width: 7.2rem;float: none;}
    .index_10 .content .left ul li{height: 5.82rem;width: 7.2rem;background-color: #fff;padding: 0.3rem;}
    .index_10 .content .left ul li i{height: 4.49rem;width: 6.6rem;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .index_10 .content .left ul li h3{font-size: 0.22rem;font-weight: bold;line-height: 0.8rem;}

    .index_10 .content .right{width: 7.2rem;height: 6rem;float: none;}
    .index_10 .content .right ul li{width: 3.4rem;height: 2.78rem;background-color: #fff;float: left;margin: 0.1rem; padding: 0.3rem;}
    .index_10 .content .right ul li h3{font-size: 0.22rem;font-weight: bold;line-height: 0.3rem;}
    .index_10 .content .right ul li span{font-size: 0.19rem;padding: 0.2rem 0 0 0;display: block;line-height: 0.25rem;color: #484848;display: -webkit-box; }
    .index_10 .content .right ul li i{font-size: 0.22rem;display: block;float: left;color: #484848;margin-top: 0.2rem;}
    .index_10 .content .right ul li time{width: 0.28rem;height: 0.28rem;display: block;background-image: url(../img/index_10-content-right.png);background-position: center;background-repeat: no-repeat;background-size: cover; float: right;margin-top: 0.2rem;}
    .index_10 .content .right ul li:nth-child(2),.index_10 .content .right ul li:nth-child(4){margin: 0.1rem;}

}