@charset "utf-8";
@import url(css.css );
.ih3 { background: url(../images/ih3.jpg) no-repeat left center; padding-left: 120px; width: 240px; margin-left: auto; margin-right: auto; }
.ih3 .con { background: url(../images/ih3.jpg) no-repeat right center; padding-right: 120px; }
.ih3 dt { text-align: center; }
.ih3 dt a { font-size: 26px; line-height: 36px; font-weight: bold; }
.ih3 dt a:hover { color: #216BA1; }
.ih3 dd { text-align: center; font-size: 12px; line-height: 20px; }
.imain1 { padding-top: 30px; }
.imain1con li.li1 { margin-left: 0; }
.imain1con li { float: left; width: 357px; overflow: hidden; margin-left: 64px; }
.imain1con li h3 { color: #5e5e5e; font-size: 18px; font-weight: bold; line-height: 80px; padding-top: 10px; }
.imain1con li .img { overflow: hidden; height: 200px; }
.imain1con li .img img { display: block; width: 100%; height: 200px; transition: all 0.4s ease 0s; }
.imain1con li .img a:hover img { transform: scale(1.2) rotate(1deg); }
.imain1con li .p { color: #777; font-size: 13px; height: 66px; line-height: 22px; padding-top: 20px; overflow: hidden; }
.imain1con li .more { padding-top: 30px; }
.imain1con li .more a { border-color: #a1a1a1; border-style: solid; border-width: 1px; display: block; padding: 8px 0px; text-align: center; width: 90px; }
.imain1con li .more a:hover { background-color: #797979; color: #fff; }
.imain2 { padding-top: 50px; }
.imain2con { padding-top: 30px; }