@charset 'utf-8';

.product{padding: 0 0 46px 0;}
.product .classification{width: 270px; float: left; box-sizing: border-box; padding: 30px 15px; border: solid #e8e8e8 1px;}
.product .classification .title h2{font-size: 20px;text-align: left;font-weight: bold;color: #000;/* border-bottom: 2px solid #e2141e; *//* padding-bottom: 15px; */margin: 0;}
.productlist  .search{border-bottom: solid #ddd 1px;padding: 10px 0;}
.productlist  .search input{width: 96%;height: 36px;border: none;font-size: 16px;padding-left: 20px;}
.productlist .search button{width: 20px; height: 36px; border: none; background: url("../images/search.png") center no-repeat; cursor: pointer;}
.product .classification .list{margin-top: 10px;}
.product .classification .list li{/* line-height: 22px; *//* padding: 15px 0; *//* border-bottom: dashed #eee 1px; */position: relative;}
.product .classification .list li a{display: block;vertical-align: middle;font-size: 14px;color: #666;padding: 8px 0;padding-right: 30px;}
.product .classification .list li.clicked>a{color: #e2141e;}
.product .classification .list li a:hover{color: #e2141e;}
.product .classification .list li .nav_btn{width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -240px no-repeat; margin-right: 8px;}
.product .classification .list li ul{display: none;}
.product .classification .list li ul li{white-space: nowrap;/* padding: 15px 10px 5px 10px; */border-bottom: none;}
.product .classification .list li ul li a{font-size: 15px;overflow: hidden;text-overflow: ellipsis;padding-left: 30px;padding-right: initial;}
.product .classification .list li ul li i{width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -270px no-repeat; margin-right: 8px;}
.productlist>div{
    display: flex;
    flex-wrap: wrap;
}
.product .productlist{width: calc(100% - 330px); float: right;}
.product .productlist .title{margin-bottom: 30px;}
.product .productlist .title h2{font-size: 32px;}
.product .productlist .list{width: 30%;float: left;box-sizing: border-box;margin-right: 0;margin-bottom: 30px;display: flex;align-items: center;text-align: center;flex-wrap: wrap;margin: 0 2%;}
.product .productlist .list:nth-child(3n){margin-right: 0;}
.product .productlist .list .picture{border: solid #e8e8e8 1px;/* overflow: hidden; */width: 100%;overflow: hidden;}
.product .productlist .list .picture img{width: 100%; transition: all 0.5s;}
.product .productlist .list .picture:hover img{transform: scale(1.1);}
.product .productlist .list .text{padding: 20px 0;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */width: 100%;text-align: left;}
.product .productlist .list .text a h2{font-size: 16px;color: #333;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; /* 设置显示的最大行数为3 */overflow: hidden;}
.product .productlist .list .text a p{font-size: 16px;color: #333;word-wrap: break-word;word-break:break-all;margin: 30px 0;box-shadow: 0 0 3px 0 #ddd;padding: 10px;}
.product .productlist .list .text a:hover{color: #e2141e;}
.get_iorerd .ikrr .btn span{font-size: 16px;}
.product .classification .list li.clicked .xypg-left-subnav{display:block;}

.dikoe{display: flex;}
.dikoe li{font-size: 20px;color: #000;}


.xypg-left-nav > li .first-nav-btn {
    position: absolute;
    z-index: 9;
    width: 30px;
    height: 30px;
    text-align: center;
    top: 4px;
    right: 0;
    cursor: pointer;
    background: url(../images/icon_spirit.png) 0 -240px no-repeat;
}


.xypg-left-nav > li.clicked .first-nav-btn {
    background-position: 0 -270px;
}
.xypg-left-nav > li .xypg-left-subnav .first-nav-btn{right: initial;left: 0;background: url(../images/icon_spirit.png) 0 -570px no-repeat;}

.xypg-left-nav > li .xypg-left-subnav  li.clicked .first-nav-btn {
    background-position: 0 -540px;
}

.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a {
    color: #09445a;
}

.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn {
    color: #09445a;
}

.xypg-left-nav .xypg-left-subnav {
    display: none;
    /* padding: 0 10px; */
}

.xypg-left-nav .xypg-left-subnav > li {
    /* border-top: 1px dashed #eeeeee; */
}

.xypg-left-nav .xypg-left-subnav > li > a {
    padding: 8px;
    display: block;
    line-height: 20px;
    color: #818181;
    font-size: 16px;
}

.xypg-left-nav .xypg-left-subnav > li > a:hover {
    color: #09445a;
}

.xypg-left-nav .xypg-left-subnav > li.clicked > a {
    color: #09445a;
}

.xypg-left-nav .xypg-left-threenav > li > a {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}


@media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block;
    }
}

.product .productlist .list:hover .text a h2{color: #e2141e;}
.product .productlist .list:hover .text a p{color: #fff;background: #e2141e;}
@media (max-width: 990px) {
	
	
	.product .productlist .list .text a h2 {
	    font-size: 14px;
	    color: #333;
	    margin-bottom: 14px;
	}
	.product{padding: 30px 0;}
	.product .classification{width: 100%; padding: 20px 15px;}
	.product .classification .search input{width: 90%;}
	.product .classification .search button{float: right;}
	.product .classification .list li a{max-width: 270px;}

	.product .productlist{width: 100%; float: right; margin-top: 30px;}
	.product .productlist .title{margin-bottom: 30px;}
	.product .productlist .title h2{font-size: 22px;}
	.product .productlist .list{width: 48%;margin-right: 0;margin-bottom: 5%;}
	.product .productlist .list:nth-child(3n){margin-right: 0;}
	.product .productlist .list:nth-child(2n){margin-right: 0;}
	.product .productlist .list .text{padding: 8px;}
	.product .productlist .list .text a{font-size: 14px;}
	
	
	.get_iorerd .ikrr .btn span {
    font-size: 12px;
}

.page_left{font-size: 14px;
    color: #666;
    width: 100%;
    margin-bottom: 8%;}
.page_right{width: 100%;}

}