/* 产品页产品搜索 */
#prosearchhzy{ margin:0px auto; padding:20px 0;}
#prosearchhzy>form{ width:500px; height:40px; background:rgba(255,255,255,1);border:1px solid #ededed; margin:0px auto;}
#prosearchhzy>form input[type="text"]{outline: medium;float:left;height:40px;line-height:40px;width:70%; padding:0 5%;border:none; font-family:微软雅黑; font-size:16px; background:none;color:#333;box-sizing:border-box;overflow:hidden;}
#prosearchhzy>form input::-webkit-input-placeholder, #search textarea::-webkit-input-placeholder { color:#ccc;}
#prosearchhzy>form button{float:right;width:20%;height:40px;border:none; opacity:.8;background:url(../image/search.png) no-repeat center center;background-size:auto 18px;;cursor:pointer;box-sizing:border-box;overflow:hidden;}
#prosearchhzy>form button:hover{ opacity:1;}
@media only screen and (max-width: 1280px) {
#prosearchhzy>form{ width:80%;}
}
@media only screen and (max-width: 420px) {
#prosearchhzy>form{ width:90%;}
}
/* 产品列表页左侧有二级 */
#category-hzy{padding: 30px 0 50px 0; background-: #fcfcfc;}
#category-hzy .wrap{display: flex; justify-content: space-between;}
.catalog-hzy{width: 280px;}
.catalog-hzy>.title{font-size: 18px; color: #2b2b2b;}
.catalog-hzy>.mp-title{display: none; font-size: 18px; color: #2b2b2b;}
.catalog-hzy .box{margin-top: 20px; border: 1px solid #e6e7e7; background: #fff;}
.catalog-hzy .box>.title{font-size: 24px; color: #ffffff; font-weight: bold; padding: 16px 20px; border-bottom: 1px solid #eee; position: relative;background:#0e6552;border-radius: 15px 15px 0 0;}
.catalog-hzy .box>.title::after{display: block; content: '▸'; font-family: 'iconfont'; margin-right: 8px; font-size: 30px; position: absolute; right: 16px; top: 18px; color: #fff; transform: rotate(90deg); margin: auto; transition: all .3s; }
.catalog-hzy .box>.title.active::after{transform: rotate(-90deg);}
.catalog-hzy .box>.list{padding: 15px 0 20px 0;}
.catalog-hzy ul>li{margin: 5px 0; position: relative;}
.catalog-hzy ul>li.active>a{z-index: 1; position: relative;}
.catalog-hzy ul>li.active>a::before{position: absolute; width: 3px; height: 36px; background: #0e6552; content: ''; left: -1px; top: 0;}
.catalog-hzy ul>li li>a::before{display: none;}
.catalog-hzy ul>li>a{display: block; padding: 0 20px; color: #2b2b2b; font-size: 16px; height: 36px;line-height: 36px;border-bottom: 1px solid #f8f8f8;}
.catalog-hzy ul>li ul{display: none; padding-left: 20px;}
.catalog-hzy ul>li.active>a{color: #0e6552; font-weight: bold; }
.catalog-hzy ul>li.active>ul{display: block;}
.catalog-hzy ul>li .plus{position: absolute; width: 24px; height: 24px; right: 10px; top: 0; margin-top:5px; cursor: pointer; z-index: 2;}
.catalog-hzy ul>li .plus:before{width:12px; height:2px; background:#cdcdcd; content:''; display: block; position:absolute; left:50%; top:50%; margin:-1px auto auto -7px;}
.catalog-hzy ul>li .plus:hover:before{background: #999;}
.catalog-hzy ul>li .plus:after{width:2px; height:12px; background:#cdcdcd; content:''; display: block; position:absolute; left:50%; top:50%; margin:-6px auto auto -2px;}
.catalog-hzy ul>li .plus:hover:after{background: #999;}
.catalog-hzy ul>li .less{position:absolute; width:24px; height:24px; right: 10px; top:0; margin-top:5px; cursor:pointer; z-index: 2;}
.catalog-hzy ul>li .less:before{width:12px; height:2px; background:#cdcdcd; content:''; display: block; position:absolute; left:50%; top:50%; margin:-1px auto auto -7px;}
.catalog-hzy ul>li .less:hover:before{background: #999;}
@media (max-width:1679px){ /*1440*/
.catalog-hzy{width: 280px;}
}
@media (max-width:1439px){ /*1366*/
.catalog-hzy{width: 280px;}
}
@media (max-width:1365px){ /*1280*/
.catalog-hzy{width: 280px;}
.catalog-hzy ul>li>a{font-size: 16px; line-height: 36px;}
}
.product-list-hzy{width: 1200px; font-family: 'Microsoft YaHei';}
.product-list-hzy .title{text-align: right;}
.product-list-hzy .title>a{display: inline-block; font-size: 15px; color: #999;}
.product-list-hzy .title>a.grid{margin-right: 12px;}
.product-list-hzy .title>a.grid::before{content: '\e81c'; font-family: 'iconfont'; font-size: 18px; margin-right: 6px;}
.product-list-hzy .title>a.list::before{content: '\e74d'; font-family: 'iconfont'; font-size: 16px; margin-right: 6px;}
.product-list-hzy .title>a.active{color: #0e6552;}
@media (max-width:1679px){ /*1440*/
.product-list-hzy{width: 1020px;}
}
@media (max-width:1439px){ /*1366*/
.product-list-hzy{width: 950px;}
}
@media (max-width:1365px){ /*1280*/
.product-list-hzy{width: 890px;}
}
@media (max-width:1279px){ /*mp*/
#category-hzy{padding: 5px 15px 60px 15px; margin-top: -25px;}
#category-hzy .wrap{display: block;}
.catalog-hzy{width: 100%;}
.catalog-hzy>.title{display: none;}
.catalog-hzy>.mp-title{display: block;}
.catalog-hzy>.mp-title>span{display: inline-block; background: #ffff00; padding: 5px; color: #111; position: relative; top: -1px;}
.catalog-hzy .box>.title::after{transform: rotate(-90deg);}
.catalog-hzy .box>.title.active::after{transform: rotate(90deg);}
.catalog-hzy .box>.list{display: none;}
.product-list-hzy{width: 100%;}
.product-list-hzy .title{text-align: left; margin-top: 30px;}
}
.product-list-hzy .related{display: flex; flex-wrap: wrap; margin-top: 20px;}
.product-list-hzy .related>.item{width: calc(25% + 1px); box-sizing: border-box; border: 1px solid #e6e7e7; padding: 20px 20px 20px 20px; background: #fff; margin-right: -1px; margin-bottom: -1px; position: relative; transition: box-shadow .2s;}
.product-list-hzy .related>.item:hover{box-shadow: 0 8px 16px rgba(0,0,0, .1); position: relative; z-index: 1;}
.product-list-hzy .related>.item::after{content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0, 0); z-index: 1; transition: background .35s; visibility: hidden;}
.product-list-hzy .related>.item.dark::after{background: rgba(0,0,0, .3); visibility: visible;}
@media (max-width:1439px){ /*1366*/
.product-list-hzy .related>.item{width: calc(33.33333% + 1px);}
}
.product-list-hzy .related>.item>a{display: block; position: relative;}
.product-list-hzy .related>.item>a .img{margin: 0 0px; height: 0; padding-bottom: 100%; overflow: hidden;}
.product-list-hzy .related>.item>a .img>img{transition: transform .35s;}
.product-list-hzy .related>.item:hover>a .img>img{transform: scale(.94);}
.product-list-hzy .related>.item .pname{display: block;}
.product-list-hzy .related>.item .pname .model{color: #2b2b2b; font-size: 18px; font-weight: bold;}
.product-list-hzy .related>.item .pname .name{font-size: 15px; margin-top: 8px;}
.product-list-hzy .related>.item .pname:hover .name{color: #000000;}
.product-list-hzy .related>.item .view{display: block; line-height: 38px; height: 40px; background: #ffffff; color: #000; text-align: center; font-size: 18px; margin-top: 15px;}
.product-list-hzy .related>.item .view:hover{background: #ffffff; color: #0e6552;}

@media (max-width:1679px){ /*1440*/
.product-list-hzy .related>.item .pname .model{font-size: 18px;}
.product-list-hzy .related>.item .view{font-size: 15px;}
}
.product-list-hzy .related .doc-container{position: absolute; left: 0; bottom: 0; width: 100%; background: #fff; padding-bottom: 10px; z-index: 2; transition: border-radius .3s;}
.product-list-hzy .related .doc-container.active{border-radius: 10px 10px 0 0;}
.product-list-hzy .related .doc-container>.tit{display: block; font-size: 15px; text-align: center; line-height: 46px; height: 46px;}
.product-list-hzy .related .doc-container>.tit::before{content: '\e626'; font-family: 'iconfont'; color: #bbb; margin-right: 8px;}
.product-list-hzy .related .doc-container>.tit::after{content: '\e624'; font-family: 'iconfont'; color: #999; margin-left: 9px; transform: rotate(90deg) scale(.6); display: inline-block;}
.product-list-hzy .doc-container .doc-list{display: none;}
.product-list-hzy .doc-container .doc-list>a{display: block; padding: 13px 20px; font-size: 15px; transition: background .25s;}
.product-list-hzy .doc-container .doc-list>a:hover{background: #eee;}
.product-list-hzy .doc-container .doc-list>a svg{position: relative; top: -1px; margin-right: 5px;}
.product-list-hzy .doc-container .doc-list>a.all{padding-left: 44px; font-size: 14px; color: #0e6552;}
.product-list-hzy .doc-container .doc-list>a.all::after{content: '\e615'; font-family: 'iconfont'; margin-left: 5px;}
.product-list-hzy .doc-container .doc-list>a.all:hover{background: none;}
.product-list-hzy>.list{display: block;}
.product-list-hzy>.list>.item{width: 100%; height: 250px; display: flex;}
.product-list-hzy>.list>.item::after{display: none;}
.product-list-hzy>.list>.item>a .img{margin: 0 20px; width: 210px; height: 210px; padding-bottom: 0; overflow: hidden;}
.product-list-hzy>.list>.item>a .img>img{max-height: 210px; max-width: 210px;}
.product-list-hzy>.list>.item>div{padding-top: 20px; padding-left: 10px;}
.product-list-hzy>.list>.item .view{display: block; width: 150px; margin-top: 40px;}
.product-list-hzy>.list .doc-container{position: relative; width: 150px; margin-top: 12px;}
.product-list-hzy>.list .doc-container .tit{border: 1px solid #e6e7e7; height: 38px; line-height: 38px; margin-bottom: -1px;}
.product-list-hzy>.list .doc-container .tit:hover{border: 1px solid #bbb;}
.product-list-hzy>.list .doc-container>.tit::after{transform: rotate(-90deg) scale(.6);}
.product-list-hzy>.list .doc-container .doc-list{width: 350px; background: #fff; border: 1px solid #e6e7e7; box-shadow: 0 5px 10px rgba(0,0,0, .06);}
@media (max-width:1279px){ /*mp*/
.product-list-hzy .related>.item{width: calc(50% + 1px);}
.product-list-hzy .related>.item .pname .model{font-size: 16px;}
.product-list-hzy .related>.item .pname .name{font-size: 14px;}
.product-list-hzy .related>.item .view{font-size: 15px;}
.product-list-hzy .related .doc-container>.tit{font-size: 15px;}
.product-list-hzy .doc-container .doc-list>a{font-size: 14px; padding: 10px 15px;}
.product-list-hzy .doc-container .doc-list>a svg{margin-right: 2px;}
.product-list-hzy .doc-container .doc-list>a.all{padding-left: 34px;}
.product-list-hzy>.list>.item{width: 100%; padding: 15px; height: auto;}
.product-list-hzy>.list>.item>a{width: 40%;}
.product-list-hzy>.list>.item>a>.img{margin: 0; width: 100%; height: 0; padding-bottom: 100%; position: relative;}
.product-list-hzy>.list>.item>a>.img>img{max-height: 100%; max-width: 100%; position: absolute; left: 0; top: 0;}
.product-list-hzy>.list>.item>div{width: 55%;}
.product-list-hzy>.list>.item .view{width: 130px; margin-top: 20px;}
.product-list-hzy>.list .doc-container{width: 130px; margin-top: 12px;}
.product-list-hzy>.list .doc-container .doc-list{width: 190px; position: absolute; box-sizing: border-box;}
}