.layout {
    width: 100%;
}
.icon-navicon {display:none}
@media(max-width:760px) {.icon-navicon {display:block}
.nav-navicon,.nav.nav-navicon,.navbar-body.nav-navicon {display:none}
}
.nav {list-style:none;padding:5px 0 0 0;margin:0}
.nav li {position:relative}
.nav a {transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;display:block}
.nav a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.nav .arrow {display:none}
.nav .active a {font-weight:bold}
.nav-head {font-size:14px;font-weight:bold;height:30px;line-height:30px}
@media(min-width:760px) {.nav {padding:0}
    .nav-inline .nav-head {padding-right:20px}
    .nav-inline li {display:inline-block;vertical-align:top}
    .nav-inline li a {padding:5px 20px;line-height:20px;display:block}
    .nav-inline .nav-more {float:right}
    .nav-split .nav-head {height:20px;line-height:20px}
    .nav-split li {border-right:solid 1px rgba(0,0,0,.20)}
    .nav-split li a {padding:0 20px}
    .nav-split .nav-head,.nav-split ul li,.nav-split li:last-child {border-right-width:0}
    .nav-right {text-align:right}
    .nav-right .nav-head {float:left}
    .nav.nav-justified {display:table;width:100%}
    .nav-justified .nav-head {padding:0 20px;float:none}
    .nav-justified .nav-more {float:none}
    .nav-justified li {display:table-cell}
    .nav-justified .nav-head,.nav-justified li a {text-align:center;display:block}
    .nav-justified.nav-split .nav-head {padding:0 20px;border-right-width:1px}
    .nav-big .nav-head {font-size:18px;height:30px;line-height:30px;padding:0 20px}
    .nav-big a {font-size:18px;line-height:30px}
    .nav-big.nav-split a {line-height:30px}
}
.nav-main .nav-head {border:solid 1px #EBEBEB;background:#EBEBEB;padding:0 20px;line-height:28px}
.nav-main li {margin-top:-1px}
.nav-main a {border:solid 1px #EBEBEB;padding:4px 20px}
.nav-main a:hover {background:#f5f5f5;transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.nav-main .active {background-color:#f5f5f5}
.nav-main li:first-child,.nav-main li:first-child a {border-radius:4px 4px 0 0}
.nav-main li:last-child a {border-radius:0 0 4px 4px}
.nav-main ul li:first-child a,.nav-main ul li:last-child a {border-radius:0}
@media(min-width:760px) {.nav-main.nav-inline {padding:0 0 0 1px}
    .nav-main.nav-inline a {padding:4px 20px}
    .nav-main.nav-inline li {float:left;margin:0 0 0 -1px}
    .nav-main.nav-inline li:first-child,.nav-main.nav-inline li:first-child a {border-radius:4px 0 0 4px}
    .nav-main.nav-inline li:last-child a {border-radius:0 4px 4px 0}
    .nav-main.nav-inline ul li {float:none;margin:0}
    .nav-main.nav-justified .nav-head {float:none}
    .nav-main.nav-justified {width:100%;display:table}
    .nav-main.nav-justified li {width:auto;float:none;margin-left:-1px}
    .nav-main.nav-justified>li+li>a {border-left:0 none}
    .nav-main.nav-big .nav-head {height:40px;line-height:38px}
    .nav-main.nav-big.nav-inline a {line-height:30px}
}
.nav-main.border-main .nav-head,.nav-main.border-sub .nav-head,.nav-main.border-dot .nav-head,.nav-main.border-black .nav-head,.nav-main.border-gray .nav-head,.nav-main.border-red .nav-head,.nav-main.border-yellow .nav-head,.nav-main.border-blue .nav-head,.nav-main.border-green .nav-head {color:#fff}
.nav-sub .nav-head {border-bottom:solid 2px #EBEBEB;margin-bottom:2px;padding:0 20px;height:30px;line-height:28px}
.nav-sub a {border-bottom:solid 2px #EBEBEB;display:block;margin-bottom:2px;border-radius:4px 4px 0 0;padding:4px 20px}
.nav-sub a:hover {background:#f5f5f5}
.nav-sub .active a {border-color:#333}
@media(min-width:760px) {.nav-sub.nav-inline li {float:left;margin:0}
    .nav-sub.nav-inline a {padding:4px 20px;margin:0}
    .nav-sub.nav-justified {width:100%;display:table}
    .nav-sub.nav-justified li {width:auto;float:none}
    .nav-sub.nav-big .nav-head {line-height:38px;height:40px}
    .nav-sub.nav-big a {line-height:30px}
}
.nav-tabs .nav-head {line-height:30px;padding:0 20px}
.nav-tabs a {display:block;border-radius:4px;padding:5px 20px;margin-bottom:2px}
.nav-tabs .active a {border:solid 1px #EBEBEB;padding-top:4px;padding-bottom:4px}
.nav-tabs a:hover {background:#f5f5f5}
@media(min-width:760px) {.nav-tabs.nav-inline {border-bottom:solid 1px #EBEBEB;position:relative}
    .nav-tabs.nav-inline .nav-head {height:29px;line-height:29px}
    .nav-tabs.nav-inline a {border-radius:4px 4px 0 0;text-align:center;margin:0;position:relative;padding-bottom:4px}
    .nav-tabs.nav-inline .active a {border-bottom:0;background:#fff;margin-bottom:-1px;padding:4px 20px 5px 20px}
    .nav-tabs.nav-big .nav-head {line-height:39px;height:39px}
    .nav-tabs.nav-big a {padding:10px 20px 9px 20px}
    .nav-tabs.nav-big .active a {padding:9px 20px 10px 20px}
}
.nav-pills .nav-head {line-height:30px;padding:0 20px}
.nav-pills a {display:block;border-radius:2em;margin-bottom:2px;padding:5px 20px}
.nav-pills .active a,.nav-pills a:hover {background:#f5f5f5}
.nav-pills .active ul a {background:#fff}
@media(min-width:760px) {.nav-pills.nav-inline a {margin:0}
    .nav-pills.nav-justified {width:100%;display:table}
    .nav-pills.nav-justified li {width:auto}
    .nav-pills.nav-big .nav-head {line-height:40px;height:40px}
    .nav-pills.nav-big.nav-inline a {line-height:30px}
}
.nav-pills.border-main .active a,.nav-pills.border-sub .active a,.nav-pills.border-dot .active a,.nav-pills.border-black .active a,.nav-pills.border-gray .active a,.nav-pills.border-red .active a,.nav-pills.border-yellow .active a,.nav-pills.border-blue .active a,.nav-pills.border-green .active a {color:#fff}
.nav.nav-sitemap {list-style:none;display:table;width:100%;margin-bottom:15px}
.nav-sitemap ul {padding-left:0}
.nav-sitemap li {font-weight:bold;display:table-cell;text-align:left}
.nav-sitemap ul li {display:block;float:none;font-weight:normal;line-height:25px}
.bg-inverse .nav {padding:5px 0}
.bg-inverse .nav li a:hover,.bg-inverse .nav .active a {background-color:rgba(0,0,0,.20);color:#fff}
.bg-inverse .nav-inline .nav-head,.bg-inverse .nav-inline li a {text-indent:1em}
@media(min-width:760px) {.bg-inverse .nav {padding:0}
    .bg-inverse .nav-inline .nav-head {height:40px;line-height:40px;padding:0 20px;text-indent:0}
    .bg-inverse .nav-inline li {float:left;margin-right:1px}
    .bg-inverse .nav-inline li a {line-height:30px;padding:5px 20px;text-indent:0}
    .bg-inverse .nav-split .nav-head {border-right-width:1px}
    .bg-inverse .nav-split li {margin:0}
    .bg-inverse .nav-justified li {float:none}
    .bg-inverse .nav-inline.nav-big li a {line-height:40px}
    .bg-inverse .nav-inline.nav-big .nav-head {height:50px;line-height:50px;padding:0 20px}
}
.bg-inverse .nav-tabs {padding:5px}
.bg-inverse .nav-tabs .nav-head,.bg-inverse .nav-tabs li a {text-indent:0}
.bg-inverse .nav-tabs.nav-inline,.bg-inverse .nav-tabs li a {border:0}
.bg-inverse .nav.nav-tabs .active a,.bg-inverse .nav.nav-tabs a:hover {color:#333;background-color:#fff;padding-top:5px;padding-bottom:5px}
@media(min-width:760px) {.bg-inverse .nav-tabs {padding:0}
    .bg-inverse .nav-tabs li a {margin:5px 0;padding:5px 20px;line-height:20px;border-radius:4px}
    .bg-inverse .nav.nav-tabs .active a {margin:5px 0 0 0;border:0;line-height:25px;border-radius:4px 4px 0 0}
    .bg-inverse .nav.nav-tabs.nav-big a {margin:5px 0;padding:0 20px}
    .bg-inverse .nav.nav-tabs.nav-big .active a {margin:5px 0 0 0;padding:0 20px;line-height:45px}
}
.bg-inverse .nav-pills {padding:5px}
.bg-inverse .nav-pills .nav-head,.bg-inverse .nav-pills li a {text-indent:0}
@media(min-width:760px) {.bg-inverse .nav-pills {padding:0}
    .bg-inverse .nav-pills li a {line-height:20px;margin:5px 0}
    .bg-inverse .nav-pills.nav-big li a {line-height:30px;margin:5px 0;padding:5px 20px}
}
.bg-inverse .nav-sitemap li a {text-indent:.5em}
.bg-inverse .nav.nav-pills .active a,.bg-inverse .nav.nav-pills.nav-inline a:hover {color:#333;background-color:#fff}
.navbar {position:relative}
.navbar-head {padding:5px;line-height:30px}
.navbar-head .logo {padding:3px 0;display:block}
.navbar-head .icon-navicon {padding:4px 12px;font-size:16px;float:right}
.navbar-big .navbar-head .icon-navicon {margin-top:5px}
.navbar-big .navbar-head .logo {padding:2px 0;display:block}
.navbar p {margin:0}
.navbar-body {border:solid 1px rgba(0,0,0,.2);margin-top:1px;border-top:0;display:block;background:rgba(0,0,0,.05);position:absolute-bak;width:100%}
.navbar-body .nav {margin-top:-1px;padding:0}
.navbar-body .nav a {text-indent:1em}
.navbar-body .nav li {border-top:solid 1px rgba(0,0,0,.2)}
.navbar-form input {vertical-align:bottom}
.navbar-form,.navbar-text {border-top:solid 1px rgba(0,0,0,.2);padding:5px 14px;margin-top:-1px}
.navbar-body .input,.navbar-body .button {padding:4px 10px;height:30px}
.navbar-body .nav-pills a {text-indent:0}
@media(max-width:760px) {.navbar-body .nav a {border-radius:0;margin-bottom:0}
    .navbar-body .nav a:hover {background:#fff}
}
@media(min-width:760px) {.navbar-body,.navbar-body .nav,.navbar-form,.navbar-text {margin-top:0;border:0}
    .navbar-body .nav a {text-indent:0}
    .navbar-head {float:left;padding:0 5px 0 0}
    .navbar-body {background:transparent;margin:0;position:relative}
    .navbar-body .nav li {float:left;border:0}
    .navbar-body .nav ul li {float:none}
    .navbar-form {padding:0 10px}
    .navbar-text {padding:0;line-height:30px}
    .navbar-left {float:left}
    .navbar-right {float:right}
    .bg-inverse .navbar-head,.bg-inverse .navbar-text {padding:5px}
    .bg-inverse .navbar-form {padding:5px 10px}
    .navbar-big .navbar-head {line-height:40px}
    .navbar-big .navbar-text {padding:8px;font-size:18px}
    .navbar-big .navbar-form {padding:8px 10px}
    .navbar-big .navbar-body .input,.navbar-big .navbar-body .button {padding:5px 10px;height:34px}
    .navbar-big .nav-pills a {margin:5px 0}
}
.nav ul {display:block;list-style:none;padding:0}
.nav ul a {font-weight:normal;padding:5px 20px}
.nav ul ul a {padding-left:40px}
.nav ul ul ul a {padding-left:60px}
.nav ul ul ul ul a {padding-left:80px}
.nav .active ul a {font-weight:normal}
.nav-menu .drop-menu {display:none;margin-top:0px}
.nav-menu ul {padding:5px 0}
.nav-menu .arrow {display:inline-block}
.nav-menu ul .arrow {display:none}
.nav-menu li:hover ul {display:block}
.nav-menu.nav-big ul a {line-height:20px}
.nav-menu ul ul,.nav-menu.nav-main ul ul,.nav-menu.nav-sub ul ul,.nav-menu.nav-tabs ul ul,.nav-menu.nav-pills ul ul {padding:0}
.nav-menu ul a,.nav-menu.nav-tabs ul a,.nav-menu.nav-pills .active ul a,.nav-menu.nav-big.nav-inline ul a,.bg-inverse .nav-menu.nav-inline ul a,.bg-inverse .nav-menu.nav-inline .active ul a,.bg-inverse .nav-menu.nav-inline.nav-big ul a,.bg-inverse .nav-menu.nav-inline.nav-big .active ul a,.navbar-body .nav ul a {line-height:20px;background:#fff;font-size:inherit;border:0;border-radius:0;padding-top:5px;padding-bottom:5px;margin:0;text-indent:0}
.nav-menu ul a,.nav-menu.nav-pills .active ul a,.bg-inverse .nav-menu ul a,.bg-inverse .nav-menu .active ul a {color:#333}
.navbar-body .nav ul li {border:0}
@media(min-width:760px) {.nav-menu ul {position:absolute;display:none;left:100%;z-index:1;float:left;min-width:160px;background-color:#fff;background-clip:padding-box;border-radius:5px;-webkit-box-shadow:0 5px 15px -8px rgba(0,0,0,.175);box-shadow:0 5px 15px -8px rgba(0,0,0,.175);}
    .nav-menu .arrow {display:inline-block;float:right;margin-top:6px;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
    .nav-menu ul .arrow {margin:6px -10px 0 0;display:inline-block}
    .nav-menu ul a,.nav-menu ul ul a,.nav-menu ul ul ul a,.nav-menu ul ul ul ul a {padding-left:20px}
    .nav-menu ul ul {padding:5px 0}
    .nav-menu li:hover ul ul,.nav-menu li:hover ul ul ul,.nav-menu li:hover ul ul ul ul {display:none}
    .nav-menu li:hover ul,.nav-menu li li:hover ul,.nav-menu li li li:hover ul,.nav-menu li li li li:hover ul {display:block}
    .nav-inline.nav-menu ul {top:100%;left:0}
    .nav-inline.nav-menu ul li {display:block}
    .nav-inline.nav-menu ul ul {top:-6px;left:100%}
    .nav-inline.nav-menu ul a {display:block;padding:5px 20px;text-align:left;font-size:inherit}
    .nav-inline.nav-menu ul a:hover {background:#f5f5f5}
    .nav-inline.nav-menu .arrow {float:none;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;margin-top:0}
    .nav-inline.nav-menu ul .arrow {float:right;margin-top:6px;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
    .nav-main .arrow,.nav-main.nav-inline ul .arrow,.nav-sub .arrow,.nav-sub.nav-inline ul .arrow,.nav-tabs .arrow,.nav-tabs.nav-inline ul .arrow,.nav-pills .arrow,.nav-pills.nav-inline ul .arrow {margin-right:-10px}
    .nav-main.nav-inline .arrow,.nav-sub.nav-inline .arrow,.nav-tabs.nav-inline .arrow,.nav-pills.nav-inline .arrow {margin-right:0}
    .nav-menu ul ul,.nav-menu.nav-main ul ul,.nav-menu.nav-sub ul ul,.nav-menu.nav-tabs ul ul,.nav-menu.nav-pills ul ul {padding:5px 0}
    .nav-main.nav-inline ul li,.nav-sub.nav-inline ul li,.bg-inverse .nav-inline ul li {float:none}
}

.container, .container-layout {
    margin: 0 auto;
    padding: 0 10px;
}
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 {
    float: left;
}
.x2 {
    width: 16.66666667%;
}
.x9 {
    width: 75%;
}
.text-center {
    text-align: center;
}
.layout {width:100%}
.container{width: 80% !important;}
.container,.container-layout {margin:0 auto;padding:0 10px}
@media(min-width:760px) {.container {width:750px!important;}
}
@media(min-width:1000px) {.container {width:1000px!important;}
}
@media(min-width:1200px) {.container {width:1200px!important;}
}

.product-list-item{
    width: 238px;
    padding: 15px;
    vertical-align: baseline;
    margin: 0 10px 10px 0;
    height: 387px;
    border: 1px solid #EBEEF5;
    background-color: #FFF;
    color: #303133;
    -webkit-transition: .3s;
    transition: .3s;
}
.product-list-item:focus,
.product-list-item:hover{
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}
.list-head-p{
    margin-bottom: 2px;
    text-transform: uppercase;
    font: 400 10px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: .625rem;
    color: #999;
    max-height: 24px;
    overflow-wrap: break-word;
}
.list-head-a{
    color: #0066a1;
    line-height: 1.57;
    text-align: left;
    font: 400 14px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: .875rem;
    display: block;
}
.list-head-brand{
    font: 500 14px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: .875rem;
    line-height: 1.42857143;
    color: #0066a1;
    padding: 2px 0 0;
    word-wrap: break-word;
}
.list-head-mask{
    overflow: hidden;
    padding: 2px 0 0;
    max-height: 40px;
    height: 40px;
    word-wrap: normal!important;
    line-height: 1.5;
    color: #3f4348;
    font-size: .75rem;
}
.list-head-img{
    height: 114px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin: 0 0 11px;
    padding-top: 10px;
}
.list-head-img >img{
    height: 114px;
    width: auto;
}

.product-list-item-line{
    border-bottom: 2px solid #e98300;
    margin-bottom: 6px;
    height: 24px;
}
.product-list-item-type,
.specification-type-item{
    width: 100%;
    margin: 0;
    border: none;
    font: 500 12px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: .75rem;
    color: #747678;
    padding-bottom: 2px;
    line-height: 25px;
}
.product-list-item-type >span,
.specification-type-item > span{
    margin: 0;
    border: none;
    font: 900 12px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: .75rem;
    line-height: 25px;
    color: #3f4348;
}

footer{
    padding: 70px 0 0 0;
    background-color: #383838;
    display: block;
}
.container-layout {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1500px;
}
.bg-yellow {
    background-color: #1aa094;
}
.radius-circle {
    border-radius: 50%;
}
.float-left {
    float: left!important;
    margin-right: 10px;
}

.product-description h1{
    font: 200 26px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: 1.625rem;
    line-height: 1.23076923;
    color: #333;
    margin-right: 8px;
    display: inline-block;
}
.product-description h2{
    font: 500 14px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: .875rem;
    line-height: 1.57142857;
    color: #3f4348;
    padding: 4px 0 10px;
}

.view-basic{
    display: flex;
    flex-direction: row;
}

.view-img{
    width: 319px;
    height: 319px;
    margin-right: 20px;
    padding: 10px;
    background-color: #fff;
}
.view-img >img{
    width: 100%;
    height: 100%;
    border: 0;
    vertical-align: middle;
    font: 400 14px Avenir,Avenir W02,Helvetica,sans-serif;
    font-size: .875rem;
    line-height: 1.57142857;
}
.view-basic-info{
    width: calc(100% - 340px);
}

.other-eltab,
.pro-eltab{
    margin-top: 15px;
}
.pro-eltab{
    height: 500px;
}
.other-eltab .el-tabs__content{
    height: calc(100% - 40px);
    box-sizing: border-box;
}
.pro-eltab .el-tabs__header,
.pro-eltab .el-tabs__content{
    height: 100%;
    box-sizing: border-box;
}
.other-eltab .el-tabs__content .el-tab-pane,
.pro-eltab .el-tabs__content .el-tab-pane{
    height: 100%;
}

.lp-file-row, .compliance-row, .compliance-item{
    padding: 20px 20px 10px;
    border-bottom: 1px solid rgb(204, 204, 204);
}
.lp-file-row .el-col{
    line-height: 30px;
}

.all-pro{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lp-pro-item{
    display: flex;
    flex-direction: row;
    width: 47%;
    height: 90px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(237, 237, 238);
    border-image: initial;
    margin-bottom: 15px;
}
.lp-pro-img{
    font-size: 12px;
    word-break: break-word;
    width: 83px;
    height: 85px;
    margin-right: 10px;
}

.lp-pro-item-title{
    color: rgb(0, 102, 161);
    padding-bottom: 4px;
    font: 500 1rem / 1.25 Avenir, "Avenir W02", Helvetica, sans-serif;
}
.lp-pro-item-span{
    max-height: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
}
.pro-eltab.el-tabs .el-tab-pane{
    overflow-y: auto;
}