@charset "utf-8";
@import url(css.css );
.ih3 { width: 370px; margin-left: auto; margin-right: auto; padding-top: 30px; }
.ih3 dt { text-align: center; padding-bottom: 15px; }
.ih3 dt a { line-height: 1; font-size: 24px; font-weight: bold; color: #666666 }
.ih3 dd p.p1 { width: 155px; border-bottom: 1px solid #C7C7C7; overflow: hidden; height: 2px; }
.ih3 dd p.p2 { margin: 0px 155px; overfolw: hidden; background-color: #828282; height: 5px; }
.imain1box { padding-top: 30px; }
.imain1 { padding: 10px 20px 10px; margin-top: 40px; }
.imain1 .rr { float: right; width: 450px; }
.imain1 .rr img { width: 100%; height: auto; }
.imain1 .ll { margin-right: 450px; overflow: hidden; padding: 10px 20px 15px 0px; }
.imain1 .ll h3 { font-size: 20px; line-height: 1; font-weight: bold; height: 30px; color: #909090; }
.imain1 .ll p { font-size: 13px; line-height: 23px; }
.imainline { clear: both; height: 55px; border-bottom: 1px solid #A4A4A4; }
.imain2 { padding-top: 30px; }
.imain2 .ll { width: 220px; float: left; overflow: hidden; }
.imain2 .rr { overflow: hidden; margin-left: 220px; padding-left: 40px; }
.imain2 .ll .lnav dt {height: 38px;overflow: hidden; background-color: #7DA573; border-radius: 10px 10px 0px 0px; text-align: center;}
.imain2 .ll .lnav dt a{ line-height: 38px; color: #fff; font-size: 18px; } 
.imain2 .ll .lnav dd { padding-top: 10px; }
.imain2 .ll .lnav dd p { border-bottom: 1px dotted #868686; }
.imain2 .ll .lnav dd p a { display: block; line-height: 32px; text-align: center; }
.imain2 .ll .lnav dd p a:hover{color: #7DA573; }
.imain2 .ll .img { padding-top: 20px; text-align: center; }
.imain2 .ll .img img { width: 156px; }
.imain2 .ll .tel { padding-top: 5px; }
.imain2 .ll .tel dt { background: url(../images/kd1.png) left center no-repeat; }
.imain2 .ll .tel dt p { background: url(../images/kd2.png) right center no-repeat; text-align: center; font-size: 16px }
.imain2 .ll .tel dd { font-size:20px; text-align: center; color: #E23900; font-weight: bold; padding-top:10px; }
.imain2 .ll .btn { text-align: center; padding-top: 15px; }
.imain2 .rr .tit dt { float: left; font-size: 18px; font-weight: bold; color: #7AA570; line-height: 30px; }
.imain2 .rr .tit dd { float: right; }
.imain2 .rr .tit dd a { line-height: 30px; color: #7AA570; }
.imain2 .rr .con { padding-top: 10px; }
.iplist .iplist_li { border: 2px solid #EDEDED; padding: 10px 0; margin-bottom: 15px; }
.iplist .li { width: 25%; overflow: hidden; float: left; }
.iplist table { border: 0; margin: 0; border-collapse: collapse; width: 100% }
.iplist table td { padding: 0; vertical-align: middle; text-align: center; }
.iplist dl { padding:10px 10px; }
.iplist dt { border:1px solid #E3E3E3; padding: 1px; overflow: hidden; }
.iplist dt img {  transition: all 0.4s ease 0s;width:100%;height:auto;}
.iplist dl:hover dt img { transform: scale(1.2); }
.iplist dl:hover dd a { color: #F60; }
.iplist dt img.wauto { width: auto; visibility: visible; }
.iplist dt img.hauto { height: auto; width: 100%; visibility: visible; }
.iplist table td, .iplist img.wauto { height:225px; }
.iplist dd { height: 30px; overflow: hidden; text-align: center; }
.iplist dd a { line-height: 30px; text-align:center; font-size: 14px;/* background: url(../images/arrow.png) no-repeat right center; padding-right: 50px;*/ display: block; height: 30px; overfolw: hidden; }
.imain3 { background-color: #7DA573; margin-top: 20px; padding-top: 70px; padding-bottom: 70px; background: url(../images/ibg1.png) no-repeat center top; }
.imain3 .li { width: 305px; overflow: hidden; float: left; }
.imain3 .li .column a { font-size: 20px; color: #fff; padding-right: 15px; font-weight: bold }
.imain3 .li .column span { font-size: 14px; color: #fff; }
.imain3 .li .line { width: 47px; height: 8px; background-color: #fff; margin-top: 25px; }
.imain3 .li h3 { padding-top: 46px; }
.imain3 .li h3 a { font-size: 16px; color: #fff; line-height:1.2;}
.imain3 .li h3 a:hover{ color:#B7FFA2}
.imain3 .li .p { font-size: 14px; color: #fff; padding-top: 20px; line-height: 25px; height: 100px; overflow: hidden; }
.imain3 .li .more { padding-top: 20px; }
.imain3 .li2 { float: left; width: 72px; padding-left: 70px; padding-top: 95px; overflow: hidden; }
.imain3 .li2 p { border-left: 1px solid #fff; height: 140px; }
.imain4 { padding-top: 65px; padding-bottom:50px; }
.imain4 .h3 { height: 60px; }
.imain4 .h3 a { font-size: 24px; color: #7aa570; padding-right: 15px; font-weight: bold }
.imain4 .h3 span { font-size: 14px; color: #7aa570; }
.imain4 .ll { width: 525px; float: left; overflow: hidden; }
.imain4 .rr { overflow: hidden; margin-left: 525px; padding-left: 20px; }
.imain4 .rr dl { clear: both; border-bottom: 1px solid #8EB286; height: 85px; overflow: hidden; padding-bottom: 25px; margin-bottom: 26px; }
.imain4 .rr dt { float: left; width: 120px;  }
.imain4 .rr dt img { width: 100%; height:88px; }
.imain4 .rr dd { margin-left: 120px; padding-left: 20px; overflow: hidden; }
.imain4 .rr dd .a1 { height: 30px; line-height: 30px; overflow: hidden; }
.imain4 .rr dd .a1:hover{color:#277C12}
.imain4 .rr dd p { height: 30px; line-height: 30px; overflow: hidden; }
.imain4 .rr dd .a2 { padding-top: 10px; display: block; }