@charset "UTF-8";

body,

h1,

h2,

h3,

h4,

h5,

h6,

dl,

dt,

dd,

ul,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td,

ol {

    margin: 0;

    padding: 0;

}

*,

::after {

    box-sizing: border-box;

    font-family: "Microsoft YaHei", Helvetica, Arial, "PingFang SC", sans-serif;

}

body {

    font: 12px "Microsoft YaHei", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;

    color: #333;

    line-height: 1.5;

    overflow-x: hidden;

}

ol,

ul,

li {

    list-style-type: none;

    vertical-align: middle;

}

     img {
    border: 0;

    vertical-align: middle;
}

input,

select,

textarea,

button {

    vertical-align: middle;

}

textarea,

input {

}

/*���Ԫ��Ĭ����10���ص�����*/

input[type='submit'],

input[type='button'],

button {

    text-indent: 0;

    text-align: center;

    cursor: pointer;

}

label,

button,

a {

    cursor: pointer;

}

ins,

em,

b,

i {

    text-decoration: none;

    font-style: normal;

}

/* ȥ�������������ʽ */

select:focus,

textarea:focus,

input:focus,

button {

    outline: none;

}

/* ��ʾ���ֵij�ʼ��ʽ */

input::-webkit-input-placeholder,

input::-moz-input-placeholder,

textarea::-webkit-textarea-placeholder,

textarea::-moz-textarea-placeholder {

    color: #999;

    transition: color .5s;

}

/* ��ʾ���ֵļ�����ʽ */

input:focus::-webkit-input-placeholder,

input:focus::-moz-input-placeholder,

input:hover::-webkit-input-placeholder,

input:hover::-moz-input-placeholder,

textarea:focus::-webkit-input-placeholder,

textarea:focus::-moz-input-placeholder,

textarea:hover::-webkit-input-placeholder,

textarea:hover::-moz-input-placeholder {

    color: #c2c2c2;

}

/* table */

table {

    border-collapse: collapse;

    border-spacing: 0;

    font: inherit;

}

/* a_link */

a {

    color: inherit;

    text-decoration: none;

}

a[href] {

    cursor: pointer;

}

a:hover {

    text-decoration: none;

    cursor: pointer;

}

a:focus {

    background-color: transparent;

}

h1,

h2,

h3,

h4,

h5,

h6,

em {

    font-weight: normal;

}

a,

span,

li,

b,

i,

label,

p,

strong,

div,

h1,

h2,

h3,

h4,

h5,

h6,

font,

small,

em,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td {

    /*font-size: 14px;*/

}

span {

    display: inline-block;

}

li {

    max-width: 100%;

}

p {

    white-space: normal;

    max-width: 100%;

}

audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}

/*��������ڰ�׿�ϵĵ��������������*/

body {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

/*���ios��ȥ��΢�ŵ����ɫ�߿� */

a:focus,

input:focus,

p:focus,

div:focus {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

img[src=""],

img:not([src]) {

    opacity: 0;

}

font {

    font-size: inherit;

    font-weight: inherit;

    color: inherit;

    font-family: inherit;

    font-style: inherit;

    text-transform: inherit;

}

body,

html {

    height: 100%;

    /*font-size:62.5%;*/

}

::-webkit-scrollbar {

    width: 9px;

    background-color: #eaeaea;

}

::-webkit-scrollbar-thumb {

    border: solid 2px #eaeaea;

    width: 5px;

    border-radius: 10px;

    background-color: #02409c;

}

::-webkit-scrollbar-corner {

    background-color: #eaeaea;

}

::-webkit-scrollbar:horizontal {

    height: 9px;

}

::-webkit-selection {

    background: #02409c;

    color: #fff;

}

::-moz-selection {

    background: #02409c;

    color: #fff;

}

::selection {

    background: #02409c;

    color: #fff;

}











.becenter {

    display: flex;

    justify-content: center;

    align-items: center;

}

.becol {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.p2l{

    box-sizing: border-box;

    padding: 0 20px;

}

.p2t{

    box-sizing: border-box;

    padding: 20px 0;

}

/* ������ʽ */

.hundred {

    width: 100%;

    height: auto;

}

.wrapper-nine{

    width:90%;

    height: auto;

}

.wrapper-eight{

    width:80%;

    height: auto;

}



input {

    border: none;

    outline: none;

}



a {

    text-decoration: none;

    color:#828181;

}

html,body {

    scroll-behavior: smooth;

}

.clamp1{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 1;

    -webkit-box-orient: vertical;

}

.clamp2{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.clamp3{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}

.boxs{

    box-sizing: border-box;

    padding: 0 20px;

}

/*  ͼƬ�Ŵ� */



.imgBox {

    overflow: hidden;

    cursor: pointer;

}



.imgBox img {

    transition: all 0.5s;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.imgBox:hover img {

    transition: all 0.5s;

    transform: scale(1.1);

}



.show {

    display:block

}

.hide {

    display: none;

}



.section {

    width: 90%;

    max-width: 1500px;

    margin: auto;

}

.width1280 {

    max-width: 1280px;

    margin: auto;

}

.width1350 {

    max-width: 1350px;

    margin: auto;

}

:root {

    --dominant-color:#02409c;

}