/*
 * @Inc: 
 * @Author: fesg
 * @Descripttion: shangyang page style.
 * @version: v0.0.1
 * @Date: 2022-7-27 11:00;
 * @LastEditors: fesg
 * @LastEditTime:
 */
 html,
 body {
     margin: 0;
     padding: 0;
     font-family: 'Microsoft YaHei';
     color: #333;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 ul,
 li {
     margin: 0;
 }
 ul,
 li {
     list-style: none;
     padding: 0;
     border: none;
 }
 a,
 a:link,
 a:visited,
 a:hover,
 a:active {
     color: #333;
     text-decoration: none;
 }
 
 input,
 select,
 button {
     border: none;
     background-color: transparent;
     outline: none;
 }
 
 .text-flow {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 .text-flow-b {
     overflow: hidden;
     display: -webkit-box!important;
     -webkit-box-orient: vertical!important;
     -webkit-line-clamp: 2;
 }
 .text-flow-c {
     overflow: hidden;
     display: -webkit-box!important;
     -webkit-box-orient: vertical!important;
     -webkit-line-clamp: 3;
 }
 .text-flow-d {
     overflow: hidden;
     display: -webkit-box!important;
     -webkit-box-orient: vertical!important;
     -webkit-line-clamp: 4;
 }
 .text-flow-e {
     overflow: hidden;
     display: -webkit-box!important;
     -webkit-box-orient: vertical!important;
     -webkit-line-clamp: 5;
 }
 .fullimg {
     display: block;
     width: 100%;
     max-width: 100%;
 }
 
 .hbbod {
     font-family: 'hbbod';
 }
 
 /* clear float */
 .clearFix::after {
     content: '';
     display: block;
     height: 0;
     overflow: hidden;
     clear: both;
 }
 
 /* ie 6/7 */
 .clearFix {
     zoom: 1;
 }
 
 
 a,
 a:before,
 a:after,
 #goTop,
 .container,
 .lm,
 span,
 .title,
 img,
 li,
 .tab,
 i,
 .s4ease {
     transition: all 0.4s ease 0s;
     -moz-transition: all 0.4s ease 0s;
     -webkit-transition: all 0.4s ease 0s;
     -o-transition: all 0.4s ease 0s;
     -ms-transition: all 0.4s ease 0s;
 }
 
 .lm,
 .right,
 .left,
 .date,
 #banner .item span {
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .justify,
 .inner,
 img,
 input,
 textarea,
 select,
 button,
 table,
 label,
 .center,
 .searchForm {
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
 }
 
 .clearfix {
     *zoom: 1;
 }
 
 .clearfix:before,
 .clearfix:after {
     content: "";
     display: table;
 }
 
 .clearfix:after {
     clear: both;
 }
 
 .justify {
     text-align: justify;
     text-justify: inter-ideograph;
     letter-spacing: 0px;
     font-size: 0px;
 }
 
 .justify:after {
     content: '';
     height: 0px;
     width: 100%;
     display: inline-block;
     overflow: hidden;
 }
 
 .justify .line {
     display: inline-block;
     height: 0px;
     overflow: hidden;
 }
 
 .justify>* {
     text-align: left;
     font-size: 16px;
 }
 
 .justify .box {
     display: inline-block;
     vertical-align: top;
 }
 
 .box.justify {
     text-align: justify;
 }
 
 blockquote,
 body,
 button,
 dd,
 div,
 dl,
 dt,
 fieldset,
 figure,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 input,
 legend,
 li,
 ol,
 p,
 pre,
 table,
 textarea,
 ul {
     margin: 0;
     padding: 0;
 }
 
 area:focus,
 button:focus,
 input:focus,
 textarea:focus {
     outline: 0;
 }
 
 a img,
 abbr,
 acronym,
 fieldset,
 img,
 legend {
     border: 0 none;
 }
 
 figure,
 li,
 ol,
 ul {
     list-style: none;
 }
 
 address,
 caption,
 cite,
 code,
 dfn,
 th,
 var {
     font-weight: 400;
     font-style: normal;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     display: inline;
     font-weight: 400;
     font-size: 100%;
 }
 
 q:after,
 q:before {
     content: '';
 }
 
 button,
 input[type=button],
 input[type=reset],
 input[type=submit] {
     cursor: pointer;
     -webkit-appearance: button;
 }
 
 button {
     overflow: visible;
 }
 
 pre,
 textarea {
     overflow: auto;
 }
 
 button,
 input,
 optgroup,
 select,
 textarea {
     margin: 0;
     color: inherit;
     font: inherit;
 }
 
 button,
 select {
     text-transform: none;
 }
 
 button[disabled],
 html input[disabled] {
     cursor: default;
 }
 
 a[href],
 label[for],
 select {
     cursor: pointer;
 }
 
 a,
 div,
 input,
 span,
 textarea {
     -webkit-tap-highlight-color: transparent;
 }
 
 a:focus,
 a:active,
 a:hover {
     outline: 0;
 }
 
 sub,
 sup {
     position: relative;
     vertical-align: baseline;
     font-size: 75%;
 }
 
 sup {
     top: -.5em;
 }
 
 sub {
     bottom: -.25em;
 }
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 input[type=search]::-webkit-search-cancel-button,
 input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 input[type=search] {
     -webkit-appearance: textfield;
 }
 
 
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 section,
 summary {
     display: block;
 }
 audio,
 canvas,
 progress,
 video {
     display: inline-block;
     vertical-align: baseline;
 }
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 [hidden],
 template {
     display: none;
 }
 abbr[title] {
     border-bottom: 1px dotted;
 }
 b,
 optgroup,
 strong {
     font-weight: 700;
 }
 small {
     font-size: 80%;
 }
 code,
 kbd,
 pre,
 samp {
     font-size: 1em;
     font-family: monospace, monospace;
 }
 
 
 fieldset {
     margin: 0 2px;
     padding: .35em .625em .75em;
     border: 1px solid silver;
 }
 
 img {
     width: auto\9;
     height: auto;
     max-width: 100%;
     vertical-align: bottom;
 }
 
 i {
     font-style: normal;
 }
 a {
     background-color: transparent;
     text-decoration: none;
     color: #333;
 }
 a[href^="mailto:"],
 a[href^="tel:"] {
     display: inline-block;
 }
 
 *:before,
 *:after {
     text-align: inherit;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }
 input[type="text"],
 input[type="password"],
 textarea {
     text-align: left;
     background: transparent;
 }
 input[type="text"]:focus,
 input[type="text"].focusOn,
 input[type="password"]:focus,
 input[type="password"].focusOn,
 textarea:focus,
 textarea.focusOn {
     background: #fff;
 }
 input,
 textarea,
 select,
 button,
 label,
 .s2ease {
     transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
     -webkit-transition: all 0.2s ease 0s;
     -o-transition: all 0.2s ease 0s;
     -ms-transition: all 0.2s ease 0s;
 }
 table {
     line-height: 1.5;
     width: 100%;
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
 }
 table th {
     background: #ddd;
     font-weight: 700;
 }
 table td,
 th {
     padding: 5px;
     border: 1px solid #ccc;
     text-align: center;
     word-wrap: break-word;
     word-break: break-word;
 }
 table.table-left td,
 table.table-left th {
     text-align: left;
 }
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     padding: 0;
     border: 0;
 }
 input {
     line-height: normal;
 }
 input[type=checkbox],
 input[type=radio] {
     box-sizing: border-box;
     padding: 0;
 }
 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     height: auto;
 }
 .fl{
     float: left;
 }
 .fr{
     float: right;
 }
 .bold{
     font-weight: 600;
 }