/*清除元素默认的内外边距及边框  */ 
*{margin:0;padding:0;border:none;}
/*让所有斜体 不倾斜*/
em, i {color: #ccc;font-style: normal;}
/*去掉列表前面的小点*/
li {list-style: none;}
/*图片没有边框,去掉图片底侧的空白缝隙*/
img {border: 0;  /*ie6*/vertical-align: middle;}
/*让button 按钮 变成小手*/
button{cursor: pointer;}
/*取消链接的下划线*/
a{color: #666;text-decoration: none;}
button, input {
    border:none 0;
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    /*取消轮廓线 蓝色的*/
    outline: none;
}
textarea, select{outline:none;}
textarea{resize:none;}
body {
    background-color: #F1F1F1;
    font: 12px/1.5 'Quicksand', sans-serif;
    color: #666
}
h1, h2, h3, h4, h5, h6, b{
    font-family: 'Playfair Display', serif;
    font-weight:normal;
    font-size:12px;
}
.title{
     font-family: 'Playfair Display', serif;
     font-size: 28px !important;
     margin-bottom: 10px;
}
.slogan {
      font-family: 'Dancing Script', cursive;
}
.fonts18{
    font-size:28px !important;
}
.fonts34{
    font-size:38px !important;
}
.hide, .none {display: none;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.fl{float: left;}
.fr{float: right;}
/*使用双伪元素清除浮动  代码简洁 */
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
a img{display:block;border:none;}
a:focus{outline:none;}

@media (max-width: 768px) {
    .title{
        margin-top:10px;
    }
}