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



.index_pro .index_pro_h{/* padding-left: 15px;*/}
.pro{ margin-left: -10px; margin-right: -10px;}
.index_pro .index_pro_h h3{ color: #404040;}
.index_pro .index_pro_h p{width: 200px;  color: #764c33; font-size: 24px; font-weight: bold; padding: 15px 0; border-bottom: 2px #8c8b8b solid;}
.index_pro .row .pro img{ width: 100%;}
.index_pro .row .pro .pro_1 { margin-bottom: 20px; padding-left: 0; padding-right:0; }
.pro_show{ margin: 0 10px; position:relative;}
.layer{   position:absolute;
    width:100%;
    height:100%;
    background-color: rgba(51, 51, 51, 0.60);
    top:0;
    left: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);
    text-align: center;
    -webkit-transition: all 1s;
    -moz-transition:  all 1s;
    -ms-transition:  all 1s;
    -o-transition:  all 1s;
    transition:  all 1s; }
 .layer span{  font-size: 18px;  display: inline-block;  color:#fff;  padding:10px;  line-height: 7;  margin-top: 30%;  }
 .icon1{ background: url("../images/layer_icon.png") no-repeat center center;}
 .pro_1: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_phl{ background: url("../images/index_phl_bg.jpg") no-repeat top  center;}
.index_phl .index_phl_h{margin-bottom: 30px;}
.index_phl .index_phl_h h3{ color: #404040;}
.index_phl .index_phl_h p{width: 220px;  color: #764c33; font-size: 24px; font-weight: bold; padding: 15px 0; border-bottom: 2px #8c8b8b solid;}
.index_phl .row .phl img{  }
.index_phl .row{ padding: 50px 0 0;}
.index_phl .concept{ background: #fff; float: left; padding:0; }
.index_phl .concept .concept1{ padding: 0;}
.index_phl .concept img{ width: 100%; vertical-align:middle;display: inline-block; }
.index_phl .concept .concept2 { padding: 14px 10px;}
.index_phl .concept .concept2  p{ font-size: 18px; color: #414141; font-weight: bold;}
.index_phl .concept .concept2 span{ font-size: 13px; color: #787878;}


.index_about{ background-color: #fff; margin-top: 50px;}
.index_about .about{ background: url("../images/about_bg.jpg") top center no-repeat; padding: 100px 0; }
.index_about .about .about_con{background-color: rgba(255, 255, 255, 0.62); width: 500px; margin: 0 auto; padding:  50px 40px ;}
.index_about .about .about_con h3{ color: #404040; margin-bottom: 10px; text-align: center;}
.index_about .about .about_con p{ color:#764c33;  font-size: 18px; font-weight: bold; padding-bottom: 10px; border-bottom: 2px #8c8b8b solid; width: 150px; margin: 15px auto;}
.index_about .about .about_con span{ color: #404040; line-height: 24px; text-align: left;}
.more{ background-color: #764c33; width: 90px; margin: 15px auto; padding: 5px; color: #fff;  }
.more a{ color: #fff;  }


.index_consulting{ margin: 0 auto;}
.index_consulting a { text-align: center; color: #fff; background-color: #764c33;padding: 8px 15px; }
.index_consulting .index_consul{ margin:0 auto; text-align: center;}


@media (max-width: 480px) {
    .index_pro{ padding-left: 15px;  padding-right: 15px;}
    .index_phl .row .phl img{ width: 100%;  }
    .index_phl{ background: none;}
    .index_about .about .about_con{ width:320px;}
    .index_about .about{padding:  50px 0;}
    .index_phl .concept img{width: 100%;}
    .index_phl .concept .concept2 {padding: 20px 10px;}
}

@media (max-width: 768px) {
    section{padding:20px 0;}
    .index_phl .row .phl img{ width: 100%;  }
    .index_phl .row{ padding:0;}
    .index_about .about{ padding: 50px 0;}
    .index_phl .index_phl_h { margin-left: 15px;}
    .index_phl .concept{margin-left: 15px; margin-right: 15px;}
    .index_phl .concept img{width: 100%;}
    .index_phl .concept .concept2 {padding: 76.5px 10px;}
    .index_phl{ background:none;}

}

@media (min-width: 768px){
    section{padding:20px 0;}
    .index_about .about{ padding: 80px 0;}



}

@media (min-width: 992px){


}

@media (min-width: 1200px) {

}