.columns{padding:60px 0;}
.columns .title{margin-bottom:35px;}
.columns-list{margin:0 -12px; position:relative; height:1000px;}
.columns-list>aside{display:block; width:33.3333%; padding:0 12px; position:absolute; top:0; left:0; visibility:hidden;}
.columns-list>aside[style]{visibility:visible;}
.columns-list>aside>span{display:block; padding-left:25px; border-radius:10px; overflow:hidden; background:#eef2f8; background:;}
.columns-list>aside>span>h3{font-size:24px; line-height:36px; margin:36px 0;}
.columns-list>aside>span>h3>img{float:right; height:108px; margin:-36px 10px; position:relative;}
.columns-list>aside.has>span>h3>img{top:12px;}
.columns-list>aside>span>h3>a{display:inline; line-height:1.5;}
.columns-list>aside>span>ul{margin-bottom:38px;}
.columns-list>aside>span>ul>li{display:block; margin-top:12px;}
.columns-list>aside>span>ul>li>a{display:inline-block; font-size:15px;}
.columns-list>aside>span>ul>li>a:before{content:'>'; font-family:'SimSun'; font-weight:bold; margin-right:8px; float:left; color:#2b7ffe;}
@media(max-width:1199px){
.columns{padding:40px 0;}
.columns .title{margin-bottom:25px;}
.columns-list{margin:0 -9px;}
.columns-list>aside{padding:0 9px;}
.columns-list>aside>span{padding-left:18px;}
.columns-list>aside>span>h3{font-size:21px; line-height:28px; margin:28px 0;}
.columns-list>aside>span>h3>img{height:92px; margin:-28px 10px;}
.columns-list>aside>span>ul{margin-bottom:28px;}
.columns-list>aside>span>ul>li{margin-top:8px;}
.columns-list>aside>span>ul>li>a{font-size:14px;}
}
@media(max-width:991px){
.columns-list>aside{width:50%;}
}
@media(max-width:767px){
.columns{padding:20px 0;}
.columns .title{margin-bottom:15px;}
.columns-list{margin:0 -4px;}
.columns-list>aside{padding:0 4px; width:100%;}
.columns-list>aside>span{padding-left:14px;}
.columns-list>aside>span>h3{font-size:19px; line-height:25px; margin:18px 0;}
.columns-list>aside>span>h3>img{height:78px; margin:-18px 10px;}
.columns-list>aside>span>ul{margin-bottom:18px;}
.columns-list>aside>span>ul>li{margin-top:4px;}
}





.productlist{padding:60px 0;}
@media(max-width:1199px){
.productlist{padding:40px 0;}
}
@media(max-width:767px){
.productlist{padding:20px 0;}
}

.productlist-nav{margin-top:35px;}
.productlist-nav>ul{margin:0 -8px;}
.productlist-nav>ul:after{display:block; content:''; clear:both;}
.productlist-nav>ul>li{float:left; width:25%; padding:0 8px; margin-bottom:16px;}
.productlist-nav>ul>li>span{display:block; background:#eef2f8; border-radius:5px; padding:0 18px; line-height:48px;}
.productlist-nav>ul>li>span:after{display:block; content:''; clear:both;}
.productlist-nav>ul>li>span>a.link{float:left; max-width:90%; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productlist-nav>ul>li>span>a.link:before{content:'>'; font-family:'SimSun'; font-weight:bold; margin-right:8px; float:left; color:#2b7ffe;}
.productlist-nav>ul>li>span>a.list{float:right; max-width:10%; text-align:right; font-size:16px; color:#e7053a;}
.productlist-nav>ul>li>span>a.list:hover{color:#2b7ffe;}
@media(max-width:1199px){
.productlist-nav{margin-top:25px;}
.productlist-nav>ul>li{width:33.3333%;}
.productlist-nav>ul>li>span>a.link{font-size:15px;}
}
@media(max-width:992px){
.productlist-nav>ul>li{width:50%;}
}
@media(max-width:767px){
.productlist-nav{margin-top:15px;}
.productlist-nav>ul{margin:0 -4px;}
.productlist-nav>ul>li{width:100%; padding:0 4px; margin-bottom:8px;}
.productlist-nav>ul>li>span{padding:0 12px; line-height:38px;}
.productlist-nav>ul>li>span>a.link{font-size:14px;}
}


.productlist-tab{border-bottom:1px solid #d8d8d8; margin:35px 0;}
.productlist-tab a{float:left; font-size:18px; padding:10px 15px; transition:0s;}
.productlist-tab a+a{margin-left:10px;}
.productlist-tab a.on{font-weight:bold; border-bottom:3px solid #2b7ffe;}
@media(max-width:1199px){
.productlist-tab{margin:25px 0;}
}
@media(max-width:767px){
.productlist-tab{margin:15px 0;}
.productlist-tab a{font-size:16px; padding:4px 8px;}
.productlist-tab a+a{margin-left:5px;}
}


.productlist-detail{font-size:16px; display:none;}
.productlist[tab="desc"] .productlist-detail{display:block;}
.productlist-detail p+p{margin-top:14px;}
@media(max-width:1199px){
.productlist-detail{font-size:15px;}
}
@media(max-width:767px){
.productlist-detail{font-size:14px;}
}

.productlist-container{display:none;}
.productlist[tab="list"] .productlist-container{display:block;}



.productlist-switch{text-align:right; font-size:15px; position:relative; top:-10px;}
.productlist-switch>u{display:inline-block; text-decoration:none; cursor:pointer; user-select:none;}
.productlist-switch>u>i{margin-right:6px; color:#989898;}
.productlist-switch>u.on{font-weight:bold;}
.productlist-switch>u.on>i{color:#2b7ffe;}
.productlist-switch>a{display:inline-block; margin-left:18px;}
.productlist-switch>a>i{margin-right:6px; color:#e7053a;}
@media(max-width:767px){
.productlist-switch{font-size:14px; top:-5px;}
}


.productlist-model3d{padding-left:0;}
.productlist-model3d>div{width:35px; font-size:0; position:relative; left:-18px;}

.productlist-param{background:#eef2f8; padding:10px 20px; border-radius:10px; overflow:hidden; position:relative;}
.productlist-param.load:before{position:absolute; content:''; top:0; right:0; bottom:0; left:0; z-index:1; background:rgba(255,255,255,.58);}
.productlist-param.load:after{position:absolute; top:50%; left:50%; content:"\eec1"; font-family:'remixicon' !important; text-align:center; 
font-size:30px; line-height:30px; width:30px; height:30px; margin:-15px 0 0 -15px; z-index:2; 
animation:spin 1s linear infinite; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; -o-animation:spin 1s linear infinite;}
.productlist-param>aside{overflow:auto; font-size:0; padding:10px 0; white-space:nowrap;}
.productlist-param>aside>dl{background:#fff; padding:15px; border-radius:5px;}
.productlist-container dl.param{display:inline-block; font-size:14px; min-width:16.05%;}
.productlist-container dl.param+dl{margin-left:10px;}
.productlist-container dl.param>dt{font-size:15px; font-weight:bold; margin-bottom:12px; line-height:1;}
.productlist-container dl.param>dd{display:block;}
.productlist-container dl.param>dd>ins{position:relative; display:block;}
.productlist-container dl.param>dd>ins>i{position:absolute; right:8px; top:0; line-height:32px; z-index:8;}
.productlist-container dl.param>dd>ins>input{border-radius:5px; line-height:20px; padding:5px 25px 5px 12px; width:150px; min-width:100%; display:block; height:32px; border:1px solid #d8d8d8; box-shadow:none; background:#fff;}
.productlist-container dl.param>ul{overflow:auto; height:158px; margin-top:15px;}
.productlist-container dl.param>ul>li{line-height:1; position:relative; padding-left:18px; margin-bottom:10px;}
.productlist-container dl.param>ul>li:last-child{margin-bottom:0;}
.productlist-container dl.param>ul>li>a{display:inline-block; color:#181818;}
.productlist-container dl.param>ul>li>a.disabled{opacity:0.3; cursor:default;}
.productlist-container dl.param>ul>li>a.disabled.default{display:none;}
.productlist-container dl.param>ul>li>a:not(.disabled):hover{color:#2b7ffe;}
.productlist-container dl.param>ul>li>a>i{position:absolute; cursor:pointer; background:#fff; width:14px; height:14px; margin-top:-7px; left:0; top:50%; border-radius:3px; box-shadow:inset 0 0 6px rgba(0,0,0,.04); border:1px solid #989898;}
.productlist-container dl.param>ul>li>a.disabled>i{cursor:default;}
.productlist-container dl.param>ul>li>a>i.active{line-height:12px; text-align:center; overflow:hidden; color:#fff; font-family:'remixicon'; font-style:normal; font-size:12px; background:#2b7ffe; border-color:#2b7ffe;}
.productlist-container dl.param>ul>li>a>i.active:before{content:"\eb7a";}
.productlist-container dl.param>ul>li>a.disabled>i.active{background:#333; border-color:#333;}
@media(max-width:1199px){
.productlist-param{padding:5px 10px;}
.productlist-param>aside{padding:5px 0;}
}
@media(max-width:767px){
.productlist-param{padding:4px 8px; border-radius:5px;}
.productlist-param>aside{padding:4px 0;}
.productlist-container dl.param+dl{margin-left:8px;}
.productlist-param>aside>dl{padding:8px;}
.productlist-container dl.param>ul{margin-top:10px; height:145px;}
.productlist-container dl.param>ul>li{margin-bottom:8px;}
.productlist-container dl.param>ul>li:last-child{margin-bottom:0;}
}
@keyframes spin{ from{transform:rotate(0deg);} to{transform:rotate(360deg);} }
@-webkit-keyframes spin{ from{-webkit-transform:rotate(0deg);} to{-webkit-transform:rotate(360deg);} }
@-moz-keyframes spin{ from{-moz-transform:rotate(0deg);} to{-moz-transform:rotate(360deg);} }
@-o-keyframes spin{ from{-o-transform:rotate(0deg);} to{-o-transform:rotate(360deg);} }

.productlist-box{display:block;}
.productlist-box>ul{margin:0 -8px;}
.productlist-box>ul:after{display:block; content:''; clear:both;}
.productlist-box>ul>li{float:left; width:50%; padding:0 8px; margin-top:16px;}
.productlist-box>ul>li>aside{border:1px solid #d8d8d8; border-radius:10px; position:relative;}
.productlist-box>ul>li>aside:after{display:block; content:''; clear:both;}
.productlist-box>ul>li>aside>i[gid]{display:none; position:absolute; left:15px; top:15px; z-index:88;}
.productlist-box>ul>li>aside>span{float:left; width:40%; text-align:center; font-size:0; padding:14px 0 22px 0;}
.productlist-box>ul>li>aside>span>a{display:inline-block;}
.productlist-box>ul>li>aside>span>a>img{display:block; margin:0 auto; height:108px;}
.productlist-box>ul>li>aside>span>ins{display:block; font-style:normal; margin-top:10px;}
.productlist-box>ul>li>aside>span>ins>a{display:inline-block; line-height:30px; font-size:12px; padding:0 15px; border-radius:50px; background:#eef2f8; color:#181818;}
.productlist-box>ul>li>aside>span>ins>u{display:inline-block; width:6%; height:8px;}
.productlist-box>ul>li>aside>span>ins>a>i{margin-right:4px; color:#e7053a;}
.productlist-box>ul>li>aside>span>ins>a>img{margin-right:6px; height:18px; display:inline-block; vertical-align:middle; position:relative; top:-1px;}
.productlist-box>ul>li>aside>span>ins>a:hover{color:#fff; background:#2b7ffe;}
.productlist-box>ul>li>aside>div{float:left; width:30%; padding:24px 0 20px 20px;}
.productlist-box>ul>li>aside>div>h3{font-size:18px; line-height:28px; position:relative; top:-4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.productlist-box>ul>li>aside>div>dl{display:block; line-height:28px;}
.productlist-box>ul>li>aside>div>dl:after{display:block; content:''; clear:both;}
.productlist-box>ul>li>aside>div>dl>dt{float:left; color:#686868;}
.productlist-box>ul>li>aside>div>dl>dt:after{content:':'; font-weight:bold; padding:0 10px 0 2px;}
.productlist-box>ul>li>aside>div>dl>dd{float:left;}
@media(max-width:1199px){
.productlist-box>ul>li{width:100%;}
}
@media(max-width:767px){
.productlist-box>ul{margin:0 -4px;}
.productlist-box>ul>li{padding:0 4px; margin-top:8px;}
.productlist-box>ul>li>aside{border-radius:5px;}
.productlist-box>ul>li>aside>i[gid]{left:8px; top:8px;}
.productlist-box>ul>li>aside>span{width:100%; padding:8px 0 12px 0;}
.productlist-box>ul>li>aside>span:after{display:block; content:''; clear:both;}
.productlist-box>ul>li>aside>span>a{float:left; width:50%; padding-left:12px;}
.productlist-box>ul>li>aside>span>ins{float:left; width:50%; padding-left:12px; margin:0;}
.productlist-box>ul>li>aside>span>ins>a{margin-top:12px;}
.productlist-box>ul>li>aside>span>ins>u{display:block; width:100%; height:6px;}
.productlist-box>ul>li>aside>div{width:50%; padding:0 0 8px 12px;}
.productlist-box>ul>li>aside>div>h3,
.productlist-box>ul>li>aside>div>dl{line-height:26px;}
}


.productlist-table{position:relative; overflow:auto;}
.productlist-table.load:before{position:absolute; content:''; top:0; right:0; bottom:0; left:0; z-index:1; background:rgba(255,255,255,.58);}
.productlist-table.load:after{position:absolute; top:50%; left:50%; content:"\eec1"; font-family:'remixicon' !important; text-align:center; 
font-size:30px; line-height:30px; width:30px; height:30px; margin:-15px 0 0 -15px; z-index:2; 
animation:spin 1s linear infinite; -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; -o-animation:spin 1s linear infinite;}


table.table>tbody>tr>td.productlist-name{font-size:0; white-space:nowrap;}
table.table>tbody>tr>td.productlist-name>i{margin:20px 15px 0 0; vertical-align: top;}
table.table>tbody>tr>td.productlist-name>a.box{/*width:90%;*/ display:inline-block;}
table.table>tbody>tr>td.productlist-name>a.box>ins{float:left; vertical-align:top; width:68px; font-size:0; height:62px; line-height:62px; margin-right:8px;}
table.table>tbody>tr>td.productlist-name>a.box>ins>img{display:inline-block; vertical-align:middle; max-width:100%; max-height:100%;}
table.table>tbody>tr>td.productlist-name>a.box>b{float:left; font-size:14px; height:62px; padding:1px 0; line-height:25px; /*width:60%;*/ overflow:hidden; white-space: normal; 
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
table.table>tbody>tr>td.productlist-name>a.box>b>strong{display: block; max-height:62px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
table.table>tbody>tr>td.productlist-name>a.model3d{float:right; margin-top:13px;}
table.table>tbody>tr>td.productlist-name>a.model3d>img{height:20px;}

@media(min-width:1200px){
.productlist-thead-container,
.productlist-table-container{position:relative; overflow:hidden;}
.productlist-thead-name,
.productlist-table-name{width:360px; position:absolute; left:0; top:0; z-index: 88; box-shadow:0 0 8px rgba(0,0,0,.1);}
.productlist-thead-name table.table,
.productlist-table-name table.table{overflow:hidden;}
.productlist-thead-content,
.productlist-table-content{padding-left:360px;}
}


.productlist-thead{}
.productlist-thead.on{position:fixed; top:78px; left:0; right:0; z-index:666;}
.productlist-thead:not(.on)>article{padding:0;}
.productlist-thead.on + .productlist-table{padding-top:293px;}

.productlist-thead.hi table.table{overflow:hidden;}

.productlist-thead table.table>tbody>tr{position: relative;}
.productlist-thead table.table>tbody>tr>th>b{display:block; width:150px;}
.productlist-table table.table>tbody>tr>td>span{display:block; width:181px; height:62px;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box;
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center;}
@media(max-width:1199px){
.productlist-thead table.table>tbody>tr>th:first-child>b{width:348px; }
}


.productlist-fix{position:fixed; bottom:20px; left:50%; z-index:888888; padding:15px 40px 15px 20px; border-radius:10px;
display:none; box-shadow:0 2px 8px rgba(0,0,0,.18); width:522px; margin-left:-261px; background:#2b7ffe;}
.productlist[tab="list"] .productlist-container.select + .productlist-fix{display:block;}
.productlist-fix>span{float:left; font-size:16px; width:180px;}
.productlist-fix>span>b{display:block; font-weight:normal; margin-bottom:4px; color:#fff;}
.productlist-fix>span>u{display:inline-block; font-style:normal; cursor:pointer; color:#d8d8d8;  cursor:no-drop;}
.productlist-fix>button{float:left; padding:8px 18px; margin:10px 15px; font-size:15px; line-height:24px; border-radius:5px; border:none; cursor:pointer; background:#fff; cursor:no-drop; color:#989898;}
.productlist-fix>i{color:#fff; position:absolute; top:10px; right:10px; font-size:20px; line-height:1; cursor:pointer;}
.productlist-fix>i:hover{color:#e7053a;}
.productlist-fix.selected>span>u{color:#fff; cursor:pointer;}
.productlist-fix.selected>span>u:hover{color:#e7053a;}
.productlist-fix.selected>button{ box-shadow:0 2px 8px rgba(0,0,0,.18); cursor:pointer; color:#181818;}
.productlist-fix.selected>button:hover{color:#fff; background:#224eb5;}
@media(max-width:1199px){
.productlist-thead{top:58px;}
.productlist-thead table.table{overflow:auto;}
}
@media(max-width:767px){
.productlist-fix{padding:10px 30px 10px 10px; border-radius:5px; box-shadow:0 2px 8px rgba(0,0,0,.18); width:320px; margin-left:-160px;}
.productlist-fix>span{float:none; font-size:15px; width:100%; display:block;}
.productlist-fix>span>b{margin-bottom:0;}
.productlist-fix>i{top:8px; right:8px; font-size:18px;}
.productlist-fix>button{padding:6px 16px; margin:10px 10px 0 0; font-size:14px; border-radius:3px;}
.productlist-thead.on{top:58px;}
.productlist-thead.on + .productlist-table{padding-top:252px;}  
.productlist-table table.table>tbody>tr>td>span{width:167px;}
.productlist-thead table.table>tbody>tr>th:first-child>b{width: 362px;}
}



.productlist-container i[gid]{display:none; cursor:pointer; background:#fff; width:20px; height:20px; vertical-align:middle; border-radius:5px; box-shadow:inset 0 0 5px rgba(0,0,0,.05); border:1px solid #989898;}
.productlist-container i[gid]:hover{box-shadow:inset 0 0 5px rgba(0,0,0,.1); border-color:#686868;}
.productlist-container i[gid].on{line-height:18px; text-align:center; overflow:hidden; color:#fff; font-family:'remixicon'; font-style:normal; font-size:16px; background:#2b7ffe; border-color:#2b7ffe;}
.productlist-container i[gid].on:before{content:"\eb7a";}
.productlist-container.select i[gid]{display:inline-block;}

.productlist-file{display:none;}
.productlist[tab="file"] .productlist-file{display:block;}

.productlist-data{display:none;}
.productlist[tab="data"] .productlist-data{display:block;}