@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 {

    /* 中文站："microsoft yahei"，英文站："Arial" */

    font-family: "microsoft yahei", "Arial", "sans-serif", "microsoft yahei";

    font-size: 14px;

    line-height: 1.42857143;

    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;

}



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;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: inherit;

    font-weight: 400;

    line-height: 1.1;

    color: inherit;

}



p,

a {

    word-break: break-all;

}



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

}

.p-left{text-align: left;}





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



.more{

  width: 158px;

  height: 48px;

  margin-top: 54px;

  background: transparent;

  text-decoration: none;

}

.more a{display: block;;position: relative;}

.more a:before{content: '';display: block;width: 158px;height: 48px; position: absolute;left: 0;top: 0;

  border-top: 1.5px solid #fff;border-left: 1.5px solid #fff; transform: skewX(-20deg)}

.more a:after{content: '';display: block;width: 160px;height: 48px; position: absolute;left: 8px;top: 1px;

  border-bottom: 1.5px solid #fff;border-right: 1.5px solid #fff;transform: skewX(-20deg)}

.more a span{display: block;text-align: center;line-height: 48px;}

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

.pic img{width: 100%;}

.pad-80{padding: 80px 0;}

@media  (max-width:1519px) {

  .more{margin-top: 36px;width: 154px;}

  .more a:before {width: 148px;}

  .more a:after{width: 150px;}

  .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) {

  .more{margin-top: 28px;width: 140px;height: 42px;}

  .more a:before {width: 134px;height: 42px;}

  .more a:after {width: 136px;height: 42px;}

  .more a span{line-height: 42px;}

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

  .p-size16{font-size: 14px;}

}

@media  (max-width:1229px) {

  .more{margin-top: 28px;width: 140px;height: 42px;}

  .more a:before {width: 134px;height: 42px;}

  .more a:after {width: 136px;height: 42px;}

  .more a span{line-height: 42px;}

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

  .p-size16{font-size: 14px;}

}

@media  (max-width:991px) {

  .more {width: 125px;margin-top: 20px;}

  .more a:before {width: 120px;}

  .more a:after {width: 122px;}

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

  .p-size18{font-size: 15px;}

}

@media  (max-width:767px) {

  .more{margin-top: 28px;width: 110px;height: 34px;}

  .more a:before {width: 100px;height: 34px;}

  .more a:after {width: 102px;height: 34px;}

  .more a span{line-height: 34px;}

  .tit-size42{font-size: 24px;}

  .h3-size26{font-size: 17px;}

  .h3-size24{font-size: 16px;}

  .p-size22{font-size:16px;}

  .p-size18{font-size: 14px;}

  .pad-80{padding: 40px 0;}

}





/* 动画 */

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