html, body {
    background: #fff;
    font-size: 14px;
    font-family: "微软雅黑";
    padding: 0;
    margin: 0;
    color: #333;
}

img {
    max-width: 100%;
    border: 0px;
}

.allfixs{
    position: fixed;
    z-index: 9999;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
}

div, ul, li, ol, p, h1, h2, h3, h4, h5, a, input, button, select {
    border: 0;
    padding: 0;
    outline: none;
    margin: 0;
    list-style: none;
    -moz-box-sizing: border-box; /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
    font-family: "微软雅黑";
}


a {
    text-decoration: none;
    color: inherit;
}
/*
    动效属性
*/
.animate01{
    opacity: 0;
    transform: translateY(100px);
    -ms-transform:translateY(100px);     /* IE 9 */
    -moz-transform:translateY(100px);  /* Firefox */
    -webkit-transform:translateY(100px); /* Safari 和 Chrome */
    -o-transform:translateY(100px);
}
.animate07{
    opacity: 0;
    transform: translateY(-100px);
    -ms-transform:translateY(-100px);     /* IE 9 */
    -moz-transform:translateY(-100px);  /* Firefox */
    -webkit-transform:translateY(-100px); /* Safari 和 Chrome */
    -o-transform:translateY(-100px);
}
.noneAnimate{
    opacity:1;
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: translateY(0);
    -ms-transform:translateY(0);     /* IE 9 */
    -moz-transform:translateY(0);  /* Firefox */
    -webkit-transform:translateY(0); /* Safari 和 Chrome */
    -o-transform:translateY(0);
}

.brand-design .animate01 .center-img-box {
    transform: rotate(200deg);
    -ms-transform:rotate(200deg);     /* IE 9 */
    -moz-transform:rotate(200deg);  /* Firefox */
    -webkit-transform:rotate(200deg); /* Safari 和 Chrome */
    -o-transform:rotate(200deg);
}
.brand-design .noneAnimate .center-img-box{
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: rotate(0deg);
    -ms-transform:rotate(0deg);     /* IE 9 */
    -moz-transform:rotate(0deg);  /* Firefox */
    -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
    -o-transform:rotate(0deg);
}

/*.noneAnimate07{*/
/*opacity:1;*/
/*transition: all .8s;*/
/*-webkit-transition:all .8s;*/
/*-moz-transition:all .8s;*/
/*-o-transition:all .8s;*/

/*transform: translateY(0);*/
/*-ms-transform:translateY(0);     !* IE 9 *!*/
/*-moz-transform:translateY(0);  !* Firefox *!*/
/*-webkit-transform:translateY(0); !* Safari 和 Chrome *!*/
/*-o-transform:translateY(0);*/
/*}*/



.animate02{
    opacity:0;
    transform: translateX(-350px);
    -ms-transform:translateX(-350px);     /* IE 9 */
    -moz-transform:translateX(-350px);  /* Firefox */
    -webkit-transform:translateX(-350px); /* Safari 和 Chrome */
    -o-transform:translateX(-350px);
}
.animate04{
    opacity:0;
    transform: translateX(350px);
    -ms-transform:translateX(350px);     /* IE 9 */
    -moz-transform:translateX(350px);  /* Firefox */
    -webkit-transform:translateX(350px); /* Safari 和 Chrome */
    -o-transform:translateX(350px);
}
.noneAnimate02{
    opacity:1;
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: translateX(0);
    -ms-transform:translateX(0);     /* IE 9 */
    -moz-transform:translateX(0);  /* Firefox */
    -webkit-transform:translateX(0); /* Safari 和 Chrome */
    -o-transform:translateX(0);
}
.animate03{
    opacity:0;
    /*perspective: 666px;*/
    transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);

}
.noneAnimate03{
    opacity:1;
    transition: all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;

    transform: scale(1) rotate(360deg);
    -webkit-transform: scale(1) rotate(360deg);
    -ms-transform: scale(1) rotate(360deg);
    -moz-transform: scale(1) rotate(360deg);
    -o-transform: scale(1) rotate(360deg);
}
.animate06{
    opacity:0;
}
.noneAnimate06{
    opacity:1;
    transition: all 3s ease-in-out;
    -webkit-transition:all 3s ease-in-out;
    -moz-transition:all 3s ease-in-out;
    -o-transition:all 3s ease-in-out;
}

.contents {
    min-width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 0 10px;
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0px;
}

.clearfix {
    clear: both;
    overflow: hidden;
}

.red {
    color: #c2334f !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
.n_color {
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
        -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}