@charset "utf-8";
/* CSS Document */
.hight4col{float:left; width:100%; padding:20px 0; margin: -45px 0 0;}
.company_bg{background:url(../images/company_bg.jpg) no-repeat}
.hight4col ul{float:left; width:100%; padding:70px 55px;}
.hight4col ul li{float:left; width:25%; padding:60px 10px; color:#fff; text-align:center; position:relative;}
.hight4col ul li:after{position:absolute; content:""; width:1px; height:100px; background-color:#fff; top:45px; right:0px;}
.hight4col ul li:last-child:after{display:none;}
.hight4col ul li i{padding-bottom:15px; display:inline-block; width:100%;}
.hight4col ul li h3{font-size:30px; font-weight:700; padding:0 0 10px;}
.hight4col ul li p{font-size:18px; font-weight:400; line-height:normal;}




.mid_con_block{text-align:center; width:100%; padding:50px 10%; display:inline-block}
.mid_con_block h3{font-size:22px; font-weight:600; color:#000; position:relative; padding:0 0 15px; margin:0 0 15px; position:relative;}
.mid_con_block h3:after{position:absolute; content:""; margin:0 auto; left:0; right:0; background-color:#878787; width:50px; height:1px; bottom:0;} 
.mid_con_block p{padding:30px 0 40px; color:#666666; font-size:14px; line-height:18px;}
.mid_con_block a{ color:#524400; background-color:#ffd306; border-radius:20px; padding:13px 20px; font-size:12px;}

.plant_block{float:left; width:100%; padding:20px 0; position:relative; z-index:99}
.plant_block .plant_left{float:left; width:50%; height:500px; position:relative; z-index:9}
.plant_block .plant_left ul{float:left; width:100%; height:100%;}
.plant_block .plant_left ul li{float: left;width: 50%;height: auto;min-height: 60%;padding: 20px 30px;}
.plant_block .plant_left ul li.yellow{background-color:#ffd306;}
.plant_block .plant_left ul li.yellow h3{ color:#413600; font-size:18px; padding:0 0 15px;}
.plant_block .plant_left ul li.yellow p{ font-size:14px; color:#413600; padding:8px 0;}
.plant_block .plant_left ul li.white{background-color:#fff;}
.plant_block .plant_left ul li.white h3{ color:#413600; font-size:18px; padding:0 0 15px;}
.plant_block .plant_left ul li.white p{ font-size:14px; color:#413600; padding:8px 0;}
.plant_block .plant_left ul li.blue{background-color:#3b97ec;}
.plant_block .plant_left ul li.blue h3{ color:#fff; font-size:18px; padding:0 0 10px;}
.plant_block .plant_left ul li.blue p{ font-size:14px; color:#fff; padding:8px 0;}
.plant_block .plant_left ul li.blue p.brd_btm{border-bottom:1px solid rgba(255,255,255,0.40);}

.plant_block .plant_right{float:left; width:50%; height:600px; box-shadow: inset 20px 0 20px -15px rgba(0,0,0,0.10); background-color:#fff; padding:60px 80px; position:relative; z-index:9}
.plant_block .plant_right h3{ font-size:22px; position:relative; margin:0 0 30px; padding:0 0 15px;}
.plant_block .plant_right h3:after{position:absolute; content:""; background-color:#494949; width:30px; height:1px; left:0px; bottom:0;}
.plant_block .plant_right p{color:#666666; font-size:14px; line-height:22px;}
.plant_block .plant_right a{ color:#524400; background-color:#ffd306; border-radius:20px; padding:12px 20px; font-size:12px; display:inline-block; margin:25px 0;}

.global_presence{float:left; width:100%; background:url(../images/global_presence2_bg.jpg) no-repeat bottom; background-size:cover; padding:170px 0 100px; margin:280px 0 0; min-height:500px; }
.global_presence .mid_con_block{padding:0 15%; color:#fff;}
.global_presence .mid_con_block h3{color:#fff;}
.global_presence .mid_con_block h3:after{background-color:#858994;}
.global_presence .mid_con_block p{ color:#ffffff; font-size:18px; line-height:26px;}

.global_presence.overseas_bg{float:left; width:100%; background:url(../images/overseas_bg.jpg) no-repeat bottom; background-size:cover; padding:170px 0; margin:-65px 0 0; min-height:auto; }



.block2thumb{float:left; width:100%;  padding:60px 0 0; position:relative;}
.block2thumb .block_wrap{margin:0 auto; max-width:982px; width:90%; }
.block2thumb .block_wrap .row {display: flex;flex-wrap: nowrap; box-shadow:0 0 15px 5px rgba(0,0,0,0.05);}
.block2thumb .block_wrap .row .left_sec{float:left; width:50%;  background-color:#fff;}
.block2thumb .block_wrap .row .left_sec img{display:block}
.block2thumb .block_wrap .row .right_sec{float:left; width:50%; padding:40px; background-color:#fff;}
.block2thumb .block_wrap .row .right_sec h3{ font-size:22px; position:relative; padding:0 0 30px; margin:0 0 30px;}
.block2thumb .block_wrap .row .right_sec h3:after{position:absolute; content:""; height:1px; width:30px; background-color:#878787; bottom:0px; left:0;}
.block2thumb .block_wrap .row .right_sec p{color:#666666; line-height:26px; font-size:16px;}
.block2thumb .block_wrap .row .right_sec a{ color:#524400; background-color:#ffd306; border-radius:20px; padding:12px 20px; font-size:12px; display:inline-block; margin:25px 0;}


.block3thumb{float:left; width:100%;  padding:60px 0 0; position:relative;}
.block3thumb .block_wrap{margin:0 auto; width:100%; }
.block3thumb .block_wrap .row {display: flex;flex-wrap: nowrap; box-shadow:0 0 15px 5px rgba(0,0,0,0.05);}
.block3thumb .block_wrap .row .left_sec{float:left; width:487px;  background-color:#fff;}
.block3thumb .block_wrap .row .left_sec img{display:block}
.block3thumb .block_wrap .row .right_sec{float:left; width: calc(100% - 487px); padding:30px 30px 0 30px; background-color:#fff;}
.block3thumb .block_wrap .row .right_sec ul{display: flex; width: 100%;}
.block3thumb .block_wrap .row .right_sec ul li{ width: 50%; border-right: 1px solid #dfdfdf; padding: 0 20px 0 0px;}
.block3thumb .block_wrap .row .right_sec ul li:last-child{ border-right: 0px solid #dfdfdf; padding: 0 0 0 20px;}
.block3thumb .block_wrap .row .right_sec h3{ font-size:22px; position:relative; padding:0 0 20px; margin:0 0 20px;}
.block3thumb .block_wrap .row .right_sec h3:after{position:absolute; content:""; height:1px; width:30px; background-color:#878787; bottom:0px; left:0;}
.block3thumb .block_wrap .row .right_sec h4{color:#000; font-size:17px; padding: 0px 0 15px; margin: 0px;}
.block3thumb .block_wrap .row .right_sec p{color:#666666; line-height:20px; font-size:14px;}
.block3thumb .block_wrap .row .right_sec a{ color:#524400; background-color:#ffd306; border-radius:20px; padding:12px 20px; font-size:12px; display:inline-block; margin:15px 0;}


.social_response{float:left; width:100%;  margin:-50px 0 0; background:url(../images/socail_respopsebg.jpg) no-repeat; background-size:cover; padding:200px 0 150px; }
.social_response .block_wrap{margin:0 auto; max-width:895px; width:90%;}
.social_response .block_wrap .left_sec{float:left; width:60%; padding:0 50px 0 0;}
.social_response .block_wrap .left_sec h3{ color:#3e3300; font-size:22px; padding:0 0 20px; margin:0 0 20px; position:relative;}
.social_response .block_wrap .left_sec h3:after{position:absolute; content:""; height:1px; width:50px; background-color:rgba(0,0,0,0.47); bottom:0px; left:0;}
.social_response .block_wrap .left_sec p{color:#3e3300; line-height:26px; font-size:16px; padding:0 0 10px;}
.social_response .block_wrap .left_sec a{ color:#524400; background-color:#fff; border-radius:20px; padding:12px 20px; font-size:12px; display:inline-block; margin:25px 0;}
.social_response .block_wrap .right_sec{float:right; width:40%; text-align:center;}
.social_response .block_wrap .right_sec .thumb{width:338px; height:338px; border-radius:50%; background-color:#2d83d2; margin:0 auto; overflow:hidden;}
.social_response .block_wrap .right_sec .thumb img{display:block;}

.group_bg{float:left; width:100%; padding:0px 0; margin:-35px 0 0; }
.group_bg ul{float:left; width:100%; padding:70px 55px; background:url(../images/group_bg.jpg) no-repeat; background-size:cover; box-shadow:0 0px 15px rgba(0,0,0,0.10); }
.group_bg ul li{float:left; width:25%; padding:0px 20px; color:#fff; text-align:center; position:relative;}
.group_bg ul li:after{position:absolute; content:""; width:1px; height:137px; background-color:#a1a1a1; top:0px; right:0px;}
.group_bg ul li:last-child:after{display:none;}
.group_bg ul li i{padding-bottom:10px; display:inline-block; width:100%;}
.group_bg ul li h3{font-size:24px; font-weight:700; padding:0 0 10px; line-height:normal;}
.group_bg ul li p{font-size:16px; font-weight:400; line-height:normal;}

.full_pnael_block{float:left; width:100%; padding:15px 0;}
.full_pnael_block h3{ font-size:20px; position:relative; margin:0 0 30px;}
.full_pnael_block h3:after{position:absolute; content:""; background-color:#878787; width:50px; height:1px; bottom:0px; margin:0 0 0 10px; display:none;}
.full_pnael_block p{ font-size:16px !important; position:relative; margin:0 0 20px; color:#000; font-weight:400; line-height:normal;}
.full_pnael_block h4{font-size:20px; color:#666666; font-weight:300; line-height:normal; padding:0 0 50px;}


.half_panel_block{float:left; width:100%; padding:55px 0;}
.half_panel_block .left_sec{float:left; width:50%; padding:20px 5px 0;}
.half_panel_block .left_sec aside{ background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.20); float:left; width:100%; padding:25px;}
.half_panel_block .left_sec2{float:left; width:33.33%; padding:20px 5px 0;}
.half_panel_block .left_sec2 aside{ background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.20); float:left; width:100%; padding:25px;}
.half_panel_block .left_sec2 img{max-width:100%;}

.half_panel_block h3{ font-size:22px; position:relative; margin:0 0 30px;}
.half_panel_block h3:after{position:absolute; content:""; background-color:#878787; width:50px; height:1px; bottom:0px; margin:0 0 0 10px;}
.half_panel_block p{ font-size:16px; position:relative; margin:0 0 20px; color:#666666; font-weight:300; line-height:22px;}
.half_panel_block h4{ font-size:18px; position:relative; padding:30px 0 30px; color:#666666;}
.half_panel_block a{ color:#524400; background-color:#ffd306; border-radius:20px; padding:12px 20px; font-size:12px; display:inline-block; margin:25px 0;}

.half_panel_block .right_sec{float:right; width:50%; text-align:right;}
.half_panel_block .right_sec img{max-width:100%;}
.half_panel_block .right_sec.left{text-align:left; float:left}
.vision{ float:right !important;display:block !important;}

.half_panel_block .left_sec.block{padding-left:10px; padding-right:10px;}
.half_panel_block .left_sec.block img{width:100%;}

.bod_wrap{margin:-45px 0 45px !important; position:relative;}
.bod_list{float:left; width:100%; display: flex;justify-content: center;flex-direction: row;  box-shadow:0 0px 15px rgba(0,0,0,0.10); margin:0 0 45px; background-color:#fff;}
.bod_list li{width:25%; box-shadow: inset -10px 0 12px -10px rgba(0,0,0,0.2); background-color:#fff; padding:54px 32px; display:inline-block;}
.bod_list li:last-child{box-shadow:none;}
.bod_list li h3{ font-size:18px; line-height:normal; color:#494949; position:relative; padding:0 0 10px; height:55px;}
.bod_list li h3:after{position:absolute; content:""; background-color:#444444; width:14px; height:1px; left:0; bottom:0;}
.bod_list li p{font-size:14px; color:#494949; padding:20px 0; height: 100px;}
.bod_list li a{ color:#fff; background-color:#307dc3; border-radius:20px; padding:10px 20px; font-size:12px; display:inline-block; margin:0px 0;}


/*--------- Board Committees -------------*/
.board_commitee{position:relative; padding:20px 0 35px;}
.board_commitee h3{font-size:18px; padding:40px 0 30px; display:inline-block; width:100%;}


/*--------- Milestone -------------*/
.milestones-box3{width: 50%;  float: left; background: url(../images/milestones-bg3.jpg) center bottom no-repeat; position:relative; background-size: cover;  margin:-45px 0 60px; padding: 30px 50px 30px 50px; box-sizing: border-box; text-align: center; height:586px; }
.milestones-box3 h2{width: 100%; font-weight: 400; color: #000; font-size: 25px; line-height: 26px; position: relative; padding-bottom: 10px; text-align: center; margin-bottom: 15px;}
.milestones-box3 h2:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; width: 20px; height: 1px; background: #000000;}
.milestones-box3 big{width: 100%; max-width: 700px; margin: 0 auto;  font-weight: 400; color: #5f5f5f; font-size: 16px; line-height: 22px;  text-align: center; margin-bottom: 20px; display: block;}
.milestones-year{ width: 100%; height:70px; display: block; border-bottom: 1px solid #c3c0bc;   }
.milestones-year-slider{ width: 100%; max-width: 700px; margin: 0 auto; text-align: center; height:70px; }
.milestones-year-slider li{ cursor: pointer;}
.milestones-year-slider li span{ width: auto; margin: 0 auto; text-align: center; font-weight: 400;color: #000; font-size: 22px; line-height: 70px; padding: 0 20px; display:inline-block;}
.milestones-year-slider li.slick-current span { color:#000; font-weight: 600; position: relative;}

.milestones-year-slider li.slick-current span:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #000000; width: auto; height: 2px; margin: 0 auto;} 
.slider_prev3{ width: 15px; height: 20px; position: absolute; left: 0; top:-40px; background: url(../images/arrow5.png) left top no-repeat; text-indent: -9999px; cursor: pointer;}
.slider_next3{ width: 15px; height: 20px; position: absolute; right: 0; top:-40px; background: url(../images/arrow5.png) -20px top no-repeat; text-indent: -9999px; cursor: pointer;}
.milestones-text-slider{ width: 100%; max-width:800px; height: auto; float: none; margin:0 auto; display: block; padding-top:30px;}
.milestones-text-slider div p{text-align: center; font-weight: 400;color: #000; font-size: 16px; line-height: 26px; }
.milestones-text-slider .list_bullet li{text-align:left; color: #000;}

.dl_list{float:left; width:100%; margin:10px 0 0; padding:0px;}
.dl_list dt{background:url(../images/right_bullet_white.png) no-repeat 0 7px; padding:0 0 0 25px; color:#fff; font-size:13px; margin:0 0 10px;}

.dl_list2{float:left; width:100%; margin:10px 0 0; padding:0px;}
.dl_list2 dt{background:url(../images/right_bullet.png) no-repeat 0 7px; padding:0 0 0 25px; color:#000; font-size:13px; margin:0 0 10px;}

.milestone4{width: 50%; overflow:hidden;  float: left; background-color:#fff; position:relative; background-size: cover;  margin:-45px 0 60px; padding:4px; box-sizing: border-box; text-align: center; height:586px; }
.factory_slider img{width:100%;}
.factory_info{float:left; width:100%; background-color:#2583d9; padding:27px 15px; color:#fff; text-align:left;}

.fac_prev3{position:absolute; right:50px; z-index:9; bottom:20px; background:url(../images/prev_white.png) no-repeat; width:10px; height:19px; font-size:0px; cursor:pointer;}
.fac_next3{position:absolute; right:20px; z-index:9; bottom:20px; background:url(../images/next_white.png) no-repeat; width:10px; height:19px; font-size:0px; cursor:pointer;}

.milestones-box3 .list_bullet{margin:0px 0 0;}

/*29-05-2020*/
.group-profile-left-box{ width: 50%; height: 600px; overflow:hidden; float: left; display: block; padding-right: 3%; }
.group-profile-left-box img{ width: 100%;}
.group-profile-right-box{width: 50%; height: auto; float: left; display: block; padding-left: 3%; padding-top: 80px;}
.half_panel_block p {min-height: 112px;}
.half_panel_block{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.half_panel_block .left_sec aside{ height: 100%;}
.paddingtop50{padding: 50px 0 0px 0;}
.company-profile-pic{ width: 100%; height: auto; float: left;  display: block;}
.company-profile-pic img{width: 100%;}
.gap60{ width: 100%; height: 60px; float: left;  display: block; clear: both; }

.slick-disabled{display:none !important;}

.top_padd{padding:60px 0}
.link_more{float: left; width: 100%; margin: 10px 0 0;display: flex; align-items: center;}
.link_more span{background: url(../images/black_arrow.png) no-repeat right; padding: 0 40px 0 0; margin: 0 20px 0 0;}

.float_left{float: left;}
.float_right{float: right;}
.block_life{padding-top: 50px !important;}


@media screen and (max-width:1100px){
	
	.milestones-box3 {

    width: 100%;
    margin: 0px 0 60px;
    padding: 30px 50px 30px 50px;
    box-sizing: border-box;
    text-align: center;
    height: auto;

}

.milestone4 {
    width: 100%;
    margin:0px 0 60px;
    padding: 4px;
    box-sizing: border-box;
    text-align: center;
    height: auto;
}

}

@media screen and (max-width:980px){
	.hight4col ul {padding: 70px 15px;}
	.hight4col ul li h3 {font-size: 20px;}
	.hight4col ul li p {font-size: 14px;}
	.plant_block .plant_left {width: 100%;height: auto;}
	.plant_block .plant_right {width:100%; height:auto; 	box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.10);}
	.plant_block .plant_left ul li { height: auto;min-height: 300px;}
	.block2thumb .block_wrap .row .right_sec {padding: 20px;}
	.block2thumb .block_wrap .row .right_sec p {font-size: 14px;}
	
		.block3thumb .block_wrap .row .right_sec {padding: 20px;}
	.block3thumb .block_wrap .row .right_sec p {font-size: 14px;}
	.social_response .block_wrap .left_sec {width: 100%; padding: 50px 0px 0 0;}
	.social_response .block_wrap .right_sec {width: 100%;}
	.social_response {padding: 121px 0 90px;}
	
	.group_bg ul li:nth-child(2):after{display:none;}
	.group_bg ul li{width:50%; padding:10px 0}
	.group_bg ul li:nth-child(1), .group_bg ul li:nth-child(2){border-bottom:1px solid #a1a1a1}
	.half_panel_block .left_sec{padding-left:15px; padding-right:15px;}
	
	.bod_list li{padding: 34px 15px;}
	.inside_con.small{padding: 25px 0 57px;}
	
	.company_bg{background-size:cover}
	
	.plant_block .plant_right {width:100%; height:auto; 	box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.10); padding: 30px 30px 30px 30px; }
	
	
	.block2thumb .block_wrap .row .right_sec {padding: 20px;}
	.block2thumb .block_wrap .row .right_sec p {font-size: 14px;}
		.block3thumb .block_wrap .row .right_sec {padding: 20px;}
	.block3thumb .block_wrap .row .right_sec p {font-size: 14px;}
	
	
	.social_response .block_wrap .left_sec {width: 100%; padding: 50px 0px 0 0;}
	.social_response .block_wrap .right_sec {width: 100%;}
	.social_response {padding: 121px 0 90px;}
	.global_presence.overseas_bg {margin: 0x 0 0;}
	
	.global_presence.overseas_bg{float:left; width:100%; background:url(../images/overseas_bg.jpg) no-repeat bottom; background-size:cover; padding:170px 0; margin:0px 0 0 !important; min-height:auto; }

.group-profile-left-box {height: auto;}
	.full_pnael_block { padding-top: 45px;}
	
	.block3thumb .block_wrap .row {display: initial;}
	.block3thumb .block_wrap .row .left_sec {width: 100%;}
	.block3thumb .block_wrap .row .right_sec {width: 100%; padding-top: 30px;}
	.block3thumb .block_wrap .row .left_sec img{width: 100%;}

}

/*papan start*/
@media screen and (max-width:800px){
	.group-profile-right-box { padding-top: 20px;}
}
@media screen and (max-width:680px){
	.block2thumb .block_wrap .row {display: block;}
	.block2thumb .block_wrap .row .left_sec {width: 100%;}
	.block2thumb .block_wrap .row .right_sec { width: 100%;}
	.block2thumb .block_wrap {width: 75%;}
	.block3thumb .block_wrap .row {display: block;}
	.block3thumb .block_wrap .row .left_sec {width: 100%;}
	.block3thumb .block_wrap .row .right_sec { width: 100%;}
	.block3thumb .block_wrap {width: 75%;}
	
	
	.vision{width:100% !important;}

	.milestones-box3{width: 100%;}

	.milestone4{width:100%;  float: left;height:auto; padding: 0px; }
	.half_panel_block .left_sec2{width:100%;}

	.block3thumb .block_wrap .row .right_sec ul{width: 100%; display: inherit; float: left;}
	.block3thumb .block_wrap .row .right_sec ul li{ width: 100%; border-right:0px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf;  padding:20px 0px;}
	.block3thumb .block_wrap .row .right_sec ul li:last-child{ border-bottom: 0px solid #dfdfdf;  padding:20px 0px;}
	
	.milestones-text-slider { padding-bottom: 30px;}
	

}
@media screen and (max-width:480px){
	.hight4col ul {padding: 20px 25px;}
	.hight4col ul li { width: 100%; border-bottom:1px solid rgba(255,255,255,0.20); padding: 40px 10px;}
	.hight4col ul li:last-child{border-bottom:0px solid}
	.hight4col ul li:after{display:none;}
	.plant_block .plant_left{height:auto;}
	.plant_block .plant_left ul li {width: 100%; height: auto;min-height: 250px; padding: 20px 10px;}
	.block2thumb .block_wrap {width: 90%;}
	.block2thumb .block_wrap .row .left_sec img{width:100%;}
	
	.block3thumb .block_wrap {width: 90%;}
	.block3thumb .block_wrap .row .left_sec img{width:100%;}
	
	.social_response .block_wrap .right_sec .thumb {width: 268px; height: 268px;}
	.social_response .block_wrap .right_sec .thumb img {width: 100%;}
	.group_bg ul li:after{display:none}
	.group_bg ul li{width:100%;}
	.group_bg ul li{border-bottom:1px solid #a1a1a1; padding:25px 0;}
	.full_pnael_block h3 {line-height: normal;}
	.full_pnael_block{padding: 25px 15px;}
	.half_panel_block .right_sec{width:100%;}
	.half_panel_block .left_sec{width:100%;}
	.half_panel_block h3{line-height:normal}
	
	.bod_list {display: block;}
	.bod_list li {width: 100%; box-shadow: inset 0px -11px 8px -10px #CCC;}
	.bod_wrap {margin: -45px 0 0px !important;}
	.bod_list {margin: 0 0 0px;}
	.global_presence{margin:0px}
	.global_presence{float:left; width:100%; background:url(../images/global_presence2_bg_mob.jpg) no-repeat top; background-size:100%;  margin:-65px 0 0; min-height:170px; padding: 0px; }
	
	.group-profile-left-box {width:100%; height: auto; padding-right:0%;}
	.group-profile-right-box {width: 100%; padding-left: 0%; padding-top:30px;}
	.half_panel_block {padding: 0px 0 55px;}
	.milestones-box3{background: url(../images/milestones-bg3_mob.jpg) center bottom no-repeat; background-size: cover; margin: 0px 0 30px; position: relative;}
	.milestones-box3 .down_mile{position: absolute; background: url(../images/scroll-black.png) no-repeat; left: 0; right: 0px; margin: 0 auto; width: 39px; height: 39px; bottom: 30px; z-index: 9}
	.milestone4 {margin: 0px 0 0px;}
	.block2thumb .block_wrap .row .right_sec h3{line-height: normal;}
	.gr_profile{padding: 55px 15px 0; }
	.bod_wrap { margin: -45px 0 30px !important;}

	
}