@charset "UTF-8";

/*reset css*/

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei";
    line-height: 1.42857143; font-size: 15px;
    color: #333;
    background-color: #fff;
}

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;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: #333;
}

a:active,
a:hover {
    outline: 0;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

img {
    border: 0;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background: none;
    border: none;
}

button {
    overflow: visible;
    /* -webkit-appearance: none; */
    /* -moz-appearance: none;
    -o-appearance: none;
    appearance: none; */
}

button,
select {
    text-transform: none;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    line-height: normal;
    /* -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none; */
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-cl
table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul {
    list-style: none; margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}


.section {
    width: 100%;
    overflow: hidden;
}

.pull-right {
    float: right;
}

.dis-table {
    display: table;
    width: 100%;
    height: 100%;
}

.dis-cell {
    display: table-cell;
    vertical-align: middle;
}

.scrollbar {
    overflow-y: auto;
}

.scrollbar::-webkit-scrollbar {
    width: 3px;
    background-color: #dcdbdb;
}

.scrollbar::-webkit-scrollbar-thumb {
    background-color: #099cf1;
    border-radius: 10px;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
i{
    font-style: normal;
}
em {
    font-style: normal;
}
.pr{ position:relative}.pa{ position:absolute}
.p-left{text-align: left;}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-12{padding-bottom: 12%;}
.rect-20{padding-bottom: 20%;}
.rect-227{padding-bottom: 22.7%;}
.rect-32{padding-bottom: 32%;}
.rect-35{padding-bottom: 35.5%;}
.rect-36{padding-bottom: 36%;}
.rect-40{padding-bottom: 40%;}
.rect-45{padding-bottom: 45%;}
.rect-47{padding-bottom: 47%;}

.rect-49{padding-bottom: 49%;}
.rect-50{padding-bottom: 50%;}
.rect-52{padding-bottom: 52%;}
.rect-53{padding-bottom: 53%;}
.rect-54{padding-bottom: 54%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-58{padding-bottom: 58%;}
.rect-60{padding-bottom: 60%;}
.rect-61{padding-bottom: 61%;}
.rect-618{padding-bottom: 61.8%;}
.rect-62{padding-bottom: 62%;}
.rect-63{padding-bottom: 63%;}
.rect-65{padding-bottom: 65%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-671{padding-bottom: 67.1%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-78{padding-bottom: 78%;}
.rect-80{padding-bottom: 80%;}
.rect-83{padding-bottom: 83%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-97{padding-bottom: 97%;}
.rect-100{padding-bottom: 100%;}
.rect-109{padding-bottom: 109%;}
.rect-110{padding-bottom: 110%;}
.rect-1162{padding-bottom: 116.2%;}
.rect-1168{padding-bottom: 116.8%;}
.rect-120{padding-bottom: 121.2%;}
.rect-124{padding-bottom: 124%;}
.rect-125{padding-bottom: 125%;}
.rect-150{padding-bottom: 150%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.lf{float:left}
.lr{float:right}
.img-left{float: left;width: 49.07%;}
.img-right{float: right;width: 49.07%;}
.img-left img,.img-right img{width: 100%;}
.img-center{width: 90.29%;margin: auto;}
.img-center img{width: 100%;}
.img-center2{width: 39.07%;margin: auto;}
.img-center2 img{width: 100%;}

.tit-size42{font-size: 42px;color: #000;text-align: center;}
.h3-size26{font-size: 26px;}
.h3-size24{font-size: 24px;}
.p-size22{font-size: 22px;}
.p-size20{font-size: 20px;}
.p-size18{font-size: 18px;}
.p-size16{font-size: 16px;}
.p-size14{font-size: 14px;}
.pic{width: 100%;height: 100%;overflow: hidden;}
.pad-80{padding: 80px 0;}
@media  (max-width:1519px) {
  .tit-size42{font-size: 38px;}
  .h3-size26{font-size: 24px;}
  .h3-size24{font-size: 22px;}
  .p-size22{font-size:20px;}
  .p-size20{font-size: 18px;}
  .p-size18{font-size: 17px;}
}
@media  (max-width:1359px) {
  .tit-size42{font-size: 32px;}
  .h3-size26{font-size: 20px;}
  .h3-size24{font-size: 18px;}
  .p-size22{font-size:18px;}
  .p-size20{font-size: 17px;}
  .p-size18{font-size: 16px;}
  .pad-80{padding: 60px 0;}
}
@media  (max-width:1229px) {
  .tit-size42{font-size: 32px;}
  .h3-size26{font-size: 20px;}
  .h3-size24{font-size: 20px;}
  .p-size22{font-size:18px;}
  .p-size20{font-size: 17px;}
  .p-size18{font-size: 16px;}
  .pad-80{padding: 50px 0;}
}
@media  (max-width:991px) {
  .tit-size42{font-size: 28px;}
  .h3-size26{font-size: 20px;}
  .h3-size24{font-size: 18px;}
  .p-size22{font-size:18px;}
  .p-size20{font-size: 16px;}
}
@media  (max-width:767px) {
  .tit-size42{font-size: 24px;}
  .h3-size26{font-size: 18px;}
  .h3-size24{font-size: 18px;}
  .p-size22{font-size:16px;}
  .pad-80{padding: 40px 0;}
}
@font-face {
  font-family: 'HELVETICA';
  src: url("../fonts/HELVETICA/ BOLD.eot");
  src: url("../fonts/HELVETICA/ BOLD.eot@#iefix") format("embedded-opentype"),
  url("../fonts/HELVETICA/ BOLD.woff") format("woff"), 
  url("../fonts/HELVETICA/ BOLD.TTF") format("truetype"), 
  url("../fonts/HELVETICA/ BOLD.svg") format("svg")
}
@font-face {
  font-family: 'MONTSERRAT';
  src: url("../fonts/MONTSERRAT/ SEMI/ BOLD.eot");
  src: url("../fonts/MONTSERRAT/ SEMI/ BOLD.eot@#iefix") format("embedded-opentype"),
  url("../fonts/MONTSERRAT/ SEMI/ BOLD.woff") format("woff"), 
  url("../fonts/MONTSERRAT/ SEMI/ BOLD.ttf") format("truetype"), 
  url("../fonts/MONTSERRAT/ SEMI/ BOLD.svg") format("svg")
}
@font-face {
  font-family: "DIN-BOLD";
  src: url("../fonts/DIN-BOLD.eot");
  src: url("../fonts/DIN-BOLD.eot@#iefix") format("embedded-opentype"),
  url("../fonts/DIN-BOLD.woff") format("woff"), 
  url("../fonts/DIN-BOLD.ttf") format("truetype"), 
  url("../fonts/DIN-BOLD.svg") format("svg")
}
@font-face {
  font-family: "DIN-Std";
  src: url("../fonts/DINMITTELSCHRIFTSTD.eot");
  src: url("../fonts/DINMITTELSCHRIFTSTD.eot@#iefix") format("embedded-opentype"),
  url("../fonts/DINMITTELSCHRIFTSTD.woff") format("woff"), 
  url("../fonts/DINMITTELSCHRIFTSTD.ttf") format("truetype"), 
  url("../fonts/DINMITTELSCHRIFTSTD.svg") format("svg")
}
@font-face {
  font-family: "DIN REGULAR";
  src: url("../fonts/DIN REGULAR.eot");
  src: url("../fonts/DIN REGULAR.eot@#iefix") format("embedded-opentype"),
  url("../fonts/DIN REGULAR.woff") format("woff"), 
  url("../fonts/DIN REGULAR.ttf") format("truetype"), 
  url("../fonts/DIN REGULAR.svg") format("svg")
}
[transition="5s"], [imgsalc] img{transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s}
[transition="1.0s"]{transition:1s ease-in-out 0s;-webkit-transition:1s ease-in-out 0s;-moz-transition:1s ease-in-out 0s}
[transition="1.4s"]{transition:1.4s ease-in-out 0s;-webkit-transition:1.4s ease-in-out 0s;-moz-transition:1.4s ease-in-out 0s}
[transition="1.6s"]{transition:1.6s ease-in-out 0s;-webkit-transition:1.6s ease-in-out 0s;-moz-transition:1.6s ease-in-out 0s}
[transition="2s"]{transition:2s ease-in-out 0s;-webkit-transition:2s ease-in-out 0s;-moz-transition:2s ease-in-out 0s}
[transition="2.4s"]{transition:2.4s ease-in-out 0s;-webkit-transition:2.4s ease-in-out 0s;-moz-transition:2.4s ease-in-out 0s}
[imgsalc]{overflow:hidden}
/* 动画 */
.landIn { display: flex; justify-content: left; flex-wrap: wrap;}
.kongs {
  animation: landIn 0.8s ease-out both;
}
@keyframes landIn {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes landIn {
  from {
    opacity: 0;
    transform: translateY(50%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* zsx */
.p-style{display: block;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}