@charset "utf-8";

/* banner starting */

.banner{width: 100%;height: 450px;overflow: hidden;background: url("../images/proListBanner.jpg") no-repeat center center;}
.proList{width: 100%;overflow: hidden;}
.proList_con{width: 1160px;margin:20px auto;}
.proList_con ul{width: 100%;overflow: hidden;}
.proList_con ul li{width: 356px;margin-right: 46px;height: 450px; background: #f9f8f8;float: left;margin-bottom: 30px;}
.proList_con ul li:nth-child(3n+3){margin-right: 0;}
.proList_con ul li a{display: block;width: 100%;overflow: hidden;}
.proList_con ul li a h2{font-size: 16px;height:36px;line-height: 36px; overflow: hidden;padding-bottom: 10px;	margin: 10px 20px 12px; border-bottom: 1px solid #6fb92c;text-align: center;}
.proList_con_detail{width: 356px;overflow: hidden;}
.proList_con_detail img{width: 356px;display: block;transition:all 0.5s ease;}
.proList_con ul li a p{padding:6px 26px 30px;line-height: 26px;}
.proList_con ul li a:hover img{transform: scale(1.05);}

.relation{width: 100%;overflow: hidden;background: #f1f1f1;}
.relation_con{width: 1160px;margin:30px auto;overflow: hidden;padding-bottom: 20px;}
.case{width: 680px;float: left;overflow: hidden;}
.case_head{width: 100%;height: 60px;}
.case_head h2{font-size: 18px;line-height: 36px;width: 100px;float: left;text-align: center;padding-bottom: 6px; background: url(../images/icon.png) no-repeat -154px 36px;}
.case_head span{display: block;width: 60px;float: right;padding-top: 10px;}
.case ul {width: 100%;overflow: hidden;clear: both;}
.case ul li{width: 100%;overflow: hidden;margin-bottom:18px;background: #fff;padding:8px 0;}
.case ul li a{display: block;overflow: hidden;width: 100%;}
.case ul li .fl{width: 220px;overflow: hidden;margin-right: 34px;}
.case ul li .fl img{max-width: 220px;}
.case ul li .case_detail{width: 426px;float: left;}
.case_detail h3{font-size: 18px;font-weight: normal;line-height: 46px;}
.case_detail p{line-height: 36px;padding-bottom: 8px; }
.case_detail p span{font-weight: bold;}

.relation_con .fr{width: 400px;overflow: hidden;height: 100%;}
.relation_con .fr ul{width: 100%;margin-top:60px;}
.relation_con .fr ul li {height: 60px;line-height: 60px;font-size: 22px;color:#444;padding-left: 50px;color:#444;}
.relation_con .fr ul li.phone{background: url(../images/icon.png) no-repeat left -218px;}
.relation_con .fr ul li.zixun{background: url(../images/icon.png) no-repeat left -146px;}
.relation_con .fr ul li.zixun a{font-size: 16px;color: #6fb92c;font-weight: bold;}
.relation_con .fr_lianxi{width: 100%;}
.fr_lianxi span{width: 330px;}