@charset "utf-8";.showContent{position:relative;color:#000000;padding-bottom:80px;text-align:justify}
.showContent h3{font-size:17px;font-weight:bold}
.showContent .paddingsite{padding-bottom:30px}
.showContent .ollist{margin-left:20px;padding-left:0}
.showContent .ollist li{list-style:decimal;margin-left:0;padding-left:0}
.search-tab{padding-bottom:120px}
.leftsearchclear{border-radius:5px;padding:5px 10px 5px 10px;background-color:var(--main-blue-color);border:1px solid var(--main-blue-color)}
.leftsearchclear a{color:#ffffff}
.leftsearchclear:hover{background-color:#fff;color:var(--main-blue-color);border:1px solid var(--main-blue-color)}
.leftsearchclear:hover a{color:var(--main-blue-color)}
.leftsearch{position:relative;width:100%;cursor:pointer}
.leftsearch input{border-bottom:1px solid #ccc;border-top:0;border-left:0;border-right:0;padding:10px;width:100%;outline:none;position:relative;padding-right:45px;background-color:#fafafa}
.leftsearch .sbutton{position:absolute;width:45px;height:45px;line-height:45px;color:#000000;z-index:100;text-align:center;top:3px;right:0;cursor:pointer}
.leftsearch .sbutton:hover{color:#ff0000}
select:focus{outline:none}
select option:hover{outline-color:rgba(0,0,0,0) !important}
select:focus option{background:#fff;color:#000;border:0 !important;outline:none !important}
.search-tab{padding-bottom:120px}
.search-tab > li{width:100%;position:relative;margin-right:20px;margin-bottom:10px;list-style:none}
.search-tab > li > .icon-angle-down{position:absolute;top:20px;right:15px;width:10px;height:10px;text-align:center;z-index:0;line-height:10px}
.search-tab > li select{position:absolute;left:0;top:0;color:#000;padding:5px;height:40px;border:0;width:50px;box-sizing:border-box}
.search-tab input{border:1px solid var(--main-blue-color);width:100%;padding:10px}
.search-tab input::placeholder{color:#004182}
.search-tab li select option{}
.fa-file-pdf-o{color:red}
.select-box input{font-size:14px;padding:10px}
.select-item-box{position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:auto;max-height:500px;background-color:var(--main-blue-color);border:1px solid var(--main-blue-color);overflow:auto;opacity:0;z-index:-1;transition:all 0.2s linear 0s;font-size:14px}
.select-item-box li{padding:10px;cursor:pointer;text-align:left !important;background-color:var(--main-white-color)}
.select-item-box li:nth-of-type(1){font-weight:bold;background-color:var(--main-blue-color);color:var(--main-white-color)}
.product_area{width:700px;position:relative;height:500px;margin:auto;display:table}
.product_area img{position:absolute;z-index:1;width:700px}
.product_area span{position:absolute !important;width:109px;height:95px;z-index:10;text-align:center;display:table-cell;vertical-align:middle;line-height:22px !important}
.product_area span a{display:block;padding:10px;height:100%}
.product_area span:nth-of-type(1){left:10px;top:80px}
.product_area span:nth-of-type(1) a{padding-top:26px}
.product_area span:nth-of-type(2){left:108px;top:125px}
.product_area span:nth-of-type(2) a{padding-top:38px}
.product_area span:nth-of-type(3){left:198px;top:65px}
.product_area span:nth-of-type(3) a{padding-top:37px}
.product_area span:nth-of-type(4){left:295px;top:125px}
.product_area span:nth-of-type(4) a{padding-top:29px}
.product_area span:nth-of-type(5){left:292px;top:17px}
.product_area span:nth-of-type(5) a{padding-top:27px}
.product_area span:nth-of-type(6){left:388px;top:80px}
.product_area span:nth-of-type(6) a{padding-top:29px}
.product_area span:nth-of-type(7){left:487px;top:98px}
.product_area span:nth-of-type(7) a{padding-top:37px}
.select-item-box .choose,.select-item:hover{background-color:var(--main-blue-color);color:#fff !important}
.select-item:first-child{display:block !important}
.select-active .select-item-box{opacity:1;z-index:100}
.proshow-list{position:relative;margin-top:10px;margin-bottom:20px}
.proshow-list  li{list-style:none}
.proshow-list > li{padding:18px 0 25px;border-bottom:1px solid #ddd}
.proshow-list > li:hover{border-bottom:1px solid var(--main-link-hover-color)}
.proshow-list > li:hover a{color:var(--main-link-hover-color) !important}
.proshow-list strong{font-size:18px !important;font-weight:bold;padding-right:80px;line-height:24px !important;margin-top:10px !important;margin-bottom:10px !important;display:block}
.list-button{position:absolute;display:block;font-size:27px;text-align:right;right:0;top:0}
.list-button .list-inquiry{display:inline-block;font-size:18px;padding:5px}
list-button .list-inquiry a{margin-left:5px;margin-right:5px}
.list-button i{padding-right:10px}
.list-button .fa-file-pdf-o{font-size:24px}
@media (max-width:768px){.proshow-list h4,.proshow-list h2{padding-right:0 !important}
.list-button{position:relative;padding-left:0}
}.cap-title{text-transform:uppercase;padding-top:30px;padding-bottom:10px;font-size:20px;display:block}
.specific-checkbox li{margin-bottom:5px;list-style:none;padding-bottom:10px}
.specific-radio{display:inline-block;padding-left:20px;padding-right:20px;padding-top:5px}
.specific-radio input[type=radio]{margin:10px 0}
.specify{font-family:'lato',Arial,sans-serif;display:inline-block;min-width:320px;height:34px;background:none;border:none;border-bottom:1px solid #aeb3bc;outline:none;background-color:rgba(0,0,0,0)}
.specific-btn{display:inline-block;text-align:center;padding:0.7em 3em;border-radius:10px;margin-bottom:15px;clear:both;color:var(--main-black-color);text-decoration:none;cursor:pointer;font-size:16px;font-weight:bold;margin-top:8px;background:var(--main-yellow-color)}
.specific-btn:hover{color:var(--main-white-color);background:var(--main-blue-color)}
.tabs{width:100%;margin-bottom:30px;margin-top:30px}
.tabs .inquiry-button{border-radius:0px;color:var(--main-black-color)}
.tabs .content{position:relative;z-index:1}
.tabs .content li{list-style:none}
.tabs .content .content-current{display:block;padding:20px;border:1px solid #ccc}
.tabs .content .content-current .input-group input{border:1px solid var(--main-blue-color);}
.tabs .content section{display:none}
.tabs .content .inquiry_form textarea{width:100%}
.tabs nav{height:auto}
.tabs nav li{margin-right:10px;cursor:pointer;border:none;background:var(--main-blue-color);list-style:none}
.tabs nav li a{display:inline-block;width:100%;height:100%;font-size:1.1em;color:#fff;padding:0 30px}
.tabs nav li:hover{color:#000;background:var(--main-yellow-color)}
.tabs nav li:hover a{color:#000}
.tabs nav .tab-current{position:relative;z-index:2;color:var(--main-black-color);background:var(--main-yellow-color)}
.tabs nav .tab-current a{color:var(--main-black-color)}
.tabs nav ul:after{display:table;content:" "}
.tabs nav ul:after{clear:both}
@media (min-width:768px){.tabs nav ul{width:100%;margin-top:10px}
.tabs nav li{float:left;text-align:center;padding-left:0;height:42px;line-height:42px;margin-top:0;background:var(--main-blue-color)}
}@media (max-width:767px){.tabs nav ul{width:100%;margin-top:10px}
.tabs nav li{float:left;text-align:center;height:36px;line-height:36px}
.tabs nav li a{padding:0 15px}
}.table-prodetail{margin-bottom:40px;width:100%}
.table-prodetail table{width:100%}
.table-prodetail table,.table-prodetail table tr,.table-prodetail table td{border:none}
.table-prodetail table td{border-bottom:1px solid #ddd;padding:8px}
.table-prodetail span h2{font-size:16px;margin:8px}
.container-row-a li{margin-bottom:10px;break-inside:avoid;padding:8px;list-style:none}
.container-row-a li:after{display:table;content:" "}
.container-row-a li:after{clear:both}
.container-row-a li span{display:inline-block;float:left;padding-left:5px;line-height:26px;padding-right:15px}
.container-row-a li a{color:var(--main-blue-color);display:inline-block;float:left;max-width:90%;line-height:26px}
.container-row-a li:hover{background:var(--main-blue-color);color:var(--main-white-color)}
.container-row-a li:hover a{color:var(--main-white-color)}
@media (min-width:1024px){.container-row-a{column-count:2;column-width:auto;column-gap:20px}
}@media (max-width:1023px){.container-row-a{column-count:1;column-width:auto;column-gap:0}
}.application-short{margin-top:15px;margin-bottom:35px;font-size:13px;line-height:24px;letter-spacing:0}
.application-short>div{padding-bottom:10px}
.application-short span{display:inline-block;padding:0 8px;border:1px dashed #8caea2;margin-right:8px}
.smalltab{padding:3px 6px 3px 6px;margin-right:5px !important;background:var(--light-green-color);color:var(--main-white-color);font-size:14px}
.small-pro-name li{font-size:14px}
/* .proarea{margin-top:40px;padding-top:40px;border-top:1px solid var(--main-hui-color)} */
.tobasket{text-align:right}
.table-prodetail table th{padding:0;background:none;border-bottom:2px solid var(--light-blue-color)}
.table-prodetail table th span{display:inline-block;padding:0px 3px;color:var(--main-white-color);background:var(--main-blue-color)}
.input-group .arrow{height:31px;width:31px;background-color:var(--main-blue-color);text-align:center;font-size:12px;display:inline-block;z-index:1;line-height:31px;cursor:pointer;color:var(--main-white-color)}
.input-group input{height:31px}
.input-group .arrow.sitetop{position:absolute;top:0;right:0;border:1px solid var(--main-blue-color)}
.input-group .arrow.sitebottom{position:absolute;top:0;left:0;border:1px solid var(--main-blue-color)}
.input-group .arrow:hover{background-color:#203869;border:1px solid #203869;color:#fff}
.searcNoinfoTit{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;font-size:20px;font-weight:bold;}
.searcNofenlei img{max-width:100%;display:block;margin:auto;}
.searcNofenlei{ text-align: center;margin-top:20px;}
.searcNofenlei a{margin-bottom:20px; display: block;}
.searcNoinfoCont{padding:15px 0;}
.searcNoinfoCont,.searcNoinfoCont strong{ display:block;width:100%;}