@charset "utf-8";

a:active{star:expression(this.onFocus=this.blur());}

a:focus,button:focus{outline:none; -moz-outline:none;}

:focus{outline:none;}

/*Reset Css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,area,param{margin:0; padding:0;}

html,body{margin:0; padding:0; height: 100%;}

select{*behavior: url("select.htc");}/*IE6,IE7select*/

ol,ul{padding-left:0; list-style-type:none; list-style:none;}

img{border:none; display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}

th{font-style:normal;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}

input{display:inline-block; vertical-align:middle; *display:inline; *zoom:1;}

fieldset{border:none;}

legend{display:none;}

/*Clear Css*/

.clear{clear:both; font-size:0px; height:0px; line-height:0;}

.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.clearfix{display:block;zoom:1;}

html[xmlns] .clearfix{display:block;}

* html .clearfix{height:1%;}

/*Common Css*/

body{ line-height:1.6666;}

.fl{float:left; display:inline; margin-right:25px;}

.fr{float:right; display:inline; margin-left:25px; margin-right:10px;}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
@media (min-width: 480px) {
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
}
/* 页面选中颜色 */

/*::-moz-selection {background: #222;color: #fff;}

::-webket-selection {background: #222;color: #fff;}

::-o-selection {background: #222;color: #fff;}

::selection {background: #222;color: #fff;}

*:focus {outline: none;}*/

/* CSS3滚动条 */



@media screen and (min-width:1025px){

::selection {background: #222; color: white ; text-shadow: none ;}

::-webkit-scrollbar-track-piece{width:10px;background-color:#eee;border-radius:50px}

::-webkit-scrollbar{width:8px;height:6px ; }

::-webkit-scrollbar-thumb{height:50px;background:#999;  border-radius:50px ; cursor:pointer;}

::-webkit-scrollbar-thumb:hover{background:#999; cursor:pointer}

}



body, button, input, select, textarea{font-family:"Calibri", Arial, Helvetica, sans-serif;font-size: 12px;line-height:1.4; }







input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

input[type=text],input[type=button],select,button,textarea{-webkit-appearance:none !important;}



select,input[type="datetime-local"]{ background:url(../images/select_jt.png) no-repeat right center #fff !important;}

select::-ms-expand { display: none; } 



body{ -webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;-moz-text-size-adjust: 100% !important;}



select{appearance:none !important;

-moz-appearance:none !important;

-webkit-appearance:none !important;}



::-webkit-input-placeholder{color:#999999;}

:-moz-placeholder {color:#999999;}

::-moz-placeholder {color:#999999;}

:-ms-input-placeholder {color:#999999;}



.ntb{display: table; table-layout: fixed; width: 100%; height: 100%;}

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

.flex{ display: flex;    /*设置显示样式**/

align-items: center;    /**子view垂直居中*/

vertical-align: center; /**垂直居中*/

justify-content: center; /**内容居中*/

flex-direction:row;

}
.flex.between{
justify-content:between; /**两端对齐*/
}


.img_cut{background:no-repeat center center; background-size:cover; overflow:hidden; display:block; width:100%; height:auto;}

.img_max{ display:block !important;}

.img_max img{ width: 100vw; height: auto; display: block;}

.img_min{ display:none !important;}

.img_min img{ width: 100%; height: auto; display: block;}



.img img{ width:100%; height:auto; display:block;}



@media screen and (max-width:640px){

.img_max{ display:none !important;}

.img_min{ display:block !important;}
.flex{flex-wrap: wrap !important; }
}


.mb-5{ margin-bottom:50px !important;}
.mb-4{ margin-bottom:40px !important;}
.mb-3{ margin-bottom:30px !important;}
.mb-2{ margin-bottom:20px !important;}
.mb-1{ margin-bottom:10px !important;}




@font-face {

  font-family: 'Calibri';

  src:url('CALIBRI.woff') format('truetype');

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'DinsPro';

  src:url('dinspro-bold.woff') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'DinsPro';

  src:url('dinspro-regular.woff') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'PlayFairDisplay';

  src:url('playfairdisplay-bold.woff') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'PlayFairDisplay';

  src:url('playfairdisplay-regular.woff') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'FFDINWebProBold';

  src:url('3884E6_0_0.woff') format('truetype');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'FFDINWebProBold';

  src:url('3884E6_1_0.woff') format('truetype');

  font-weight: normal;

  font-style: normal;

}