/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com !important
 */
 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,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 time,
 mark,
 audio,
 video,
 input {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font-weight: normal 
 }
 
 * {
     box-sizing: border-box;
 }
 
 ul,
 li {
     list-style: none;
 }
 html body{
     width: 100%;
     height: 100%;
 }
 body {
     line-height: 1.5;
     font-family: Roboto, PingFang SC, -apple-system,FZHuangCao-S09S, BlinkMacSystemFont, Helvetica Neue, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
     font-size: 16px;
     color: #333;
     -webkit-text-size-adjust: none;
 }
 *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
 table {
     border-collapse: collapse;
 }
 
 input,
 textarea {
     outline: none;
     box-shadow: none;
 }
 
 textarea {
     resize: none;
     overflow: auto;
 }
 
 a,
 a:visited,
 a:hover,
 a:active {
     text-decoration: none;
     color: #333;
 }
 
 
 .clearfix {
     zoom: 1;
 }
 
 .clearfix:after {
     content: ".";
     width: 0;
     height: 0;
     visibility: hidden;
     display: block;
     clear: both;
 }
 
 .fl {
     float: left
 }
 
 .fr {
     float: right
 }
 
 .tl {
     text-align: left;
 }
 
 .tc {
     text-align: center
 }
 
 .tr {
     text-align: right;
 }
 
 /* 字体 */
 
 .f-w {
     /* font-weight: normal */
 }
 
 .f-500 {
     font-weight: 500;
 }
 
 .f-600 {
     font-weight: 600;
 }
 
 .f-32 {
     font-size: 32px;
 }
 
 .f-60 {
     font-size: 60px;
 }
 
 .f-40 {
     font-size: 40px;
 }
 
 .f-24 {
     font-size: 24px;
 }
 
 .f-10 {
     font-size: 10px;
 }
 
 .f-12 {
     font-size: 12px;
 }
 
 .f-20 {
     font-size: 20px;
 }
 .f-28{
     font-size: 28px;
 }
 .f-26 {
     font-size: 26px;
 }
 
 .f-14 {
     font-size: 14px;
 }
 
 .f-18 {
     font-size: 18px;
 }
 
 .f-16 {
     font-size: 16px;
 }
 
 .f-22 {
     font-size: 22px;
 }
 .line-180 {
     line-height: 180%;
 }
 
 .line-200 {
     line-height: 200%;
 }
 
 .line-300 {
     line-height: 300%;
 }
 
 .w_1200 {
     width: 1200px;
     height: 100%;
     margin: 0 auto;
 }
 
 .c-sw{
     color:#304991;
 }
 
 .c-666{
     color: #666;
 }
 .c-ccc{
     color: #ccc!important;
 }
 .c-fff {
     color: #fff;
 }
 .c-333{
     color: #333!important;
 }
 
 .c-000 {
     color: #000;
 }
 
 
 .hover_img{
     overflow: hidden;
 }
 .hover_img img {
     transition: all .6s;
 }
 
 .hover_img:hover img {
     transform: scale(1.1)
 }
 
 .t-c {
     text-align: center;
 }
 
 .o-h {
     overflow: hidden;
 }
 .m-b{
     margin-bottom: 50px;
 }
 .m-t50{
     margin-top: 70px;
 }
 .p-t-125{
     padding-top: 125px;
 }


/* hover */

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    /* background: #eee; */
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .hvr-shutter-out-vertical:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
    color: white;
  }
  .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }