@charset "utf-8"; 


.sub #header {height:auto; background-image:url(/httpobject/images/zh/common/sub_bg00.jpg); background-position:center bottom; background-repeat:no-repeat;}


.company #header {height:auto;}
/*
.overview #header {background-image:url(/httpobject/images/zh/common/sub_bg_overview.jpg);}
.vision #header {background-image:url(/httpobject/images/zh/common/sub_bg_vision.jpg);}
.his #header {background-image:url(/httpobject/images/zh/common/sub_bg_history.jpg);}
.ci_bg #header {background-image:url(/httpobject/images/zh/common/sub_bg_ci.jpg);}
.search #header {background-image:url(/httpobject/images/zh/common/sub_bg00.jpg);}
.auto #header {background-image:url(/httpobject/images/zh/common/sub_auto.jpg);}
.metal #header {background-image:url(/httpobject/images/zh/common/sub_metal.jpg);}
.non #header {background-image:url(/httpobject/images/zh/common/sub_non.jpg);}
.pb #header {background-image:url(/httpobject/images/zh/common/sub_pb.jpg);}
.special #header {background-image:url(/httpobject/images/zh/common/sub_special.jpg);}
.wood #header {background-image:url(/httpobject/images/zh/common/sub_wood.jpg);}
.media #header {background-image:url(/httpobject/images/zh/common/sub_bg_media.jpg);}
.customer #header {background-image:url(/httpobject/images/zh/common/sub_bg_customer.jpg);}
*/
/* company-overview */
.detailview{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    text-align: left;
    margin: 0 0;
    padding: 0 0;
    font-size: 14px;
}
.detailview img{
    width: auto;
    max-width: 100%;
    height: auto;
}

.detail .detail_list li {
    position: relative;
    float: left;
    width: 137px;
    height: 40px;
    margin: 0 5px 5px 0;
    font-family: verdana;
    font-size: 14px;
    background: #e19c9c;
}

.overview01 {padding:20px 0 70px;}
.overview02 {margin-bottom:70px;}
.overview02 h4 img {margin-bottom:0;}
.overview02 img {margin-bottom:15px;}
.overview03 {margin-bottom:60px;}
.overview03 h4 img {margin-bottom:0;}
.overview03 img {margin-bottom:20px;}
.overview04 {margin-bottom:70px;}
.overview04 span {display:block; padding:5px 0 10px 20px;}
.overview04 table {margin-bottom:25px;}
.overview05 ul {overflow:hidden;}
.overview05 li {float:left; margin-left:50px; text-align:center;}
.overview05 li:first-child {margin-left:90px;}
.overview05 li span {display:block; padding-top:20px;}
.company h4 {margin-bottom:15px; font-size:18px; font-weight:600;}
.company table {width:100%; font-size:13px;}
.company table th {padding:12px 0; border-bottom:1px solid #e8e8e8;}
.company table td {padding:12px 0; text-align:center; border-left:0px solid #e8e8e8; border-bottom:0px solid #e8e8e8;}
.company table .title th {background:#c4c4c4; border-left:1px solid #e8e8e8; border-bottom:none;}
.company table .title th:first-child {border-left:none;}

/* company-vision */
.company ol li {width:710px; height:206px; padding:60px 0; border-top:1px solid #e8e8e8;}
.company ol li:first-child {border-top:none;}
.company ol li h4 {margin-bottom:15px;}
.vision01 {background:url(/httpobject/images/zh/company/vision_bg01.jpg) 0 60px no-repeat;}
.vision02 {background:url(/httpobject/images/zh/company/vision_bg02.jpg) 0 60px no-repeat;}
.vision03 {padding-bottom:0; background:url(/httpobject/images/zh/company/vision_bg03.jpg) 0 60px no-repeat; border-bottom:none;}
.vision01 div {padding:60px 0 0 240px;}
.vision02 div {padding:60px 0 0 210px;}
.vision03 div {padding:53px 0 0 240px;}

/* company-history */
.history {background:url(/httpobject/images/zh/company/bg_history.jpg) right 15px no-repeat;}
.history dl {overflow:hidden;width:510px;padding:20px 0;border-bottom:1px solid #ddd;}
.history dt {float:left;font-size:22px;font-weight:bold;letter-spacing:-1.7px;}
.history dt.line2 {padding-top:7px;}
.history dd {float:right;width:397px;padding-top:6px;font-family:verdana;font-size:13px;color:#444;line-height:1.4em;letter-spacing:-0.1px;}

/* company-ci */
.ci {overflow:hidden; padding-top:50px;}
.ci h4 {float:left;}
.ci .box {float:right;}
.ci .box.mgb {margin-bottom:50px;}
.ci .box div {overflow:hidden; width:491px; padding:12px 20px; text-align:right; background:#f0f0f0; border:1px solid #dedede; border-top:none;}
.ci .box div span {margin-left:30px; font-size:14px; font-weight:600;}
.ci .box div img{padding:2px 0 0 9px;}

/* product-detail */
.product h3 {margin-bottom:15px;}
.product h4 {margin-bottom:10px; font-family:verdana; font-size:38px; color:#333; line-height:0.8em;}
.product h5 {margin-bottom:20px;}
.product h5.tit {padding:12px 0; text-align:center; background:#ddd;}
.detail .detail_list {overflow:hidden; margin-bottom:45px;}
.detail .detail_list li {position:relative; float:left; width:137px; height:40px; margin:0 5px 5px 0; font-family:verdana; font-size:14px; background:#e19c9c;}
.detail .detail_list li.li1, .detail .detail_list li.li6, .detail .detail_list li.li11 {margin-left:0;}
.detail .detail_list li a {display:block; padding:10px 13px; color:#fff;}
.detail .detail_list li span {position:absolute; top:13px; right:13px; font-family:'NanumGothic'; font-size:10px; font-weight:bold; color:#fff;}
.detail .detail_list li.on, .detail .detail_list li:hover {background:#f00;}
.detail .detail_subtit {padding-bottom:25px; border-bottom:1px solid #bbb;}
.detail .detail_subtit .subtit_inner {padding-left:15px; border-left:5px solid #333;}
.detail .detail_subtit p {padding-bottom:0; border-bottom:none;}
.detail .cont1 {overflow:hidden; padding:40px 0 60px;}
.detail .feature {float:left; width:388px;}
.detail .feature h5.tit {margin-bottom:10px;}
.detail .feature ul {font-size:14px; color:#555; line-height:22px;}
.detail .feature li {margin-left:9px;text-indent:-9px;}
.detail .product_img {float:right; width:250px;}
.detail .product_img h5.tit {margin-bottom:0;}
.detail .product_img .img01 {width:248px; height:198px; border:1px solid #bbb;}
.detail .cont2 {overflow:hidden; margin-bottom:60px;}
.detail .skill {float:left; width:388px; font-family:verdana; font-size:14px;}
.detail .skill th {padding:10px; font-weight:bold; color:#333; text-align:left; border-right:3px solid #fff; border-bottom:1px solid #8f8f8f;}
.detail .skill td {padding:10px; color:#555; border-bottom:1px solid #bebebe;}
.detail .skill .first th {border-top:1px solid #8f8f8f;}
.detail .skill .first td {border-top:1px solid #bebebe;}
.detail .download {float:right; width:250px; border-bottom:1px solid #d2d2d2;}
.detail .download p {padding:9.5px 0; font-family:verdana; font-size:14px; color:#555; line-height:1.3em; letter-spacing:-0.5px; border-top:1px solid #d2d2d2;}
.detail .download a {overflow:hidden; display:block;}
.detail .download .btn_adobe {float:left; padding:2px 7px 0 5px;}
.detail .download span {display:block; float:left; width:190px; word-break:break-all;}
.detail .download .btn_down {float:right;}
.detail .quality {border-bottom:1px solid #fce0e0; margin-bottom:10px;}
.detail .quality table {width:709px; font-family:verdana; text-align:center;}
.detail .quality th {height:36px; font-size:12px; font-weight:normal; color:#333; background:#ebc5c5;}
.detail .quality td {height:30px; padding-bottom:3px; font-size:28px; color:#555;}
.detail .quality td.triangle {padding-top:3px; font-size:20px;}
.detail .quality th, .detail .quality td {border-left:1px solid #fce0e0;}
.detail .quality th:first-child, .detail .quality td:first-child {border-left:none;}
.detail .txt {overflow:hidden; margin-bottom:60px; font-size:13px; color:#767676;}
.detail .txt p {float:right;}
.detail .txt p:first-child {float:left;}
.detail .img_box {margin-bottom:60px;}
.detail .img_box img {width:168px; height:130px; margin-left:9px;}
.detail .img_box img:first-child {margin-left:0;}
.detail .merit div {overflow:hidden; margin-bottom:30px;}
.detail .merit div img {float:left; width:248px; height:198px; margin-right:20px; border:1px solid #d6d6d6}
.detail .merit div dl {float:left; width:440px; margin-bottom:0;}
.detail .merit div dt {margin-bottom:14px;}
.detail .merit dl {margin-bottom:30px;}
.detail .merit dt {margin-bottom:10px; font-size:15px; font-weight:600; color:#333;}
.detail .merit dd {font-size:14px; color:#555; line-height:1.4em;}
.detail .example ul {overflow:hidden;}
.detail .example li {float:left; margin:0 0 8px 12px;}
.detail .example li img{width:168px;height:105px;}
.detail .example .first {margin-left:0;}

/* product-list */
.list ul {overflow:hidden; font-family:verdana;}
.list .product_list {padding:30px 0 40px;}
.list .product_list li {position:relative; float:left; margin-left:10px;}
.list .product_list li:first-child {margin-left:0;}
.list .product_list li > img {width:230px; height:155px;}
.list .product_list li span {position:absolute; bottom:10px; right:10px;}
.list .all_list1 {margin-bottom:40px;}
.list .all_list1 li {float:left; width:157px; height:25px; padding:12px 0 0 20px; background:#f8f8f8; border-bottom:1px solid #d9d9d9;}
.list .all_list1 li.bord_top {border-top:1px solid #d9d9d9;}
.list .all_list1 li.on a, .list .all_list1 li:hover a {font-weight:bold; color:#f00;}
.list .all_list2 li {float:left; margin:0 0 30px 15px; font-size:13px; color:#353535; text-align:center;}
.list .all_list2 li.all_first{margin-left:0;}
.list .all_list2 li a:hover p {color:#f00;}
.list .all_list2 li img {border:1px solid #bbb;width:128px;height:102px;}
.list .all_list2 li p {padding-top:10px;}

/* automotive-list */
.catalog_data_tit {margin-bottom:30px;}
.catalog_data {width:576px; margin:0 auto;}
.catalog_data dl {margin-bottom:40px;}
.catalog_data dt {margin-bottom:13px; font-size:18px; font-weight:bold; color:#1c1818; letter-spacing:-0.2px;}
.catalog_data dd {font-size:14px; line-height:1.5em;}
.catalog_data .cont1{overflow:hidden;}
.catalog_data .cont1 dl {float:left; width:300px;}
.catalog_data .cont1 div {float:right; width:256px;}
.catalog_data .cont2 {overflow:hidden;}
.catalog_data .cont2 dl {float:left; width:279px;}
.catalog_data .cont2 dl:first-child {margin-right:18px;}
.catalog_data .cont2 dd {float:left; width:138px; text-align:center;}
.catalog_data .cont2 dd.last {margin-left:3px;}
.catalog_data .cont2 dd img{margin-bottom:5px;}
.catalog_data .cont3 {}
.catalog_data .cont3 .box {padding-top:30px;}
.catalog_data .cont3 .box ul {overflow:hidden; font-family:'NanumGothic';}
.catalog_data .cont3 .box li span {display:inline-block; font-size:15px; font-weight:bold; color:#666;}
.catalog_data .cont3 .box li.list1 {float:left; width:280px; height:144px; background:url(/httpobject/images/zh/product/data_img06.jpg) right top no-repeat;}
.catalog_data .cont3 .box li.list2 {float:right; width:280px; height:144px; background:url(/httpobject/images/zh/product/data_img07.jpg) right top no-repeat;}
.catalog_data .cont3 .box li.list3 {clear:both; padding-top:30px;}
.catalog_data .cont3 .box li.list3 span {margin-bottom:13px;}
.catalog_data .cont3 .box li.list3 ul {overflow:hidden;}
.catalog_data .cont3 .box li.list3 li {float:left; width:279px; text-align:center;}
.catalog_data .cont3 .box li.list3 li:first-child {margin-right:18px;}
.catalog_data .cont3 .box li.list3 li img {margin-bottom:5px;}
.catalog_data .cont4 {overflow:hidden;}
.catalog_data .cont4 dl{float:left; width:279px;}
.catalog_data .cont4 dl.right {float:right;}
.catalog_data .cont4 dl.right dt {font-size:15px; color:#666;}
.catalog_data .cont4 dl.right dd {float:left; width:138px; text-align:center;}
.catalog_data .cont4 dl.right dd.last {margin-left:3px;}
.catalog_data .cont4 dl.right dd img {margin-bottom:5px;}

/* search */
.search .search_box {padding:20px 0 30px;}
.search .search_box th {border-left:1px solid #666;}
.search .search_box th:first-child {border-left:none;}
.search .search_box td {padding:20px 0 13px 30px; vertical-align:top; background:#f1f1f1; border-left:1px solid #c1c1c1;}
.search .search_box td:first-child {border-left:none;}
.search .search_box span {display:block; margin-bottom:12px;}
.search .search_box input {margin-right:10px; vertical-align:middle;}
.search .search_box label {font-size:13px; font-weight:600; vertical-align:middle;}
.search .search_box .btn_search {display:block; width:252px; padding-top:15px; margin:0 auto;}
.search .result .txt {font-size:16px;}
.search .result .txt span {color:#f00;}
.search .result .txt_all {font-size:16px; font-weight:600;}
.search .result .txt_all span {color:#f00;}
.search .result ul {overflow:hidden; padding-top:25px;}
.search .result li {position:relative; float:left; margin:0 0 30px 15px; font-size:13px; color:#353535; text-align:center;}
.search .result li.first{margin-left:0;}
.search .result li span {display:none; position:absolute; top:1px; left:1px; width:128px; height:102px; background:url(/httpobject/images/zh/product/product_over.png) 0 0 no-repeat;}
.search .result li a:hover span {display:block;}
.search .result li a:hover p {color:#f00;}
.search .result li img {border:1px solid #bbb;width:128px;height:102px;}
.search .result li p {padding-top:10px;}
.search .result_none {padding:40px 0 180px; text-align:center;}
.search .result_none img {margin-bottom:20px;}
.search .result_none p {font-size:16px;}
.search .result_none span {color:#f00;}

/* media-notice */
.media .form {overflow:hidden; padding:20px 0;}
.media .form div {float:right;}
.media select {width:97px; height:26px; margin-right:5px; font-family:'NanumGothic'; font-size:12px; border:1px solid #e3e3e3; vertical-align:middle;}
.media input {width:157px; height:18px; padding:3px 0; border:1px solid #e3e3e3; vertical-align:middle;}
.media button {margin-left:-4px; vertical-align:middle;}
.media .notice table {width:100%; margin-bottom:20px; font-size:13px; text-align:center; border-top:3px solid #f00;}
.media .notice th {padding:15px 0; background:url(/httpobject/images/zh/media/bar1.jpg) right center no-repeat; border-bottom:1px solid #d2d2d2;}
.media .notice th.last {background:none;}
.media .notice th img {vertical-align:middle;}
.media .notice td {padding:16px 25px; border-bottom:1px solid #d2d2d2;}
.media .notice td.str {padding:8px 7px;}
.media .notice td.str span {padding:2px 9px; color:#fff; background:#818181; border-radius:4px;}
.media .notice td.ta_l {text-align:left;}
.media .notice td.ta_l span {overflow:hidden; display:inline-block; width:452px; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}
.media .notice .page {overflow:hidden; text-align:center;}
.media .notice .page a {padding:0 9px 1px; font-size:13px; vertical-align:middle;}
.media .notice .page span {padding:0 9px 1px; font-size:13px; vertical-align:middle; color:#f00; background:url(/httpobject/images/zh/media/bar2.jpg) center bottom no-repeat;}
.media .notice .page .arrow {padding:0;}
.media .view {overflow:hidden; padding-top:30px;}
.media .view th {height:45px; padding:0 15px;}
.media .view th img {vertical-align:middle;}
.media .view td {height:45px; padding:0 18px; text-align:left;}
.media .view td span.red {display:inline; font-weight:600; color:#f00;}
.media .view .cont {padding:25px 18px; line-height:1.5em;}
.media .view .cont p {margin-bottom:25px; font-size:14px; font-weight:600; line-height:1.6em;}
.media .view .cont h4 {margin-bottom:10px; font-weight:600;}
.media .view .cont ul {margin-bottom:25px;}
.media .view .cont ul span {display:inline-block; padding-left:7px;}
.media .view .cont div {padding:30px 0; text-align:center;}
.media .view .cont div a {display:inline-block; padding:8px 45px; color:#fff; background:#999; text-align:center;}
.media .view .cont .btn_recruit {display:block; width:255px; padding-top:40px; margin:0 auto 30px;}
.media .view .cont .btn_more {display:block; width:80px; padding-top:40px; margin:0 auto 30px;}
.media .view .btn_list {display:block; float:right;}

/* media-download */
.media .tit_txt2 span {font-size:12px;}
.media .down td.ta_l span {width:347px;}
.media .down td.icon_down {padding:6px 25px;}

/* media-recruit */
.media label {margin:0 5px;}
.media .recruit td.ta_l span {width:262px;}

/* customer-contact */
.customer .form {padding-top:30px;}
.customer table {width:100%; margin-bottom:40px; border-top:3px solid #f00;}
.customer th {padding:15px 20px; text-align:left; background:#f4f4f4; border-bottom:1px solid #ccc;}
.customer th img {vertical-align:middle;}
.customer td {padding:8px 15px; color:#808285; border-bottom:1px solid #ccc;}
.customer input[type=text] {height:14px; padding:5px 8px; font-size:12px; border:1px solid #c3c3c3;}
.customer .type input {margin-right:5px; vertical-align:middle;}
.customer .type label {margin-right:10px; font-size:13px; vertical-align:middle;}
.customer .title input {width:534px;}
.customer .substance th {vertical-align:top; border-bottom:1px solid #bbb;}
.customer .substance td {border-bottom:1px solid #bbb;}
.customer .substance textarea {width:534px; height:235px; padding:5px 8px; border:1px solid #c3c3c3; resize:none;}
.customer .file .file_select {overflow:hidden;}
.customer .file .file_select > span {display:block; float:left; width:442px; height:14px; padding:5px 8px; margin-right:8px; border:1px solid #c3c3c3;}
.customer .file .file_select div {overflow:hidden; position:relative; float:left;}
.customer .file .file_select div input {position:absolute; top:0; right:0; height:26px; cursor:pointer;}
.customer .file .file_select div span {display:block; width:83px; height:26px;}
.customer .file p {padding-top:5px; font-size:12px;}
.customer .name input {width:210px;}
.customer .company_name input {width:210px;}
.customer .contact_address input {width:534px;}
.customer .telephone input {width:210px;}
.customer .email input {width:534px;}
.customer .agree {margin-bottom:45px; font-size:13px;}
.customer .agree h4 {margin:0 0 15px 10px; font-size:14px; font-weight:bold;}
.customer .agree ol {padding:25px; margin-bottom:15px; border:1px solid #ccc;}
.customer .agree li {padding-top:20px; line-height:1.4em;}
.customer .agree li:first-child {padding-top:0;}
.customer .agree input {vertical-align:middle;}
.customer .agree label {vertical-align:middle;}
.customer .btn_area {overflow:hidden; width:190px; margin:0 auto; text-align:center;}
.customer .btn_area a {display:block; float:left; width:89px; height:37px;}
.customer .btn_area .btn_enter {margin-right:10px;}

/* customer-location */
.customer .btn_print {padding:25px 0 15px; text-align:right;}
.customer .info {padding-top:30px; font-size:14px;}
.info h4 {margin-bottom:10px;}
.info ul {overflow:hidden; margin-bottom:40px; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}
.info li {float:left; padding:10px 15px; line-height:1.5em;}
.info li:first-child {width:100%; border-bottom:1px solid #bbb;}
.info li img {margin-right:5px;}
.info li.last img {padding-top:4px;}
.info div {padding:10px; margin-bottom:5px; border-top:1px solid #bbb; border-bottom:1px solid #bbb;}
.info div p {padding-top:3px;margin-bottom:10px;}
.info div p.last {margin-bottom:0;}
.info div p.last img {margin:2px 10px 0 0;}
.info div img {margin:-3px 10px 0 0;}
.info div .transport {margin-right:10px; font-weight:bold;}
.info div .way {display:block; margin-left:82px;}