@charset "utf-8";


.main {padding-top: 50px;padding-bottom: 70px;display: flex;}
.main-left {width: 350px;/* float: left; */}
.main-serch h3 {line-height: 44px;color: #000;font-size: 36px;font-weight: 700;text-transform: uppercase;border-left: 5px solid #6E4527;padding-left: 10px;}
.main-serch .serchbox{width:100%;margin:20px auto 0;position:relative;overflow: hidden;border: none;}
.main-serch .serchbox .submit_text{background:transparent;width:100%;height:50px;line-height:50px;float:left;color:#333;padding:0 85px 0 15px;font-size:16px;background: #EEEEEE;}
.main-serch .serchbox .submit_btn{position:absolute;right:0;top:0;width:75px;height:50px;line-height:50px;background:#6E4527;text-align:center;display:block;cursor:pointer;}
.main-serch .serchbox .submit_btn i{font-size:28px;color:#fff;line-height: 50px;}

.tech-sidemenu {margin-top:30px;}
.tech-sidemenu h3{line-height: 44px;color: #000;font-size: 36px;font-weight: 700;text-transform: uppercase;border-left: 5px solid #6E4527;padding-left: 10px;position:relative;}
.tech-sidemenu h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;right:0;top:0;width:32px;height:32px;line-height:32px;font-size:20px;text-align:center;transition: transform .3s ease;}
.tech-sidemenu h3.active::after{transform:rotate(45deg) scale(1.08);}
.tech-sidemenu > ul{margin-top:20px;}
.tech-sidemenu > ul > li {padding-bottom: 10px;border-bottom: 1px solid #D8D8D8;}
.tech-sidemenu > ul > li h2{line-height:60px;display:block;font-size:20px;color:#000;cursor:pointer;position:relative;font-weight: 700;}
.tech-sidemenu > ul > li h2 a{display:block;margin-right:40px;box-sizing:border-box;text-transform:capitalize;line-height:60px;}
.tech-sidemenu > ul > li h2 a:hover{color:#6E4527;}
.tech-sidemenu > ul > li h2 span{position:absolute;right:0;top:calc(50% - 15px);background:url('https://okki-shop.oss-cn-hangzhou.aliyuncs.com/category/429062/3226/ae3fdebebf270ef53c0020adc04275b3/i17.png') no-repeat center;width:30px;height:30px;display:block;transition: all 0.3s ease 0s;}
.tech-sidemenu > ul > li ul{display:none;padding: 0 15px;}
.tech-sidemenu > ul > li ul li{padding: 10px 0;}
.tech-sidemenu > ul > li ul li a{font-size:20px;padding-left:25px;color:#4A4A4A;display: block;position: relative;}
.tech-sidemenu > ul > li ul li a::after {content: '';width: 14px;height: 14px;box-sizing: border-box;border-radius: 50%;border: 1px solid #b1b2b4;position: absolute;left: 0;top: calc(50% - 7px);transition: all .3s ease;}
.tech-sidemenu > ul > li ul li.active a,.tech-sidemenu > ul > li ul li a:hover{color:#6E4527;}
.tech-sidemenu > ul > li ul li.active a::after,.tech-sidemenu > ul > li ul li a:hover::after{border-color:#6E4527;background-color: #6E4527;}

.tech-sidemenu > ul > li.active h2{color:#6E4527;}

.main-right {/* margin-left: 385px; */flex: 1;margin-left: 80px;}
.tech-list ul {display: flex;flex-wrap: wrap;margin: -11px;}
.tech-list ul li {width: 33.333%;padding: 11px;box-sizing: border-box;}
.tech-list ul li .pic {overflow: hidden;}
.tech-list ul li .pic a {position: relative;display: block;}
.tech-list ul li .pic img {aspect-ratio: 1 / 1;width: 100%;object-fit: cover;}
.tech-list ul li .txt {margin-top: 15px;}
.tech-list ul li .txt h5 {color: #303030;font-size: 18px;font-weight: 600;line-height: 25px;margin-top: 15px;text-align: center;}


@media screen and (max-width: 1550px) {
.main-serch h3,.tech-sidemenu h3 {line-height: 38px;font-size: 32px;}
.tech-sidemenu > ul > li h2 {line-height: 54px;font-size: 19px;}
.tech-sidemenu > ul > li h2 a {line-height: 54px;}
.main-left {width: 310px;}
.main-right {margin-left: 60px;}
.tech-list ul li .txt h5 {font-size: 17px;line-height: 23px;}
}
 
@media screen and (max-width: 1440px) {
}
                                          
@media screen and (max-width: 1367px) {
.main-serch h3,.tech-sidemenu h3 {line-height: 32px;font-size: 28px;}
.tech-sidemenu > ul > li h2 {line-height: 48px;font-size: 18px;}
.tech-sidemenu > ul > li h2 a {line-height: 48px;}
.main-left {width: 290px;}
.main-right {margin-left: 50px;}
.tech-list ul li .txt h5 {font-size: 16px;line-height: 21px;}
}
                                    
@media screen and (max-width: 1280px) {
}
                                
@media screen and (max-width: 992px) {
.main {padding-top: 30px;padding-bottom: 30px;display: block;}
.main-serch h3,.tech-sidemenu h3 {line-height:32px;font-size: 24px;}
.tech-sidemenu h3::after{display:block;}
.main-left {width: 100%;}
.main-serch .serchbox {margin: 10px auto 0;}
.main-serch .serchbox .submit_text {height: 36px;line-height: 36px;padding: 0 60px 0 10px;font-size: 14px;}
.main-serch .serchbox .submit_btn { width: 50px;height: 36px;line-height: 36px;}
.main-serch .serchbox .submit_btn i {font-size: 24px;line-height: 36px;}
.tech-sidemenu > ul > li h2 a {line-height: 36px;}
.tech-sidemenu > ul > li h2 {line-height: 36px;font-size: 16px;}
.tech-sidemenu > ul{display: none;}

.main-right {margin-left: 0;margin-top: 30px;}
.tech-list ul li {width: 50%;}
.tech-list ul li .txt h5 {font-size: 15px;line-height: 20px;margin-top: 10px;}
}
                                
@media screen and (max-width: 768px) {
.main-serch h3,.tech-sidemenu h3 {font-size: 22px;}
}

@media screen and (max-width: 480px) {
.main-serch h3,.tech-sidemenu h3 {font-size: 20px;}
}

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