@charset"UTF-8";
 html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}
h1 {
    margin: .67em 0
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace
}
abbr[title] {
    border-bottom: 0;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}
b, strong {
    font-weight: bolder
}
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
small {
    font-size: 80%
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -0.25em
}
sup {
    top: -0.5em
}
img {
    border-style: none;
    vertical-align: middle
}
button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button, input {
    overflow: visible
}
button, select {
    text-transform: none
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    padding: .35em .75em .625em
}
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details {
    display: block
}
summary {
    display: list-item
}
template {
    display: none
}
[hidden] {
    display: none
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, span, i, p, font, strong, a {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
body {
    font-family: Microsoft YaHei, Arial, SimSun;
    color: #333;
}
fieldset, img {
    border: 0
}
ol, ul, li {
    list-style: none
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}
input, button, select, textarea {
    outline: 0
}
textarea {
    resize: none
}
p {
    word-wrap: break-word;
    word-break: break-word;
}
i, span, s, del, b, em {
    display: inline-block
}
i, s, del, b, em {
    font-style: normal;
    text-decoration: none
}
address, cite, code, em, th {
    font-weight: normal;
    font-style: normal
}
a {
    color: inherit;
    text-decoration: none;
    display: inline-block;
    background-color: transparent
}
a:hover, a:focus {
    text-decoration: none;
    display: inline-block;
}
a {
    outline: 0
}
area {
    outline: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none
}
textarea {
    -webkit-appearance: none
}
.fl {
    float: left !important
}
.fr {
    float: right !important
}
.upperCase {
    text-transform: uppercase
}
.lowerCase {
    text-transform: lowercase
}
.cpitalize {
    text-transform: capitalize
}
.clearfix:after {
    display: block;
    height: 0;
    line-height: 0;
    content:"";
    visibility: hidden;
    clear: both;
}
.clearfix {
    zoom: 1
}
input {
    border: 0 none;
    outline: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
}
.viewport {
    width: 100%;
    margin: 0 auto;
}
.box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.scale {
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
li:hover .scale {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.tran {
    transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}
.page_info img {
    max-width: 100%;
}
.info, .page_info, .info p, .page_info p {
    line-height: 30px;
    word-break: break-word;
}
.point, .point2, .point3, .point4, .point5 {
    line-height: 30px;
    overflow: hidden;
}
.point {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    height: 30px;
}
.point2 {
    height: 60px;
    display: -webkit-box;
    /*将对象作为弹性伸缩盒子模型显示 。*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* 可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。*/
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 2;
    /* 限制在一个块元素显示的文本的行数。*/
}
.point3 {
    height: 90px;
    display: -webkit-box;
    /*将对象作为弹性伸缩盒子模型显示 。*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* 可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。*/
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 3;
    /* 限制在一个块元素显示的文本的行数。*/
}
.point4 {
    height: 120px;
    display: -webkit-box;
    /*将对象作为弹性伸缩盒子模型显示 。*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* 可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。*/
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 4;
    /* 限制在一个块元素显示的文本的行数。*/
}
.point5 {
    height: 150px;
    display: -webkit-box;
    /*将对象作为弹性伸缩盒子模型显示 。*/
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    /* 可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。*/
    -webkit-box-orient: vertical;
    /* 设置或检索伸缩盒对象的子元素的排列方式 。*/
    -webkit-line-clamp: 5;
    /* 限制在一个块元素显示的文本的行数。*/
}
.visible-xs {
    display: none;
}
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1500px) {
    .info, .page_info, .page_info p, .info p, .point, .point2, .point3, .point4, .point5 {
        line-height: 25px;
    }
    .point {
        height: 25px;
    }
    .point2 {
        height: 50px;
    }
    .point3 {
        height: 75px;
    }
    .point4 {
        height: 100px;
    }
    .point5 {
        height: 125px;
    }
}
@media screen and (max-width: 1024px) {
    .visible-xs {
        display: block;
    }
    .hidden-xs {
        display: none;
    }
    .info, .page_info, .page_info p, .info p, .point, .point2, .point3, .point4, .point5 {
        line-height: 20px;
    }
    .point {
        height: 20px;
    }
    .point2 {
        height: 40px;
    }
    .point3 {
        height: 60px;
    }
    .point4 {
        height: 80px;
    }
    .point5 {
        height: 100px;
    }
}