﻿/* 头部 */
.header{height: 129px;background-color: #fff;min-width: 1360px;position: fixed;top: 0;left: 0;right: 0;z-index: 99999;}
.header .logo{width: 340px;height: 73px;margin: 28px 0 28px 39px;}
.header .logo img{width: 100%;height: 100%; background-repeat: no-repeat; background-position: right;}

.header .conectar{line-height: 129px;font-weight: bold;font-size: 18px;margin-left: 20px;}
.header .language_button{height: 129px; position: relative;}
.header .language_button .search_click{padding: 55px 0;margin-left: 75px;}
.header .language_button .search_click .search_box{position: absolute;right: 0;bottom: -60px;background-color: rgba(255, 255, 255, 0.5);width: 300px;height: 50px;display: none;z-index: 999;}
/*.header .header_cont .search_click:hover .search_box{display: block !important;}*/
.header .language_button .search_click_show{display: block !important;}
.header .language_button .search_click img{vertical-align: middle;}
.header .language_button .search_box input{width:240px;height:40px;background-color:#ffffff;margin:5px 0px 5px 5px;padding-left:10px;float:left;width: 250px;}
.header .language_button .search_box input:focus{border: 0;outline: 0;}
.header .language_button .click_but1{width:40px;height:40px;display:inline-block;margin-top:5px;background:#a904fd url(../img/buscar.png) center no-repeat;cursor:pointer;}
.gizle{ top: -120px;}
.sabit {top: 0;z-index: 9999;}
.search_box {/*padding-top: 7%;*/position: fixed;left:71%;top: 14%;}

.header .header_nav{height: 129px;}
.header .header_nav ul li{width: 87px; display: inline-block;line-height: 129px;margin: 0 16px;font-size: 16px;position: relative;text-align: center;}
.header .header_nav ul li.on,.header .header_nav ul li:hover{color: #164ba9;}
.header .header_nav ul li.on::after,.header .header_nav ul li:hover::after{content: ''; width: 100%;height: 3px;background-image:linear-gradient(to right, #a904fd, #1b34ce) ;position: absolute;left: 0;bottom: 0;}
.header .header_nav ul li a{display: block;}

.header-line{display: none ;}

/* banner */
.banner ul li{ width: 100%; height: 685px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.banner ul li .title{width: 345px;height: 139px;background-color: rgba(0, 0, 0, 0.6);position: absolute;left: 41%;top: 48%;text-align: center;color: #fcfcfb;padding-top: 36px;}
.banner ul li .title::before{content: '';width: 13px;height: 139px;background-image: url(../img/banner-title1.png);position: absolute;top: 0;left: 0;background-position: left;background-repeat: no-repeat;background-size: contain;}
.banner ul li .title::after{content: '';width: 13px;height: 139px;background-image: url(../img/banner-title2.png);position: absolute;top: 0;right: 0;background-position: right;background-repeat: no-repeat;background-size: contain;}
.banner ul li .title h3{font-size: 36px;}
.banner ul li .title h4{font-size: 24px;font-weight: bold;text-transform: uppercase;line-height: 50px;}
/* 免费获取中央空调方案/报价*/
.index_1{height: 133px;position: relative;background-image: url(../img/index_1-1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover; }
.index_1 .text{height: 183px;width: 554px;border: 16px solid rgba(255,255,255,0.7);border-left:none;border-bottom: none;  background-image: url(../img/index_1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover; position: absolute;top: -50px;left: 0;z-index: 998;text-align: center;color: #fff;padding-top: 45px;}
.index_1 .text h3{font-size: 30px;line-height: 40px;}
.index_1 .text h4{font-size: 18px;line-height: 40px;}
.index_1 .lxfs{width: 1350px; position: absolute;top: 0;right: 0;height: 133px;}
.index_1 .lxfs ul{width: 1300px;height: 133px;padding-top: 40px;float: right;}
.index_1 .lxfs ul li{width: 185px;float: left;margin-right: 10px;}
.index_1 .lxfs ul li:nth-child(6) .box div{width: 100px;float: left;}
.index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2){width: 85px;height: 53px; float: left;}
.index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2) img{width: 100%;height: 100%;}
.index_1 .lxfs ul li:nth-child(6) input{width:100px;}
.index_1 .lxfs ul li:nth-child(7){width: 105px;height: 53px;}
.index_1 .lxfs ul li input{width: 185px;height: 53px;border-radius: 5px;border: none;background-color:rgba(255,255,255,0.7) ;color: #677390;padding-left: 20px;font-size: 16px;}
.index_1 .lxfs ul li button{width: 105px;height: 53px;border-radius: 5px;background-image: linear-gradient(#a904fd, #1b34ce);border: none;color: #fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);}

/* 二级栏目 */
.nav{height: 100px;background-image: linear-gradient(to right,#a904fd, #1b34ce); position: relative;z-index: 999;}
.nav ul{margin: 0 auto;height: 100px;}
.nav ul li{width: 173px;color: #f7f7fa;font-size: 18px;line-height: 100px;border: 1px solid #6c6fd0;border-bottom: none;border-top: none;float: left;text-align: center;}
.nav ul li a{display: block;}
.nav ul li.on,.nav ul li:hover{background: linear-gradient(to right, #a904fd, #1b34ce);}

/* 页脚 */
.footer{height: 233px;background-color: #3e3e3e;}
.footer .footer-left{width: 586px;height: 233px;color: #cacaca;padding: 67px 0;}
.footer .footer-left p{font-size: 16px;}
.footer .footer-left p a{margin: 0 12px;}
.footer .footer-left p i{font-size: 28px;}
.footer .footer-left p span{font-size: 14px;display: block;}

.footer .footer-middle{width: 772px;color: #fff;padding: 34px 0;margin-left: 200px;}
.footer .footer-middle h3{font-size: 24px;line-height: 40px;}
.footer .footer-middle ul li{width: 200px;height: 53px;float: left;margin:6px;}
.footer .footer-middle ul li input{width: 100%;height: 100%;border: none;background-color:rgba(85,85,85,0.9) ;color: #b9b9bf;border-radius: 5px;font-size: 16px;padding-left: 20px;}
.footer .footer-middle ul li:nth-child(7){width: 124px;height: 53px;}
/* .footer .footer-middle ul li:nth-child(6) .box{width: 124px;height: 53px;} */
.footer .footer-middle ul li:nth-child(6) .box div{width: 110px;height: 53px;float: left;}
.footer .footer-middle ul li:nth-child(6) .box div:nth-child(2){width: 90px;height: 53px;float: left;}
.footer .footer-middle ul li:nth-child(6) .box div:nth-child(2) img{width: 100%;height: 100%;}
.footer .footer-middle ul li button{width: 100%;height: 100%;border-radius: 5px;background-image: linear-gradient(#a904fd, #1b34ce);border: none;color: #fff;}

.footer .footer-right{width: 88px;color: #9f9f9f;padding: 53px 0;}
.footer .footer-right i{width: 82px;height: 82px;display: block;margin: 0 auto;background-size: cover;background-repeat: no-repeat;}
.footer .footer-right h3{font-size: 14px;line-height: 40px;text-align: center;}

@media (max-width:1680px) {
   /* 头部 */

    .header .logo{width: 298px; margin: 28px 0 28px 0px;}

    .header .conectar{margin-left: 17px;}
    .header .language_button .search_click{margin-left: 56px;}

    .header .header_nav ul li{width: 76px;margin: 0 12px;}

   /* 免费获取中央空调方案/报价*/
   .index_1 .text{width: 484px;border: 14px solid rgba(255,255,255,0.7);}
   .index_1 .text h3{font-size: 29px;}
   .index_1 .text h4{font-size: 17px;}
   .index_1 .lxfs{width: 1137px;}
   .index_1 .lxfs ul{width: 1137px;}
   .index_1 .lxfs ul li{width: 161px;margin-right: 8px;}
   .index_1 .lxfs ul li:nth-child(6) .box div{width: 87px;}
   .index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2){width: 74px;}
   .index_1 .lxfs ul li:nth-child(6) input{width:87px;}
   .index_1 .lxfs ul li:nth-child(7){width: 91px;}
   .index_1 .lxfs ul li input{width: 161px;padding-left: 17px;}
   .index_1 .lxfs ul li button{width: 91px;}
   
    /* 二级栏目 */
    .nav ul li{width: 151px;}

    /* 页脚 */
    .footer .footer-left{width: 540px;}
    /* .footer .footer-left p{font-size: 15px;} */
    .footer .footer-left p a{margin: 0 5px;}

    .footer .footer-middle{width: 675px;margin-left: 155px;}
    .footer .footer-middle ul li{width: 175px;margin:5px;}
    .footer .footer-middle ul li input{padding-left: 17px;}
    .footer .footer-middle ul li:nth-child(7){width: 108px;}
    /* .footer .footer-middle ul li:nth-child(6) .box{width: 124px;height: 53px;} */
    .footer .footer-middle ul li:nth-child(6) .box div{width: 96px;}
    .footer .footer-middle ul li:nth-child(6) .box div:nth-child(2){width: 78px;}

    

}
@media (max-width:1560px) {
    /* 头部 */
     .header .logo{width: 276px;margin: 28px 0 28px 0px;}
 
     .header .conectar{margin-left: 15px;}
     .header .language_button .search_click{margin-left: 52px;}
     .header .header_nav ul li{width: 66px;margin: 0 11px;}
     
    /* 免费获取中央空调方案/报价*/
    .index_1 .text{width: 449px;border: 13px solid rgba(255,255,255,0.7);}
    .index_1 .text h3{font-size: 28px;}
    .index_1 .text h4{font-size: 16px;}
    .index_1 .lxfs{width: 1055px;}
    .index_1 .lxfs ul{width: 1055px;}
    .index_1 .lxfs ul li{width: 149px;margin-right: 7px;}
    .index_1 .lxfs ul li:nth-child(6) .box div{width: 80px;}
    .index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2){width: 68px;}
    .index_1 .lxfs ul li:nth-child(6) input{width:80px;}
    .index_1 .lxfs ul li:nth-child(7){width: 84px;}
    .index_1 .lxfs ul li input{width: 149px;padding-left: 15px;}
    .index_1 .lxfs ul li button{width: 84px;}
    
    /* 二级栏目 */
    .nav ul li{width: 140px;}

    /* 页脚 */
    .footer .footer-left{width: 501px;}
    .footer .footer-left p{font-size: 15px;}
    .footer .footer-left p a{margin: 0 4px;}

    .footer .footer-middle{width: 626px;margin-left: 143px;}
    .footer .footer-middle ul li{width: 162px;margin:4px;}
    .footer .footer-middle ul li input{padding-left: 15px;}
    .footer .footer-middle ul li:nth-child(7){width: 100px;}
    /* .footer .footer-middle ul li:nth-child(6) .box{width: 124px;height: 53px;} */
    .footer .footer-middle ul li:nth-child(6) .box div{width: 89px;}
    .footer .footer-middle ul li:nth-child(6) .box div:nth-child(2){width: 72px;}

 }
 @media (max-width:1440px) {
    /* 头部 */
     .header .logo{margin: 28px 0 28px 0px;}
 
     .header .conectar{margin-left: 13px;}
     .header .language_button .search_click{margin-left: 28px;}
     .header .header_nav ul li{width: 66px;margin: 0 10px;}

     /* 免费获取中央空调方案/报价*/
    .index_1 .text{width: 414px;border: 11px solid rgba(255,255,255,0.7);}
    .index_1 .text h3{font-size: 27px;}
    .index_1 .text h4{font-size: 15px;}
    .index_1 .lxfs{width: 974px;}
    .index_1 .lxfs ul{width: 974px;}
    .index_1 .lxfs ul li{width: 138px;margin-right: 6px;}
    .index_1 .lxfs ul li:nth-child(6) .box div{width: 74px;}
    .index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2){width: 63px;}
    .index_1 .lxfs ul li:nth-child(6) input{width:74px;}
    .index_1 .lxfs ul li:nth-child(7){width: 78px;}
    .index_1 .lxfs ul li input{width: 138px;padding-left: 14px;}
    .index_1 .lxfs ul li button{width: 78px;}
    
    
    /* 二级栏目 */
    .nav ul li{width: 129px;}

    /* 页脚 */
    .footer .footer-left{width: 492px;}
    .footer .footer-left p{font-size: 15px;}
    .footer .footer-left p a{margin: 0 4px;}

    .footer .footer-middle{width: 578px;margin-left: 102px;}
    .footer .footer-middle ul li{width: 150px;margin:4px;}
    .footer .footer-middle ul li input{padding-left: 14px;}
    .footer .footer-middle ul li:nth-child(7){width: 92px;}
    /* .footer .footer-middle ul li:nth-child(6) .box{width: 124px;height: 53px;} */
    .footer .footer-middle ul li:nth-child(6) .box div{width: 82px;}
    .footer .footer-middle ul li:nth-child(6) .box div:nth-child(2){width: 66px;}
 }
 @media (max-width:1366px) {
    /* 头部 */
     .header .logo{margin: 28px 0 28px 0px;}
 
     .header .conectar{margin-left: 11px;}
     .header .language_button .search_click{margin-left: 15px;}

     .header .header_nav ul li{width: 65px;margin: 0 9px;}
     /* 免费获取中央空调方案/报价*/
    .index_1 .text{width: 392px;border: 10px solid rgba(255,255,255,0.7);}
    .index_1 .text h3{font-size: 26px;}
    .index_1 .text h4{font-size: 14px;}
    .index_1 .lxfs{width: 924px;}
    .index_1 .lxfs ul{width: 924px;}
    .index_1 .lxfs ul li{width: 130px;margin-right: 6px;}
    .index_1 .lxfs ul li:nth-child(6) .box div{width: 70px;}
    .index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2){width: 60px;}
    .index_1 .lxfs ul li:nth-child(6) input{width:70px;}
    .index_1 .lxfs ul li:nth-child(7){width: 73px;}
    .index_1 .lxfs ul li input{width: 130px;padding-left: 13px;}
    .index_1 .lxfs ul li button{width: 73px;}
    
    /* 二级栏目 */
    .nav ul li{width: 121px;}

    /* 页脚 */
    .footer .footer-left{width: 499px;}
    /* .footer .footer-left p{font-size: 15px;} */
    .footer .footer-left p a{margin: 0 4px;}

    .footer .footer-middle{width: 548px;margin-left: 66px;}
    .footer .footer-middle ul li{width: 142px;margin:4px;}
    .footer .footer-middle ul li input{padding-left: 13px;}
    .footer .footer-middle ul li:nth-child(7){width: 87px;}
    /* .footer .footer-middle ul li:nth-child(6) .box{width: 124px;height: 53px;} */
    .footer .footer-middle ul li:nth-child(6) .box div{width: 78px;}
    .footer .footer-middle ul li:nth-child(6) .box div:nth-child(2){width: 63px;}
 }
 @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) {
	/* 头部 */
   .header{height: 1rem;background-color: #fff;min-width: 7.2rem;position: fixed;top: 0;left: 0;right: 0;z-index: 99999;}
   .header .logo{width: 5rem;height: 0.8rem;margin: 0.1rem 0 0.1rem 0.2rem}
   .header .logo img{width: 5rem;height: 0.8rem; background-repeat: no-repeat; background-position: right;}

   .header .conectar{display: none;}
   .header .language_button{display: none;}
  

   .header .header_nav{width: 100%;height: 100%; margin:inherit;background-color: rgba(0,0,0,.3);position: fixed;z-index: 100001;top: 0; right: -100%; transition: all .3s;}
   .header .header_nav ul{width: 60%;;padding-top: 1rem; background-color: rgba(255, 255, 255, 0.8);background-size: 1rem;height:100%;position:absolute;right:0;top:0;z-index:100}
   .header .header_nav ul li{display: block; padding:0.2rem; font-size: 0.32rem;width: 50%;height: 1rem;line-height: 0.6rem;position: relative;margin: 0 auto;}
   .header .header_nav ul li i{font-size: 0.26rem;text-transform: uppercase;}
   .header .header_nav ul li.on,.header .header_nav ul li:hover{background-image:linear-gradient(to right, #a904fd, #1b34ce);-webkit-background-clip: text;-webkit-column-rule-color: transparent; }
   .header .header_nav ul li.on::after,.header .header_nav ul li:hover:after{display: none;}


   .header-line{display: block ;}
   .header .nav-but{display: block;width: 1rem;height: 1rem;position: absolute;right: 0;top: 0;}
   .header .nav-but span{width: 0.5rem;height: 0.06rem; left: 0.25rem;background-image: linear-gradient(to right,#a904fd, #1b34ce);position: absolute;transition:ease .6s}
   .header .nav-but span:nth-child(1){top:0.30rem;transform-origin:left}
   .header .nav-but span:nth-child(2){top:0.5rem}
   .header .nav-but span:nth-child(3){top:0.7rem;transform-origin:right}
   .header .nav-but span:nth-child(4){top:0.5rem;}
   
   .header .nav-but span:nth-child(1){animation: myfirst1 1s infinite alternate;-moz-animation: myfirst1 1s infinite alternate;-webkit-animation: myfirst1 1s infinite alternate;-o-animation: myfirst1 1s infinite alternate;}
   .header .nav-but span:nth-child(2){animation: myfirst2 1s infinite alternate;-moz-animation: myfirst2 1s infinite alternate;-webkit-animation: myfirst2 1s infinite alternate;-o-animation: myfirst2 1s infinite alternate;}
   .header .nav-but span:nth-child(3){animation: myfirst3 1s infinite alternate;-moz-animation: myfirst3 1s infinite alternate;-webkit-animation: myfirst3 1s infinite alternate;-o-animation: myfirst3 1s infinite alternate;}
   .header .nav-but span:nth-child(4){animation: myfirst4 1s infinite alternate;-moz-animation: myfirst4 1s infinite alternate;-webkit-animation: myfirst4 1s infinite alternate;-o-animation: myfirst4 1s infinite alternate;}

   @keyframes myfirst1{from {transform:scaleX(0)}to {transform:scaleX(1)}}
   @keyframes myfirst2{from {transform:rotate(45deg)}to {transform:rotate(0deg)}}
   @keyframes myfirst3{from {transform:scaleX(0)}to {transform:scaleX(1)}}
   @keyframes myfirst4{from {transform:rotate(-45deg)}to {transform:rotate(0deg)}}

   /* banner */
   .banner ul li{ width: 7.5rem; height: 4rem;background-repeat: no-repeat;background-size: cover;}
   .banner ul li .title{width: 3.45rem;height: 1.39rem;background-color: rgba(0, 0, 0, 0.6);position: absolute;left: 2rem;top: 1.8rem;text-align: center;color: #fcfcfb;padding-top: 0.36rem;}
   .banner ul li .title::before{content: '';width: 0.13rem;height: 1.39rem;background-image: url(../img/banner-title1.png);position: absolute;top: 0;left: 0;background-position: left;background-repeat: no-repeat;background-size: contain;}
   .banner ul li .title::after{content: '';width: 0.13rem;height: 1.39rem;background-image: url(../img/banner-title2.png);position: absolute;top: 0;right: 0;background-position: right;background-repeat: no-repeat;background-size: contain;}
   .banner ul li .title h3{font-size: 0.36rem;}
   .banner ul li .title h4{font-size: 0.24rem;font-weight: bold;text-transform: uppercase;line-height: 0.5rem;}

   /* 免费获取中央空调方案/报价*/
   .index_1{height: 3.66rem;width: 7.5rem; position: relative;background-image: url(../img/index_1-1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover; }
   .index_1 .text{height: 1.33rem;width: 7.5rem;border:none;border-left:none;border-bottom: none;  background-image: url(../img/index_1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover; position:static;text-align: center;color: #fff;padding-top: 0.3rem;}
   .index_1 .text h3{font-size: 0.35rem;line-height: 0.4rem;}
   .index_1 .text h4{font-size: 0.2rem;line-height: 0.4rem;}
   .index_1 .lxfs{width: 7.2rem; position:static; height: 2.33rem;float: none;margin: 0 auto;overflow: hidden;}
   .index_1 .lxfs ul{width: 7.2rem;height: 2.33rem;padding-top: 0rem;float:none;margin-top: 0.2rem;}
   .index_1 .lxfs ul li{width: 2.3rem;float: left;margin: 0 0.05rem 0.05rem 0.05rem;}
   .index_1 .lxfs ul li:nth-child(4),.index_1 .lxfs ul li:nth-child(5){width: 3.5rem;}
   .index_1 .lxfs ul li:nth-child(4) input,.index_1 .lxfs ul li:nth-child(5) input{width: 3.5rem;}
   .index_1 .lxfs ul li:nth-child(6){width: 3.5rem;}
   .index_1 .lxfs ul li:nth-child(6) .box div{width: 2rem;float: left;}
   .index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2){width: 1rem;height: 0.53rem; float: left;}
   .index_1 .lxfs ul li:nth-child(6) .box div:nth-child(2) img{width: 100%;height: 100%;}
   .index_1 .lxfs ul li:nth-child(6) input{width: 2rem;;}
   .index_1 .lxfs ul li:nth-child(7){width: 3.5rem;height: 0.6rem;}
   .index_1 .lxfs ul li input{width: 2.3rem;height: 0.6rem;border-radius: 5px;border: none;background-color:rgba(255,255,255,0.7) ;color: #677390;padding-left: 20px;font-size: 0.2rem;}
   .index_1 .lxfs ul li button{width: 2rem;height: 0.6rem;border-radius: 5px;background-image: linear-gradient(#a904fd, #1b34ce);border: none;color: #fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);}

   /* 二级栏目 */
   .nav{width: 7.5rem; height: 1rem;background-image: linear-gradient(to right,#a904fd, #1b34ce);}
   .nav ul{height: 1rem;width: 7.5rem;    overflow: hidden;white-space: nowrap;overflow-x: auto;}
   .nav ul li{width: 2.4rem;color: #f7f7fa;font-size: 0.25rem;line-height: 1rem;border: 0.01rem solid #6c6fd0;border-bottom: none;border-top: none;float: none;text-align: center;display: inline-block;}
   .nav ul li a{display: block;}
   .nav ul li.on,.nav ul li:hover{background: linear-gradient(to right, #a904fd, #1b34ce);}

   /* 页脚 */
   .footer{height: 2.33rem;background-color: #3e3e3e;width: 7.5rem;}
   .footer .footer-left{width: 5.2rem;height: 2.33rem;color: #cacaca;padding: 0.6rem 0;float: left;}
   .footer .footer-left p{display: none;}
   .footer .footer-left p a{margin: 0 0.12rem;}
   .footer .footer-left p i{font-size: 28px;}
   .footer .footer-left p span{font-size: 14px;display: block;}

   .footer .footer-middle{display: none;}
   
   .footer .footer-right{width: 1.2rem;color: #9f9f9f;padding: 0.35rem 0;}
   .footer .footer-right i{width: 1.2rem;height: 1.2rem;display: block;margin: 0 auto;}
   .footer .footer-right h3{font-size: 0.2rem;line-height: 0.4rem;}



 }