@charset "utf-8";
@font-face {
    font-family: 'Inter Tight';
    src: url('fonts/InterTight-Regular.eot');
    src: url('fonts/InterTight-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/InterTight-Regular.woff2') format('woff2'),
        url('fonts/InterTight-Regular.woff') format('woff'),
        url('fonts/InterTight-Regular.ttf') format('truetype'),
        url('fonts/InterTight-Regular.svg#InterTight-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html,a.biga,.index_1_1,.index_1_2,.indexbanner_mid_1,.index_1_3_mid_left_mid_1,#jdt,.index_2_mid_left_2_mid_1 span,.index_3_1_2_1,.about_4_1_left_mid_mid_1{ font-family:Inter Tight}
body{
    font:1em/1.3 "Inter Tight";   
	-webkit-text-size-adjust: 100% !important; 
}
 
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "Inter Tight";
}
.pro_1_2_mid_3_mid_2_left{ width:60%;} 
.pro_1_2_mid_3_mid_2_right{ width:40%;} 
.pro_1_2_mid_1_mid{ max-width:90%;}
.pro_info_3_2 span{ background:none}
.pro_info_3_2 span:after {
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
}
.pro_1_2_mid_1_1{ font-size:1em}
.pro_1_1 dl dd{padding:0 .875em;}
.index_1_1{ display:none}


.mobileprocate{ display:none}
.mobileprocate_mid select{border:none;background:none;width:100%;color:#000;





  appearance: 
  none;
 
 
 

  -webkit-appearance: 
   none;
 
 
 

  -moz-appearance: 
   none;
 }
.mobileprocate_mid{padding:13px 0; border-bottom:1px #ccc solid;position:relative}
.mobileprocate_mid:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  position: absolute;
  right: 5%;
  top: 20px;
  background: url(../images/tip/img1.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 15px auto;
  transform: rotate(0);
  transform-origin: center center;
  transition: all 0.3s ease-in-out;
  filter: grayscale(100%) brightness(0%) !important;
  transform: rotate(90deg);
}

.menubg_2_2_mid_3 a{ display:block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.menubg_mid{ margin:0 1.875%;}

#header .langlink{width:25px;height:25px; background-position:center; background-repeat:none; background-size:cover; background-image:url('../images/lang2.svg')}
.footer_1_mid_right{ width:22%}
.footer_1_mid_mid{ width:57%;}
.footer_1_mid_right_mid{ margin-left:10%;}

#footer .indexbanner_mid{ margin:0 1.875%;}
.footer_1_mid_mid ul li:nth-child(1){ width:18%;}
.footer_1_mid_mid ul li:nth-child(2){ width:32%;}

.footer_1_mid_mid ul li:nth-child(3){ width:28%;}

.footer_1_mid_mid ul li:nth-child(4){ width:17%;}
.footer_1_mid_mid ul li:nth-child(5){ width:150px}

.footer_1_mid_mid ul{  margin-right:5%; margin-left:5%;padding-right:150px;}
@media screen and (max-width: 810px) {
#pcmmmm{ display:none}
.mobileprocate{ display:block;}

}

@media screen and (max-width: 480px) {
    .pro_1_2_mid_1_1{ font-size:0.875em;}
.pro_1_1 dl dd{ padding:0 10px;}
.pro_1_2_mid_1_mid{ width:auto; padding-right:10px;max-width:none}

}