@charset "UTF-8";
header{background:rgba(255,255,255,.8);}
#index_banner,#index_banner .bannerbox{ height:56.25vw;}
.bannerbox{ background:no-repeat center; background-size:cover}
#index_banner .flex-control-nav{ padding:0; position:absolute; bottom:0; z-index:10; width:100%; left:0; text-align:center;height:6vw;}
#index_banner .flex-control-nav li{ margin:0 8px; vertical-align:top;}
#index_banner .flex-control-paging li a{ border-radius:0; width:6vw;   text-indent:99999px; background:none; padding:2.7vw 0; height:6vw; overflow:hidden; vertical-align:bottom;} 
#index_banner .flex-control-paging li a:before{ content:''; display:block;background:#b2b2b2;height:.6vw; margin-bottom:2.7vw; }
#index_banner .flex-control-paging li a.flex-active:before{ background:#061a26;}
#index_banner .container{ position:relative; bottom:0;margin-top:-5vw;}

.sliderbtn{ position:absolute; right:0;  z-index:11; display:block;}
.sliderbtn img{ display:block; width:36%; margin:32%;}

#in_prod{ position:relative;}
#in_prod .in_prod_nav{ position:absolute; width:100%; bottom:5rem; left:0;}
#in_prod .in_prod_nav .slides li{ width:25%; float:left; list-style:none; margin-right:1px;}
#in_prod .in_prod_nav .slides li a{ color:#fff; display:block; margin-right:1px; height:100%	;  line-height:110%;position:relative; }
#in_prod .in_prod_nav .slides li h4{padding:2rem 1.25rem; position:absolute; width:100%; margin:0; color:#fff;font-size:1.5rem;}
#in_prod .in_prod_nav .slides li img{ position:relative; z-index:1; opacity:0;}
#in_prod .in_prod_nav .slides li:hover img{ opacity:1;}
#in_prod .in_prod_nav .slides li:nth-child(1) a, .in_prod_m#in_prod1 h3{ background:#779cb0;}
#in_prod .in_prod_nav .slides li:nth-child(2) a, .in_prod_m#in_prod2 h3{ background:#92b4af;}
#in_prod .in_prod_nav .slides li:nth-child(3) a, .in_prod_m#in_prod3 h3{ background:#d9b86e;}
#in_prod .in_prod_nav .slides li:nth-child(4) a, .in_prod_m#in_prod4 h3{ background:#da8f57;}
#in_prod .in_prod_nav .slides li:nth-child(5) a, .in_prod_m#in_prod5 h3{ background:#b0bda2;}
#in_prod .in_prod_nav .slides li:nth-child(6) a, .in_prod_m#in_prod6 h3{ background:#9fc3d6;}
#in_prod .in_prod_nav .slides li:nth-child(7) a, .in_prod_m#in_prod7 h3{ background:#bf6b7a;}
#in_prod .in_prod_nav .slides li:nth-child(8) a, .in_prod_m#in_prod8 h3{ background:#8883a5;}
#in_prod .in_prod_nav .slides li:nth-child(9) a, .in_prod_m#in_prod9 h3{ background:#83c7ab;}
#in_prod .in_prod_nav .flex-direction-nav .flex-prev{background-image:url(../images/icon/arrow_left_dark.svg); background-color:transparent !important; left:-4rem;}
#in_prod .in_prod_nav .flex-direction-nav .flex-next{background-image:url(../images/icon/arrow_right_dark.svg); background-color:transparent; right:-4rem;}
#in_prod .in_prod_nav .flex-direction-nav a{ top:50%; margin-top:-2rem;}
#in_prod .tab-pane, .in_prod_m{ min-height:56vw; background:#fff no-repeat center bottom; background-size:100%; padding:6rem 0 0; line-height:150%; font-size:1.28rem;}
#in_prod h3{ font-size:2.8rem; text-align:center; color:#313131; margin-bottom:2.5rem;line-height:120%;	}
#in_prod .btn{ margin:1rem auto 0; width:40%; border:2px solid #061a26; color:#061a26; padding:0; line-height:3rem; display: block; text-align:center;}
#in_prod .btn:hover{ background:#061a26; color:#fff;}

.in_brand{ min-height:56vw; background: url(../images/bg/in_brand.jpg) no-repeat; background-size:cover; color:#fff;     padding: 7.5rem 0 4rem;}
.in_brand h3{ font-size:4rem; margin:10px 0 4rem;color:#fff;}
.in_brand h3 small{ font-size:1.66rem; text-transform:uppercase; line-height:110%; display:block; margin-bottom:1.66rem;}
.in_data{ margin-bottom:1rem;}
.in_data li{ text-align:center; text-transform:capitalize; margin-bottom:2.5rem;}
.in_data img{ line-height:110%; padding-bottom:2.5rem;display:inline-block; border-bottom:.4rem solid #fff; margin-bottom:1.25rem;}
.in_data span{ display:block;}
.in_brand .in_video .btn{ display:block; border:.25rem solid #fff; width:5.7vw; border-radius:50%; background:none; margin:0;}
.in_video img{ width:100%;}
.in_feature h4{ font-size:1.5rem; color:#fff;}
.in_feature{ line-height:150%;}
.in_feature p{ margin:1rem 0 1.5rem;}

.in_brand .btn{ width:22.5rem; text-align:center; display:block; border:1px solid #fff; color:#fff; font-size:1.5rem; line-height:5.5rem; margin:1.66rem auto 0;}
.in_brand .btn:hover{background-color:#061a26;border-color:#061a26;}

.in_news { padding-top:4rem;}
.in_news  h3{ font-size:2.5rem; text-align:center; color:#313131; margin-bottom:2.5rem;line-height:120%; text-align:center;}
.in_news_list{ margin-top:3rem;}
.in_news_list a{ color:#575757;}
.in_news_list h4{ color:#313131; font-size:1.25rem; line-height:125%;}
.in_news_list li{  margin-bottom:3rem; }
.in_news_list .news_photo{position:relative;border: 1px solid #ccc;margin-bottom:1.66rem;}
.in_news_list .news_photo img{ width:100%;}

.in_world{min-height:56vw; background:#d9d9d9 url(../images/bg/in_worldwide.png) no-repeat top center; background-size:100%; padding:6.5rem 0 6rem; position:relative;}
.in_world h3{ font-size:2.5rem; text-align:center; color:#313131; margin-bottom:2.5rem;line-height:120%;	}
.in_world_inn{ padding-top:27vw;}
.world_box{ background:rgba(255,255,255,.7); padding:2.5rem 1.66rem; line-height:146%; font-size:1.33rem;}
.world_box h4{ color:#313131; font-size:2rem; margin-top:0;}
.world_box p{ min-height:6rem;}
.world_box .input_box{ border-radius:5px; position:relative; padding-right:8rem; margin-top:1.25rem;}
.world_box .input_box .form-control, 
.world_box .input_box .select2-container .select2-selection--single, 
.world_box .input_box .select2-container--default .select2-selection--single .select2-selection__rendered
{ height:4.7rem; line-height:4.7rem;}
.world_box .input_box .btn{ width:10rem; color:#fff; background:#061a26; border-radius:0 5px 5px 0; text-align:center; position:absolute; height:100%; right:0; top:0; font-size:1.5rem; line-height:4.7rem;}
.world_box .input_box .form-control,.world_box .input_box .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-right:1.25rem; font-size:1.33rem;}
.world_box .input_box .select2-container--default .select2-selection--single .select2-selection__arrow{ display:none;}
.world_box .input_box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{background: #d8d8d8;border-radius:0 ;}
.foot_social .ucloud{ float:right; width:40%;}
.nav_i>a{font-size: 1.3rem}
/*
.foot_social .social_icon{ width:30%;}
*/

/*
color
#061a26
#595757
#313131
#779cb0
#92b4af
#d9b86e
#da8f57

font-size
30
18
16
14

line-height:150%
*/

.foot_social.contact h5{font-size: 25px;}
.foot_social.contact h4{font-size: 40px !important;margin-bottom: 25px;}
.foot_social.contact h4 a{font-size: 40px;}
.foot_social.contact p{font-size: 18px;}
.foot_social .tencent{width:60px;padding: 8px 0;}
.foot_newsletter h4 {
  font-size: 1.5rem;
  margin: 0 0 1rem;
}
.foot_newsletter .input_box {
  border-radius: 5px;
  position: relative;
  padding-right: 10rem;
  margin-top: 1.5rem;
}
.foot_newsletter .input_box .form-control {
  height: 4rem;
  line-height: 4rem;
}
.foot_newsletter .input_box .btn {
  width: 10rem;
  color: #fff;
  background: #061a26;
  border-radius: 0 5px 5px 0;
  text-align: center;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  line-height: 4rem;
}

@media (min-width: 768px){
  .foot_newsletter {
    padding-left: 3rem;
  }
#in_news .in_news_list{ margin:0 -2rem;}
#in_news .in_news_list li{ opacity:1 !important; margin:0 0 4rem !important; width:50% !important; padding:0 2rem; }
.in_news_list li:nth-child(2n+3){ clear:both;}
.in_news .flex-direction-nav{ display:none;}
/*2021.10.29 客戶說明電腦版不隱藏
#in_prod .btn{ display:none;}*/
.foot_social.contact h4{font-size: 30px !important}
}
@media (min-width: 992px){
.foot_logo{ padding:0 2.5rem;}
.foot_logo>*{ padding:0;}
.foot_social{ border-right:1px solid #494248;}
.foot_social.contact h4{font-size: 40px !important}
.foot_social.contact h4 a{font-size: 40px;}
.in_news_list li .news_text{ opacity:0; position:absolute; width:100%; height:100%; color:#fff; padding:2.5rem 1.5rem; line-height:150%; color:#fff; background:rgba(6,26,38,.8); top:0; left:0;-webkit-transition:opacity .35s linear;-o-transition:opacity .35s linear;transition:opacity .35s linear;}
.in_news_list li .news_text p{ max-height:8.5rem; overflow:hidden;}
.in_news_list li .news_text span{ font-weight:bold; font-size:1.33rem; position:absolute; left:1.5rem; bottom:2rem;}
.in_news_list li:hover .news_text{ opacity:1}
.in_feature{padding-left: 0; width: 60%;}
.in_video{ width: 40%; }
}
@media (min-width: 1441px){
.world_box .input_box{ padding-right:11.6rem;}
.world_box .input_box .btn{ width:11.6rem}
.in_brand{ padding-top:10vw;}
}

@media (min-width: 1681px){
}

@media (max-width: 1440px){
}

@media (max-width: 991px){
}

@media (min-width: 1281px) and (max-width: 1440px) {	
.in_data li img{ height:90px;}
}

@media (min-width: 992px) and (max-width: 1280px) {	
.in_data li img{ height:85px;}
#in_prod .in_prod_nav .flex-direction-nav .flex-prev{ left:-3rem;}
#in_prod .in_prod_nav .flex-direction-nav .flex-next{ right:-3rem;}
#in_prod .in_prod_nav .flex-direction-nav a{ width:3rem; height:3rem; margin-top:-1.5rem;}
}