.mail-view { width:100%; height:500px; overflow:hidden; background:url(./1.png) center top no-repeat; position:relative; }
.mail-view p, .mail-view h2 { width:100%; text-align:center; font-size:70px; color:#FFF; font-weight:400; position:absolute; left:0; top:150px; -webkit-animation:flyInUp 1s ease forwards; -moz-animation:flyInUp 1s ease forwards; -ms-animation:flyInUp 1s ease forwards; animation:flyInUp 1s ease forwards; }
.mail-view p { font-size:35px; top:290px; -webkit-animation-duration:1.3s; -moz-animation-duration:1.3s; -ms-animation-duration:1.3s; animation-duration:1.3s; }

.mail-super { padding:60px 0 75px; }
.mail-super dd { float:left; width:240px; height:auto; margin:0 0 30px 160px; }
.mail-super .img { width:106px; height:106px; border-radius:50%; display:block; margin:0 auto; }
.mail-super h3 { height:50px; line-height:50px; text-align:center; color:#49a9fe; font-size:20px; font-weight:400; }
.mail-super p { height:65px; overflow:hidden; }
.mail-super .img:hover { box-shadow:0 0 0 8px rgba(90,155,253,0.4); -webkit-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); transform:scale(0.9,0.9); }

.mail-process { height:625px; background:url(./8.png) center top no-repeat; padding-top:75px; }
.mail-process .list { width:894px; height:400px; margin:0 auto; }
.mail-process .list dd { float:left; width:128px; height:auto; margin:0 10px 0 35px; }
.mail-process .list .icon { display:block; width:128px; height:142px; background:url(./9.png) 0 -2px no-repeat; margin-bottom:10px; }
.mail-process .list .s1 .icon { background-position:0 -2px; }
.mail-process .list .s1:hover .icon { background-position:-137px -2px; }
.mail-process .list .s2 .icon { background-position:-272px -2px; }
.mail-process .list .s2:hover .icon { background-position:-406px -2px; }
.mail-process .list .s3 .icon { background-position:-543px -2px; }
.mail-process .list .s3:hover .icon { background-position:-678px -2px; }
.mail-process .list .s4 .icon { background-position:-816px -2px; }
.mail-process .list .s4:hover .icon { background-position:-952px -2px; }
.mail-process .list h3 { font-size:20px; font-weight:400; color:#FFF; text-align:center; }

.mail-process .tip { width:894px; height:128px; background:url(./9.png) -4px -206px no-repeat; position:absolute; left:170px; top:230px; }
.mail-process .tip p { font-size:18px; color:#2474bf; padding:40px 50px; height:48px; line-height:48px; }
.mail-process .tip i { position:absolute; left:38px; top:-30px; width:110px; height:30px; background:url(./9.png) -916px -176px no-repeat; }

.mail-process .list dt { float:left; width:26px; height:33px; background:url(./9.png) -918px -239px no-repeat; margin:55px 0px 0 30px; }

.mail-process .links, .mail-process .hotline { font-size:45px; color:#FFF; text-align:center; }
.mail-process .hotline { margin-bottom:20px; }
.mail-process .links, .mail-process .links a { font-size:20px; color:#FFF; line-height:40px; }
.mail-process .links a:hover { text-decoration:underline; }

.mail-case { padding:60px 0 150px;  }
.mail-case .head { text-align:center; font-size:40px; color:#666; }
.mail-case .list { width:1140px; height:410px; background:url(./table.png) center center no-repeat; }
.mail-case .list dd { float:left; width:263px; height:163px; border:1px solid #ececec; margin:0 0 -1px -1px; position:relative; left:43px; top:40px; overflow:hidden; }
.mail-case .list .img { width:0; height:163px; position:absolute; left:0; top:0; z-index:1; overflow:hidden; }
.mail-case .list .img img { width:263px; height:163px; display:block; }
.mail-case .list .img:first-child { width:263px; z-index:0; }
.mail-case .list dd:hover .img { width:263px; }