@charset "utf-8";
/* CSS Document */
.banner{ width: 100%;height: 288px;background-image:url(../images/case_banner.jpg); background-repeat: no-repeat; background-position: 50% 0px; margin: 0 auto;color: #fff}
.banner h3{font-size:42px;padding-top: 92px;font-weight: normal}
.banner p{font-size:22px;margin-top: 30px;line-height: 30px}
.big_case{ background:url(../images/case_img1.jpg) no-repeat; width:300px;height: 650px; margin-right: 34px}
.big_case img.icon{ width: 70px;height:70px;margin: 90px 112px 20px}
.big_case p{ text-align:center;color:#fff;line-height: 20px}
.big_case p.font20{margin-bottom: 20px}
.two_type{ width:500px; font-size: 24px;margin-bottom: 30px}
.two_type li a{color:#999; }
.two_type li{ float:left; margin-top: 30px; margin-right: 30px}
.two_type li.active a{color:#43b461; font-weight: bold;border-bottom: 5px solid #43b461;padding-bottom: 10px}
.two_type li:hover{cursor: pointer;}
.case_block{flex:1;position: relative; margin-bottom: 25px;box-shadow: 0 0 10px #fff; }
.case_block a{width:100%;height:100%;display: block;}
.case_block a:hover{ box-shadow: 0 0 10px #aaa; margin-top: -1px}
.case_block img{ display: block;    margin: 0 auto;}
.case_block:nth-child(1){margin-left:5%;}
.case_block:nth-child(2){margin-left:5%;margin-right:5%;}
.case_block:nth-child(3){margin-right:5%;}
.sm_case{text-align:center;}
.case_block a .sm_case{ top:-2px}
.sm_case .font16{ margin:38px 0 0 25px;font-weight: bold;color:#fff;font-weight: bold; line-height: 24px}
.sm_case .context{ color: #cfcece;text-align: center;padding: 5%;}
.sm_case img{ width:60px;height: 60px; float: right;margin: 20px 15px 0 0}
.big_ul{margin-top: 50px;width:100%;clear: both;display:flex;}
.fl h2{ text-align: center;font-size: 30px;font-weight: normal;color: #fff;margin-top:30px;}
.fl .font16{text-align: center;padding-top: 20px;color: #666;margin-bottom: 10px;color: #cfcece;}