/* CSS Document */
.product{}
.inner-left .left-nav li{ text-align:inherit; text-indent:2em;}



.inner-right .inner-content .about-content{ margin-top:30px;}
.inner-right .inner-content .about-content p{ text-indent:2em; font-size:15px; line-height:32px;}
.inner-right .inner-content .about-content img{ float:left;}
.inner-right .inner-content .about-content img:nth-child(2){ margin:0 5px;}
.product-content{ margin-top:30px; }
.product-content ul{}
.product-content li{ float:left; border:#dcdcdc solid 1px; margin-right:3px; margin-bottom:25px; position:relative; /*height:220px;*/    height: 236.8px;}
.product-content li:nth-child(4n){ margin-right:0px; }
.product-content li .product-ioc{ position:absolute; bottom:0; width:100%;}
.product-content li .product-ioc .default{ background-color:#343434;opacity:0.9;}
.product-content li .product-ioc .default h3{ text-align:center; line-height:40px;color: #fff;}
.product-content li .product-ioc .effect{ background-color:#028edc;opacity:0.9; height:110px; color: #333;}
.product-content li .product-ioc .effect h3{ color:#fff; text-align:center; padding:32px 0; background:url(../images/arrow.png) center bottom no-repeat; }

.product-content-cate{
    padding:0px 0 20px;
    /*text-align: center;
    display: none;*/
}

.product-content-cate a{
    display: inline-block;
    padding:5px 17px;
    border:1px solid #d2d2d2;
    color: #000;
    margin:0 5px 10px;
}

.product-content-cate a:hover,.product-content-cate a.hover{
    border:1px solid #005da5;
    background-color:#005da5;
    color:#fff;
}

.product-nav .inner-product{
    background-color: #343434;
    height: 77px;
    border-bottom: #fff solid 1px;
    cursor: pointer;
    position: relative;
}
.product-nav .inner-product:hover {
    background-color: #005da5;
}
.product-nav .inner-product .product-list{
    padding: 4px 12px;
}
.product-nav .inner-product .product-list span{
    display: block;
    width: 76px;
    height: 66px;
    margin-right: 13px;
    float: left;
}
.product-nav .inner-product .product-list p {
    color: #fff;
    padding-top: 13px;
}
.product-nav .inner-product .inner-product-cate {
    position: absolute;
    z-index: 999;
    background-color: #fff;
    left: 88px;
    top: 37px;
    padding: 5px 0;
    width: 185px;
    display: none;
}
.product-nav .inner-product .inner-product-cate a {
    font-size: 13px;
    display: block;
    padding: 0 8px;
    line-height: 30px;
    word-break: keep-all;
    white-space: nowrap;
    color: #333;
    border-bottom: 1px dashed #dcdcdc;
}
.product-nav .inner-product .inner-product-cate a:last-child{
    border-bottom:0px;
}
.product-nav .inner-product .inner-product-cate a span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #007bff;
    display: inline-block;
    margin-right: 5px;
}
.product-nav .inner-product:hover .inner-product-cate {
    display: block;
}
.product-content li{
    overflow: hidden;
    /*width:295px;*/
    width: 219px;
}
.product-content li img{
    width:100%;
}
.product-content li:hover .product-ioc .default{
    background-color: #005da5;
}
.product-content li a{
    display: block;
    height:100%;
}
.product-content li a .product_img{
    height: 175.2px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.product-nav .inner-product .product-list img{
    width:100%;
}

.inner-left{
    width: 258px;
}
.inner-right {
    width: 932px;
}
.product-content li .product-ioc .default h3{
    line-height:normal;
    height: 38px;
    overflow: hidden;
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex;
    align-items: center;
    justify-content: center;
}