@charset "utf-8";

/**
 * Zhang Jian base css
 * 2021-now
 */

.c{clear: both;}
.fl{float: left;}
.fr{float: right;}
.rota img{ -webkit-transition: 2s ease;-moz-transition: 2s ease;}
.rota:hover img{-webkit-transform: rotatey(360deg);-moz-transform: rotatey(360deg);}
.imgfd{overflow: hidden; position: relative; padding-top: 75%;}
.imgfd img{ width: 100%; height: 100%; transition: all 0.5s ease;object-fit: cover;display: block; position: absolute; top: 0; left: 0;}
.imgfd:hover img{transform: scale(1.1);}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}

.pro_col{ width: 31.33%; margin:0 1% 30px; float: left; background:#fff; padding:15px; box-shadow:0 0 12px rgba(0,0,0,.3);}
.pro_col .imgfd{padding-top: 92.8%;}
.bt60{ margin-bottom: 50px;}
.page_product_menu .list li{margin-bottom: 10px; background:#fff;}
.page_product_menu .list .list2 a{display: block; font-size:15px;}
.page_product_menu .list .list2{ display:none;}
.page_product_menu .item .ico{cursor: pointer;}
.page_product_menu .item.open .ico,.page_product_menu .item.cur .ico{ transform: rotate(90deg);}
.page_product_menu .list .list2 .seccol{padding:10px 30px;}
.page_product_menu .list .list2 .seccol.act a{color: var(--theme-color);}
.page_product_menu .list .list2 .seccol a{ line-height: 40px; margin-right: auto;}
.page_product_menu .list .list2 .seccol i{ display: block; width: 12px; height: 12px; position:relative; cursor:pointer;}
.page_product_menu .list .list2 .seccol i:after,.page_product_menu .list .list2 .seccol i:before{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); content:''; background:#333;}

.page_product_menu .list .list2 .seccol i:after{height:100%; width: 2px;}
.page_product_menu .list .list2 .seccol i:before{ width:100%; height: 2px;}
.page_product_menu .list .list2 .seccol.act i:after{display:none;}
.page_product_menu .list .list2 .seccol i:before{background:var(--theme-color);}
.page_product_menu .list .list3{ padding: 15px; background: rgba(0,72,175,.05); display:none; width:calc(100% - 60px); margin:0 auto;}
.page_product_menu .list .list3 a{ line-height: 36px; font-size:14px;}
.page_product_menu .list .list3 a:hover,.page_product_menu .list .list3 a.on{color: var(--theme-color);}
.page_product_list .list h2{ font-size: 24px;line-height: 40px; padding-bottom:25px; border-bottom: 1px solid #ddd; margin-left: 12px; margin-bottom:30px;}