@charset "UTF-8";

/* Page Title */

.sub_in {width:100%; float:left; padding-bottom:100px;}
 
#content {width:1200px; margin:0 auto; }

 .sub_vi {
  position: relative; 
  top: 0; 
  left: 0; 
  width: 100%; 
  overflow:hidden;
  height:390px;
  
}

 
 .sub_vi img {
  min-width:100%;
  margin-top:-100px;
  will-change: transform;
  animation-duration: 10s;
  animation-name: background-image-animation;
  animation-iteration-count: 1;
  animation-direction: alternate;
  animation-timing-function: linear;
  transform: translateX(0) scale(1);
 
} 

@keyframes background-image-animation {
  0% {
    transform:  scale(1.2);
  }
  100% {
    transform:  scale(1);
  }
}


 .guide {width:100%; text-align:center; float:left; font-size:33px; font-weight:700; color:#333; margin-top:50px; margin-bottom:40px;  border-bottom:1px solid #ddd; padding-bottom:15px; }
 .guide2 {width:100%; text-align:center; float:left; font-size:33px; font-weight:700; color:#333; margin-top:50px; margin-bottom:20px;   }

.bg_com08 {background-color:rgba(0,0,0,.7); width:100%; height:100%; position:fixed; z-index:99999999999; display:none; backdrop-filter: blur(2px); }
.company08 .lic_list {}
.company08 .lic_list div {width:22.75%; display:inline-block; margin-right:3%; margin-bottom:3%; }
.company08 .lic_list div:nth-child(4n) {margin-right:0; }
.company08 .lic_list div img {cursor:pointer; }
.company08 .lic_list div img.img_lic {width:100%; }
.company08 .lic_list div img.img_lic2 {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%);  z-index:999999999999; }

.sub_menu {width:100%; float:left; margin-top:-20px; position:relative; font-size:0; text-align:center; }
.sub_menu li {background-color:#f9f9f9;  text-align:center; border-right:none; font-size:18px; display:inline-block;  line-height:55px; box-sizing:border-box; color:#666; width:230px; border-right:3px solid #fff; }
.sub_menu li a {width:100%; display:inline-block; transition: background-color 0.3s ease-in;}
 .sub_menu li:last-child {border-right:none; }
.sub_menu li a:hover {background-color:#f47321; color:#fff !important; }
.sub_menu li.ov {background-color:#f47321;  }
.sub_menu li.ov a {  color:#fff !important;}


#sub .s_line {width:15px; height:1px; background-color:#333; display:inline-block; margin:10px 0; }


.t1 {font-size:30px; font-weight:600; line-height:1.3em; color:#444;}
.t2 {font-size:23px; font-weight:600; line-height:1.35em; color:#333;}
.t3 {font-size:17px; font-weight:400; color:#666;}

h4 {font-size:23px; font-weight:600; color:#333; line-height:1.2em; width:100%; display:inline-block}
h4 span.bl {/*width:9px; height:9px; border:4px solid #f47321; display:inline-block; vertical-align:middle;margin-top:-5px; border-radius:50%;*/}

h5 {font-size:25px; font-weight:700; color:#333; line-height:1.2em;}

.ci {font-size:17px; color:#555; line-height:1.6em;}
.ci div.ci_info {width:50%; float:right; margin-top:15px;   display:inline-block; box-sizing:border-box;  }
.ci div.ci_info b {font-weight:600; color:#333; font-size:1.05em;}
.ci table {width:100%; float:left; margin-top:50px;}
.ci table td {width:33.3333333%;   border:1px solid #ddd; box-sizing:border-box; text-align:center;  padding:15px; }
 


.organization  {position:relative; height:450px; width:100%; float:left; font-size:19px; }
.organization .s_line {background-color:#ddd !important; display:inline-block; position:absolute}
.organization div.box1 {width:200px; line-height:55px;position:absolute; text-align:center; display:inline-block; background: linear-gradient( to bottom, #ff7200, #ed6e21 );  color:#fff; font-weight:600; z-index:99999; border-radius:3px; }
.organization div.box1 b {color:#fff !important; font-weight:700}
.organization div.box1:first-child {background: linear-gradient( to bottom, #0f386f, #0e2c55 ); font-size:1.07em; margin-top:-10px; }

.organization div.box3  {width:200px; position:absolute;  top:240px;  } 

.organization div.box3 p {width:100%; line-height:47px; text-align:center; display:inline-block; background: linear-gradient( to bottom, #f9f9f9, #f1f1f1 ); font-size:17px; font-weight:400; color:#555}
.organization div.box3 p.tt {background:#333; color:#fff;}



.bg_box  {width:100%; float:left; box-sizing:border-box; padding:20px; background-color:#fff; font-size:1.3em;font-weight:500;  line-height:1.5em; color:#444; border:1px solid #ddd; border-radius:3px; box-shadow:1px 1px 2px #f1f1f1;}
.top_info  { font-size:1.5em;font-weight:600;  color:#444;  background-color:#eee; padding-bottom:5px;  display:inline;letter-spacing:-1px; }
.top_info b {font-size:3em; }
 
.top_info span {background-color:#fff; display:inline-block; line-height:1.5em;  height:28px;}

.top_info2  { font-size:1.55em;font-weight:500;  color:#444;   padding-bottom:5px;  display:inline-block; width:100%; letter-spacing:-1px;}
.top_info2 b {font-weight:700}

.one {width:220px; height:220px; border:25px solid rgba(244,155,33,.7); margin-left:-60px; display:inline-block; text-align:center; border-radius:50%;  }
.one span {display:table-cell; height:220px; font-size:29px; font-weight:700; width:220px; vertical-align:middle; }

.one:nth-child(1) {margin-left:0px}
.one:nth-child(2) {  border:20px solid rgba(39,122,191,.5);  }
.one:nth-child(3) {  border:20px solid rgba(42,177,19,.5);  }


.one2 {width:270px; height:270px; border:25px solid rgba(244,155,33,.7); position:relative; margin-left:-60px; display:inline-block; text-align:center; border-radius:50%;letter-spacing:-1px;  }
.one2 p {display:table-cell; height:270px; font-size:20px; font-weight:600; width:270px; vertical-align:middle; color:#555; padding-top:10px;}
.one2 span {font-weight:600; font-size:1.2em;  }

.one2  span.no {position:absolute; top:50px; width:100%; line-height:40px;    left:0;  text-align:center; font-size:30px; font-weight:800;  }


.one2:nth-child(1) {margin-left:0px}
.one2:nth-child(1) span {color:rgba(244,155,33,1);}
.one2:nth-child(1) span.no {color:rgba(244,155,33,.2)}

.one2:nth-child(2) {  border:20px solid rgba(39,122,191,.5);  }
.one2:nth-child(2) span {color:rgba(39,122,191,1);}
.one2:nth-child(2) span.no {color:rgba(39,122,191,.2);}

.one2:nth-child(3) {  border:20px solid rgba(42,177,19,.5);  }
.one2:nth-child(3) span {color:rgba(42,177,19,1);}
.one2:nth-child(3) span.no {color:rgba(42,177,19,.2);}

.one2:nth-child(4) {  border:20px solid rgba(255,0,0,.5);  }
.one2:nth-child(4) span {color:rgba(230,20,20,1);}
.one2:nth-child(4) span.no {color:rgba(230,20,20,.2);}




ul.cooperation {width:100%; float:left; margin-bottom:-20px;}
 ul.cooperation li {width:20%;  margin-right:-1px; float:left; text-align:center; font-size:17px; color:#666; font-weight:500; margin-bottom:20px;}

 ul.cooperation li p {width:100%; box-sizing:border-box; padding:15px; float:left;  border:1px solid #ddd;  margin-bottom:10px;  }
 

 
  ul.cooperation2 {width:100%; float:left;  }
 ul.cooperation2 li {width:20%;  margin-right:-1px; float:left;   text-aligN:center; box-sizing:border-box;  padding-bottom:20px;}
 ul.cooperation2 li  div {width:100%; box-sizing:border-box; text-align:Center; padding:10px; margin-bottom:10px;  border:1px solid #ddd; font-size:16px; color:#333; font-weight:500;  }
 ul.cooperation2 li div img {width:50px; vertical-align:middle;}

 ul.cooperation2 li p {width:100%; display:inline-block; margin-bottom:5px;}
 ul.cooperation2 li p.t1 {font-size:19px; font-weight:600; color:#333;}
 ul.cooperation2 li p.t2 {font-size:16.5px; font-weight:400; color:#555;}
 ul.cooperation2 li p.t3 {font-size:15px; font-weight:400; color:#666;}



.about_info  {width:37%; margin-left:7%; float:left; margin-top:30px; }
.about_info th {font-size:16px; text-align:left;  font-weight:400; line-height:1.3em; padding:10px;  color:#fff; border-bottom:1px solid rgba(255,255,255,.4); text-align:left; }
.about_info td {font-size:16px;  padding:10px 30px; line-height:1.4em; color:#fff; border-bottom:1px solid rgba(255,255,255,.2);  font-weight:300}


.vision {width:80%; float:left; margin-left:10%; border:6px solid #ddd;}
.vision li {width:25%;border-right:1px solid #ddd; float:left; font-size:19px; font-weight:500; color:#444; line-height:1.4em; box-sizing:border-box; padding:20px; text-align:Center;  height:205px;}
.vision li:last-child {border-right:none}
.vision li b {font-size:24px; font-weight:600; line-height:1.5em; color:#333;}
.vision li span {font-size:17px; color:#f47321; font-weight:400; letter-spacing:0;}



.history {width:100%; }

.history ul {width:70%; float:right; }
.history li {padding:13px 12px;  box-sizing:border-box; background-color:#fbfbfb;  display:inline-block; width:100%;  margin-bottom:5px;}
.history li b {font-weight:800; font-size:25px; color:#f47321; width:15%; float:left; line-height:20px;  }
.history li p {width:85%; float:right; box-sizing:border-box; font-size:17px; color:#555; line-height:20px;  } 

.history li p img {margin-top:0px; margin-bottom:10px;  }
.history .tt1 {font-size:30px; line-height:1.1em; color:#ddd; font-weight:800}
.history .tt2 {font-size:55px; line-height:1.1em; color:#ddd; font-weight:800; letter-spacing:-2px;}

.map_info  { font-size:18px;font-weight:500;  text-align:Center;  color:#444;   padding-bottom:5px;  display:inline-block; width:100%; margin-top:20px;   line-height:1.6em}


#recruit1 {width:100%; float:left; }
#recruit2 {width:100%; float:left; }
#recruit3 {width:100%; float:left; }

.recruit2 {width:100%; float:left; color:#666; font-size:17.3px; line-height:1.3em}
.recruit2 h4 {margin-bottom:5px;}
.recruit2 table {  float:left; width:100%;  }
.recruit2 table td {width:19%; text-align:center; padding-left:15px; font-size:17px;  }
.recruit2 table td:first-child {padding-left:0}
.recruit2 table td div {border:7px solid #ddd; width:300px; display:table-cell; height:200px;  vertical-align:middle; }
.recruit2 table td  b {font-weight:600; color:#333; font-size:1.13em; line-height:1.35em }
 .recruit2 table td span {width:100%; margin-top:5px; float:left; font-size:16.5px; font-weight:400; line-height:1.35em; color:#555}
  .recruit2 table td  img {width:80px;}

.recruit3 p {font-size:16.5px; line-height:1.4em; color:#666; width:45%; float:right; padding-top:40px; }
.recruit3 p b {font-weight:600; font-size:1.3em; line-height:2em}

.recruit3 .bg_box {width:50%; float:left; height:350px; background:url('/common/img/sub/customer_bg.jpg') no-repeat; background-size:cover; text-align:center; box-sizing:border-box; padding-top:130px; border:none; box-shadow:none}
.recruit3 .bg_box span:first-child {font-size:30px; font-weight:600}
.recruit3 .bg_box span:last-child {font-size:17px; font-weight:400; line-height:3em}


.business_top {width:100%; height:300px; background:url('/common/img/sub/business_top_img1.png') no-repeat; background-size:cover; float:left; position:relative;}

.business_top div {width:100%;    height:300px; background:rgba(0,0,0,.5); box-sizing:border-box; color:#fff; font-size:24px; font-weight:500; text-align:center; padding-top:90px; letter-spacing:-1px; text-shadow:2px 2px 5px rgba(0,0,0,.7)}
.business_top div span {width:30px; height:1px; display:inline-block; background-color:#fff; }

.business_top div  b {font-size:1.65em;color:#fff; letter-spacing:-1px; font-weight:700; line-height:2em}

.y_line {width:1px; height:30px; background-color:#999; display:inline-block; margin-bottom:10px;}

.business_t {font-size:17px; color:#444; text-align:center; line-height:1.6em}
.business_t b {font-size:1.6em;color:#333; letter-spacing:-2px; font-weight:600; line-height:2em }






 #footer {margin-top:100px; }