/* sy-pro */

.home-jiegou{}
.jiegou-box{}
.jiegou-box img{}
.w100{ width:100%; max-width:100%;}

.home-pro{ margin:30px 0 60px;}

.centera {overflow:hidden;}
#tablea { background: #fff; margin-top: 40px;}
#oranger{ width: 100%; line-height: 52px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
#oranger a{ display:block; height: 60px; line-height:60px; font-size: 16px; color: #333; margin: 0 0 10px; }
#oranger a:hover{ color: #478c39;}
.box2 { margin-top:20px;}
.box2 img{ position: relative;/*opacity:0.8;*/}
.box .boxzi{ content: ""; position: absolute; width: 90%; height: 40%; background: rgba(19,52,114,.8); bottom: -30px; left: 10%; padding: 15px 30px; color:#fff;}
.box .boxzi p{ font-size: 16px; color:#fff;}
.box .boxzi a{ color:#fff;display:block;width:172px; padding:8px 0;font-size:14px;transition: opacity 0.8s ease-out;}

.boxtu {overflow:hidden;position:relative;transition:all 0.3s; margin-bottom: 20px;}
.boxtu:hover {box-shadow:0 0 15px 0px rgb(255,255,255,0.3);}
.boxtu:hover:before {opacity:1;}
.boxtu p{ width: 100%; height: 60px; line-height:60px; background: rgba(255,255,255,0.2); text-align: center; color:#fff; margin: 0; font-size:18px;}
.boxtu img {width:100%;height:auto;transition:all 0.3s ease 0s;}
.boxtu:hover img {filter:blur(2px);}
.boxtu .icon {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgba(6,57,123,0.5);text-align:center;height:100%;line-height:100%; 
   width:100%;margin:0;list-style:none;transform:translateX(50%); position:absolute;right:50%;bottom:-100%;z-index:1;transition:all 0.3s;}
.boxtu:hover .icon {bottom:0;}
.boxtu .icon h3 {display:inline-block;margin:0 3px; font-weight: 600;}
.boxtu .icon h3 a {color: #fff;font-size:18px;line-height:40px;display:block;transition:all 0.3s;}
.boxtu .icon h3 a:hover {color:#fff;}
.pactive{ color:#478c39;}
@media only screen and (max-width:990px) {
   .boxtu {margin-bottom:30px;}
   .home-pro .col-md-3{}
}

@media only screen and (max-width:767px) {
   .home-pro .col-md-3{ width:50%;}
}

@media only screen and (max-width:479px) {
   .boxtu .title {font-size:20px;}
    .home-pro .col-md-3{ width:100%;}
}