@charset "utf-8";
@import url(css.css );
.ih3 { height: 140px; overflow: hidden; }
.ih3 dt { text-align: center; font-size: 30px; color: #3385FF; padding-top: 40px; animation-delay: 0.5s; }
.ih3 dd { text-align: center; font-size: 24px; color: #000; padding-top: 10px; animation-delay: 0.5s; }
.ih3b dt, .ih3b dd { color: #fff; }
.ibanner{ height:450px; overflow:hidden;}
.imain1{min-height:512px;}
.imain1con { padding-bottom: 50px; }
.imain1con dl { float: left; width:181px; border: 1px solid #e6e6e6; border-radius: 30px; background-color: #F2F2F2; margin-left:20px; height: 320px; overflow: hidden; transition: all 0.4s ease 0s; }
.imain1con .dl2 { animation-delay: 0.5s; }
.imain1con .dl3 { animation-delay: 1s; }
.imain1con .dl4 { animation-delay: 1.5s; }
.imain1con dl a { display: block; }
.imain1con dl:hover {  border-radius: 0px; }
.imain1con dl.dl1 { margin-left: 0px; }
.imain1con dl p { text-align: center; padding-top: 40px; }
.imain1con dl p img { height:80px;transition:all 0.8s ease 0s; }
.imain1con dl:hover p img{transform:rotate(360deg);}
.imain1con dl dt { height: 60px; line-height: 60px; font-size:15px; color: #3385FF; text-align: center; }
.imain1con dl dd { padding: 0px 20px; line-height: 25px; overflow: hidden; height: 100px; }
.imain1con dl:hover dd { color: #000; }
.imain2 { background-color: #7D97E5;min-height:531px; }
.imain2con { padding-bottom: 65px; }
.imain2con .ll { width: 490px; overflow: hidden; float: left; }
.imain2con .llcon { border: 13px solid #B8C6F1; }
.imain2con .rr { margin-left: 490px; padding-left: 45px; }
.imain2con .rr dl.iabout { height: 290px; }
.imain2con .rr dl.iabout dt { font-size: 20px; font-weight: 700; color: #fff; height: 50px; }
.imain2con .rr dl.iabout dd { height: 200px; overflow: hidden; }
.imain2con .rr dl.iabout dd, .imain2con .rr dl.iabout dd p { line-height: 25px; color: #fff; text-indent: 2em; }
.imain2con .rr .more { width: 145px; overflow: hidden; }
.imain2con .rr .more dl { overflow: hidden;   position: relative; }
.imain2con .rr .more dt { overflow: hidden; left: 0px; top: 2px; border-radius: 10px 0px; z-index: 1; position: absolute; width: 100%; }
.imain2con .rr .more dt span { display: block; background-color: #0F5AC6; width: 0px; margin: 0px auto; height: 30px; transition: all 0.4s ease 0s; }
.imain2con .rr .more:hover dt span { width: 100%; background-color: #FF6600; }
.imain2con .rr .more dd { position: relative; z-index: 2; }
.imain2con .rr .more dd a { border: 2px solid #fff; border-radius: 10px 0px; display: block; line-height: 30px; color: #fff; text-align: center; }
.imain2con .rr .more:hover dd a { color: #fff; }
.imain3{min-height:512px;}
.imain3 .ih3 p { position: relative; }
.imain3 .ih3 p a { position: absolute; height: 2px; background-color: #7b7b7b; width: 528px; top: -10px; z-index: 10 }
.imain3 .ih3 p a.a1 { left: 0; }
.imain3 .ih3 p a.a2 { right: 0; }
.imain3con { padding-bottom: 60px; }
.imain3con .li { width: 50%; overflow: hidden; float: left; }
.imain3con .aa dl { border-bottom: 1px dotted #999; padding: 5px 10px 15px }
.imain3con .aa dt { height: 30px; overflow: hidden; }
.imain3con .aa dt span { float: right; width: 80px; line-height: 30px; color: #999; font-size: 12px;transition:all 0.4s ease 0s; }
.imain3con .aa dt a { margin-right: 80px; display: block; line-height: 30px; font-size: 16px; color: #7b7b7b;}
.imain3con .aa dl:hover dt a{transform:translateY(1px) translateX(1px);}
.imain3con .aa dd { line-height: 20px; height: 40px; overflow: hidden; color: #999; padding-top: 5px; }
.imain3con .aa .li1 dl { margin-right: 20px; }
.imain3con .aa .li2 dl { margin-left: 20px; }
.imain3con .more { width: 145px; margin-left: auto; margin-right: auto; margin-top: 30px; }
.imain3con .more dl {  position: relative; }
.imain3con .more dt { overflow: hidden; left: 0px; top: 2px; border-radius: 0px 0px; z-index: 1; position: absolute; width: 100%; }
.imain3con .more dt span { display: block; background-color: #7B7B7B; width: 0px; margin: 0px auto; height: 30px; transition: all 0.4s ease 0s; }
.imain3con .more:hover dt span { width: 100%; }
.imain3con .more dd { position: relative; z-index: 2; }
.imain3con .more dd a { border: 2px solid #7B7B7B; border-radius: 0px 0px; display: block; line-height: 30px; color: #000; text-align: center; }
.imain3con .more:hover dd a { color: #fff; }
.imain4 { background: url(../images/ibg.jpg) top center no-repeat; height: 200px; }
.imain4con { padding-top: 20px; }
.imain4 dl { float: left; width: 25%; overflow: hidden; }
.imain4 dl dt { font-size: 40px; color: #fff; text-align: center; padding-top: 35px; font-weight: bold }
.imain4 dl dd { color: #fff; text-align: center; padding-top: 15px; font-size: 18px; line-height: 1.5; }