/* CSS Document */
.product{}
.product .title{ text-align:center;}
.product .title p{ font-weight:bold; font-size:25px; color:#363636;}
.product .title h3{ color:#888; font-size:16px; font-family:'Arial'; position:relative; margin-top:5px;}
.product .title h3:before{ content:''; width:88px; height:1px; background-color:#dcdcdc; display:block; position:absolute; top:9px; left:37%;}
.product .title h3:after{ content:''; width:88px; height:1px; background-color:#dcdcdc; display:block; position:absolute; top:9px; right:37%;}
.product .content{ margin-top:30px;}
.product .content .product-nav{ width:258px;}
.product .content .product-nav .inner-product{ background-color:#343434; height:77px;border-bottom:#fff solid 1px; }
.product .content .product-nav .inner-product .product-list{ padding:4px 12px;}
.product .content .product-nav .inner-product .product-list span{ display:block; width:76px; height:66px; margin-right:13px; float:left;}
.product .content .product-nav .inner-product .product-list span img{width:100%;}
.product .content .product-nav .inner-product .product-list p{ color:#fff; padding-top:13px;}
.product .content .product-nav .inner-product:hover{ background-color:#005da5}
.product .content .product-content{ width:932px;}
.product .content .product-content ul{}
.product .content .product-content li{ float:left; border:#dcdcdc solid 1px; margin-left:12px; margin-bottom:18px; position:relative; /*height:220px;*/width: 296px;}
.product .content .product-content li .product-ioc{ position:absolute; bottom:0; width:100%;}
.product .content .product-content li .product-ioc .default{ background-color:#343434;opacity:0.9;}
.product .content .product-content li .product-ioc .default h3{ text-align:center; line-height:40px;color: #fff;}
.product .content .product-content li .product-ioc .effect{ background-color:#028edc;opacity:0.9; height:110px;}
.product .content .product-content li .product-ioc .effect h3{ color:#fff; text-align:center; padding:32px 0; background:url(../images/arrow.png) center bottom no-repeat; }

.about{ background:url(../images/index-about-1.jpg) center no-repeat; height:600px;}
.about .title{ text-align:center;}
.about .title p{ color:#333; font-weight:bold; font-size:28px;}
.about .title h3{ color:#333; font-size:16px; font-family:'Arial'; position:relative; margin-top:5px;}
.about .title h3:before{ content:''; width:88px; height:1px; background-color:#333; display:block; position:absolute; top:9px; left:37%;}
.about .title h3:after{ content:''; width:88px; height:1px; background-color:#333; display:block; position:absolute; top:9px; right:37%;}
.about .content{ margin-top:30px;}
.about .content .about-ioc{ width:1058px; margin:0 auto;}
.about .content .about-ioc p{ text-indent:2em; line-height:32px}
.about .content .about-nav{ margin-top:30px;}
.about .content .about-nav ul{ text-align:center;}
.about .content .about-nav ul li{ display:inline-block; margin:0 80px;}
.about .content .about-nav ul li h3{ padding:10px 0;    color: #333;}

.case{}
.case .title{ position:relative;}
.case .title p{ font-weight:bold; color:#028edc; font-size:28px;}
.case .title p em{ color:#343434; font-size:18px; padding-left:5px; font-family:'Arial';}
.case .title a{ line-height:37px; color:#333}
.case .content{ margin-top:30px; position:relative;}
.case .content li{ width:293px;float:left; margin-right:9px;}
.case .content li:nth-child(4){ /*margin-right:0px;*/}
.case .content li span{ width:293px; height:245px;}
.case .content li span img{ display:block; width:100%;}
.case .content li h3{ height:50px; text-align:center; line-height:50px; font-size:15px; background-color:#1498e2}
.case .content li a{ color:#fff; display:block}

.news{ width:565px;}
.news .title{ position:relative;}
.news .title p{ font-weight:bold; color:#028edc; font-size:28px;}
.news .title p em{ color:#343434; font-size:18px; padding-left:5px; font-family:'Arial';}
.news .title a{ line-height:37px; color:#333}
.news .content{ margin-top:25px;}
.news .content .news-sep{}
.news .content .news-sep span{ float:left; margin-right:20px;}
.news .content .news-sep h3{ font-size:17px;}
.news .content .news-sep h2{ font-size:16px;}
.news .content .news-sep p{ font-size:13px; padding:15px 0;}
.news .content .news-sep p a{ color:#333;}
.news .content .news-list{ margin-top:10px;}
.news .content .news-list ul{}
.news .content .news-list li{ background:url(../images/index-news-2.jpg)left no-repeat; text-indent:1em; border-bottom:#d2d2d2 dashed 1px; line-height:43px;}
.news .content .news-list li em{ font-size:13px; float:right; font-family:'Arial'; color:#5f5c5c;}
.news .content .news-list li a{ color:#333; display:block;}

.know{ width:544px; border-left:#d9d9d9 solid 3px; min-height:478px; padding-left:43px;}

.product .content .product-content li .product-ioc .effect{
    height:0px;
    -moz-transition: all .5s linear; /* Firefox 4 */
    -webkit-transition: all .5s linear; /* Safari 和 Chrome */
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
/*.product .content .product-content li:hover .product-ioc .effect{
    height:110px;
}*/
.product .content .product-content li:hover .product-ioc .default{
    background-color:#005da5;
}
.product .content .product-content li:hover .product-ioc .default h3{
    color:#fff;
}
.product .content .product-content ul{
    display: none;
}
.product .content .product-content ul:first-child{
    display: block;
}
.product .content .product-nav .inner-product{
    cursor: pointer;
}
.product .content .product-nav .inner-product.hover{ background-color:#028edc}
.case .rongqi_div{
    overflow: hidden;
    position: relative;
    height: 293px;
}
.case .rongqi{
    width:5000px;
    position:absolute;
    height:293px;
    overflow:hidden;
}

.product .content .product-nav .inner-product{
    position:relative;
}

.product .content .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 .content .product-nav .inner-product:hover .inner-product-cate{
    display: block;
}
.product .content .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 .content .product-nav .inner-product .inner-product-cate a:last-child{
    border-bottom:0px;
}
.product .content .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 .content .product-content li .product_img{
    height:236.8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.product .content .product-content li{
    width:219px;
    overflow:hidden;
}
.product .content .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;
}
.product .content .product-content li .product_img{
    height:175.2px;
}
.product .content .product-nav .inner-product{
    height: 84px;
}
.product .content .product-nav .inner-product .product-list{
    padding:8px 12px;
}