.product-left,.product-right{margin-top:30px}.product-left{float:left;width:25%}.product-left .lefttitle,.product-left h3{padding:20px 10px;background-color:var(--main-background-color);color:#fff;font-size:18px;font-weight:700}.product-left ul{border:1px solid #ccc}.product-left ul ul{border:0;display:none;height:0;transition:all .3s ease-in-out}.product-left ul ul.visible{display:block;height:fit-content}.product-left ul li{position:relative}.product-left .product-nav ul li span{display:block;width:16px;height:16px;position:absolute;right:0;top:15px;line-height:1;font-weight:700;transform:translate(-50%)}.product-left .product-list ul li .btn:hover{font-weight:300}.product-left .product-nav ul li a{display:block;padding:15px 20px 15px 10px;border-bottom:1px solid #ccc;font-size:14px;line-height:14px}.product-left .product-list ul li .btn span{width:auto;padding:10px 15px;color:#fff;font-size:14px}.product-left .product-list ul li .btn span,.product-left .product-list ul li .btn span:hover{background-color:var(--main-background-color)}.product-left ul li .current{background:inherit;font-weight:700}.product-left ul li ul li{padding-left:10px}.product-left .product-nav ul li ul li a{background-position-y:15px;padding-left:16px;color:#8b8b8b}.product-left .product-nav ul li ul li a.active{color:var(--main-background-color)}.product-left .product-list{margin-top:30px}.product-left .product-list li{padding:0 10px}.product-left .product-list li a{display:-webkit-flex;display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #ccc}.product-left .product-list img{width:30%}.product-left .product-list span{display:inline-block;width:65%;margin-left:5%}.drawer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);display:none;z-index:2000;transition:opacity .3s ease}.drawer.active{display:block}.drawer-content{position:absolute;top:0;right:0;width:80%;max-width:320px;height:100%;background:#fff;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;box-shadow:4px 0 8px rgba(0,0,0,.1)}.drawer.active .drawer-content{transform:translateX(0)}.drawer-header{padding:14px 16px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background-color:var(--main-background-color);position:sticky;top:0}.drawer-header h2{font-size:16px;margin:0;color:#fff;line-height:inherit}.drawer-header button{border:none;background:none;font-size:22px;cursor:pointer;color:#999}.category-group{padding:10px 16px;border-bottom:1px solid #f2f2f2}.category-group h3{margin:0 0 8px;font-size:15px;color:#008c8c;line-height:inherit}.category-group button{display:block;width:100%;text-align:left;background:none;border:none;font-size:14px;color:#555;cursor:pointer;border-radius:4px;padding-left:10px}.category-group button a{width:100%;height:100%;display:block;padding:6px 0}.category-group button a.active{font-weight:500}.category-group button:hover{background:#e6f7f7;color:#008c8c}section{padding:40px 20px;background:#fff;margin-top:10px;border-radius:12px}section h2{margin:0 0 10px;color:#333;font-size:18px}section p{color:#666;line-height:1.6;font-size:14px}.drawer-icon-wrapper{position:fixed;right:34px;bottom:84px;z-index:999;height:40px;width:40px;font-size:32px;display:inline;background-color:var(--main-color);border-radius:2px}.icon-gouwuche{color:#fff;font-size:24px!important;text-align:center;padding-top:3px;line-height:34px}@media screen and (min-width:768px){.drawer-icon-wrapper{display:none}}.position{width:100%}.position a,.position span{display:inline-block;padding-right:5px;font-size:14px;color:#333;text-transform:capitalize}@media screen and (max-width:1199px){.layout{width:100%;margin:0 auto}.layout-mobile{padding:10px}.product-right .product-item .product-info p{padding:0}.position{box-sizing:border-box}.classes,.position{padding:0 2%}.classes .class-content img{max-width:100%}.class-content .news-item .news-img img{width:100%;margin:0;height:auto}.class-content .news-item{width:31.333333333%;padding:2% 1%;margin:15px 1%}.download-list .download-item .download-img{width:10%;float:left}.download-list .download-item .download-info{width:86%;float:right;text-align:left}.classes .contact .contact-img{float:right;width:100%;text-align:center}.classes .contact .contact-content{float:left;width:100%;text-align:left}.product-right .product-info p{margin-top:30px;font-size:14px;text-align:justify;color:#666;line-height:150%}.product-right .product-info a p{margin-top:10px;font-size:14px;text-align:justify;color:#666;line-height:120%}.product-right .product-list .product-item .product-info .btn{display:inline-block;font-size:16px;font-weight:700;padding:10px 20px;background-color:#303030;color:#fff;margin-top:15px;margin-right:10px}.product-view{position:relative;width:100%;float:left}.shown_products_a_right h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.product-right{float:right;width:72%;border-top:2px solid var(--main-background-color);margin-right:1%;padding-top:20px}}@media screen and (max-width:768px){.product-left{display:none}.class-content .news-item{width:48%;padding:2% 1%;margin:15px 1%}.download-list .download-item .download-img{width:13%;float:left}.download-list .download-item .download-info{width:84%;float:right;text-align:left}.download-list .download-item .download-info a{display:block;background-color:#303030;color:#fff;padding:5px 0;margin-top:10px;width:150px;text-align:center;font-weight:700;font-size:14px}.product-left{margin-top:20px;float:left;width:100%}.product-left .product-list ul{display:none}.product-right{float:right;width:100%!important;border-top:2px solid var(--main-background-color);margin:10px 0 0;padding:0 15px;box-sizing:border-box}.product-right .product-list .product-item .product-img,.product-right .product-list .product-item .product-info{width:100%}.product-right .product-list,.product-right .product-list .product-item{display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between}.product-right .product-list .product-item{width:50%;box-sizing:border-box;padding:4% 1% 2%;border-bottom:1px solid #ccc}.product-right .product-list .product-item .product-info .btn{display:block;width:100%;font-size:16px;font-weight:700;background-color:#303030;color:#fff;margin-top:15px;margin-right:0;text-align:center;padding:10px 0}.opt{padding:0 2%}#send{padding:0}#form1,.opt_pt{padding:0 2%}.product-right .product-info p{margin-top:30px;font-size:14px;text-align:justify;color:#666;line-height:150%;padding:0 2%}.product-right h3{padding:0 2%}.shown_products_a_right h3{padding:0}}@media screen and (max-width:640px){.shown_products_a_left{float:left;border:0;width:100%}.shown_products_a_right{float:right;text-align:left;width:100%;margin-top:0}}@media screen and (max-width:480px){.product-right .product-list{justify-content:center}.product-right .product-list .product-item{margin-top:30px}.download-list .download-item .download-img{width:20%;float:left}.download-list .download-item .download-info{width:76%;float:right;text-align:left}.col-l-1{float:left}.col-l-1,.col-r-1{text-align:center;width:100%}.col-r-1{float:right}.class-content .form .form-item input,.class-content .form .form-item textarea{width:100%}.product-right .product-list .product-item{width:96%;box-sizing:border-box;display:-webkit-flex;display:flex;flex-wrap:wrap;justify-content:space-between;padding:4% 1% 2%;border-bottom:1px solid #ccc}}.product-right .product-info a p{text-align:left}.class-content .news-item{padding:0;border:1px solid #eee}