.subtitle-box{margin:5px;padding:20px;border-bottom:1px solid #eaeaea}
.subtitle-box .title{line-height:30px;font-size:26px;color:#003198}
.subtitle{margin:35px 0}
.subtitle a{display: inline-block; margin-right:10px;margin-bottom:10px; padding: 0px 10px;height: 30px;line-height: 30px; color:#232323;font-size: 18px;border:1px solid #232323;border-radius: 8px;}
.subtitle a:hover,.subtitle a.active{border:1px solid #fa2d2d;}
.products .item{padding:30px 0px 40px; border-bottom:1px solid #eaeaea;}
.products .item a img{}
.products .no-data{text-align: center;font-size: 18px;color:#666666;margin:30px 0px;}
.pro-img{padding-left: 40px;width: 33%;max-width: 400px;overflow: hidden;}
.pro-img img{width: 100%;border: none;}
.product-desc{padding-left: 3%;margin-right: 2%; width: 62%;}
.product-desc .title{margin:10px 0px; font-size: 22px;color:#232323;}
.product-desc .desc{ display: -webkit-box;margin:10px 0px; font-size: 16px;color:#666666;line-height: 25px;height: 200px;-webkit-line-clamp: 8;-webkit-box-orient: vertical;overflow: hidden;}
.product-desc .more{margin-top:20px;}
.product-desc .more button{padding: 10px 20px;color:#919090;border:none; background-color:#f0f0f0;}
.mobile-show{display:none}
.mobile-hot-product{margin:0px 2% 20px; font-size: 30px;color:#003294;}
.custom-select{position:relative;display:block;width:96%;margin:20px 2%}
.select-selected{background-color:#fff;color:#333;padding:10px;cursor:pointer;border-radius:5px;border:1px solid #333;display:flex;align-items:center;justify-content:space-between}
.select-selected:after{content:"";border:6px solid transparent;border-color:#666 transparent transparent transparent;margin-left:10px;transition:transform .3s}
.select-arrow-active:after{transform:rotate(180deg)}
.select-items{display:none;position:absolute;background-color:#fff;min-width:100%;box-shadow:0 6px 12px rgba(0,0,0,.1);z-index:99;border-radius:5px;overflow:hidden}
.select-items div{margin:0 10px;color:#000;padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #eee;font-size: 13px;}
.select-items div:hover{background-color:#f1f1f1}
.search{margin:20px 0 0px;padding:0}
.search .search-keyword{padding:5px 10px;height:30px;border:1px solid #eee;font-size:16px;width:calc(100% - 100px);border-radius:5px}
.search .search-keyword:focus{outline:0}
.search .search-submit{margin-left:10px;padding:0;width:63px;height:40px;line-height:40px;border-radius:5px;border:1px solid #003294;background-color:#003294;color:#fff;font-size:16px;cursor:pointer;}
.search-title{margin:30px 0;text-align:center;font-size:28px;line-height:1.25;font-weight:400;color:#333}

@media screen and (max-width: 1400px) {
    .pro-column ul li a{padding:0 4%;font-size:18px}
}
@media screen and (max-width: 1200px) {
    .pro-column ul li a{font-size:16px}
}
@media screen and (max-width: 980px) {
    .product-box{margin-top: 0px;margin-bottom: 0px;flex-direction: column;}
    .mobile-show{display: block;}
    .temp-left{display: none;}
    .temp-right{width: 100%;min-height: 350px;}
    .pro-img{margin: 0 10%;width: 80%;}
    .product-desc{padding: 0 2%; width: 96%;}
    .search{margin:0px;padding:0px 2% 20px;width: 96%;}
}
@media screen and (max-width:768px) {
    .products .item a{flex-direction: column;}
    .pro-img{margin: 0 auto;}
}
@media screen and (max-width: 450px) {
}