@charset "utf-8";
/*section1*/
.section1{height:600px;background: #000;}
.section1 .title{color:#fff;}
.section1 .title h2{font-size:30px;line-height:2;margin-bottom:10px;}
.section1 .title p{font-size:18px;line-height:2;max-width:558px;}


/*section2*/
.section2{height:600px;background: #000;}
.QHwidth{ position: relative;}

/*硬件设计*/
.sectionx{ background: #EFF2F4;}
.sectionx .QHwith{ position: relative;}
.deviceSearch{ padding: 0 40px; width: calc(100% - 80px); height: 200px; background: #fff; border-radius: 30px; box-shadow: 0 0 15px rgba(0,0,0,.3); position: absolute; margin: -100px auto 0; z-index: 9;}
.deviceSearch_left .txt1{ font-size: 20px;}
.deviceSearch_left .txt2{ font-size: 40px; padding-top: 15px;}
.deviceSearch_input .input{ width: 390px; height: 60px; line-height: 60px; font-size: 20px; outline: none; background: none; border: 1px solid #676767; border-radius: 10px; padding-left: 50px; background: url(../images/search.png) 15px center no-repeat; background-size: 28px 30px;}

.deviceTypes{ padding: 160px 0 40px;}
.deviceTypes a{ display: inline-block; font-size: 20px; height: 30px; line-height: 30px; white-space: nowrap;}
.deviceTypes .swiper-slide{ width: auto !important; }
.deviceTypes .swiper-slide.active a,
.deviceTypes .swiper-slide:hover a{ color: #ff7a25; border-bottom: 1px solid #ff7a25;}
.deviceTypes .swiper-button-next, 
.deviceTypes .swiper-button-prev{ width: 27px; height: 27px; margin: auto; top: 0; bottom: 0; z-index: 9;}
.deviceTypes .swiper-button-next::after, 
.deviceTypes .swiper-button-prev::after{ display: none;}
.deviceTypes .swiper-button-next{ background: url(../images/sr.png) #EFF2F4 center no-repeat; background-size: 100% 100%; right: 0;}
.deviceTypes .swiper-button-prev{background: url(../images/sl.png) #EFF2F4 center no-repeat; background-size: 100% 100%; left: 0;}
.deviceTypes .swiper-button-disabled{ display: none;}

.deviceList{ overflow: hidden;}
.deviceList .oneDevice{ width: 32.5%; float: left; margin: 13px 0;}
.deviceList .oneDevice:nth-child(3n - 1){ margin: 13px 1.25%;}
.deviceList .oneDevice .oneDevice_img{ position: relative;}
.deviceList .oneDevice .oneDevice_img .img{ width: 100%; height: auto;}
/* .deviceList .oneDevice .oneDevice_img .txt1{ position: absolute; top: 98px; left: 38px; z-index: 5; font-size: 25px; font-weight: bold; position: relative;}
.deviceList .oneDevice .oneDevice_img .txt1::after{} */
.deviceList .oneDevice .oneDevice_title{ background: #fff; line-height: 60px; overflow: hidden;  padding: 0 10px; font-size: 18px;}
.deviceList .oneDevice:hover .oneDevice_title{ color: #FF7A25;}


@media (min-width:780px){

}


@media screen and (max-width: 1440px){
    .deviceSearch{ padding: 0 30px; width: calc(100% - 60px); height: 150px;  border-radius: 20px; margin: -75px auto 0; }
    .deviceSearch_left .txt1{ font-size: 16px;}
    .deviceSearch_left .txt2{ font-size: 30px; padding-top: 10px;}
    .deviceSearch_input .input{ width: 290px; height: 60px; line-height: 60px; font-size: 16px; padding-left: 50px; background: url(../images/search.png) 15px center no-repeat; background-size: 24px 26px;}

    .deviceTypes{ padding: 120px 0 30px;}
    .deviceTypes a{ font-size: 16px;}
}

@media screen and (max-width: 1366px){
    
}

@media screen and (max-width: 1200px){
    .deviceSearch{ padding: 0 20px; width: calc(100% - 40px); height: 120px;  border-radius: 20px; margin: -60px auto 0; }
    .deviceSearch_left .txt1{ font-size: 16px;}
    .deviceSearch_left .txt2{ font-size: 25px; padding-top: 10px;}
    .deviceSearch_input .input{ width: 220px; height: 50px; line-height: 50px; font-size: 16px; padding-left: 50px; background: url(../images/search.png) 15px center no-repeat; background-size: 24px 26px;}

    .deviceTypes{ padding: 80px 0 10px;}
    .deviceTypes a{ font-size: 16px;}
}

@media screen and (max-width: 960px){
    .section1{height:400px;}
    .section1 .title h2{font-size:20px;line-height:2;margin-bottom:10px;}
    .section1 .title p{font-size:16px;line-height:2;max-width:96%;}
}

@media screen and (max-width: 768px){
    .deviceSearch{ padding: 0 15px; width: calc(100% - 30px); height: 80px;  border-radius: 10px; margin: -40px auto 0; }
    .deviceSearch_left .txt1{ font-size: 16px;}
    .deviceSearch_left .txt2{ font-size: 18px; padding-top: 10px;}
    .deviceSearch_input .input{ width: 160px; height: 40px; line-height: 40px; font-size: 16px; padding-left: 40px; background: url(../images/search.png) 15px center no-repeat; background-size: 18px 20px;}

    .deviceTypes{ padding: 80px 0 10px;}
    .deviceTypes a{ font-size: 16px;}

    .section1{height:300px;}
    .section1 .title h2{font-size:16px;}
    .section1 .title p{font-size:14px;}

    .deviceList{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;}
    .deviceList .oneDevice{ width: 49%; float: none; margin: 5px 0;}
    .deviceList .oneDevice:nth-child(3n - 1){ margin: 5px 0;}
    .deviceList .oneDevice .oneDevice_title{  line-height: 36px;   padding: 0 6px; font-size: 14px;}

}

@media screen and (max-width: 540px){
    .deviceSearch{ padding: 0 10px; width: calc(100% - 20px); height: 60px;  border-radius: 10px; margin: -30px auto 0; }
    .deviceSearch_left .txt1{ font-size: 13px;}
    .deviceSearch_left .txt2{ font-size: 14px; padding-top: 6px;}
    .deviceSearch_input .input{ width: 120px; height: 36px; line-height: 36px; font-size: 14px; padding-left: 30px; background: url(../images/search.png) 6px center no-repeat; background-size: 16px 16px;}

    .deviceTypes{ padding: 40px 0 5px;}
    .deviceTypes a{ font-size: 12px;}

    .section1{height:300px;}
    .section1 .title h2{font-size:16px;}
    .section1 .title p{font-size:14px;}
}