.sub_vi {width:100%; display:inline-block;  height:350px; overflow:hidden;   position:relative; top:0; left:0;  border-bottom:1px solid #ddd;   }
.sub_vi:after {position:absolute; left:0; top:0; /* background:url('/common/img/sub_vi.png') center;   background-size:cover; */ background-color:#fff;  content:''; width:100%; height:100%; z-index:-9;   animation: vi_bg 2s linear;}
.sub_vi .rgba_bg {width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.2); display:none}


 
@keyframes vi_bg {
  0%  {
   scale:110%
   }
   

  100% {
     scale:100%
   }
}


.sub_vi div.in {position:absolute;   top:50%; left:50%; color:#333; width:100%;  z-index:99;  transform: translate(-50%, -10%);     }
.sub_vi div.in h3 {font-size:3.5em; color:#111; text-transform:uppercase; font-family: "Poppins", sans-serif; font-weight:600}
.sub_vi div.in span {font-size:1.1rem; color:#fff;  font-weight:400; display:block; margin-top:15px; display:none; } 
.sub_vi div.in p {  margin-top:30px; font-weight:300; font-size:.97rem; display:none;} 

.sub_con aside {width:100%; background-color:#fff; border-bottom:1px solid #ddd; /*  box-shadow: 5px 5px 10px rgb(0 0 0 / 6%);  */ position:relative; z-index:99}
.sub_con aside ul {width:100%; max-width:1200px; margin:0 auto; display:flex; justify-content:flex-start;  }
.sub_con aside ul li { font-size:1.1em;  padding:18px 0;  margin-right:30px;  position:relative; box-sizing:border-box; text-align:Center; font-weight:400;}
.sub_con aside ul li a {color:#111}
.sub_con aside ul li.ov {border-bottom:4px solid var(--main_c);}
.sub_con aside ul li.ov * {color:var(--main_c); font-weight:600}
.sub_con aside ul li:hover {border-bottom:4px solid var(--main_c);}
.sub_con aside ul li:hover * {color:var(--main_c);  }

.sub_con {margin-top:0; width:100%; position:relative; top:0; left:0}
.sub_con_in {width:100%; margin-top:100px;  font-size:17px; line-height:1.55; margin-left:auto;   box-sizing:border-box; margin-bottom:100px}

.guide {width:100%;  padding-bottom:15px;  font-size:2em;    }
.guide p {margin-left:auto; font-size:.97rem; color:#333; font-weight:400 }
.guide p span {color:var(--main_c)}


@media all and (max-width:1200px) {
     .sub_con aside ul {  ; padding-left:4%; box-sizing:border-box;  }
 }
 
  @media all and (max-width:900px) {
	.sub_vi {  margin-top:60px; height:160px }
	.sub_vi div.in {  top:60px;  text-align:left }
	.sub_vi div.in h3 {font-size:2em;  font-weight:700}
	
	.sub_con_in {  font-size:16px;  }

	.sub_con aside {overflow-x:auto}
	.sub_con aside ul { justify-content:flex-start;   overflow-x:auto }
	.sub_con aside ul li { font-size:1em;  white-space:nowrap; padding:15px 0; margin:0; margin-right:20px}

 	.guide { padding-bottom:10px;  font-size:1.7em }
	.guide  p {  font-size:13px }
 


}

.company_b_t {font-size:37px; line-height:1.25; margin-bottom:13px; display:block}
.company_b_t span {font-weight:700; font-size:50px}

.company1 {display:flex; align-items:flex-start}
.company1 img {max-width:30%}
.company1 .text {font-size:1.04em; line-height:1.6; width:60%; margin-left:auto }
 
.company1 .company_b_t span {font-weight:700; font-size:43px}
.company1 .text div {color:#333 }

 
 
  @media all and (max-width:900px) {
		.company1 {flex-wrap:wrap; justify-content:center }
		.company1 .text {width:100%;  padding-top:40px; font-size:1em; line-height:1.5;}
 		.company1 img {max-width:60%}
  
		.company_b_t {font-size:20px; }
		.company_b_t span { font-size:30px}
		.company1 .company_b_t span {  font-size:35px}


}

.company2 div:nth-child(1) {  }
.company2 div.dl_div {margin-top:40px; display:flex; flex-wrap:wrap; border-top:2px solid var(--main_c)}

.company2 dl {border-bottom:1px solid #ddd; box-sizing:border-box; width:100%; display:flex; padding:12px}
.company2 dl dt {width:120px; font-size:1.07em;  color:#000; flex-shrink:0; font-weight:600}
.company2 dl:last-child {border-bottom:none}

 @media all and (max-width:900px) {
		.company2 dl {flex-wrap:Wrap}
		.company2 dl dt {width:100%;  }
 
}

.group {display:flex; align-items:center; line-height:1.45}
.group .box {width:18.5%; position:relative; z-index:9; border:1px solid var(--main_c); background-color:#fff;  padding-bottom:20px;   box-sizing:border-box}
.group .box h3 {background-color:var(--main_c); color:#fff; padding:20px 0; margin-bottom:20px; line-height:1.3; font-weight:600; padding-left:20px;}
.group .box p { padding-left:20px;}

.group ul {width:65%; margin-left:auto; position:relative  }
.group ul li {border:1px solid var(--main_c); background-color:#fff;  position:relative }
.group ul li:nth-child(n+2) {margin-top:20px}
.group ul li div.flex { min-height:105px;}
.group ul li div.flex div {display:flex; align-content:center; box-sizing:border-box; flex-wrap:wrap}
.group ul li div.flex div:first-child {flex-shrink:0; background-color:var(--main_c); color:#fff;  padding:13px 20px;  width:250px; }
.group ul li div.flex div:last-child {padding:13px 20px; font-size:.97em; }
.group ul li div.flex div:last-child b {width:100%; display:block; margin-bottom:3px; font-size:1.1em}

.group ul li:before {content:''; width:10%; height:1px; background-color:#666; display:inline-block; position:absolute; left:-10%; top:50%;}
.group ul:before {content:''; width:1px; height:99%; background-color:#666; display:inline-block; position:absolute;  left:-10%; top:1%}
.group ul li:nth-child(3):before { width:26%; left:-26%; }

.group ul li:first-child:after {content:''; width:12%; height:50%; background-color:#fff; display:inline-block; position:absolute; left:calc(-12% - 1px); top:0;}
.group ul li:last-child:after {content:''; width:12%; height:50%; background-color:#fff; display:inline-block; position:absolute; left:calc(-12% - 1px); bottom:-1px;}

 @media all and (max-width:900px) {
		.group {flex-wrap:wrap}
		.group .box {width:100%}
		.group .box h3 {padding:13px 20px}
		.group ul {width:100%; margin-top:60px}
		.group ul li div.flex div:first-child {width:100%;  }
		
		.group ul li:before {display:none}
		.group ul:before {width:1px; height:calc(100% + 100px); left:50%; top:-100px;}
		.group ul li {}


 }


.history { position:relative;  }

.history div.img {width:37%; height:70vh;  background:url('/common/img/20993850.jpg') no-repeat; background-size:cover; line-height:1.2; position:sticky; top:150px}
.history div.img h4 {color:#fff; opacity:.7; position:absolute; left:50%; top:50%; font-size:3.5em; transform: translate(-50%, -90%);}
.history div.img + div {width:55%; margin-left:auto;   }
.history .box {display:flex; position:relative}
.history .box:before {content:''; width:1px; height:100%; border-radius:50%; display:inline-block; position:absolute; left:calc(20% + 6px);  top:5px; background-color:var(--main_c); }
.history .box + .box {padding-top:50px}
.history .box:first-child {padding-top:50px; }
.history .box:last-child {padding-bottom:50px}
.history .box  h4 {font-size:1.8em; color:var(--main_c); line-height:.8}

.history dl {position:relative; padding-left:40px; box-sizing:border-box; width:80%; margin-left:auto}
.history dl:before {content:''; width:12px; height:12px; border-radius:50%; display:inline-block; position:absolute; left:-2px; top:2px; background-color:#fff; animation: one_ani 1s linear;  animation-iteration-count: infinite;   }
.history dl dt {color:#111; font-weight:600; margin-bottom:6px; line-height:1; font-size:1.15em}
.history dl dd + dt {margin-top:20px}

.history .flex {align-items:flex-start;  }
.history .flex > p {width:230px; font-weight:600; font-size:1.1em; border-radius:50px; border:1px solid var(--main_c); text-align:center;  padding:7px 0; box-sizing:border-box; color:var(--main_c)}

.history ul  {width:calc(100% - 270px); margin-left:auto; border-top:2px solid var(--main_c); }
.history ul li {display:flex; padding:10px;  border-bottom:1px solid #ddd }
.history ul li:last-child { border-bottom:none}
.history ul li div {width:100%; display:flex}
.history ul li p {font-weight:700; flex-shrink:0; letter-spacing:0px; width:110px; margin-right:40px;  display:inline-block;  text-align: justify;}
.history ul li p  span {width:100%; line-height:0; display:inline-block}
.history ul li p  span:after {content:''; height:1px; width: 100%; display: inline-block;  }


.history .flex:last-child ul  {  border-bottom:2px solid var(--main_c); }


@keyframes one_ani {
  0%  {
    border:3px solid #fff
   }
   
 50%  {
  border:3px solid var(--main_c)
   }
  100% {
   border:3px solid #fff
   }
}


@media all and (min-width:900px) {
		.history .flex  > p  {letter-spacing:.1px}
		.history .flex:nth-child(2) > p  {letter-spacing:0}
 }

 @media all and (max-width:900px) {

  .history ul {width:100%; margin-top:20px; margin-bottom:30px}
  .history .flex:last-child ul {  margin-bottom:0}
  .history ul li p {width:100px; margin-right:20px}

}


.contactus h4 {font-size:1.7em; width:100%; margin-bottom:25px; border-bottom:2px solid var(--main_c); padding-bottom:5px}
.contactus .flex { width:100%;  }
.contactus .flex .text_div {width:40%}
.contactus .flex p  {width:100%}
.contactus .flex p i  {margin-right:7px}
.contactus .flex p.call {margin-top:15px}
.contactus .flex iframe {width:58%; margin-left:auto}

 @media all and (max-width:900px) {

 .contactus .flex .text_div {width:100%}
 .contactus .flex iframe {width:100%; margin-top:20px; height:200px}

}


.company5 {display:flex; align-items:flex-start}
.company5 img {max-width:38%; margin-right:30px}
.company5 .text {font-size:1.04em; line-height:1.6; width:60%; margin-left:auto }
 
.company5 .text div {color:#333 }
.company5 .text b {color:#000}

.company5 a {
        position: relative;
        z-index: 99;
        width: 170px;
        text-align: Center;
        line-height: 45px;
        background-color:var(--main_c); 
        color: #fff;
        font-size: .95em;
        margin-top: 20px;
        display: inline-block;
        text-shadow: none;
    }
 
 
  @media all and (max-width:900px) {
		.company5 {flex-wrap:wrap; justify-content:center }
		.company5 .text {width:100%; padding-top:40px; font-size:1em; line-height:1.5;}
 		.company5 img {max-width:100%; margin-right:0}
 

}


 
.business .top_con {  box-sizing:border-box; font-size:1.1em;  line-height:1.6; margin-bottom:50px}
.business .b_t {font-size:1.5em; font-weight:600; line-height:1.4; width:100%; display:inline-block; margin-bottom:15px}
.business .b_t b {font-weight:700}
.business .basic_t   {color:#222}
.business .basic_t  b {font-weight:700; color:#000 }

.business .flex {align-items:center;   }
.business .flex .img {width:35%; border-radius:2px; height:350px; overflow:hidden; flex-shrink:0;  background-color:#f1f1f1; position:Relative;  display:flex; align-items:center; justify-content:center; background-size:cover !important; background-position:center !important  }
.business .flex .img img {width:100%; position:absolute; left:0; top:50%;   transform: translate(0, -50%); }
.business .flex .img + div {width:65%; padding-left:50px; font-size:1.05em; line-height:1.6; color:#333}
.business .flex h4 {color:#111; font-size:1.3em; font-weight:700;  margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:10px }
.business .flex + .flex {margin-top:50px;}

.business a.basic_btn {margin-top:60px;  }
 
 



.product_list   {width:100%; margin-top:70px;}
.product_list .flex {align-items:flex-end;  line-height:1.1; margin-bottom:20px }
.product_list .flex a {font-size:16px; border-radius:5px; font-weight:300; background-color:#5ea8dd; color:#fff;  padding:13px 25px; line-height:1.3; margin-left:auto; display:flex; align-items:center}
.product_list .flex a img {margin-right:10px; width:45px}
.product_list .flex a img {animation-duration:4s;  animation-name: aa; animation-iteration-count: infinite;}
.product_list .flex a span {animation-duration:4s;  animation-name: aa; animation-iteration-count: infinite;}


.product_list h3  {font-size:1.5em; border-bottom:3px solid var(--main_c); padding-bottom:5px  }
.product_list ul {display:flex; flex-wrap:wrap; gap:24px;  width:100%; margin-top:10px}
.product_list ul li {width:calc(33.3333% - 16px); box-sizing:border-box; }
.product_list ul li div {width:100%; padding-bottom:65%; background-size:cover !important; background-position:center; display:inline-block }
.product_list ul + ul {margin-top:24px}
.product_list ul li h4 {margin-top:15px; margin-bottom:15px; border-left:3px solid var(--main_c); padding-left:10px; font-weight:600; line-height:1;  font-size:1.2em}
.product_list ul li p {color:#333; display:flex; line-height:1.3; font-size:.95em; margin-bottom:5px}
.product_list ul li p:before {content:'·'; margin-right:10px; flex-shrink:0}
.product_list ul li p span {width:calc(100% - 20px); font-size:.93em;  margin-left:auto}

 @media all and (max-width:900px) {

		.business .top_con {padding:0%; font-size:1em; line-height:1.43; margin-bottom:0}
		.business .b_t {font-size:1.3em; }
		.business .b_t b {font-weight:700}

		.business .flex .img {width:100%; height:200px;    }
		.business .flex .img + div { width:100%; margin-top:30px; padding-left:0; font-size:1em; line-height:1.4 }
		.business .flex + .flex {margin-top:30px}

		.product_list ul {gap:0; justify-content:space-between; }
		.product_list ul li {width:48%}
		.product_list ul li:nth-child(n+3) {margin-top:20px}

		.product_list .flex a {font-size:14px;  padding:12px 20px; }
		.product_list .flex a img { width:35px}
 



}
 
.application p.r {margin-top:40px; color:#666; font-size:.98em; font-weight:300}
.application ul {width:100%;   box-sizing:border-box; display:flex; flex-wrap:wrap;  }
.application ul li {width:100%; display:flex; align-items:center; margin-bottom:25px; box-sizing:border-box;    color:#333; line-height:1.5}
  
.application ul li h3 {font-size:1.05em; margin-bottom:5px; font-weight:600; color:#333; width:170px; flex-shrink:0; line-height:1.1; }

.application ul li >  div {width:100%; display:flex; align-items:Center}
.application ul li >  div.flex_none {display:inline-block}
.application ul li >  div > div {width:100%}

.application ul li input {vertical-align:middle;}
.application ul li input + a.s_btn { margin-left:5px; line-height:35px}
.application ul li select {height:37px; font-size:.95em; padding:0 5px; box-sizing:border-box; color:#333; border:1px solid #999;  }

.application ul li  input[type="file"] { 
    font-size:.95em; 

}

.application ul li  input[type="checkbox"] { 
 margin-right:5px; 

}
.application ul li  input[type="text"] { 
    height: 40px;
    font-size: 1em;
     width:100%; 
	 border:none; border-bottom:1px solid #333;  box-sizing:border-box; 
	}
 
.application ul li textarea { 
    height: 150px;
	width:100%;
    font-size: 1rem;
      padding:10px;  
	border:1px solid #333; box-sizing:border-box; 
	}
 
.application ul li div.check_div  {flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.application ul li div.check_div p {width:50%; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; box-sizing:border-box; padding:10px; }
.application ul li div.check_div p b {font-weight:500; margin-right:15px}
 
.application ul li div.email input[type="text"] {width:30%;  margin-right:10px}
.application ul li div.email input[type="text"]:nth-child(2) {width:70%; margin-left:10px}

.application p.info_txt {color:#444; font-size:.97em}
 .application .radio_div {display:flex}
 .application .radio_div p  {margin-right:20px}

.privacy_check {margin-top:10px}
.privacy_check a {color:#000; font-weight:600; text-decoration:underline}


@media screen and (max-width:900px) {
		.application ul li {flex-wrap:wrap; padding:13px 0; margin-bottom:0}
		.application ul li.col-2 {width:100%; padding-right:0}
		.application ul li.col-2:nth-child(2n) {padding-right:0; padding-left:0}

		.application ul li h3 {width:100%; margin-bottom:5px }

		.application ul li >  div {width:100%; }

}

.application h4.tit {font-size:1.3em}
.info_pre {width:100%; border:1px solid #999;  box-sizing:border-box; padding:15px; margin-top:10px; font-size:.97em; line-height:1.4; color:#444;  }
.info_pre + div {   text-align:right; margin-top:10px; box-sizing:border-box; color:#444}





.anchor_box {background-color:#fff; border:2px solid var(--main_c); display:inline-block; width:100%; padding:20px 4%; box-sizing:border-box/* ;  position:sticky; top:75px */}
 
.anchor {box-sizing:border-box;  display:flex; font-size:17.5px; }
.anchor dt {width:170px; font-weight:700; flex-shrink:0; color:#000}
.anchor dd a {margin-right:15px; color:#000;  display:inline-block}
.anchor dd :hover {text-decoration:underline}
.anchor dd a:before {content:'-'; margin-right:5px}
.anchor + .anchor {margin-top:5px}



.office h2 {font-size:2em; color:var(--main_c); margin-bottom:-10px; margin-top:-10px   }
.office h3 { font-weight:700; color:#000;}
.office h4 {font-weight:500; color:#000}
 
.office div {background-color:#fff; border:1px solid #ddd; box-sizing:border-box; padding:18px; margin-top:10px}
.office div.box_wrap {border:none;  padding:0; margin-top:0}
.office div.link_id {width:100%; border:none; padding:0; display:inline-block; margin-top:-70px;  height:100px  }
.office div p {  display:flex}
.office div b {font-weight:600; width:110px; flex-shrink:0}
.office div + h4 {margin-top:15px}
.office div + h3 {margin-top:25px;}

.tab-content {display:none; width:100%}
.tab-content.current {display:inline-block; }
 
 

.network table.basic {width:100%}
.network table.basic tr { display: block }
.network table.basic tr th  { text-align:left; font-size:1.3em; display: block; padding-top:30px; font-weight: bold; width:100%;  box-sizing:border-box;   }
.network table.basic tr td {font-size:.92em;  line-height:1.3;  padding:0 10px; display: block; width:100%;  box-sizing:border-box; }
.network table.basic tr td:first-child { color:#000; font-size:1.05em; padding:0; padding-top:10px; padding-bottom:7px; font-weight:500; color:#000 }
.network table.basic tr td:nth-child(2) { color:#444; padding-top:12px; padding-bottom:5px; border:1px solid #ddd; border-bottom:none}
.network table.basic tr td:nth-child(3) { color:#444;  padding-bottom:12px; padding-top:0; border:1px solid #ddd; border-top:none }

 

.map_link {position:Relative; width:100%; display:inline-block; margin-top:40px; padding-bottom:48%;  }
.map_link img {z-index:-9; position:relative}
.map_link a.map_tip {position:absolute; z-index:99;  }
.map_link a.map_tip:after {content:''; width:10px; height:10px; border:3px solid  var(--main_c); border-radius:50%; display:block; margin:0 auto}
.map_link a.map_tip:before {white-space:nowrap; color:#222;   font-size:14.5px;  position:absolute; right:-53px; width:50px;  bottom:-3px;  }
.map_link a.map_tip.left:before { right:auto; left:-53px; width:50px;  text-align:right  }
.map_link a.map_tip:nth-child(1):before  {content:'韩国'}
.map_link a.map_tip:nth-child(2):before  {content:'日本'; }
.map_link a.map_tip:nth-child(3):before  {content:'中国'}
.map_link a.map_tip:nth-child(4):before  {content:'中国台湾地区'}
.map_link a.map_tip:nth-child(5):before {content:'中国香港特别行政区'}
.map_link a.map_tip:nth-child(6):before {content:'泰国'}
.map_link a.map_tip:nth-child(7):before {content:'越南'}
.map_link a.map_tip:nth-child(8):before {content:'马来西亚'}
.map_link a.map_tip:nth-child(9):before {content:'新加坡'}
.map_link a.map_tip:nth-child(10):before {content:'印度尼西亚'}
.map_link a.map_tip:nth-child(11):before {content:'印度'}
.map_link a.map_tip:nth-child(12):before {content:'土耳其'}
.map_link a.map_tip:nth-child(13):before {content:'美国'}
.map_link a.map_tip:nth-child(14):before {content:'加拿大'}
.map_link a.map_tip:nth-child(15):before {content:'墨西哥'}
.map_link a.map_tip:nth-child(16):before {content:'巴西'}
.map_link a.map_tip:nth-child(17):before {content:'欧洲'}
.map_link a.map_tip:nth-child(18):before {content:'非洲'}
.map_link a.map_tip:nth-child(19):before {content:'阿联酋'}
 



@media all and (max-width:900px) {
	   .map_link a.map_tip:before {display:none  }
	   .map_link a.map_tip:after {  width:7px; height:7px; border:none;  background-color: var(--main_c); opacity:.6}

	



}