/*section{padding:50px 0;}*/
.margin_top{margin-top: 8%;}
.position_relative{position:relative;}
.white_font{color:#fff;}

*{padding:0;margin:0;}
section{padding:40px 0;}

.index_h{ font-size: 30px;color: #3f3f3f; }
.index_h p{ font-size: 16px; color: #c30d23;text-transform: uppercase;background:url("../images/h_bg.png")center no-repeat;margin-top: 10px;}
.index_pro .index_pro_list .pro{ margin: 50px 0 40px;}
.index_pro .index_pro_list .pro img{ width: 100%; }
.index_pro .index_pro_list .pro a.image{display: block;position:relative;}
.index_pro .index_pro_list .pro .layer{position:absolute;width:100%;height:100%;background: rgba(50, 50, 50, 0.55);left:0;top:0;-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.index_pro .index_pro_list .pro .icon-search{ color: #fff; font-size: 30px; padding: 10px; position:relative;top:45%; left:45%;}
.index_pro .index_pro_list li:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

.index_pro .index_pro_list .pro p{ font-size: 16px;color: #717171;padding:20px 10px 10px;line-height:2;overflow: hidden;
    text-overflow:ellipsis;  white-space: nowrap;}
.index_pro .index_pro_list .pro .p_small{ font-size: 12px; color: #bdbcbc;padding-top: 0;}
.index_pro .index_pro_list li:hover .pro_p{box-shadow: 4px 4px 5px #e2e2e2; }
.index_pro .index_pro_list .layer1{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.index_pro .index_pro_list .layer1 img{  position:relative; width:19%;top:0;left:80%;}
.index_pro .index_pro_list li:hover .layer1{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.index_pro .index_pro_list li:hover p{ color: #c30d23;}

.index_pro1{ background: url("../images/pro_bg.png")bottom center no-repeat;}
.index_pro1 .index_pro1_h{ background-color: #fff; padding: 15px 10px; color: #c30d23;font-size: 16px;}
.index_pro1 .index_pro1_h .triangle-down {  width: 0;  height: 0;  border-left: 5px solid transparent;  border-right: 5px solid transparent;
    border-top: 10px solid #c30d23;float: right; margin-top: 5px;  }
.index_pro1 .pro1{ margin-top: 30px;}
.index_pro1 .pro1 li{ margin-bottom: 30px;}
.index_pro1 .pro1 .pro1_1{ background-color: rgba(255, 255, 255, 0.82); padding-top: 15px;}
.index_pro1 .pro1 .pro1_1 .round {  width: 85px;  height: 85px;  border: 3px #fff solid;border-radius: 50%; padding: 10px; margin:30px auto 30px; }
.index_pro1 .pro1 .pro1_1 p{ color: #000; padding: 0 10px 40px;}
.index_pro1 .pro1 .pro1_1 a.image{ display: block;position: relative;}
.index_pro1 .pro1 .layer{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.index_pro1 .pro1 .layer img{  position:relative; width:100%;top:80%;left:0;}
.index_pro1 .pro1 li:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.index_pro1 .pro1 li:hover .round { border: 3px #000 solid; }
.index_pro1 .pro1 .pro1_1:hover{ background-color: #fff;}

.index_pro1 .ab_h{ background: url("../images/index_ab_hbg.png")left top no-repeat;background-size: cover; margin-top: 20px;}
.index_pro1 .ab_h p{ color: #fff; padding:10px 20px 10px 10px;font-size: 16px; text-transform: uppercase;line-height: 2;}
.index_pro1 .ab_right{margin-top: 20px; }
.index_pro1 .ab_right .ab_img{margin-left:5%;}
.index_pro1 .ab_right .more{ position: absolute; background-color: #c30d23; padding: 10px 15px;color: #fff;top:89.9%;left:1.9%; }


.index_about .index_about_h{ background-color: #c30d23; padding: 20px; width:100%;font-size: 16px; color: #fff;margin-top: -6%;}
.index_about .index_about_h p { text-align:right; float:right;}
.index_about .index_video{ margin-top: 30px;padding: 0; }
.index_about .index_video img{ width: 100%;}
.index_about .index_about_p {  margin-top: 30px; padding: 0; background: url("../images/about_bg.jpg")center no-repeat;background-size: cover; }
.index_about .index_about_p p{ padding: 25.5px 30px; line-height: 2; font-size: 12px; color: #0b0205;}
.index_about .index_about_p .about_h{ color: #c30d23; font-size: 30px;}
.index_about  .production { margin-top: 40px;}
.index_about  .production img {width: 100%; border: 2px #c30d23 solid; }
.index_about  .production p{ text-align: center;font-size: 16px; margin-top: 10px;}



.index_service { background: url("../images/service_bg.png")center no-repeat; margin-top:20px;}
.index_service_h{ font-size: 30px; font-weight: bold;color: #c30d23; }
 .line { border-bottom: 3px #c30d23 solid; width: 50px; text-align: center; margin:20px auto;}
 .service_p{ color: #000;}
.index_service  .service { margin: 80px 0 30px;}
.index_service  .service img{ width: 100%; border: 2px #c30d23 solid;}
.index_service  .service p{ font-size: 13px; color: #848484;line-height: 2; background-color: #fff; padding:15px;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.index_service  .service .service_h{ font-size: 16px; color: #474747;border-bottom: 1px #e8e8e8 solid;line-height: 2; background-color: #fff; padding:15px;}
.index_service  .service:hover{ margin-top: 30px;}
.index_service  .service:hover p{ border-bottom: 3px #c30d23 solid; }


.index_news .news{ margin-top: 50px; padding-bottom: 20px;}
.index_news .news img{width: 100%;}
.index_news .news p{ padding: 15px 10px 0; color: #767676;display: -webkit-box;  -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;  overflow: hidden;  }
.index_news .news .news_h{font-size: 16px; color: #282828;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;  }
.index_news .news:hover{box-shadow: 5px 5px 5px #e4e4e4; }



.index_customer { background:#f0f0f0; }
.index_customer .index_customer_h{ font-size: 30px; font-weight: bold;color: #c30d23; }
.index_customer .line { border-bottom: 3px #c30d23 solid; width: 50px; text-align: center; margin:20px auto;}
.index_customer  .customer_p{ color: #000; margin-bottom: 40px;}
.index_customer .customer{ background-color: #fff; width: 95%;}
.index_customer .customer li{ border: 1px #e1e1e1 solid;width: 20%;  float: left;}
.index_customer .customer li img { width: 100%;display: table-cell;  vertical-align:middle;  text-align:center;  }
.index_customer .customer li:hover img{}

.index_customer .customer-xs{ background-color: #fff; width: 95%; margin: 20px auto;}
.index_customer .customer-xs li{ border: 1px #e1e1e1 solid;width: 50%;  float: left;}
.index_customer .customer-xs li img { width: 100%;display: table-cell;  vertical-align:middle;  text-align:center; }
.index_customer .customer-xs li:hover img{ }






@media (max-width:480px){

    .index_pro1 .ab_right .ab_img{width: 100%; margin-left: 0;}
    .index_pro1 .ab_right .more{top:100%;left:4%; }

    .index_about .index_about_p p{  padding: 5px 30px; }
    .index_about .index_about_p .about_h{ font-size:24px;}

    .index_service  .service { margin: 30px 0 20px;}
    .index_service  .service p{ padding:10px; overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }



}

@media (max-width:768px){

    .index_pro1 .ab_right .ab_img{width: 100%; margin-left: 0;}



}


@media (min-width:768px) and (max-width:992px){

    .index_pro1{ background: url("../images/pro_bg.png") top center repeat;}
    .index_pro1 .ab_right .more{top:100%; }


}


@media (min-width:992px) and (max-width:1200px){



}