.index-pro {display: block;}
.index-pro h3 {text-align: center;}
.index-pro h3 span {border:1px solid #ccc; border-radius: 25px;line-height: 35px;font-size: 16px;padding:0 20px;color:#31343b;display: inline-block;margin:10px auto;font-weight: 200px;}
.index-pro h2 {font-size: 35px;text-align: center; display: block;}
.index-pro .pro-nav{margin:0 5px;display: inline-block;}
.index-pro .pro-nav ul {overflow: hidden;margin-top:10px;}
.index-pro .pro-nav ul li {float: left;width: 32.9%;border-left:1px solid #ddd;border-top: 1px solid #ddd;}
.index-pro .pro-nav ul li:nth-child(3n){border-right:1px solid #ddd;}
.index-pro .pro-nav ul li:nth-child(4n){border-bottom:1px solid #ddd;}
.index-pro .pro-nav ul li:nth-child(5n){border-bottom:1px solid #ddd;}
.index-pro .pro-nav ul li:last-child{border-bottom:1px solid #ddd;}
.index-pro .pro-nav ul li a {display: block;text-align: center;font-size: 18px;line-height: 35px;}
.index-pro .pro-nav ul li a.on {background: #d91f15;color:#fff;}
.index-pro .pro-nav ul li a:hover {background:#d91f15;color:#fff;}
.index-pro .pro-list {display: block;overflow: hidden;}
.index-pro .pro-list li {width: 46%;float: left;padding:2%;}
.index-pro .pro-list li .pro-img {height: 170px;position: relative;background: #fff;}
.index-pro .pro-list li .pro-img img {max-width: 100%;max-height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;position: absolute;}
.index-pro .pro-list li p {background: #fff;line-height: 25px;padding:0 10px;font-size: 16px;font-weight: 700;}
.index-pro .pro-list li p span {float: right;}
.index-pro .pro-list li p span img {width: 17px;}
.index-pro .more {text-align: center;display: block;}
.index-pro .more img {height: 25px;}
.youshi {display: block;overflow: hidden;}
.youshi img {max-width: 100%;}

.index-pro .case-list {display: block;overflow: hidden;}
.index-pro .case-list li {width: 46%;float: left;padding:2%;}
.index-pro .case-list li .list-img {height: 150px;position: relative;}
.index-pro .case-list li .case-tit {display: inline-block;position: relative;line-height: 30px;}
.index-pro .case-list li .case-tit span {display:inline-block; line-height: 30px;font-size: 20px;color:#da261e;font-weight: 700;border-bottom: 2px solid #000; }
.index-pro .case-list li .case-tit i{border-bottom: 2px solid #da261e;position: absolute;display: block; width:50%;height:2px; bottom:0px;}
.index-pro .case-list li .list-img img {max-width: 100%;max-height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;position: absolute;}
.index-pro .case-list p {line-height: 25px;font-size: 14px;font-weight: 500;}
.index-pro .case-list li p span {float: right;}
.index-pro .more {text-align: center;display: block;}
.index-pro .more img {height: 25px;}

.home-hz {display: block;overflow: hidden;padding:0 2%;}
.home-hz img {width: 24%;float: left;margin-right:1%;}
.home-hz img:last-child {margin-right:0;}
.cjys, .dzlc, .about{overflow: hidden;padding:0 2%;}
.cjys img , .dzlc img, .about img{max-width: 100%;margin:10px auto;}
.about p {font-size: 16px;font-weight: 800;text-indent: 2em;}
.zizhi {overflow: hidden;display: block;padding:2%;}
.zizhi img {max-width: 100%;}

.home-news {display: block;overflow: hidden;width: 95%;margin:0 auto 20px auto;background: #fff;}
.home-news h2 {font-size: 20px;line-height: 50px;height: 50px;padding-left:10px;border-bottom:2px solid #ddd;}
.home-news .news-list {width: 99%;}
.home-news .news-list li {position: relative;float: left;text-align: left;padding:10px 0;border-bottom: 1px dashed #ddd;width:100%;}
.home-news .news-list li .time {float: left;width: 56px;line-height: 25px; padding:12px 12px;text-align: center;border-right: 1px solid #ddd;display: inline-block;font-weight: 600;}
.home-news .news-list li .time .day {font-size: 26px;font-weight: bold;}
.home-news .news-list li .month {float: left;width: 56px;}
.home-news .news-wz a {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;font-size: 20px;font-weight: bold;padding-left:10px;}
.home-news .news-wz p {line-height: 20px;font-size: 12px; color: #999;margin-top: 10px;height: 42px;overflow: hidden;padding-left: 10px;}

.footer {background: #444;display: block;padding:20px 15px 50px;color:#fff;}
.footer .copy {height: 25px;line-height: 25px;font-size: 14px;}
.footer ul {overflow: hidden;}
.footer ul li {line-height: 30px;font-size: 14px;}
.footer ul li span {text-align: justify;text-align-last: justify;width: 64px;display: inline-block;}
.footer ul li i img {margin-right: 5px;width: 25px;height: 25px;display: inline-block;}
.footer .wx {display: block;overflow: hidden;margin:10px 0;}
.footer .wx p {display: block;float: left; width: 48%;}
.footer .wx p span {line-height: 35px;display:block;font-size: 16px;width: 150px;overflow: hidden;text-align: center;}
.footer .wx p img {max-width: 150px;display: inline-block;}