﻿@charset "utf-8";


textarea,
input,
select {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

/*html5设置*/
article,
aside,
footer,
header,
hgroup,
nav,
section,
figure,
figcaption {
    display: block;
}

figure,
figcaption {
    margin: 0;
    padding: 0;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

/*百度分享弹框*/
.bd_weixin_popup {
    box-sizing: content-box;
}

img {
    border: none;
    border: 0;
    vertical-align: top;
    max-width: 100%;
}

span {
    outline: none;
}

a {
    color: #333333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}

a:link,
a:visited,
a:focus {
    outline: none;
    text-decoration: none;
    -moz-outline: none;
}

a:hover {
    text-decoration: none;
    color: #8fc41f;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    overflow-x: hidden;
}

.animate5s {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.animate3s {
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}

.textover {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.textovers {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.t-center {
    text-align: center;
}

.t-left {
    text-align: left;
}

.t-right {
    text-align: right;
}

.x-half {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.y-half {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.xy-half {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.o-hide {
    overflow: hidden;
}

.imgBox {
    overflow: hidden;
}

.imgBox img {
    display: block;
    transform: scale(1);
    transition: all .3s;
}

.imgh:hover .imgBox img,
.imgBox .imgh:hover img,
.imgBox.imgh:hover img {
    transform: scale(1.08);
}

.vmd {
    display: inline-block;
    vertical-align: middle;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.i-flex {
    display: inline-flex;
    flex-wrap: wrap;
}

.jb-flex {
    justify-content: space-between;
}

.jc-flex {
    justify-content: center;
}

.ac-flex {
    align-items: center;
}

/*清楚浮动*/
.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
    font-size: 0;
}

.clearfix {
    zoom: 1;
}

/*初始化样式*/
.f_l {
    float: left;
    display: inline-block;
}

.f_r {
    float: right;
    display: inline-block;
}

.container {
    margin: 0 auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.lw-w-1 {
    width: 8.33333333%;
}

.lw-w-2 {
    width: 16.66666667%;
}

.lw-w-3 {
    width: 25%;
}

.lw-w-4 {
    width: 33.33333333%;
}

.lw-w-5 {
    width: 41.66666667%;
}

.lw-w-6 {
    width: 50%;
}

.lw-w-7 {
    width: 58.33333333%;
}

.lw-w-8 {
    width: 66.66666667%;
}

.lw-w-9 {
    width: 75%;
}

.lw-w-10 {
    width: 83.33333333%;
}

.lw-w-11 {
    width: 91.66666667%;
}

.lw-w-12 {
    width: 100%;
}

.lw-5w {
    width: 20%;
}

@media (min-width:1200px) {

}

@media (max-width:1200px) {


    .lw-xw-1 {
        width: 8.33333333%;
    }

    .lw-xw-2 {
        width: 16.66666667%;
    }

    .lw-xw-3 {
        width: 25%;
    }

    .lw-xw-4 {
        width: 33.33333333%;
    }

    .lw-xw-5 {
        width: 41.66666667%;
    }

    .lw-xw-6 {
        width: 50%;
    }

    .lw-xw-7 {
        width: 58.33333333%;
    }

    .lw-xw-8 {
        width: 66.66666667%;
    }

    .lw-xw-9 {
        width: 75%;
    }

    .lw-xw-10 {
        width: 83.33333333%;
    }

    .lw-xw-11 {
        width: 91.66666667%;
    }

    .lw-xw-12 {
        width: 100%;
    }

    .lw-5xw {
        width: 20%;
    }
}

@media (max-width:1024px) {
    .container {
        width: 992px;
    }

    .lw-mw-1 {
        width: 8.33333333%;
    }

    .lw-mw-2 {
        width: 16.66666667%;
    }

    .lw-mw-3 {
        width: 25%;
    }

    .lw-mw-4 {
        width: 33.33333333%;
    }

    .lw-mw-5 {
        width: 41.66666667%;
    }

    .lw-mw-6 {
        width: 50%;
    }

    .lw-mw-7 {
        width: 58.33333333%;
    }

    .lw-mw-8 {
        width: 66.66666667%;
    }

    .lw-mw-9 {
        width: 75%;
    }

    .lw-mw-10 {
        width: 83.33333333%;
    }

    .lw-mw-11 {
        width: 91.66666667%;
    }

    .lw-mw-12 {
        width: 100%;
    }

    .lw-5mw {
        width: 20%;
    }
}

@media (max-width:992px) {
    .container {
        width: 768px;
    }
}

@media (max-width:768px) {
    .container {
        width: 100%;
    }

    .lw-sw-1 {
        width: 8.33333333%;
    }

    .lw-sw-2 {
        width: 16.66666667%;
    }

    .lw-sw-3 {
        width: 25%;
    }

    .lw-sw-4 {
        width: 33.33333333%;
    }

    .lw-sw-5 {
        width: 41.66666667%;
    }

    .lw-sw-6 {
        width: 50%;
    }

    .lw-sw-7 {
        width: 58.33333333%;
    }

    .lw-sw-8 {
        width: 66.66666667%;
    }

    .lw-sw-9 {
        width: 75%;
    }

    .lw-sw-10 {
        width: 83.33333333%;
    }

    .lw-sw-11 {
        width: 91.66666667%;
    }

    .lw-sw-12 {
        width: 100%;
    }

    .lw-5sw {
        width: 20%;
    }
}