#footer{position: relative !important; transform: none !important}

ul.myMenu {}
ul.myMenu > li { display:inline-block; background:#fff; border-left:1px solid #dfdfdf; text-align:left; 
position:relative; height: 60px; vertical-align: top; margin: 0}
ul.myMenu > li:first-child{width: 80px; line-height: 55px; text-align: center}
ul.myMenu > li:nth-child(2){padding: 0 30px; width: 260px; 
background: url(/theme/basic/img/subimg/nav/down.jpg); line-height: 60px; font-size:18px; 
color: #000; background-repeat: no-repeat; background-position-x: 220px; background-position-y: 18px;
font-weight:400; letter-spacing: -0.5px}
ul.myMenu > li:nth-child(3){padding: 0 30px; width: 260px; 
background: url(/theme/basic/img/subimg/nav/down.jpg); line-height: 60px; font-size:18px; 
color: #000; background-repeat: no-repeat; background-position-x: 220px; background-position-y: 18px;
font-weight:400; letter-spacing: -0.5px; border-right:1px solid #dfdfdf}


ul.myMenu > li:hover { background:#fff; cursor: pointer}
ul.myMenu > li ul.submenu { display:none; position:absolute; top:60px; left:-1px; padding: 10px 0; background:#fff; }
ul.myMenu > li:hover ul.submenu { display:block; border: 1px solid #dfdfdf; }
ul.myMenu > li ul.submenu > li { display:block; width:260px; padding:8px 30px; background:#fff; text-align:center; text-align:left; line-height: 25px}
ul.myMenu > li ul.submenu > li:hover { background:#fff; color: #283891}
    

.subhead{text-align: center; padding: 220px 0 120px 0; background-size: cover !important}
.subhead h3{font-size:24px; font-family: "Play"; color: #fff; letter-spacing: -1px;}
.subhead h1{font-size:71px; line-height: 120px; letter-spacing: -1px; color: #fff; font-weight: 700}

#container{width: 100%; margin: 0; float: none; min-height: 61px; position: relative}
.subnav{width:100%; border-bottom: 1px solid #dfdfdf; position: absolute; top:0; left: 0; background: #fff; z-index: 2}
.inner{max-width: 1630px; margin: 0 auto}


.company01{background: url(/theme/basic/img/subimg/company01/bg.jpg); background-size: cover; padding: 55px 0; position: relative; width: 100%}
.title{text-align: center; margin-bottom: 75px}
.title h1{font-size:40px; line-height: 50px; font-weight:400; margin-top: 10px; color: #000}

.company01 .s01{background: url(/theme/basic/img/subimg/company01/hand.png); background-position: left; background-repeat:no-repeat; min-height: 484px}
.company01 .s01 .tit{background: rgba(248,248,248,0.8); padding:130px 80px; position: relative; width: 50%; float: right; margin-right: 140px; margin-top:74px}
.company01 .s01 .tit p{font-size: 20px; line-height:35px; color: #000; letter-spacing: -0.5px; font-weight: 600}
.company01 .s01 .tit .samki{position: absolute; right: 20px; bottom:-60px;}


.headtxt{text-align: center; margin-bottom: 70px;}
.headtxt h1{font-size: 40px; line-height: 50px; color: #000; display: inline-block; font-weight: 600}
.headtxt img{display: inline-block; vertical-align: top;}

.company01 .s02{margin-top: 75px}
.company01 .s02 .tit5{display: flex; padding: 0% 8%; width: 100}
.company01 .s02 .tit5 .box{border: 1px solid #dfdfdf; text-align: center; flex:1; margin: 0 10px; padding: 25px;}
.company01 .s02 .tit5 .box img{margin: 0 auto 25px auto; display: block}
.company01 .s02 .tit5 .box p{font-size: 22px; font-weight: 600; color: #000; line-height: 25px;}
.company01 .s02 .tit5 .box p span{font-size: 18px; color: #000; font-weight: 500; letter-spacing: -1px; padding-top: 10px; display: block}

.company01_2{background: #fafafa; padding: 55px 0; position: relative; width: 100%; border-bottom: 0px solid #dfdfdf; border-top:1px solid #dfdfdf}
.company01_2 .tit4{display: flex; padding: 0% 8%; width: 100; margin-bottom: 20px}
.company01_2 .tit4 .box{border: 1px solid #dfdfdf; text-align: center; flex:1; margin: 0 10px; padding: 15px; background: #fff}


.subtitle{margin-bottom: 100px; text-align: center}
.subtitle h1{color: #222; font-size:35px; line-height: 40px; font-weight: bold; font-family: "Play";}
.subtitle h1 span{color: #555; font-size: 25px; font-weight: 300; margin-left: 5px; font-family: "Play";}
.subtitle p{ font-size:22px; line-height: 30px; color: #222;margin-top: 10px; font-weight: 500}
.history{padding: 55px 0; position: relative; width: 100%}

.history .tit2{display: flex}
.history .tit2 .leftbox{flex:1; text-align: right; border-right: 1px solid #e5e5e5; padding: 50px 0}
.history .tit2 .leftbox h2{color: #000; font-size:35px; font-family: "Play"; font-weight:bold; margin-bottom: 37px; position: relative; padding: 0 85px 0 0}
.history .tit2 .leftbox h2 span{position: absolute; right: 0; vertical-align:middle;}
.history .tit2 .leftbox p{font-size:22px; line-height: 35px; font-weight:normal; position: relative; padding: 0 50px 0 0; margin-right: 85px; font-weight: 500; color: #000}
.history .tit2 .leftbox p span{color: #283891; font-family: "Play"; font-weight:bold; position: absolute; right: 0; top:0px; font-size:20px}
.history .tit2 .leftbox .img{margin-top: 40px}

.history .tit2 .rightbox{flex:1; text-align: left; border-right: 0px solid #e5e5e5; padding: 0px 0}
.history .tit2 .rightbox h2{color: #000; font-size:35px; font-family: "Play"; font-weight:bold; margin-bottom: 37px; position: relative; padding: 0 0 0 85px}
.history .tit2 .rightbox h2 span{position: absolute; left: 0; vertical-align:middle;}
.history .tit2 .rightbox p{font-size:22px; line-height: 35px; font-weight:normal; position: relative; padding: 0 0 0 50px; margin-left: 85px; font-weight: 500; color: #000}
.history .tit2 .rightbox p span{color: #283891; font-family: "Play"; font-weight:bold; position: absolute; left: 0; top:0px; font-size:20px}
.history .tit2 .rightbox .img{margin-top: 40px}

.bs{padding: 55px 0 0 0; position: relative; width: 100%}

.bs .bs01{padding: 55px 0; background: #fafafa; border-top:1px solid #dfdfdf}
.bs .bs01 .tit2{display: flex ; max-width: 1200px; margin: 0 auto}
.bs .bs01 .tit2 p{font-size: 20px; color: #000; line-height: 30px; font-weight: 500}
.bs .bs01 .tit2 .titleft{ text-align: center;flex:1 }
.bs .bs01 .tit2 .titright{ text-align: center; border-left:dotted 2px #dfdfdf; flex:1}

.bs .bs02{background: url(/theme/basic/img/subimg/company03/bg.png); background-size: cover; padding: 55px 0; text-align: center; letter-spacing: -0.5px;}

.bs .bs02 h2{font-size: 30px; color: #fff; font-weight: 600; line-height: 35px; margin: 0}
.bs .bs02 h3{ font-size: 22px; color: #fff; font-weight: 500;line-height: 30px; margin: 10px 0 0 0}

.bs .bs02 .tit3{display: flex; margin: 40px auto 0 auto; max-width: 1200px;}
.bs .bs02 .tit3 .tit{flex:1}
.bs .bs02 .tit3 .tit p{font-size: 20px; color: #fff; font-weight: 600; letter-spacing: -1px; padding-top: 10px; display: block}

.bs .bs03{padding: 55px 0; text-align: center}

.bs .bs04{padding: 55px 0; background: #fafafa; border-top:1px solid #dfdfdf; text-align: center}
.bs .bs04 .headtitle{font-size: 30px; color: #000; letter-spacing: -0.5px; font-weight: 300; text-align: center; margin: 60px 0 50px 0}


.vision{padding: 55px 0 0 0; position: relative; width: 100%}
.vision .vision01{background-size: cover; text-align: center; padding:0 0 55px 0;}
.vision .vision02{padding: 55px 0; text-align: center}
.vision .vision02 h3{font-size: 30px; color: #fff; line-height: 40px; font-weight: 400; letter-spacing: -1px;}
.vision .vision02 p{font-size: 22px; color: #fff; line-height: 35px; letter-spacing: -1px;}
.vision .vision02 .tit3{display: flex; margin-top: 50px;}
.vision .vision02 .tit3 .iconbox{flex:1; text-align: center}
.vision .vision02 .tit3 .iconbox p{font-size: 18px; color: #fff; line-height: 35px;}

.vision .vision02 .visiontit{    max-width: 1300px;
    margin: 20px auto 0 auto;}
.vision .vision02 .visiontit ul{display: flex; margin-bottom: 40px}
.vision .vision02 .visiontit ul li{flex:1; border:10px solid #f0f4fb; border-radius: 5px; margin: 0 20px; padding: 45px 25px}
.vision .vision02 .visiontit ul li h2{font-size: 28px; font-weight: 600; color: #fff; line-height: 40px;}
.vision .vision02 .visiontit ul li p{font-size: 20px; font-weight: 500; color: #fff; line-height: 25px; margin-top: 5px}
.vision .vision02 .visiontit ul li:first-child{background:linear-gradient(to bottom, #2b3894, #2527db); margin-left: 0}
.vision .vision02 .visiontit ul li:nth-child(2){background:linear-gradient(to bottom, #2b3894, #7891cd)}
.vision .vision02 .visiontit ul li:last-child{background: linear-gradient(to bottom, #5270bb, #8ca6e4); margin-right: 0}
.vision .vision02 .visiontit .lineer{margin: 30px 0; height: 1px; width: 100%; background: #fff; opacity: 0.5}

.vision .vision03{ text-align: center; padding: 55px 0; background: #fafafa}
.vision .vision03 .hak1 ul{display: flex; width: 100%; border-bottom:dotted 2px #dfdfdf;}
.vision .vision03 .hak1 ul li:last-child{flex:1; border-left:dotted 2px #dfdfdf;}

.vision .vision03 .hak2 ul{display: flex; width: 100%; border-bottom:dotted 0px #dfdfdf;}
.vision .vision03 .hak2 ul li:last-child{flex:1; border-left:dotted 2px #dfdfdf;}

.vision .vision03 ul{max-width: 1430px; margin: 0 auto}
.vision .vision03 ul li{text-align: center; flex:1; padding: 50px}
.vision .vision03 ul li h1{font-size: 20px; letter-spacing: -0.5px; line-height: 30px; font-weight: 300}
.vision .vision03 ul li h1 b{font-family: "Play"; font-weight:bold; font-size: 24px;}
.vision .vision03 ul li p{font-size: 18px; color: #666; line-height: 24px;}
.vision .vision03 ul li img{margin: 25px 0}


.location{padding: 55px 0 0 0; position: relative; width: 100%}
.location .inner{max-width: 1500px; margin: 0 auto}
.location .inner .locationtit{margin: 50px 0 0 0; text-align: left}
.location .inner .locationtit p{color: #000; font-size: 18px; font-weight: 400; line-height: 25px; vertical-align: middle}
.location .inner .locationtit p span{vertical-align: middle; display: inline-block; margin-right: 10px;}
.location .inner .locationtit ul{display: flex}
.location .inner .locationtit ul li{flex:1; margin: 10px 0}

.location .inner .locationtit ul li iframe {width: 100%; min-height: 100%}

.ink{padding: 55px 0 0 0; position: relative; width: 100%}
.ink .ink01{display: block; text-align: left; margin-bottom: 50px;}
.ink .ink01 .ink4{display: inline-block; text-align: center; width: 24.8%; }
.ink .ink01 .ink4 .box{border: 1px solid #dfdfdf; padding: 15px; text-align: center; max-width: 305px; margin: 0 auto}
.ink .ink01 .ink4 .box img{border: 1px solid #dfdfdf}
.ink .ink01 .ink4 .text{padding:0 0 0px 0; border-bottom: 1px solid #dfdfdf; max-width: 305px; margin: 0 auto}
.ink .ink01 .ink4 .line{width: 50px; background: #283891; height: 2px; margin: 30px auto 0 auto;}
.ink .ink01 .ink4 p{font-size: 20px; color: #222; font-weight: 600; margin: 30px 0 0 0}
.ink .ink01 .ink4 p span{font-size: 18px; color: #666; font-weight:300}


.contactus{padding: 55px 0; position: relative; width: 100%}

.contactus .contactusbg{background: url(/theme/basic/img/subimg/company06/bg.png); 
background-size: cover; text-align: center; padding:150px 0; max-width: 1823px; margin: 0 auto}
.contactus .contactusbg p{font-size:18px; line-height: 30px; color: #fff}


.contactus02{padding: 100px 0 55px 0; max-width: 1630px; margin: 0 auto}
.contactus02 .tit2{display: flex; margin-bottom: 60px}
.contactus02 .tit2 .titbox{flex:1; border: 1px solid #dfdfdf; margin: 0 20px; padding: 54px 20px 30px 20px; position: relative}
.contactus02 .tit2 .titbox .boxtitle{color: #fff; background: #283891; padding: 10px 20px; top:-22px; text-align: center;  
position: absolute; left: 50%; transform: translateX(-50%); font-size: 19px; font-weight: 600;}

.contactus02 .tit2 .titbox ul{width: 42%; display: inline-block; margin: 8px 20px}
.contactus02 .tit2 .titbox ul li{display: inline-block; font-size:18px; color: #000; line-height: 25px; vertical-align: top; font-weight: 500;}
.contactus02 .tit2 .titbox ul li:first-child{width: 100px}
.contactus02 .tit2 .titbox ul li:last-child{width: 60%; padding-left: 10px}
.contactus02 .tit2 .titbox ul li b{color: #283891; font-weight:600}


.product{padding: 55px 0 0 0; position: relative; width: 100%}
.product .item01{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/01.jpg); 
background-size: cover;}

.product .item01 .inner{max-width: 1500px; margin: 0 auto}
.product .item01 h2{font-family: "Play"; color: #fff; font-size:30px; font-weight:normal; width: 50%; border-bottom: 1px solid #fff; padding-bottom: 15px; }
.product .item01 h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:40px; font-weight: bold; border-bottom: 2px solid #fff;
    display: inline;}
.product .item01 p{font-size: 24px; line-height: auto; font-weight: normal; letter-spacing: -0.5px; color: #fff;}

.product .item02{padding: 110px 0; text-align: right; background: url(/theme/basic/img/subimg/product/02.jpg); 
background-size: cover;}

.product .item02 .inner{max-width: 1500px; margin: 0 auto}
.product .item02 h2{font-family: "Play"; color: #fff; font-size:30px; font-weight:normal; width: 50%; border-bottom: 1px solid #fff; padding-bottom: 15px; margin-left: 50%}
.product .item02 h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:40px; font-weight: bold; border-bottom: 2px solid #fff;
    display: inline;}
.product .item02 p{font-size: 24px; line-height: auto; font-weight: normal; letter-spacing: -0.5px; color: #fff;}

.product .item03{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/03.jpg); 
background-size: cover;}

.product .item03 .inner{max-width: 1500px; margin: 0 auto}
.product .item03 h2{font-family: "Play"; color: #fff; font-size:30px; font-weight:normal; width: 50%; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.product .item03 h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:40px; font-weight: bold; border-bottom: 2px solid #fff;
    display: inline;}
.product .item03 p{font-size: 24px; line-height: auto; font-weight: normal; letter-spacing: -0.5px; color: #fff;}

.product .item04{padding: 110px 0; text-align: right; background: url(/theme/basic/img/subimg/product/04.jpg); 
background-size: cover;}

.product .item04 .inner{max-width: 1500px; margin: 0 auto}
.product .item04 h2{font-family: "Play"; color: #fff; font-size:30px; font-weight:normal; width: 50%; border-bottom: 1px solid #fff; padding-bottom: 15px; margin-left: 50%}
.product .item04 h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:40px; font-weight: bold; border-bottom: 2px solid #fff;
    display: inline;}
.product .item04 p{font-size: 24px; line-height: auto; font-weight: normal; letter-spacing: -0.5px; color: #fff;}

.product .item05{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/05.jpg); 
background-size: cover;}

.product .item05 .inner{max-width: 1500px; margin: 0 auto}
.product .item05 h2{font-family: "Play"; color: #fff; font-size:30px; font-weight:normal; width: 50%; border-bottom: 1px solid #fff; padding-bottom: 15px;}
.product .item05 h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:40px; font-weight: bold; border-bottom: 2px solid #fff;
    display: inline;}
.product .item05 p{font-size: 24px; line-height: auto; font-weight: normal; letter-spacing: -0.5px; color: #fff;}

.product .item06{padding: 110px 0; text-align: right; background: url(/theme/basic/img/subimg/product/06.jpg); 
background-size: cover;}

.product .item06 .inner{max-width: 1500px; margin: 0 auto}
.product .item06 h2{font-family: "Play"; color: #fff; font-size:30px; font-weight:normal; width: 50%; border-bottom: 1px solid #fff; padding-bottom: 15px; margin-left: 50%}
.product .item06 h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:40px; font-weight: bold; border-bottom: 2px solid #fff;
    display: inline;}
.product .item06 p{font-size: 24px; line-height: auto; font-weight: normal; letter-spacing: -0.5px; color: #fff;}

.oem{background: #fafafa; padding: 55px 0 0 0; position: relative; width: 100%; text-align: center}
.oem .oemhead{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/01.jpg); 
background-size: cover;}
.oem .oemhead .inner{max-width: 1500px; margin: 0 auto}
.oem .oemhead h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:70px; font-weight: bold; 
line-height: 80px; border-bottom: 2px solid #fff; padding-bottom: 5px; display: inline-table}
.oem .oemhead p{font-size: 20px; line-height: 30px; font-weight: normal; letter-spacing: -0.5px; color: #fff; margin-top: 10px}

.oemtab{padding: 80px 0 55px 0; background: #fafafa; position: relative; width: 100%; text-align: center}


.oemtab .titbox{display:flex; border: 1px solid #dfdfdf; margin: 0 20px; padding: 64px 40px 40px 40px; position: relative; background: #fff; margin: 50px 0 80px 0}
.oemtab .titbox .boxtitle{color: #fff; background: #858585; padding: 10px; top:-22px; text-align: center; width: 310px; 
position: absolute; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: 600;}
.oemtab .titbox .tit{flex:1; text-align: center; margin: 0 20px}
.oemtab .titbox .tit img{padding: 10px; border: 1px solid #dfdfdf;}
.oemtab .titbox .tit p{font-size: 18px; color: #000; line-height:25px; margin-top: 20px; font-weight: 400;  }

.oemtab .titbox2{display:block; border: 1px solid #dfdfdf; margin: 0 20px; padding: 64px 40px 40px 40px; position: relative; background: #fff; margin: 50px 0 80px 0}
.oemtab .titbox2 .boxtitle{color: #fff; background: #858585; padding: 10px; top:-22px; text-align: center; width: 310px; 
position: absolute; left: 50%; transform: translateX(-50%); font-size: 19px;}
.oemtab .titbox2 .tit{display: inline-block; text-align: center; margin: 0 20px; width: 23%}
.oemtab .titbox2 .tit img{padding: 10px; border: 1px solid #dfdfdf;}
.oemtab .titbox2 .tit p{font-size: 18px; color: #666; line-height:25px; margin-top: 20px}
.oemtab .titbox2 .tit2{display: inline-block; width: 74%; padding-left: 20px; vertical-align: top}
.oemtab .titbox2 .tit2 table{border-top:2px solid #283891; box-sizing:border-box; border-spacing: 0; width:100%}
.oemtab .titbox2 .tit2 table tr{}
.oemtab .titbox2 .tit2 table tr td{font-size: 19px; line-height: 40px; text-align: center; 
border-left: 1px solid #dfdfdf; color: #222;border-bottom: 1px solid #dfdfdf; padding: 5px 20px; font-weight:400}
.oemtab .titbox2 .tit2 table tr td:first-child{border-left: 0;}
.oemtab .titbox2 .tit2 table tr td span{color: #666; font-weight:300}


.oemtab .titbox3{display:block; border: 1px solid #dfdfdf; margin: 0 20px; padding: 64px 40px 00px 40px; position: relative; background: #fff; margin: 50px 0 80px 0}
.oemtab .titbox3 .boxtitle{color: #fff; background: #858585; padding: 10px; top:-22px; text-align: center; width: 310px; 
position: absolute; left: 50%; transform: translateX(-50%); font-size: 19px;}
.oemtab .titbox3 .tit3{display: flex; margin-bottom: 40px;}
.oemtab .titbox3 .tit3 .tit{flex:1; text-align: center; margin: 0 20px}
.oemtab .titbox3 .tit3 .tit img{padding: 10px; border: 1px solid #dfdfdf;}
.oemtab .titbox3 .tit3 .tit p{font-size: 18px; color: #666; line-height:25px; margin-top: 20px}



.jack{background: #fafafa; padding: 55px 0 0 0; position: relative; width: 100%; text-align: center}
.jack .jackhead{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/02bg.jpg); 
background-size: cover;}
.jack .jackhead .inner{max-width: 1500px; margin: 0 auto}
.jack .jackhead h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:70px; font-weight: bold; 
line-height: 80px; border-bottom: 2px solid #fff; padding-bottom: 5px; display: inline-table}
.jack .jackhead p{font-size: 20px; line-height: 30px; font-weight: normal; letter-spacing: -0.5px; color: #fff; margin-top: 10px}

.fuel{background: #fafafa; padding: 55px 0 0 0; position: relative; width: 100%; text-align: center}
.fuel .fuelhead{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/03.jpg); 
background-size: cover;}
.fuel .fuelhead .inner{max-width: 1500px; margin: 0 auto}
.fuel .fuelhead h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:70px; font-weight: bold; 
line-height: 80px; border-bottom: 2px solid #fff; padding-bottom: 5px; display: inline-table}
.fuel .fuelhead p{font-size: 20px; line-height: 30px; font-weight: normal; letter-spacing: -0.5px; color: #fff; margin-top: 10px}


.hyd{background: #fafafa; padding: 55px 0 0 0; position: relative; width: 100%; text-align: center}
.hyd .hydhead{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/04bg.jpg); 
background-size: cover;}
.hyd .hydhead .inner{max-width: 1500px; margin: 0 auto}
.hyd .hydhead h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:70px; font-weight: bold; 
line-height: 80px; border-bottom: 2px solid #fff; padding-bottom: 5px; display: inline-table}
.hyd .hydhead p{font-size: 20px; line-height: 30px; font-weight: normal; letter-spacing: -0.5px; color: #fff; margin-top: 10px}

.tran{background: #fafafa; padding: 55px 0 0 0; position: relative; width: 100%; text-align: center}
.tran .tranhead{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/05bg.jpg); 
background-size: cover;}
.tran .tranhead .inner{max-width: 1500px; margin: 0 auto}
.tran .tranhead h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:70px; font-weight: bold; 
line-height: 80px; border-bottom: 2px solid #fff; padding-bottom: 5px; display: inline-table}
.tran .tranhead p{font-size: 20px; line-height: 30px; font-weight: normal; letter-spacing: -0.5px; color: #fff; margin-top: 10px}

.bala{background: #fafafa; padding: 55px 0 0 0; position: relative; width: 100%; text-align: center}
.bala .balahead{padding: 110px 0; text-align: left; background: url(/theme/basic/img/subimg/product/06bg.jpg); 
background-size: cover;}
.bala .balahead .inner{max-width: 1500px; margin: 0 auto}
.bala .balahead h1{margin-top: 20px; font-family: "Play"; color: #fff; font-size:70px; font-weight: bold; 
line-height: 80px; border-bottom: 2px solid #fff; padding-bottom: 5px; display: inline-table}
.bala .balahead p{font-size: 20px; line-height: 30px; font-weight: normal; letter-spacing: -0.5px; color: #fff; margin-top: 10px}


.rnd{padding: 55px 0 0 0; position: relative; width: 100%}

.rnd01{background: #fafafa; padding: 55px 0; position: relative; width: 100%; border-bottom: 0px solid #dfdfdf; border-top:1px solid #dfdfdf; text-align: center}
.rnd02{background: url(/theme/basic/img/subimg/rnd01/bg01.png); 
background-size: cover; padding: 55px 0; position: relative; width: 100%; }
.rnd02 .tit3{display: block; text-align: center}
.rnd02 .tit3 .tit{display: inline-block; text-align: center; width: 320px; margin: 0 10px; }

.rnd03{width: 100%; padding:0 0 70px 0;}
.rnd03 .tit3{display: block; text-align: center; margin-top: -50px;}
.rnd03 .tit3 .tit{display: inline-block; text-align: left; width: 200px; margin: 0 60px 0 80px;}
.rnd03 .tit3 .tit .num{font-family: "Play"; font-size:30px; font-weight: bold; color: #000}
.rnd03 .tit3 .tit .num span img{vertical-align: bottom; padding-bottom: 10px; margin-left: 20px}
.rnd03 .tit3 .tit p{color: #000; line-height: 24px; font-size:20px; margin-top: 20px; margin-bottom: 15px; font-weight: 400}
.rnd03 .tit3 .tit ul li{list-style:none; color: #666; line-height: 24px; font-size:18px; }

.rnd04{background: #fff; padding: 55px 0; position: relative; width: 100%; border-bottom: 0px solid #dfdfdf; text-align: center}
.rnd05{background: url(/theme/basic/img/subimg/rnd01/bg02.png); 
background-size: cover; padding: 55px 0; position: relative; width: 100%; text-align: center }




.results{padding: 55px 0 ; position: relative; width: 100%}
.results table{border-top:2px solid #283891; box-sizing:border-box; border-spacing: 0; width:100%}
.results table tr{}
.results table tr th{font-size: 19px; line-height: 40px; text-align: center; 
border-left: 1px solid #dfdfdf; color: #000;border-bottom: 1px solid #dfdfdf; padding: 5px 20px; font-weight:400; background: #fafafa}
.results table tr td{font-size: 19px; line-height: 40px; text-align: left; 
border-left: 1px solid #dfdfdf; color: #222;border-bottom: 1px solid #dfdfdf; padding: 5px 30px; font-weight:300 background: #fff}
.results table tr td:first-child{border-left: 0; text-align: center; width: 7%; padding: 5px 20px; }





.rnd .titbox{display:flex; border: 0px solid #dfdfdf; margin: 0 20px; padding: 64px 20px 40px 20px; position: relative; background: #fafafa; margin: 50px 0 80px 0}
.rnd .titbox .boxtitle{color: #fff; background: #858585; padding: 10px 10px; top:-85px; text-align: center; min-width: 235px; 
position: absolute; left: 50%; transform: translateX(-50%); font-size: 20px; letter-spacing: -1px; font-weight: 600;}
.rnd .titbox .boxtitle2{color: #fff; background: #858585; padding: 10px 10px; top:-85px; text-align: center; min-width: 235px; 
position: absolute; left: 50%; transform: translateX(-50%); font-size: 20px; letter-spacing: -1px; font-weight: 600;}
.rnd .titbox .inner{max-width: 1560px; margin: 0 auto; display:flex; align-items: center;}
.rnd .titbox .tit{flex:1; text-align: center; margin: 0 40px; position: relative}
.rnd .titbox .tit img{padding: 10px; border: 0px solid #dfdfdf;}
.rnd .titbox .tit p{font-size: 18px; color: #666; line-height:25px; margin-top: 20px}


.pr{padding: 55px 0 0 0; position: relative; width: 100%}

.pr01{background: #fafafa; padding: 55px 0; position: relative; width: 100%; border-bottom: 0px solid #dfdfdf; border-top:1px solid #dfdfdf; text-align: center}

.pr02{padding: 55px 0; position: relative; width: 100%; text-align: center}
.pr02 .btn{margin-top: 40px;}
.pr02 .box{border: 1px solid #dfdfdf; padding: 60px; margin-bottom: 30px}


.pr03{padding: 55px 0; position: relative; width: 100%; text-align: center}
.pr03 .tit2{display: flex; margin-bottom: 50px;}
.pr03 .tit2 .tit{flex:1; }
.pr03 .tit2 .tit .btn{display: flex; margin-top: 20px}
.pr03 .tit2 .tit .btn a{flex:1;}

.pr04{background: #fafafa; padding: 55px 0; position: relative; width: 100%; border-bottom: 0px solid #dfdfdf; border-top:1px solid #dfdfdf; text-align: center}
.pr04 .tit2{display: flex; margin-bottom: 50px;}
.pr04 .tit2 .tit{flex:1; margin: 0 10px;}

.hr{padding: 55px 0; position: relative; width: 100%}

.hr .hrbg{background: url(/theme/basic/img/subimg/hr02/bg.png); 
background-size: cover; text-align: center; padding:150px 0; max-width: 1823px; margin: 0 auto 50px auto}
.hr .hrbg p{font-size:18px; line-height: 30px; color: #fff}

.hr .tit2{display: flex; margin: 20px 0}
.hr .tit2 .tit{flex:1; margin: 0px 15px; min-height: 95px; }
.hr .tit2 .tit .left{float:left; width: 10%;}
.hr .tit2 .tit .right{float:left; min-height: 95px; width: 85%}
.hr .tit2 .tit .right h3{font-size:20px; color: #000; font-weight: 400; border-bottom: 1px solid #283891; padding-bottom: 5px; padding-top: 7px; letter-spacing: -1px; padding-left: 20px;}
.hr .tit2 .tit .right p{font-size:18px; color: #666; padding-top: 5px; letter-spacing: -1px;padding-left: 20px;}



.em{padding: 55px 0; position: relative; width: 100%; text-align: center}

.em .inner{max-width: 1700px; margin: 0 auto}
.em ul{display: flex; margin: 40px 0 0 0; text-align: center}
.em ul li{flex:1; margin: 0 5px}

.em2{background: #fafafa; padding: 55px 0 0 0; position: relative; width: 100%; border-bottom: 0px solid #dfdfdf; border-top:1px solid #dfdfdf; text-align: center}

.em2 .hak1 ul{width: 100%; border-bottom:dotted 2px #dfdfdf;}
.em2 .hak1 ul li{display:inline-block; padding: 30px; width: 49%; vertical-align: top}
.em2 .hak1 ul li:last-child{border-left:dotted 2px #dfdfdf; vertical-align: top}

.em2 .hak2 ul{ width: 100%; border-bottom:dotted 0px #dfdfdf;}
.em2 .hak2 ul li{display:inline-block; padding: 30px; width: 49%; vertical-align: top}
.em2 .hak2 ul li:last-child{border-left:dotted 2px #dfdfdf; vertical-align: top}

.em2 .hak1 ul li h1{font-size:25px; color: #000; letter-spacing: -1px; margin-bottom: 15px; font-weight: bold}
.em2 .hak1 ul li > ul{list-style: disc; margin-top: 10px; padding:5px 30px; border-bottom:0}
.em2 .hak1 ul li > ul li{font-size:17px; letter-spacing: -1px; color: #666; list-style: disc; text-align: left; display: list-item; width: 100%; padding: 5px 0}
.em2 .hak1 ul li > ul li b{color: #000}

.em2 .hak2 ul li h1{font-size:25px; color: #000; letter-spacing: -1px; margin-bottom: 15px; font-weight: bold}
.em2 .hak2 ul li > ul{list-style: disc; margin-top: 10px; padding:5px 30px; border-bottom:0}
.em2 .hak2 ul li > ul li{font-size:17px; letter-spacing: -1px; color: #666; list-style: disc; text-align: left; display: list-item; width: 100%; padding: 5px 0}
.em2 .hak2 ul li > ul li b{color: #000}

.em2 .hak1 ul li > ul li:last-child, .em2 .hak2 ul li > ul li:last-child{border-left: 0; }



.em3{padding: 100px 0 55px 0; max-width: 1630px; margin: 0 auto}
.em3 .tit2{display: flex; margin-bottom: 60px}
.em3 .tit2 .titbox{flex:1; border: 1px solid #dfdfdf; margin: 0 20px; padding: 54px 80px 30px 80px; position: relative}
.em3 .tit2 .titbox .boxtitle{color: #fff; background: #283891; padding: 10px; top:-22px; text-align: center; 
position: absolute; left: 50%; transform: translateX(-50%); font-size: 19px;}


.em3 .tit2 .titbox ul{width: 100%; display: inline-block; margin: 8px 20px;display: flex }
.em3 .tit2 .titbox ul li{font-size:20px; color: #000; line-height: 30px;list-style: disc; flex:1;     padding-left: 35px;
    position: relative;}
.em3 .tit2 .titbox ul li:first-child{ flex:1; margin: 0 20px;}
.em3 .tit2 .titbox ul li:last-child{flex:1; margin: 0 20px;}
.em3 .tit2 .titbox ul li b{color: #283891; font-weight:400; margin-right: 5px; position: absolute; left: 0}

.em3 .tit2 .titbox2{flex:1; border: 1px solid #dfdfdf; margin: 0 20px; padding: 54px 80px 30px 80px; position: relative}
.em3 .tit2 .titbox2 .boxtitle{color: #fff; background: #283891; padding: 10px; top:-22px; text-align: center;  
position: absolute; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: 600}

.em3 .tit2 .titbox2 ul{width: 100%; display: inline-block; margin: 8px 20px; display: list-item;}
.em3 .tit2 .titbox2 ul li{font-size:20px; color: #000; line-height: 30px;list-style: disc; margin: 0 20px;}
.em3 .tit2 .titbox2 ul li b{color: #283891; font-weight:400; margin-right: 5px;}

.em3 .tit{display: block; }
.em3 .tit .titbox{border: 1px solid #dfdfdf; margin: 0 20px; padding: 54px 80px 30px 80px; position: relative}
.em3 .tit .titbox .boxtitle{color: #fff; background: #283891; padding: 10px; top:-22px; text-align: center; 
position: absolute; left: 50%; transform: translateX(-50%); font-size: 19px;}


.em3 .tit .titbox ul{width: 100%; display: inline-block; margin: 8px 20px;display: flex }
.em3 .tit .titbox ul li{font-size:20px; color: #000; line-height: 30px;list-style: disc; flex:1;padding-left: 35px;
    position: relative;}
.em3 .tit .titbox ul li:first-child{ flex:1; margin: 0 20px;}
.em3 .tit .titbox ul li:last-child{flex:1; margin: 0 20px;}
.em3 .tit .titbox ul li b{color: #283891; font-weight:400; margin-right: 5px; position: absolute; left: 0}

ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: flex;
}
ul.tabs li{
	background: #fff;
	color: #000;
	flex:1;
	font-weight:600;
	padding: 15px 15px;
	cursor: pointer;
	text-align: center;
	font-family: "Play"; 
	border: 1px solid #dfdfdf;
	margin: -0.5px;
	font-size:25px;
}

ul.tabs li.current{
	background: #858585;
	color: #fff;
}

.tab-content{
	display: none;
	background: none;
	padding: 50px 0;
}

.tab-content.current{
	display: inherit;
}



.prci{max-width: 1350px; text-align: left; margin: 35px auto 20px auto}
.prci p{font-size: 22px;
    line-height: 35px; font-weight: 500; color: #000;}
.prtit { max-width: 1350px; margin: 0 auto; text-align: left}
.prtit ul{}
.prtit ul li{flex:auto; padding: 0 15px; display: inline-block; width: 17%; vertical-align: top;}
.prtit ul li:first-child{width: 46%}
.prtit ul li h3{font-size: 20px; font-weight: 600; margin: 20px 0; color: #000; line-height: 25px}
.prtit ul li p{color: #000; font-size: 16px; line-height: 25px; font-weight: 400}



.inje{background: #fafafa; text-align: center; padding: 50px 0; margin-bottom: 55px}

.inje2{padding: 50px 0; text-align: center; max-width: 1550px; margin: 0 auto}
.inje2 ul{display: flex; letter-spacing: -0.5px;}
.inje2 ul li{flex:1; padding: 40px; background:#f2f4f6; margin: 0 10px; color: #000}
.inje2 ul li h2{font-size: 30px; line-height: 40px; margin-top: 15px; font-weight: 600; color: #000}
.inje2 ul li p{font-size: 20px; line-height: 30px; margin-top: 15px; color: #333; font-weight: 400;}

.embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}







@media screen and (max-width: 1366px){
	.contactus02 .tit2 .titbox{ padding: 54px 10px 30px 10px; }
	.contactus02 .tit2 .titbox ul li:first-child{width: 100%}
.contactus02 .tit2 .titbox ul li:last-child{width: 100%; padding-left: 0px}

.oemtab .titbox2 .tit2{width: auto;}

.inje2 ul li{padding: 40px 10px}
.inje2 ul li p{font-size: 18px; line-height: 30px; margin-top: 15px; color: #333; font-weight: 400;}


}


@media screen and (max-width: 768px) { 

.inje2 ul{display: block; letter-spacing: -0.5px;}	
.inje2 ul li{margin: 15px 0}
	
.bs .bs02{padding: 55px 15px;}	
.bs .bs02 h2{font-size: 22px; line-height: 25px}	
.bs .bs02 h3{font-size: 18px; line-height: 22px}
	.bs .bs02 .tit3{display: block}
	.bs .bs02 .tit3 .tit{margin: 10px 0}
.subhead{text-align: center; padding: 100px 0 50px 0; background-size: cover !important; background-position: center center}
.subhead h3{font-size:18px; font-family: "Play"; color: #fff; letter-spacing: -1px;}
.subhead h1{font-size:30px; line-height: 50px; letter-spacing: -1px; color: #fff; font-weight: 700}	
.subnav{display: none}

.dnone{display: none;}

#header{background: rgba(0,0,0,0.1)}


.title h1{font-size:25px; margin: 0}
.title{margin-bottom: 40px;}
#container{min-height: 0}

.company01 .s01 .tit{margin-top: 20%; padding: 20px; margin-right: 0; width: 100%}
.company01 .s01 .tit p{font-size: 17px; line-height: 35px;}

.headtxt h1{font-size: 25px;}
.headtxt{margin-bottom: 40px;}
.company01 .s02 .tit5{padding: 0; display: block}
.company01 .s02 .tit5 .box{margin: 10px;}
.company01_2 .tit4{padding: 0; margin: 0; display: block}
.company01_2 .tit4 .box{margin: 10px;}
.subtitle{padding: 0 10px}
.subtitle h1{font-size:22px;}
.history .tit2 .leftbox{border-right:0px}
.history .tit2{display: block}

.history .tit2 .leftbox, .history .tit2 .rightbox{padding: 10px; text-align: left}

.history .tit2 .leftbox h2, .history .tit2 .rightbox h2{padding:0}
.history .tit2 .leftbox h2 span, .history .tit2 .rightbox h2 span{display: none;}

.history .tit2 .leftbox p span, .history .tit2 .rightbox p span{position: relative; margin-right: 5px;}
.history .tit2 .leftbox p, .history .tit2 .rightbox p{padding: 0; margin: 0}

.bs .bs01 .tit2{display: block; padding: 0 10px}
.bs .bs01 .tit2 .titright{border:0px; margin-top: 15px}
.bs .bs01 .tit2 p{font-size: 15px;}

ul.tabs{display: block}
ul.tabs li{margin: -1px; font-size: 18px; padding: 5px;}
.tab-content{padding: 30px 10px;}
.bs .bs04 .headtitle{font-size: 20px; margin: 30px 0}


.vision .vision02{padding: 55px 10px;}
.vision .vision02 h3{font-size: 20px; line-height: 25px;}
.vision .vision02 p{font-size: 16px; line-height: 25px;}
.vision .vision02 .tit3{display: block}
.vision .vision02 .tit3 .iconbox{margin-bottom: 10px;}
.vision .vision03 .hak1 ul{display: block}
.vision .vision03 .hak2 ul{display: block}

.vision .vision03 .hak1 ul li:last-child{border: 0}
.vision .vision03 .hak2 ul li:last-child{border: 0}

.vision .vision03 ul li p{font-size: 16px;}
.ink .ink01{margin-bottom: 0}
.ink .ink01 .ink4{width: 49%; vertical-align: top; margin-bottom: 15px;}
.ink .ink01 .ink4 p{margin-top: 10px; font-size:16px;}
.ink .ink01 .ink4 p span{font-size: 14px;}
.ink .ink01 .ink4 .text{border-bottom: 0}
.ink .ink01 .ink4 .line{display: none;}

.contactus02 .tit2{display: block}
.contactus02 .tit2 .titbox{margin: 10px; padding: 30px;}
.contactus02 .tit2 .titbox .boxtitle{position: relative; top:-30px; font-size: 17px;}

.contactus02 .tit2 .titbox ul{width: 100%}
.contactus02 .tit2 .titbox ul li:first-child{width: 100%}
.contactus02 .tit2 .titbox ul li:last-child{width: 100%}

.contactus02 .tit2{margin-bottom: 0}




.product .item01, .product .item02, .product .item03, .product .item04, .product .item05, .product .item06{padding: 50px 10px; text-align: left}
.product .item01 p, .product .item02 p, .product .item03 p, .product .item04 p, .product .item05 p, .product .item06 p{font-size: 18px;}


.product .item02 h2, .product .item04 h2, .product .item06 h2{margin-left: 0}
.oem .oemhead{padding: 50px 10px;}
.oem .oemhead p{font-size: 18px;}
.oem .oemhead h1{font-size: 40px; line-height: 60px;}
.oemtab .titbox{display: block}
.oemtab .titbox{padding: 50px 0}
.oemtab .titbox .boxtitle{font-size: 17px; width: 100%}
.oemtab .titbox .tit img{margin: 5px 0}



.jack .jackhead{padding: 50px 10px;}
.jack .jackhead p{font-size: 18px;}
.jack .jackhead h1{font-size: 40px; line-height: 60px;}

.oemtab .titbox{display: block}
.oemtab .titbox{padding: 50px 10px}
.oemtab .titbox .boxtitle{font-size: 17px; width: 100%}
.oemtab .titbox .tit img{margin: 5px 0}

.oemtab .titbox2{display: block}
.oemtab .titbox2{padding: 50px 10px}
.oemtab .titbox2 .boxtitle{font-size: 17px; width: 100%}
.oemtab .titbox2 .tit img{margin: 5px 0}
.oemtab .titbox2 .tit{margin: 5px 0; width: 100%}
.oemtab .titbox2 .tit2{width: 100%; margin: 0; padding: 0}

.oemtab .titbox2 .tit2 table tr td{font-size:12px; line-height: 20px; padding: 5px;}

.oemtab .titbox3{display: block}
.oemtab .titbox3{padding: 50px 10px}
.oemtab .titbox3 .boxtitle{font-size: 17px; width: 100%}
.oemtab .titbox3 .tit img{margin: 5px 0}
.oemtab .titbox3 .tit{margin: 5px 0; width: 100%}
.oemtab .titbox3 .tit2{width: 100%; margin: 0; padding: 0}

.oemtab .titbox3 .tit2 table tr td{font-size:12px; line-height: 20px; padding: 5px;}
.oemtab .titbox3 .tit3{display: block; margin: 0}
.oemtab .titbox3 .tit3 .tit{margin: 5px 0}

.fuel .fuelhead{padding: 50px 10px;}
.fuel .fuelhead p{font-size: 18px;}
.fuel .fuelhead h1{font-size: 40px; line-height: 60px;}


.hyd .hydhead{padding: 50px 10px;}
.hyd .hydhead p{font-size: 18px;}
.hyd .hydhead h1{font-size: 40px; line-height: 60px;}

.tran .tranhead {padding: 50px 10px;}
.tran .tranhead p{font-size: 18px;}
.tran .tranhead h1{font-size: 40px; line-height: 60px; word-break: break-all}

.bala .balahead{padding: 50px 10px;}
.bala .balahead p{font-size: 18px;}
.bala .balahead h1{font-size: 40px; line-height: 60px; word-break: break-all}

.rnd .titbox .tit{margin: 0}
.rnd .titbox .inner{display: block}
.rnd03 .tit3 .tit .num span img{display: none;}
.rnd .titbox .boxtitle{top: 0 ; width: 100%}
.rnd .titbox .boxtitle2{top: 0 ; width: 100%}
.rnd03 .tit3 .tit{margin: 0; width: 100%; padding:10px}
.rnd .titbox{display: block; margin: 10px; padding: 50px 10px;}
.rnd .titbox .tit{position: static}
.results table{overflow: scroll}
.results table tr th, .results table tr td{font-size:12px; line-height: 20px; padding: 5px;}
.results table tr td:first-child{padding: 5px; width: 5%}


.results table tr th:last-child, .results table tr td:last-child {display: none}

.title{padding: 0 5px}


.rota{transform: rotate(90deg);}

.subtitle{margin-bottom: 30px;}
.subtitle p{font-size: 14px;}

.pr03 .tit2{display: block; padding: 10px; margin: 0}
.pr03 .tit2 .tit .btn{height:100%; margin-bottom: 20px; display: block}

.pr04 .tit2{display: block}
.pr02{padding: 55px 10px;}
.pr02 .box{padding: 20px;}




.hr .hrbg{padding: 100px 10px}
.hr .tit2{display: block}
.hr .tit2 .tit .left{float: none; width: 100%}
.hr .tit2 .tit .right{float: none; width: 100%; margin: 10px 0}



.em3 .tit2 .titbox2 ul{margin: 0}
.em2 .hak1 ul li{display: block; width: 100%}
.em2 .hak2 ul li{display: block; width: 100%}
.em2 .hak1 ul li:last-child{border: 0}
.em2 .hak2 ul li:last-child{border: 0}
.em3 .tit2{display: block}
.em3 .tit2 .titbox2{padding: 50px 10px; margin: 10px; }
.em3 .tit2 .titbox2 .boxtitle{width: 100%}
.em3 .tit2 .titbox .boxtitle{width: 100%}
.em3 .tit2 .titbox{padding: 50px 10px; margin: 10px; margin-top: 40px}
.em3 .tit2 .titbox ul{display: block}
.em3 .tit2 .titbox ul{margin: 0}
.em3 .tit2 .titbox ul li:first-child{margin: 10px 20px}

.em3 .tit .titbox{padding: 50px 10px; margin: 10px; }
.em3 .tit .titbox .boxtitle{width: 100%}
.em3 .tit .titbox{padding: 50px 10px; margin: 10px; margin-top: 40px}
.em3 .tit .titbox ul{display: block}
.em3 .tit .titbox ul{margin: 0}
.em3 .tit .titbox ul li:first-child{margin: 10px 20px}

.vision .vision02 .visiontit ul{display: block; margin: 0}
.vision .vision02 .visiontit ul li{margin: 10px 0}
.location .inner .locationtit ul{display: block}
.location .inner .locationtit ul li{margin: 0}

.pr01{padding: 55px 15px }
.prtit ul li{width: 100%; display: block}

.location .inner .locationtit{padding: 0 15px;}
.location .inner .locationtit p{font-size: 16px; margin-bottom: 15px; line-height: 22px}
.em ul{display: block}
}