/*基础css*/

*{ margin:0; padding:0;}
body{color: #000;font-size: 12px;background-color: #fff; background-image:url(../images/bj.jpg); background-repeat:repeat;font-family: "\5FAE\8F6F\96C5\9ED1";}
a{color:#fff;text-decoration: none;}
.box{ width:100%; float:left;}
.mq{ width:1200px; margin:0 auto; position:relative;}
.w1200{width: 1200px;margin: 0 auto;position: relative}
.w1024{width: 1024px;margin: 0 auto;position: relative}
.left{float: left}
.right{float: right}
/*wap css 图片排列*/
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
img {
    max-width: 100%;
    height: auto; }

img {
    -ms-interpolation-mode: bicubic; }
[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 auto; }
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
[class*="block-grid-"]:after {
    clear: both; }
[class*="block-grid-"] > li {
    display: block;
    float: left;
    height: auto;
    padding: 0 0.55556rem 1.11111rem; }

@media only screen {
    .small-block-grid-1 > li {
        list-style: none;
        width: 100%; }
    .small-block-grid-1 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both; }

    .small-block-grid-2 > li {
        list-style: none;
        width: 50%; }
    .small-block-grid-2 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both; }

    .small-block-grid-3 > li {
        list-style: none;
        width: 33.33333%; }
    .small-block-grid-3 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both; }

    .small-block-grid-4 > li {
        list-style: none;
        width: 25%; }
    .small-block-grid-4 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both; }

    .small-block-grid-5 > li {
        list-style: none;
        width: 20%; }
    .small-block-grid-5 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both; }

    .small-block-grid-6 > li {
        list-style: none;
        width: 16.66667%; }
    .small-block-grid-6 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both; }

    .small-block-grid-7 > li {
        list-style: none;
        width: 14.28571%; }
    .small-block-grid-7 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both; }

    .small-block-grid-8 > li {
        list-style: none;
        width: 12.5%; }
    .small-block-grid-8 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both; }

    .small-block-grid-9 > li {
        list-style: none;
        width: 11.11111%; }
    .small-block-grid-9 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both; }

    .small-block-grid-10 > li {
        list-style: none;
        width: 10%; }
    .small-block-grid-10 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both; }

    .small-block-grid-11 > li {
        list-style: none;
        width: 9.09091%; }
    .small-block-grid-11 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both; }

    .small-block-grid-12 > li {
        list-style: none;
        width: 8.33333%; }
    .small-block-grid-12 > li:nth-of-type(1n) {
        clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both; } }
@media only screen and (min-width: 35.61111em) {
    .medium-block-grid-1 > li {
        list-style: none;
        width: 100%; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both; }

    .medium-block-grid-2 > li {
        list-style: none;
        width: 50%; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both; }

    .medium-block-grid-3 > li {
        list-style: none;
        width: 33.33333%; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both; }

    .medium-block-grid-4 > li {
        list-style: none;
        width: 25%; }
    .medium-block-grid-4 > li:nth-of-type(1n) {

        clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both; }

    .medium-block-grid-5 > li {
        list-style: none;
        width: 20%; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both; }

    .medium-block-grid-6 > li {
        list-style: none;
        width: 16.66667%; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both; }

    .medium-block-grid-7 > li {
        list-style: none;
        width: 14.28571%; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both; }

    .medium-block-grid-8 > li {
        list-style: none;
        width: 12.5%; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both; }

    .medium-block-grid-9 > li {
        list-style: none;
        width: 11.11111%; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both; }

    .medium-block-grid-10 > li {
        list-style: none;
        width: 10%; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both; }

    .medium-block-grid-11 > li {
        list-style: none;
        width: 9.09091%; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both; }

    .medium-block-grid-12 > li {
        list-style: none;
        width: 8.33333%; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
        clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both; } }
@media only screen and (min-width: 56.94444em) {
    .large-block-grid-1 > li {
        list-style: none;
        width: 100%; }
    .large-block-grid-1 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
        clear: both; }

    .large-block-grid-2 > li {
        list-style: none;
        width: 50%; }
    .large-block-grid-2 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
        clear: both; }

    .large-block-grid-3 > li {
        list-style: none;
        width: 33.33333%; }
    .large-block-grid-3 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
        clear: both; }

    .large-block-grid-4 > li {
        list-style: none;
        width: 25%; }
    .large-block-grid-4 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
        clear: both; }

    .large-block-grid-5 > li {
        list-style: none;
        width: 20%; }
    .large-block-grid-5 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
        clear: both; }

    .large-block-grid-6 > li {
        list-style: none;
        width: 16.66667%; }
    .large-block-grid-6 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
        clear: both; }

    .large-block-grid-7 > li {
        list-style: none;
        width: 14.28571%; }
    .large-block-grid-7 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
        clear: both; }

    .large-block-grid-8 > li {
        list-style: none;
        width: 12.5%; }
    .large-block-grid-8 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
        clear: both; }

    .large-block-grid-9 > li {
        list-style: none;
        width: 11.11111%; }
    .large-block-grid-9 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
        clear: both; }

    .large-block-grid-10 > li {
        list-style: none;
        width: 10%; }
    .large-block-grid-10 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
        clear: both; }

    .large-block-grid-11 > li {
        list-style: none;
        width: 9.09091%; }
    .large-block-grid-11 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
        clear: both; }

    .large-block-grid-12 > li {
        list-style: none;
        width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
        clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
        clear: both; } }

/* 图片边框cssImage Thumbnails */
.th {border: solid 4px #FFFFFF;box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);display: inline-block;line-height: 0;max-width: 100%;transition: all 200ms ease-out; }
.th:hover, .th:focus {box-shadow: 0 0 6px 1px rgba(0, 140, 186, 0.5); }
.th.radius {border-radius: 3px; }

/*分页样式css*/
.pages{ color:#333;}
#Pages a{color:#333;}
.pages {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pages > a {
    display: inline;
}
.pages > a,
.pages > span {
    position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.pages > li:first-child > a,
.pages > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pages > li:last-child > a,
.pages > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pages > a:hover,
.pages > span:hover,
.pages > a:focus,
.pages > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pages > .active > a,
.pages > .active > span,
.pages > .active > a:hover,
.pages > .active > span:hover,
.pages > .active > a:focus,
.pages > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pages > .disabled > span,
.pages > .disabled > span:hover,
.pages > .disabled > span:focus,
.pages > .disabled > a,
.pages > .disabled > a:hover,
.pages > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

#Pages p {color:#000;}

/*动画样式*/
/*ani-view fade-in-left fadeInLeft*/
/*ani-view fade-in-down fadeInDown*/
/*ani-view fade-in-right fadeInRight*/
/*  css animation  */

.trans{

    -webkit-transition: all .5s ease;

    -moz-transition:all .5s ease;

    -o-transition:all .5s ease;

    -ms-transition:all .5s ease;

    transition:all .5s ease;

}

/* page animation  */

{

    -webkit-animation-duration:1s;

    -moz-animation-duration:1s;

    -o-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:forwards;

    -moz-animation-fill-mode:forwards;

    -o-animation-fill-mode:forwards;

    animation-fill-mode:forwards;

}

@-webkit-keyframes fadeInDown {

    0% {

        opacity:0;

        -webkit-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateY(0)

    }

}

@-moz-keyframes fadeInDown {

    0% {

        opacity:0;

        -moz-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -moz-transform:translateY(0)

    }

}

@-o-keyframes fadeInDown {

    0% {

        opacity:0;

        -o-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -o-transform:translateY(0)

    }

}

@keyframes fadeInDown {

    0% {

        opacity:0;

        transform:translateY(20px)

    }

    100% {

        opacity:1;

        transform:translateY(0)

    }

}

.fade-in-down{

    opacity:0;

    opacity:1\0/IE9;



    -webkit-transform:translateY(20px);

    -moz-transform:translateY(20px);

    -o-transform:translateY(20px);

    transform:translateY(20px);

    -ms-transform:translateY(0)\0/IE9;

}

.fadeInDown {

    -webkit-animation-name:fadeInDown;

    -moz-animation-name:fadeInDown;

    -o-animation-name:fadeInDown;

    animation-name:fadeInDown;



}
@-webkit-keyframes fadeInLeft {

    0% {

        opacity:0;

        -webkit-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInLeft {

    0% {

        opacity:0;

        -moz-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -moz-transform:translateX(0)

    }

}

@-o-keyframes fadeInLeft {

    0% {

        opacity:0;

        -o-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -o-transform:translateX(0)

    }

}

@keyframes fadeInLeft {

    0% {

        opacity:0;

        transform:translateX(-100px)

    }

    100% {

        opacity:1;

        transform:translateX(0)

    }

}

.fade-in-left{
    opacity:0;

    opacity:1\0/IE9;

    -webkit-transform:translateX(-100px);

    -moz-transform:translateX(-100px);

    -o-transform:translateX(-100px);

    transform:translateX(-100px);

    -ms-transform:translateX(0)\0/IE9;

}

.fadeInLeft {

    -webkit-animation-name:fadeInLeft;

    -moz-animation-name:fadeInLeft;

    -o-animation-name:fadeInLeft;

    animation-name:fadeInLeft;

}

@-webkit-keyframes fadeInRight {

    0% {

        opacity:0;

        -webkit-transform:translateX(100px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInRight {

    0% {

        opacity:0;

        -moz-transform:translateX(100px)

    }

    100% {

        opacity:1;

        -moz-transform:translateX(0)

    }

}

@-ms-keyframes fadeInRight {

    0% {

        opacity:0;

        -ms-transform:translateX(100px)

    }

    100% {

        opacity:1;

        -ms-transform:translateX(0)

    }

}

@-o-keyframes fadeInRight {

    0% {

        opacity:0;

        -o-transform:translateX(100px)

    }

    100% {

        opacity:1;

        -o-transform:translateX(0)

    }

}

@keyframes fadeInRight {

    0% {

        opacity:0;

        transform:translateX(100px)

    }

    100% {

        opacity:1;

        transform:translateX(0)

    }

}

.fade-in-right{

    opacity:0;

    opacity:1\0/IE9;

    -webkit-transform:translateX(100px);

    -moz-transform:translateX(100px);

    -o-transform:translateX(100px);

    transform:translateX(100px);

    -ms-transform:translateX(0)\0/IE9;

}

.fadeInRight {

    -webkit-animation-name:fadeInRight;

    -moz-animation-name:fadeInRight;

    -o-animation-name:fadeInRight;

    animation-name:fadeInRight;
}
.l_ginfo{ text-align:center; line-height:32px; height:32px; width:100%;  margin-top:8px;}
.l_ginfo span{ background-color:#333; padding:5px 25px; color:#FFF; border-radius:15px;}
@media only screen and (max-width: 1336px) {
    html{min-width: 1200px;}
    .sidebar{display: none}
}