/*========================
分类列表
=========================*/
.introduce-term .term-list{}
.introduce-term .term-list ul{
    margin: 0;
    padding: 0;
}

.introduce-term .term-list ul li:hover{ background-color: #cecece}


.introduce-term .term-list {float:left;width: 100%;margin: 0px 0px 25px 0px;padding:0px;margin-top:25px;font-size: 16px;}
.introduce-term .term-list>ul{}
.introduce-term .term-list>ul>li{padding: 10px 0;width: 25%;float: left;}


.introduce-term .term-list a{color:#666;}
.introduce-term .term-list a:hover{color:#e9c37a;}

.introduce-term .term2_list{
    margin-bottom: 5px;
    font-size: 14px;
    text-align: left;
    padding-left: 25px;
}
.introduce-term .term2_list>ul{}
.introduce-term .term2_list>ul>li{border-bottom: solid 1px #ececec;padding: 10px 0;}
.introduce-term .term2_list>ul>li a{color:#333333;}
.introduce-term .term2_list>ul>li a:hover{color:#e9c37a;}


.introduce-term .term3_list{
    padding-left: 25px;
}
.introduce-term .term3_list>ul{}
.introduce-term .term3_list>ul>li{
    border-bottom: solid 1px #ececec;
    padding: 10px 0;
}


.introduce-term .now-plate .content{
    /* text-align: center; */
    font-size: 16px;
}







/*============================*/
/*============列表=============*/
/*============================*/

.introduce-list .list{/* border: dashed 1px #ececec; */width: 917px;float:left;margin-top:25px;}



.introduce-list .list ul              {margin:0;padding:0;overflow:hidden;/* height: 390px; */}

.introduce-list  .list ul li {float: left;margin: 15px 14px;padding: 0 0 15px 0;box-shadow: #cccccc 0px 0px 8px 0px;width: 276px;border-radius: 4px;height: 352px;position: relative;}

.introduce-list  .list ul li h5        {margin:15px 0;padding: 0 10px;color: #5a5a5a;height: 48px;line-height: 24px;}
.introduce-list  .list ul li h6        {margin:8px 0;padding: 0 10px;}
.introduce-list  .list ul li .image    {position: relative;margin:0;padding:0;width: 100%;overflow: hidden;height: 205px;/* background-color: #ececec; *//* border-radius: 4px; */}
.introduce-list  .list ul li .image  .introduce-hot-recom, .index_mark_introduce .introduce-hot-recom, .index_new_introduce .introduce-hot-recom{
    position: absolute;
    display: flex;
    left: 6px;
    bottom: 8px;
}
.introduce-list  .list ul li .image  .introduce-hot,
.index_mark_introduce .introduce-hot,
.index_new_introduce .introduce-hot{
    width: 30px !important;
    height: 30px;
    margin-right: 6px;
}

.introduce-list  .list ul li .image  .introduce-recom,
.index_mark_introduce .introduce-recom,
.index_new_introduce .introduce-recom{
    width: 30px !important;
    height: 30px;
}


.introduce-list  .list ul li img   {width: 100%;}
.introduce-list  .list ul li p         {margin:0;padding: 0 10px;}




.introduce-list  .list ul li .introduce-info > div,  .index_mark_introduce .introduce-info > div,  .index_new_introduce .introduce-info > div{
    display: flex;
    align-items: center;
}

.introduce-list  .list ul li .introduce-info > div img,  .index_mark_introduce .introduce-info > div img,  .index_new_introduce .introduce-info > div img{
    width: 20px;
    height: 20px;
    margin-right: 4px;
}

.introduce-list .media .image-details{color: #e9c37a}
.introduce-list .media .image-details p{border-bottom: solid 2px #e9c37a;padding-bottom: 5px;padding: 0 14px 10px 10px;}

/*============================*/
/*============列表=============*/
/*============================*/








/*=========详情=========*/

.introduce-detail h2{
    margin: 25px 0 25px 0;
    border-bottom: solid 1px #cccccc;
    padding-bottom: 20px;
}

.introduce-detail .images{
    overflow: hidden;
    margin-bottom: 35px;
}
.introduce-detail .images ul{}
.introduce-detail .images ul li{
    float: left;
    width: 300px;
    height: 300px;
    overflow: hidden;
    float: left;
    width: 215px;
    height: 215px;
    overflow: hidden;
    border: solid 1px #cccccc;
    padding: 2px;
    margin: 5px;
}
.introduce-detail .images ul li img{
    width: 100%;
}

.introduce-detail .data{
    overflow: hidden;
    margin-bottom: 35px;
}
.introduce-detail .box .data div{
    float: left;
    width: 25%;
    font-size: 14px;
}




.pre-and-next h5{line-height: 26px;font-size: 14px;font-weight: 100;}
.pre-and-next .item-img{
    display: block;
    /* border: solid; */
    margin-bottom: 15px;
    height: 150px;
    background-size: cover;
}
.pre-and-next{
    margin: 55px 0 25px 0;
    overflow: hidden;
}
.pre-and-next .pre-item{
    display: block;
    height: 250px;
    /* border: solid 1px; */
    float: left;
    width: 300px;
}
.pre-and-next .next-item{
    float: right;
    display: block;
    height: 250px;
    /* border: solid 1px; */
    width: 300px;
}






/*
详情页中 推荐产品
*/

.recommend                 {margin-top:25px;padding:0 0 15px 0 }
.recommend ul a {display:inline-block;width: 100%;height: 100%;position: relative;}
.recommend h2              {margin:15px 0;padding:0;text-align:center;color: #E9C37A;font-size: 16px;font-weight: 700;/* float: left; */margin-bottom: 9px;}
.recommend .function       {margin:0;padding:0;text-align:center}


.recommend ul              {margin:0;padding:0;overflow:hidden;height: 410px;}

.recommend ul li
{float: left;/* border: dashed 1px #eeeeee; */margin: 15px 6px;padding: 0 0 10px 0;height: 376px;width: 24%;box-shadow: #cccccc 0px 0px 8px 0px;border-radius: 4px;overflow: hidden;}
.recommend ul li:hover
{/* box-shadow: #edc37a 0px 0px 8px 0px; *//* background-color: #ececec; *//* color: #ffffff; */}
.recommend ul li h5        {margin:15px 0;padding: 0 10px;color: #5a5a5a;height: 48px;line-height: 24px;}
.recommend ul li h6        {margin:8px 0;padding: 0 10px;}
.recommend ul li .image    {position: relative;margin:0;padding:0;width: 100%;height: 214px;overflow: hidden;}
.recommend ul li img   {width: 100%;}
.recommend ul li p         {margin:0;padding: 0 10px;}

.recommend .media .image-details{color: #e9c37a}
.recommend .media .image-details p{border-bottom: solid 2px #e9c37a;padding-bottom: 5px;padding: 0 14px 10px 10px;}


.recommend .introduce-info > div {
    display: flex;
    align-items: center;
}

.recommend .introduce-info > div img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}


.recommend .introduce-info {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px;
}






/*
详情页中 穿梭框关联产品
*/

.relate                 {margin-top:25px;padding:0 0 15px 0 }
.relate ul a {display:inline-block;width: 100%;height: 100%;position: relative;}
.relate h2              {margin:15px 0;padding:0;text-align:center;color: #E9C37A;font-size: 16px;font-weight: 700;/* float: left; */margin-bottom: 9px;}
.relate .function       {margin:0;padding:0;text-align:center}


.relate ul              {margin:0;padding:0;overflow:hidden;height: 410px;}

.relate ul li
{float: left;/* border: dashed 1px #eeeeee; */margin: 15px 6px;padding: 0 0 10px 0;height: 376px;width: 24%;box-shadow: #cccccc 0px 0px 8px 0px;border-radius: 4px;overflow: hidden;}
.relate ul li:hover
{/* box-shadow: #edc37a 0px 0px 8px 0px; *//* background-color: #ececec; *//* color: #ffffff; */}
.relate ul li h5        {margin:15px 0;padding: 0 10px;color: #5a5a5a;height: 48px;line-height: 24px;}
.relate ul li h6        {margin:8px 0;padding: 0 10px;}
.relate ul li .image    {position: relative;margin:0;padding:0;width: 100%;height: 214px;overflow: hidden;}
.relate ul li img   {width: 100%;}
.relate ul li p         {margin:0;padding: 0 10px;}

.relate .media .image-details{color: #e9c37a}
.relate .media .image-details p{border-bottom: solid 2px #e9c37a;padding-bottom: 5px;padding: 0 14px 10px 10px;}


.relate .introduce-info > div {
    display: flex;
    align-items: center;
}

.relate .introduce-info > div img {
    width: 20px;
    height: 20px;
    margin-right: 4px;
}


.relate .introduce-info {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 10px;
}

/*=========详情=========*/











/*=========产品中心 侧边拦=========*/


/*todo 这部分应该写入到每一个page板块中，这里通用的应该去掉*/
/*=============================侧边栏部分========================================*/
.sidebar ol {margin:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:10px; overflow:hidden}
.sidebar>ul {margin: 10px 0px 0px 0px;padding: 0px; overflow:hidden;width: 250px; }


.sidebar .title{ overflow: hidden}
.sidebar .title hr {
    font-size: 14px;
    width: 50px;
    border: solid 2px #e9c37a;
    float: left;
}



/*=============================侧边栏部分========================================*/
.introduce-list .sidebar {float:left;width:280px;margin:0px;padding:0px;margin-top:25px;font-size: 16px;}
.introduce-list .sidebar>ul{}
.introduce-list .sidebar>ul>li{ padding: 10px 0;}


.introduce-list .sidebar a{color:#666;}
.introduce-list .sidebar a:hover{color:#e9c37a;}
.introduce-list .term2_list{
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #eeeeee;
}
.introduce-list .term2_list>ul{}
.introduce-list .term2_list>ul>li{border-bottom: solid 1px #ececec;padding: 10px 0;}
.introduce-list .term2_list>ul>li a{color:#333333;}
.introduce-list .term2_list>ul>li a:hover{color:#e9c37a;}


introduce-list .term3_list{}
.introduce-list .term3_list>ul{}
.introduce-list .term3_list>ul>li{
    border-bottom: solid 1px #ececec;
    padding: 10px 0;
}
/*=========产品中心 侧边拦=========*/