/* 全局样式 */
body{font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;;color: #64717F;padding-top: 90px;}
p{color: #64717F}
.oe-grey{background: #f4f6f8}
.bg-grey{background: #f9fafb}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}
h1,h2,h3,h4,h5{margin: 0;padding: 0}

.mg0{margin:0;}  .mg5{margin: 5px;} .mg10{margin: 10px;} .mg15{margin: 15px;} .mg30{margin: 30px} .mg50{margin: 50px;}
.mt5{margin-top: 5px}  .mt10{margin-top: 10px}  .mt15{margin-top: 15px}  .mt30{margin-top: 30px}  .mt50{margin-top: 50px} .mt100{margin-top: 100px}
.mb5{margin-bottom: 5px;}  .mb10{margin-bottom: 10px;}  .mb15{margin-bottom: 15px;}  .mb30{margin-bottom: 30px;}  .mb50{margin-bottom: 50px;}
.ml5{margin-left: 5px;}  .ml10{margin-left: 10px;}  .ml15{margin-left: 15px;}  .ml30{margin-left: 30px;}  .ml50{margin-left: 50px;}
.mr5{margin-right: 5px;}  .mr10{margin-right: 10px;}  .mr15{margin-right: 15px;}  .mr30{margin-right: 30px;}  .mr50{margin-right: 50px;}

.pd0{padding:0} .pd5{padding:5px;} .pd10{padding:10px} .pd15{padding:15px;}  .pd30{padding:30px} .pd50{padding:50px;}
.pt5{padding-top:5px;} .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt30{padding-top:30px;} .pt50{padding-top:50px;}
.pb5{padding-bottom: 5px;}.pb10{padding-bottom: 10px;}.pb15{padding-bottom: 15px;}.pb30{padding-bottom: 30px;}.pb50{padding-bottom: 50px;}
.pl5{padding-left: 5px;}.pl10{padding-left: 10px;}.pl15{padding-left: 15px;}.pl30{padding-left: 30px;}.pl50{padding-left: 50px;}
.pr5{padding-right: 5px;}.pr10{padding-right: 10px;}.pr15{padding-right: 15px;}.pr30{padding-right: 30px;}.pr50{padding-right: 50px;}



/*section*/
.section{padding:60px 0;}

.section-title{margin-bottom: 50px;text-align: center;color:#64717F}
.section-name{font-size: 24px;margin-bottom: 10px;font-weight: bold;}
.section-text{color:#64717F;font-size:16px;}

.btn-more-p{background: #f7f8fa;border-radius: 0;padding: 15px 0;color: #888}
.btn-more-p:hover{color: #333}

/* 首页 */

/*产 品*/
.e-product-item{margin-bottom: 15px;min-height: 318px;}
.product-pic{position:relative;display: block;width: 100%;overflow:hidden;padding:10px;background:#fff;border: 1px solid transparent;}
.product-pic img{cursor:pointer;transition: all 0.6s}
.product-pic img:hover{ transform: scale(1.4);  }
.pic-hover{position:absolute;top:0;left:0;right:0;bottom:0;display: none;padding-top:40px;background: rgba(0,0,0,0.3);text-align:center;z-index: 100;transition: all 0.6s}
.product-pic:hover .pic-hover{display: block}
.product-text{padding: 20px 10px;height:70px;background:#fff;border: 1px solid transparent;cursor: default}
.product-text:hover{border-bottom:1px solid #e7eaf1}
.product-text h3{font-size: 16px; text-align: center;line-height: 30px;max-width: 100%;overflow: hidden;white-space: nowrap;word-break:break-all;text-overflow: ellipsis}
.product-text h3 a{ color: #64717F;}
.e-product-item:hover .product-pic{border: 1px solid #e7eaf1;border-bottom: 1px solid transparent}
.e-product-item:hover .product-text{border: 1px solid #e7eaf1;border-top: 1px solid transparent}
/*.col-sm-3.e-product-item{height: 385px;}
.col-sm-3.e-product-item .product-pic{height: 285px;}
.col-sm-2.e-product-item{height: 280px;}
.col-sm-2.e-product-item .product-pic{height: 180px;}*/
/*品牌页*/
.e-brand-item{margin-bottom: 15px;min-height: 218px;}
.brand-pic{position:relative;display: block;width: 100%;overflow:hidden;padding:10px;background:#fff;border: 1px solid #e7eaf1;}
.brand-pic img{cursor:pointer;transition: all 0.6s}
.brand-pic img:hover{ transform: scale(1.4);  }
.pic-hover{position:absolute;top:0;left:0;right:0;bottom:0;display: none;padding-top:40px;background: rgba(0,0,0,0.3);text-align:center;z-index: 100;transition: all 0.6s}
.brand-pic:hover .pic-hover{display: block}
.brand-text{padding: 20px 10px;height:70px;background:#fff;border: 1px solid transparent;cursor: default}
.brand-text:hover h3 a{color: #EE2C29;font-weight: bold}
.brand-text h3{font-size: 16px; text-align: center;line-height: 30px;max-width: 100%;overflow: hidden;white-space: nowrap;word-break:break-all;text-overflow: ellipsis}
.brand-text h3 a{ color: #64717F;}
.e-brand-item:hover .product-pic{border: 1px solid #e7eaf1;border-bottom: 1px solid transparent}
.e-brand-item:hover .product-text{border: 1px solid #e7eaf1;border-top: 1px solid transparent}


.about-head{background: #333;min-height: 180px;}
.about-head h1{font-weight: bold;text-align: center;padding-top: 70px;;color:#fff}
.about-head p{text-align: center;color:#fff;font-size: 18px;}

/*服务范围*/
.items{margin-top: 25px;}
.item-detail{border:1px solid #e7eaf1;min-height: 150px;padding: 10px;background: #fff;}

/* service */
.service-panel{padding:15px;background: #fff;border: 1px solid transparent;min-height: 435px}
.service-panel h2{font-size: 24px;font-weight: bold;margin: 25px 0;}
.service-panel ul{padding-left: 20px;}
.service-panel ul li{list-style: disc;margin-bottom: 10px;}


/*comment*/
.comment{background: #f7f8fa;padding: 80px 0;color: #64717F}
.comment-item{height: 300px;}
.comment-content{padding-top: 20px;text-align: left;color: #64717F}
.comment-item .carousel-caption{top:35px;text-shadow: none}

#comments .carousel-indicators li {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #ddd;
    border-radius: 10px;
}
#comments .carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=90);
    outline: 0;
     opacity: 0;
}


#comments .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: 0;
}

/*foot*/
.hx-foot{padding: 25px 0;border-top:1px solid #e7eaf1;background: #0f0f0f;color:#fff;}

@media (max-width:767px){
body{padding-top:50px;}

.about-head{background: #2d8cdd;min-height: 100px;}
.about-head h1{font-weight: bold;text-align: center;padding-top: 30px;;color:#fff}
.about-head p{text-align: center;color:#fff}
.about-head h1{font-weight: bold;font-size:24px;text-align: center;}
    .e-product-item{margin-bottom: 15px;min-height: 218px;}

}


.hr-foot{background: #0F1823;padding: 30px 0;}
.hr-foot-menu{color: #64717F;min-height:150px;}
.hr-foot-menu ul li a{color:#64717F;text-decoration: none}
.hr-foot-menu ul li a:hover{color:#fff;}
.hr-foot-menu h4{font-weight: bold;font-size:16px;padding-bottom: 15px;}