body{height:100%;width: 100%;background: url(../img/contact.jpg)no-repeat center;}
.contact-header{padding:10px 0;background: #fff;}
.contact-header .logo{display: inline-block;margin-right:30px;border-right:1px solid #eee;padding-right:30px;}
.contact-header .logo img{height:40px;}
.contact-header .menu-box{display: inline-block;}
.contact-header .menu-box li{display: inline-block;padding:0 20px;font-size:16px;}
.contact-box{margin:150px 0 0 100px;}
.contact-box .intro .title{font-size:60px;font-weight: lighter; color:#333}
.contact-box .intro .subtitle{font-size:18px;font-weight: lighter;}
.contact-box p.name{font-size:18px;color:#333;font-weight: normal;}
.contact-box .line{display: inline-block;width:30px;border-bottom: 3px solid #80c0ec;}
.contact-box ul{margin-top:30px;}
.contact-box li{padding:10px 0;}
.contact-box .pic-box{float:left;width:50px;}
.contact-box .pic-box img{width: 100%;}
.contact-box .txt-box{float:left;margin-left:20px;}
.ewm-icon{float: right;position: relative;cursor: pointer;}
.ewm-icon:hover .ewm-box{display: block;}
.ewm-box{padding:10px;position: absolute;top:40px;right:0;display: none;animation: fangda 0.5s;
z-index: 999;background: #fff;text-align: center;}
.ewm-box img{width:150px;}

/*动画*/
.zoomIn{animation: zoomIn 1s;}
.zoomOut{animation: zoomOut 1s;}
.fadeIn{animation: fadeIn 2s;transition-delay: 1s;}
.fadeOut{animation: fadeOut 2s;transition-delay: 1s;}
.fadeInUp{animation: fadeInUp 1s;}
.fadeInUp1{animation: fadeInUp 1.5s;}
.fadeOutDown{animation: fadeOutDown 0.5s;}
.fadeOutDown1{animation: fadeOutDown 1s;}
.fadeInRight{animation: fadeInRight 1s;}
.fadeOutRight{animation: fadeOutRight 1s;}
.fadeInDown{animation: fadeInDown 1s;}
.fadeOutUp{animation: fadeOutUp 1s;}