.ipro .title{ margin-bottom:30px; margin-top:100px; }
.ipro .title h3{ text-align:center; font-size:34px; color:#415363; font-weight:bold; border-bottom:2px solid #0a5bad;   width:400px; margin:20px auto 20px;  padding-bottom:20px;}
.ipro .title p{ text-align:center; font-size:18px; color:#778591;  }
.ipro .tabs a { width:15.6%; margin:0 0.5%; background:#0a5bad; height:2.8em; line-height:2.8em; color:#fff; 	float:left; font-size:16px; margin-bottom:3em; }
.ipro_list li{ float:left; width:24%; margin:0.5%; }
.ipro_list img{ width:100%; border:1px solid #e5e5e5;  }
.ipro_list h4{ text-align:center; font-size:16px; height:3em; line-height:3em; border:1px solid #e5e5e5; border-top:0; margin:0; margin-bottom:20px; }



/*鼠标悬浮在大框架时图片放大不超过范围代码，并且不需要上传的图片都是同一个尺寸*/
.proli_imgbox {   position: relative;    overflow: hidden;  display: block;    transition: all .36s;}
.proli_imgbox img {    object-fit: cover; transition: all .36s;}
.proli_png {
    width: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    left: 0;
}
.proli_img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
}
/*鼠标悬浮在大框架时图片放大不超过范围代码，并且不需要上传的图片都是同一个尺寸*/




.iabout{ background:#f8f8f8; padding-bottom:80px; padding-top:80px;  margin-top:80px;  }
.iabout .iprofile{ width:60%; float:left;}
.iabout .iprofile h3{ font-size:34px; color:#415363; font-weight:bold;   }
.iabout .iprofile p{ font-size:16px; color:#778591; line-height:36px; padding-top:30px; }
.iabout .iprofile a{ font-size:16px; color:#0a5bad; padding:20px 0; margin-top:10px; display:block;  }

.iabout .for_service{ width:35%; float:right; background:#f4f4f4;  padding-bottom:70px;  }
.iabout .for_service h4{font-size:20px; color:#0b3a5d; text-align:center; margin-top:50px; font-weight:bold; }
.iabout .for_service p{font-size:16px; color:#778591; line-height:30px; padding:0 40px; line-height:30px; text-align:center; padding-top:20px;    }
.iabout .for_service a{ border:2px solid #0a5bad; color:#0a5bad; border-radius:5px; height:44px; line-height:40px;  text-align:center; width:200px; margin:0 auto; display: block; padding:0 6px; font-size:16px; margin-top:30px; }
.iabout .for_service a:hover{ background:#0a5bad; color:#fff; }

.ihonor .title{ margin-bottom:30px; margin-top:100px; }
.ihonor .title h3{ text-align:center; font-size:34px; color:#415363; font-weight:bold; border-bottom:2px solid #0a5bad;   width:400px; margin:20px auto 20px;  padding-bottom:20px;}
.ihonor .title p{ text-align:center; font-size:18px; color:#778591;  }
.ihonor .honor_list{ margin-top:50px; }
.ihonor .honor_list .honorli{ float:left; width:23%; margin:0 1%; }
.ihonor .honor_list .honorli img{ width:100%; }
.ihonor .ihonor_more a{ color:#fff;  font-size:16px; font-weight:bold; border-radius:5px; width:140px; height:50px; line-height:50px;  margin:0 auto; display:block; background:#0a5bad; text-align:center; margin-top:60px; }
.ihonor .ihonor_more a:hover{ background:#ffc207; }

.iad{ background:url(../images/iad_bg.jpg) no-repeat center top; padding:63px 0; margin-top:100px; }
.iad h5{ font-size:24px; font-weight:bold; color:#fff; text-align:center;  }
.iad p{ font-size:16px; font-weight:normal; color:#fff; text-align:center; padding:10px 0 15px 0;  }
.iad .iad_link{ width:317px; margin:0 auto; }
.iad .iad_link a{width:137px; line-height:42px;  text-align:center; display:block; float:left; border:1px solid #fff; border-radius:5px; color:#fff; margin:0 10px; }
.iad .iad_link a:hover{ color:#ffc207; border:1px solid #ffc207; }

.inews .title{ margin-bottom:60px; margin-top:100px; }
.inews .title h3{ text-align:center; font-size:34px; color:#415363; font-weight:bold; border-bottom:2px solid #0a5bad;   width:400px; margin:20px auto 20px;  padding-bottom:20px;}
.inews .title p{ text-align:center; font-size:18px; color:#778591;  }
.inews .inews_left{ width:50%; float:left; background:#f5f5f5; padding:2% 2%; }
.inews .inews_right{ width:48%; float:right; }
.inews .inews_left img{ width:100%; }
.inews .inews_right .inewsli{ background:#f5f5f5; }
.inews .inews_left  h3{ font-size:16px; color:#415363; }
.inews .inews_right .inewsli{ margin-bottom:20px; padding:20px;  }
.inews .inews_right  h3{ margin-top:0; font-size:16px; color:#415363; }
.inews .inews_right  p{ margin:14px 0 13px; display:block;}
.inews .inews_right span{ border:1px solid #ccc; width:100px; height:36px; line-height:36px; display:block; text-align:center; background:#fff;  }
.inews .inews_left:hover{ background:#0a5bad; }
.inews .inews_left:hover h3{ color:#fff; }
.inews .inews_left:hover p{ color:rgba(255,255,255,.7); }
.inews .inews_left:hover span{ color:rgba(255,255,255,.5); }
.inews .inews_right .inewsli:hover{ background:#0a5bad; }
.inews .inews_right .inewsli:hover h3{ color:#fff; }
.inews .inews_right .inewsli:hover p{ color:rgba(255,255,255,.7); }
.inews .inews_right .inewsli:hover span{ color:#fff; background:#ffc207; border:0;  }
.inews .inews_right .inewsli:last-child{ margin-bottom:0; }

.footer{ margin-top:100px; padding:4% 0; background:#272727;  }
.footer .footer1{ width:87px; margin:0 auto; }
.footer .footer2{  padding-top:50px;}
.footer .footer2 h4{ color:#fff; font-weight:bold;  font-size:16px; margin-bottom:20px;  }
.footer .footer_left{ width:30%;  float:left; padding-right:5%; }
.footer .footer_mid{ width:50%;  float:left; padding-left:5%; border-left:1px solid #404040; border-right:1px solid #404040;  }
.footer .footer_right{ width:12%;  float:right;}
.footer .footer_left p{ color:#fff; line-height:30px; color:#a3a3a3; }
.footer .footer_mid .midli{ width:33.3%;  float:left;}
.footer .footer_mid .midli ul li{ margin-bottom:10px; }
.footer .footer_mid .midli ul li a{ color:#a3a3a3;  }
.footer .footer_right img{ width:100%; }

.footer_m{ background:#272727; padding:40px 0; margin-top:30px;  }
.footer_m .m1{ color:#fff;  font-size:20px; text-align:center; }
.footer_m .m2{  text-align:center; color:#fff; padding-top:10px;   }
.footer_m .m3{ color:#fff;  font-size:18px;  text-align:center;padding-top:10px; }
.footer_m .m4{ color:#a3a3a3;  font-size:14px;  text-align:center; padding-top:10px;  }
.footer_m .m2 a{   font-size:18px; color:#fff;  padding:0 10px; }
.footer_m .m3 a{ font-size:18px; color:#c6c6c6; }



@media (max-width:1000px) {

}

@media (max-width:900px) {

}

@media (max-width:800px) {

}
@media (max-width:767px) {
.ipro .title{ padding:0 15px; }
.ipro .title{ margin-top:30px; }
.ipro .tabs a { width:31.3%; margin:0 1%; margin-bottom:5px;}
.ipro_list li{ float:left; width:49%; margin:0 0.5%; }
.iabout{ padding:0 15px; }
.iabout{ background:#f8f8f8; padding-bottom:30px; padding-top:30px;   }
.iabout .iprofile{ width:100%; }
.iabout .iprofile p{ padding-top:20px; }
.iabout .iprofile a{  padding:10px 0;  }
.iabout .for_service{ width:100%;}
.ihonor{ padding:0 15px; }
.ihonor .honor_list .honorli{ float:left; width:48%; margin:0 1%; }
.ihonor .honor_list .honorli{ margin-bottom:10px;}
.ihonor .ihonor_more a{ margin-top:30px; }
.inews{ padding:0 15px; }
.inews .inews_left{ width:100%;}
.inews .inews_right{ width:100%; padding-top:30px;}
.ipro .title h3{ width:100%; }
.ihonor .title h3{ width:100%; }
.inews .title h3{ width:100%; }
}
@media (max-width:400px) {
.ipro .title h3{ width:100%; font-size:30px;}
}


@media (min-width:768px) {

}