@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
html, body {font-family:'Montserrat', Arial,"微软雅黑", sans-serif; width:100%; margin:0 auto; outline:none; color:#666; font-size: 16px; }
* { margin: 0; padding: 0;  outline: none; }
a {  text-decoration: none; background: transparent; outline: none; color:#666; font-size: 16px; transition: all 0.3s ease; }
a:focus, a:active, a:hover, a:after  {  text-decoration: none; font-size: 16px; outline: 0; transition: all 0.3s ease;}
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:middle; max-width: 100%; transition: all 0.5s ease;  }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input.submit { border: 0; margin: 0; cursor: pointer; }
input.radio { display: inline; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { list-style: none; transition: all 0.3s ease; }
li { list-style: none;  transition: all 0.3s ease; }
.clear { clear: both; } 
.fl { float: left; }
.fr { float: right; }
p { line-height: 200%; font-size: 16px; }
h1,h2,h3,h4,h5 { font-family:'Montserrat', Arial,"微软雅黑", sans-serif; transition: all 0.3s ease; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; }
.clearfix { zoom: 1; }
.hidden { display: none; }
span, span::after, i { transition: all 0.1s ease;}
::-webkit-scrollbar{width: 10px;height: 10px;background-color: #ccc;}
::-webkit-scrollbar-track{background-color: #ccc;}
::-webkit-scrollbar-thumb{background-color: #1375de;} 

.flex-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.ellipsis {text-overflow: ellipsis;overflow: hidden; white-space: nowrap; display: block; }
.ellipsis2 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.ellipsis3 {text-overflow: ellipsis; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.ww { width:1400px; margin:0 auto; }
.p100 { padding:100px 0; }
.wow {position:relative; z-index: 9;}

@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}

@font-face {
  font-family: "GilroyR";
  src: url("../css/font/GilroyR.otf") format("otf"),
       url("../css/font/GilroyR.woff") format("woff"),
       url("../css/font/GilroyR.ttf") format("truetype"),
       url("../css/font/GilroyR.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GilroyM";
  src: url("../css/font/GilroyM.otf") format("otf"),
       url("../css/font/GilroyM.woff") format("woff"),
       url("../css/font/GilroyM.ttf") format("truetype"),
       url("../css/font/GilroyM.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "GilroyB";
  src: url("../css/font/GilroyB.otf") format("otf"),
       url("../css/font/GilroyB.woff") format("woff"),
       url("../css/font/GilroyB.ttf") format("truetype"),
       url("../css/font/GilroyB.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}