@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font-weight: normal;vertical-align: baseline;list-style-type: none;}
html,body{overflow-x: hidden;font-family: ShiYuanHei-Regular;}
ol,ul{list-style: none;text-decoration: none;}
table { border-collapse: collapse;border-spacing: 0;}
a,a:hover{text-decoration: none;}
i,em{font-style:normal;}
video{outline: none;}
div:focus {outline: none;}
.fl{float: left;}
.fr{float: right;}
a{color: #333;display: block;}
h1{font-size: 6vw;line-height: 100%;}
h1.num{font-size: 11vw;}
h1.en{font-size: 9vw;}
h2{font-size: 5vw;}
h2.en{font-size: 7vw;}
h3{font-size: 3vw;}
h4{font-size: 2.6vw;}
h5{font-size: 1.5vw;}
img{ display: block;}
.cont{width: 86%;margin:0 auto;}
.img_box{overflow:hidden;}
.inx-padding{padding:100px 0;}
.padding{padding: 80px 0;}
/* .box{width: 100%;height: 100%;position: relative;} */
/* 引用外部字体 */
  /* 版权声明：此处引用了阿里巴巴普惠体，如存在版权问题，请联系网站管理员即时更改 */
@font-face{font-family: Intro;src: url('../fonts/Intro.otf') }
.ft-en{font-family: Intro;}

/*侧边滚动条自定义样式*/

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar {width: 8px;height: 6px;}
/*定义滚动条轨道*/ 
::-webkit-scrollbar-track {background-color: transparent;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em}
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb {background-color: #154897;background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0) 100%,transparent 100%,transparent 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 75%,transparent 75%,transparent);-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em}

/*清除浮动*/
  .clearFix::before,
  .clearFix::after{content: "";display: block;visibility: hidden;height: 0;line-height: 0;clear: both;}
  input{outline: none;}

/*文本超行省略显示*/
  .overflow_1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
  .overflow_2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
  .overflow_3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
  .overflow_4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
  .overflow_5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
  .overflow_7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}

/*图片盒子*/
  .img_box>img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}
  .img{width: 100%;height: 100%;display: block;object-fit: cover;object-position: center;background-repeat: no-repeat;}

  /*图片鼠标经过效果*/
    .img_box:hover>img{transform: scale(1.1);}
    .img_box>img{transition:all 0.8s;}

/*弹性布局*/

  /*换行*/
    .flex_tap{flex-wrap: wrap;}
  /*居中*/
  .flex_cont{display: flex;justify-content: center;}
  /*两端*/
  .flex_sp{display: flex;justify-content: space-between;}
  /*垂直*/
  .flex_y{display: flex;justify-content: space-between;flex-direction: column;}

/* 定位 */
  /* 垂直水平居中 */
  .pos-XY{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
   /* 垂直居中 */
   .pos-Y{position: absolute;top: 50%;transform: translateY(-50%);}
    /* 水平居中 */
  .pos-X{position: absolute;left: 50%;transform: translateX(-50%);}

/*page 分页器*/
  .pagination {display: flex;justify-content: center;margin-top: 10px;}
  .pagination a {background: #fff;border: 1px solid #ccc;color: #333;font-size: 14px;padding: 8px 12px;margin: 0 5px;border-radius: 3px;}
  .pagination span {color: #333;font-size: 14px;padding: 8px 2px;margin: 0 5px;border-radius: 3px;}
  .pagination a:hover {color: #154897;border: 1px solid #154897;}
  .pagination a.page-num-current {color: #fff;background: #154897;border: 1px solid #154897;}
  .my-4{margin-top:40px;}
  /*背景图片样式自适应*/
  .bj_img{background-position: center;background-size: cover;}


  /*背景动画*/
  .bj_am{animation: bjimg 6s infinite;animation-timing-function: linear;-webkit-animation: bjimg 6s infinite;-webkit-animation-timing-function: linear;}


  @keyframes bjimg{0%{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;}
                  50%{-webkit-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);transform: scale(1.5);transform-origin:left bottom;-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-o-transform-origin:left bottom;}
                 100%{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);transform-origin:right top;-webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;}
  }
  @-webkit-keyframes rotate360{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}
  @-moz-keyframes rotate360{0%{-moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
  @-ms-keyframes rotate360{0%{-ms-transform:rotate(0deg);}100%{-ms-transform:rotate(360deg);}}
  @keyframes rotate360{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}