@charset "utf-8";
/* reset */

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body,
div,
ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
pre,
code,
fieldset,
legend,
form,
input,
select,
textarea,
button,
p,
blockquote,
th,
td,
figure {
    margin: 0;
    padding: 0;
    *zoom: 1
}

/*@font-face {
    font-family: "TTNorms-Medium";
    src: url(../font/ttnorms-medium.otf);
}

@font-face {
    font-family: "TTNorms-ExtraBold";
    src: url(../font/ttnorms-extrabold.otf);
}

@font-face {
    font-family: "TTNorms-Regular";
    src: url(../font/TTNorms-Regular.otf);
}
*/
body {
    color: #333;
    font-family: "Microsoft Yahei", "微软雅黑", "PingFang SC", arial, "\5b8b\4f53" !important;
    word-break: break-word;
}

li {
    list-style-type: none
}

iframe,
frame,
fieldset,
img {
    border: 0 none
}

img {
    vertical-align: top;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

input[type=button],
input[type=submit],
input[type=reset] {
    cursor: pointer
}

button {
    cursor: pointer
}

input,
textarea,
button {
    -webkit-border-radius: 0;
    -webkit-appearance: none
}

input[type=radio] {
    -webkit-border-radius: 100%;
    -webkit-appearance: radio
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    overflow: auto;
    resize: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

th {
    font-weight: normal
}

a:link,
a:visited,
a:active,
a {
    text-decoration: none;
    color: inherit;
}

a {
    font-size: inherit;
    color: inherit;
    blr: expression(this.onFocus=this.blur())
}

a * {
    *cursor: pointer
}

:focus {
    outline: none
}

.w1440 {
    width: 1440px;
    margin: auto;
}

.w1600 {
    width: 1600px;
    margin: auto;
}

.toPage a {
    width: 200px;
    height: 54px;
    border: 1px solid #ffffff;
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all 0.4s linear;
}

.toPage a:hover {
    border-color: #FF441A !important;
    color: #FF441A !important;
    background: rgba(255, 255, 255, 1) !important;
}

:root {
    --mo_banner_height: 320px
}
#banner {
  width: 100%;
  position: relative;
}
#banner img {
  width: 100%;
}
#banner .info {
  position: absolute;
  top: 220px;
  left: 50%;
  transform: translateX(-50%);
}
#banner .info .tit {
 
  font-weight: 600;
  text-align: left;
  color: #ffffff;
  line-height: 1.25;
}
#banner .info .mes {
  font-family: TTNorms-Medium;
  font-weight: 500;
  text-align: left;
  color: #ffffff;
  line-height: 1.6;
  max-width: 830px;
  margin-top: 26px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.noDate{
    text-align: center;
    padding: 40px 0;
    color: #999;
        display: block;
    width: 100%;
}

.laypage_main{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:80px;
}
.laypageskin_default > span{
    
    height:auto !important;
}
.laypage_main *{
    font-size: 18px !important;
}
.laypage_main a, .laypage_main .laypage_curr,.laypage_main input{
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    border:1px solid  #e5e5e5;
    text-align: center;
    margin: 0 5px;
    border-radius: 100%;
    
}
.laypage_main input{
    
     width: 60px !important;
}
.laypage_main .laypage_curr{
    
    border-color: #ff441a;
    background-color: #ff441a;
    color: #ffffff !important;
}
.laypage_main button{
    width: 100px;
    height:50px !important;
    line-height: 50px !important;
       border-radius: 10px;
       transition: all 0.4s linear;
}
.laypage_main button:hover{
    
       border-color: #ff441a;
    background-color: #ff441a;
    color: #ffffff !important;
}
.laypage_main .laypage_total{
      display: flex;
    align-items: center;
}
.laypage_main a, .laypage_main span{
    padding:0 !important;
    
}
.laypage_main .laypage_total{
    display:none;
    
}
.laypage_main a, .laypage_main span{
    margin-bottom: 0 !important;
}
@media only screen and (max-width: 1600px) {
    .w1440 {
        width: 80%;
    }
    .w1600 {
        width: 80%;
    }
  .laypage_main{margin-top:4.16vw;}
   
}

@media only screen and (max-width: 1200px) {
    .w1440 {
        width: 90%;
    }
    .w1600 {
        width: 90%;
    }
     .toPage a {
    width: 160px;
    height: 46px;
    border: 1px solid #ffffff;
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all 0.4s linear;
}
  .laypage_main a, .laypage_main .laypage_curr,.laypage_main input{
        width: 40px !important;
        height: 40px !important;
            line-height: 40px !important;
             font-size:16px !important;
    }
}

@media only screen and (max-width: 768px) {
    #banner img {
  width: 100%;
  object-fit: cover;
/*  height: 300px !important;*/
}
      .toPage a {
           width: 140px;
        height: 36px;  
      }
        .laypage_main a, .laypage_main .laypage_curr,.laypage_main input{
        width: 32px !important;
        height: 32px !important;
            line-height: 32px !important;
            font-size:14px !important;
    }.laypage_main{margin-top:20px;}
  
}