@charset "utf-8"; form.products-search-l { margin: 0 0 30px; padding: 20px 30px 18px; border: 1px solid #ddd; background: #fff; } form.products-search-l dt { float: left; margin: 0 20px 0 0; } form.products-search-l label { line-height: 1.3em; } form.products-search-l label strong { font-size: 124%; } form.products-search-l dd { float: left; position: relative; } form.products-search-l input#products-word-l { display: block; width: 300px; min-height: 20px; padding: 6px 40px 4px 20px; border: medium none; border-radius: 20px; background-color: #e9e9e9; font-size: 124%; } form.products-search-l input.submit { position: absolute; top: 7px; right: 18px; } .tab-menu { width: 950px; margin: 0 0 10px; } .tab-menu .tab-btn { width: 950px; margin: 0 0 13px; } .tab-menu .tab-btn li { width: 260px; } .tab-menu .tab-btn li a { width: 240px; } .table-layout-2 > ul > li { padding: 0 0 19px 19px; } .table-layout-2 > ul > li:first-child { padding-left: 0; } .table-layout-2 ul li dl { display: table; width: 302px; height: 100%; border: 1px solid #ddd; } .table-layout-2 ul li dt { padding: 158px 0 0; background: #fff no-repeat 0 0; } .table-layout-2 ul li.tab-list-1 dt { background-image: url(/uploads/image/pimg/img_index_01.jpg); } .table-layout-2 ul li.tab-list-2 dt { background-image: url(/uploads/image/pimg/img_index_02.jpg); } .table-layout-2 ul li.tab-list-3 dt { background-image: url(/uploads/image/pimg/img_index_03.jpg); } .table-layout-2 ul li.tab-list-4 dt { background-image: url(/uploads/image/pimg/img_index_04.jpg); } .table-layout-2 ul li.tab-list-5 dt { background-image: url(/uploads/image/pimg/img_index_05.jpg); } .table-layout-2 ul li.tab-list-6 dt { background-image: url(/uploads/image/pimg/img_index_06.jpg); } .table-layout-2 ul li.tab-list-7 dt { background-image: url(/uploads/image/pimg/img_index_07.jpg); } .table-layout-2 ul li.tab-list-8 dt { background-image: url(/uploads/image/pimg/img_index_08.jpg); } .table-layout-2 ul li.tab-list-9 dt { background-image: url(/uploads/image/pimg/img_index_09.jpg); } #top-menu .table-layout-2 ul li dt a { display: block; min-height: 15px; padding: 15px 10px 13px 36px; border-top: 1px solid #ddd; border-bottom: 1px dotted #ccc; background-color: #eceef6; background-repeat: no-repeat; background-position: 10px center; line-height: 1.3em; font-size: 124%; font-weight: bold; text-decoration: none; } .table-layout-2 ul li dd { padding: 15px; } .table-layout-2 ul li dd a { display: inline-block; min-height: 15px; padding: 0 0 5px 17px; background: url(/uploads/image/cimg/icn_link2.gif) no-repeat 2px 5px; line-height: 1.3em; } .table-layout-2 ul li a { text-decoration: none; } .table-layout-2 ul li a:hover { color: #000; text-decoration: underline; } .table-layout-2 ul li a:visited { color: #666; } .container { width: 950px; margin: 0 auto; } /*-------------------------------------------------------------------------------- main menu */ #main-menu { float: left; width: 680px; } #news { position: relative; clear: both; } #main-menu .bar { width: 680px; margin: 0 0 15px; padding: 9px 0 13px; border-bottom: 2px solid #a0a9d0; } #main-menu .bar { display: block; } #main-menu .option-link { position: absolute; top: 0; right: 0; width: 215px; } #main-menu .option-link li a { display: block; float: right; min-height: 15px; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.06); font-size: 90%; text-decoration: none; text-align: center; } #main-menu .option-link li a.rss { width: 65px; padding: 6px 15px 6px; } #main-menu .option-link li a.rss span { display: inline-block; min-height: 15px; padding: 0 0 0 20px; background: url(/uploads/image/cimg/icn_rss.gif) no-repeat 0 center; } #main-menu .option-link li a.view { width: 99px; margin: 0 0 0 6px; padding: 6px 5px; } #main-menu .option-link li a.view span { display: inline-block; min-height: 15px; padding: 0 0 0 13px; background: url(/uploads/image/cimg/icn_link2.gif) no-repeat 0 center; } #news .news-list { clear:both; float:left; width:100%; margin:0 0 15px; padding:0; } #news .news-list dt { clear:both; float:left; width:145px; margin:0 0 12px; padding:0; } #news .news-list dd { float:left; width:535px; margin:0 0 12px; padding:0; } /*-------------------------------------------------------------------------------- sub menu */ #sub-menu { float: right; width: 240px; margin: 0 0 30px; } .bnr-link a { display: block; margin: 0 0 10px; } .btn-link a { display: block; min-height: 15px; margin: 0 0 10px; padding: 15px; border: 1px solid #ccc; border-radius: 2px; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.1); text-align: center; } .btn-link a span { display: inline-block; min-height: 15px; padding: 0 0 0 25px; background: url(/uploads/image/cimg/icn_link1.gif) no-repeat 0 center; } /*-------------------------------------------------------------------------------- 鎸変簨涓氶儴闂ㄦ悳绱?*/ .project-contents { margin: 0 0 50px; } .project-contents > ul > li { margin: 0 0 20px; } .project-contents > ul > li > dl { width: 948px; border: 1px solid #ddd; } .project-contents > ul > li > dl > dt { width: 262px; padding: 30px 20px; border-right: 1px dotted #ddd; background: #eceef6; vertical-align: middle; } .project-contents > ul > li > dl > dt a { background-position: 0 48%; line-height: 1.3em; font-size: 124%; font-weight: bold; text-decoration: none; } .project-contents > ul > li > dl > dd { width: 605px; padding: 20px; vertical-align: middle; } .project-contents > ul > li > dl > dd .link-2 { margin: 8px 30px 8px 0; } /*-------------------------------------------------------------------------------- 绗?闅庡堡 */ #products-menu .table-layout-2 { margin: 0 0 10px; } #products-menu .table-layout-2 ul li dt { position: relative; padding: 175px 20px 0; } #products-menu .table-layout-2 ul li dt:after { content: ""; position: absolute; top: 158px; left: 0; display: block; width: 302px; height: 0px; border-top: 1px solid #ddd; } #products-menu .table-layout-2 ul li dt a { display: block; min-height: 15px; padding: 0 0 0 26px; background-repeat: no-repeat; background-position: 0 3px; line-height: 1.3em; font-size: 124%; font-weight: bold; } #products-menu .table-layout-2 ul li dd { padding: 10px 20px 20px; } #products-menu .table-layout-2 ul li dt .caption { font-size: 76%; } .cate-link { margin: 0 0 30px; padding: 20px 0 20px 24px; border: 1px solid #e3e3e3; background: #f9f9f9; } .cate-link li { float: left; width: 290px; margin-left: 15px; } .cate-link li:first-child { margin-left: 0; } .cate-link li a { display: table-cell; width: 138px; height: 70px; padding: 4px 10px 4px 140px; border: 1px solid #ddd; background: #fff no-repeat 4px 4px; line-height: 1.3em; vertical-align: middle; text-decoration: none; } .cate-link li a:hover { color: #000; text-decoration: underline; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } #tab-product, #tab-project { width: 950px; margin: 20px 0 30px; } #tab-product .table-layout-2, #tab-project .table-layout-2 { width: 950px; } #tab-product .table-layout-2 a, #tab-project .table-layout-2 a { width: 272px; padding: 15px; text-align: left; } /*-------------------------------------------------------------------------------- 鑷嫊杌?*/ .table-layout-2 ul li.automotive-1 dt { background-image: url(/uploads/image/pimg/img_automotive_01.jpg); } .table-layout-2 ul li.automotive-2 dt { background-image: ; } .table-layout-2 ul li.automotive-3 dt { background-image: url(/uploads/image/pimg/img_automotive_03.jpg); } .table-layout-2 ul li.automotive-4 dt { background-image: url(/uploads/image/pimg/img_automotive_04.jpg); } .table-layout-2 ul li.automotive-5 dt { background-image: url(/uploads/image/pimg/img_automotive_05.jpg); } .table-layout-2 ul li.automotive-6 dt { background-image: url(/uploads/image/pimg/img_automotive_06.jpg); } .table-layout-2 ul li.automotive-7 dt { background-image: url(/uploads/image/pimg/img_automotive_07.jpg); } .table-layout-2 ul li.automotive-8 dt { background-image: ; } .table-layout-2 ul li.automotive-9 dt { background-image: url(/uploads/image/pimg/img_automotive_09.jpg); } .table-layout-2 ul li.automotive-10 dt { background-image: url(/uploads/image/pimg/img_automotive_10.jpg); } .table-layout-2 ul li.automotive-11 dt { background-image: ; } .table-layout-2 ul li.automotive-12 dt { background-image: ; } .automotive-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_automotive_01.jpg); } .automotive-link li.bnr-2 a { background-image: ; } .automotive-link li.bnr-3 a { background-image: ; } /*-------------------------------------------------------------------------------- 鎯呭牨閫氫俊 */ .table-layout-2 ul li.p-info-1 dt { background-image: ; } .table-layout-2 ul li.p-info-2 dt { background-image: ; } .table-layout-2 ul li.p-info-3 dt { background-image: ; } .table-layout-2 ul li.p-info-4 dt { background-image: ; } .table-layout-2 ul li.p-info-5 dt { background-image: url(/uploads/image/pimg/img_p-info_05.jpg); } .table-layout-2 ul li.p-info-6 dt { background-image: url(/uploads/image/pimg/img_p-info_06.jpg); } .table-layout-2 ul li.p-info-7 dt { background-image: ; } .table-layout-2 ul li.p-info-8 dt { background-image: ; } .table-layout-2 ul li.p-info-9 dt { background-image: ; } .table-layout-2 ul li.p-info-10 dt { background-image: ; } .table-layout-2 ul li.p-info-11 dt { background-image: url(/uploads/image/pimg/img_automotive_03.jpg); } .table-layout-2 ul li.p-info-12 dt { background-image: url(/uploads/image/pimg/img_automotive_04.jpg); } .table-layout-2 ul li.p-info-13 dt { background-image: url(/uploads/image/pimg/img_p-info_13.jpg); } .table-layout-2 ul li.p-info-14 dt { background-image: url(/uploads/image/pimg/img_automotive_10.jpg); } .p-info-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_p-info_01.jpg); } .p-info-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_p-info_02.jpg); } .p-info-link li.bnr-3 a { background-image: url(/uploads/image/pimg/bnr_p-info_03.jpg); } /*-------------------------------------------------------------------------------- 銈枫偣銉嗐儬 */ .table-layout-2 ul li.system-1 dt { background-image: ; } .table-layout-2 ul li.system-2 dt { background-image: ; } .table-layout-2 ul li.system-3 dt { background-image: ; } .table-layout-2 ul li.system-4 dt { background-image: url(/uploads/image/pimg/img_system_04.jpg); } .table-layout-2 ul li.system-5 dt { background-image: ; } .table-layout-2 ul li.system-6 dt { background-image: ; } .table-layout-2 ul li.system-7 dt { background-image: url(/uploads/image/pimg/img_system_07.jpg); } .table-layout-2 ul li.system-8 dt { background-image: url(/uploads/image/pimg/img_system_08.jpg); } .table-layout-2 ul li.system-9 dt { background-image: ; } .table-layout-2 ul li.system-10 dt { background-image: url(/uploads/image/pimg/img_system_10.jpg); } .table-layout-2 ul li.system-11 dt { background-image: ; } .system-link li.bnr-1 a { background-image: ; } .system-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_system_02.jpg); } .system-link li.bnr-3 a { background-image: url(/uploads/image/pimg/bnr_system_03.jpg); } /*-------------------------------------------------------------------------------- 銉戙偨銈炽兂銉婚浕瀛愭鍣ㄣ兓瀹堕浕 */ .table-layout-2 ul li.pc-1 dt { background-image: ; } .table-layout-2 ul li.pc-2 dt { background-image: url(/uploads/image/pimg/img_automotive_03.jpg); } .table-layout-2 ul li.pc-3 dt { background-image: url(/uploads/image/pimg/img_pc_03.jpg); } .table-layout-2 ul li.pc-4 dt { background-image: url(/uploads/image/pimg/img_pc_04.jpg); } .table-layout-2 ul li.pc-5 dt { background-image: url(/uploads/image/pimg/img_automotive_05.jpg); } .table-layout-2 ul li.pc-6 dt { background-image: url(/uploads/image/pimg/img_automotive_06.jpg); } .table-layout-2 ul li.pc-7 dt { background-image: url(/uploads/image/pimg/img_automotive_07.jpg); } .table-layout-2 ul li.pc-8 dt { background-image: ; } .table-layout-2 ul li.pc-9 dt { background-image: url(/uploads/image/pimg/img_automotive_09.jpg); } .table-layout-2 ul li.pc-10 dt { background-image: url(/uploads/image/pimg/img_automotive_10.jpg); } .table-layout-2 ul li.pc-11 dt { background-image: ; } .pc-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_pc_01.jpg); } .pc-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_pc_02.jpg); } .pc-link li.bnr-3 a { background-image: url(/uploads/image/pimg/bnr_infrastructure_02.jpg); } /*-------------------------------------------------------------------------------- 鍗婂皫浣撱兓銉囥儛銈ゃ偣 */ .table-layout-2 ul li.semiconductor-1 dt { background-image: url(/uploads/image/pimg/img_p-info_05.jpg); } .table-layout-2 ul li.semiconductor-2 dt { background-image: url(/uploads/image/pimg/img_semiconductor_02.jpg); } .table-layout-2 ul li.semiconductor-3 dt { background-image: url(/uploads/image/pimg/img_automotive_06.jpg); } .table-layout-2 ul li.semiconductor-4 dt { background-image: ; } .table-layout-2 ul li.semiconductor-5 dt { background-image: url(/uploads/image/pimg/img_automotive_10.jpg); } .table-layout-2 ul li.semiconductor-6 dt { background-image: url(/uploads/image/pimg/img_semiconductor_06.jpg); } .table-layout-2 ul li.semiconductor-7 dt { background-image: url(/uploads/image/pimg/img_system_10.jpg); } .semiconductor-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_semiconductor_01.jpg); } .semiconductor-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_semiconductor_02.jpg); } .semiconductor-link li.bnr-3 a { background-image: url(/uploads/image/pimg/bnr_semiconductor_03.jpg); } /*-------------------------------------------------------------------------------- 銈ㄣ儘銉偖銉?*/ .table-layout-2 ul li.energy-1 dt { background-image: url(/uploads/image/pimg/img_automotive_06.jpg); } .table-layout-2 ul li.energy-2 dt { background-image: url(/uploads/image/pimg/img_energy_02.jpg); } .table-layout-2 ul li.energy-3 dt { background-image: ; } .table-layout-2 ul li.energy-4 dt { background-image: url(/uploads/image/pimg/img_energy_04.jpg); } .table-layout-2 ul li.energy-5 dt { background-image: ; } .energy-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_infrastructure_02.jpg); } .energy-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_energy_02.jpg); } .energy-link li.bnr-3 a { background-image: ; } /*-------------------------------------------------------------------------------- 鐠板銉汇偍銈炽儹銈搞兗 */ .table-layout-2 ul li.environment-1 dt { background-image: url(/uploads/image/pimg/img_automotive_06.jpg); } .table-layout-2 ul li.environment-2 dt { background-image: url(/uploads/image/pimg/img_environment_02.jpg); } .table-layout-2 ul li.environment-3 dt { background-image: url(/uploads/image/pimg/img_energy_04.jpg); } .table-layout-2 ul li.environment-4 dt { background-image: ; } .environment-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_environment_01.jpg); } .environment-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_infrastructure_02.jpg); } .environment-link li.bnr-3 a { background-image: ; } /*-------------------------------------------------------------------------------- 銈ゃ兂銉曘儵瑷倷 */ .table-layout-2 ul li.infrastructure-1 dt { background-image: url(/uploads/image/pimg/img_automotive_06.jpg); } .table-layout-2 ul li.infrastructure-2 dt { background-image: url(/uploads/image/pimg/img_energy_02.jpg); } .table-layout-2 ul li.infrastructure-3 dt { background-image: url(/uploads/image/pimg/img_infrastructure_03.jpg); } .table-layout-2 ul li.infrastructure-4 dt { background-image: ; } .table-layout-2 ul li.infrastructure-5 dt { background-image: url(/uploads/image/pimg/img_infrastructure_05.jpg); } .table-layout-2 ul li.infrastructure-6 dt { background-image: ; } .infrastructure-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_infrastructure_01.jpg); } .infrastructure-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_infrastructure_02.jpg); } .infrastructure-link li.bnr-3 a { background-image: ; } /*-------------------------------------------------------------------------------- 宸ユキ鐢ㄨ=鍝併兓鏉愭枡/绱犳潗 */ .table-layout-2 ul li.industrial-1 dt { background-image: url(/uploads/image/pimg/img_automotive_05.jpg); } .table-layout-2 ul li.industrial-2 dt { background-image: url(/uploads/image/pimg/img_automotive_06.jpg); } .table-layout-2 ul li.industrial-3 dt { background-image: url(/uploads/image/pimg/img_industrial_03.jpg); } .table-layout-2 ul li.industrial-4 dt { background-image: url(/uploads/image/pimg/img_automotive_07.jpg); } .table-layout-2 ul li.industrial-5 dt { background-image: ; } .table-layout-2 ul li.industrial-6 dt { background-image: ; } .table-layout-2 ul li.industrial-7 dt { background-image: url(/uploads/image/pimg/img_infrastructure_03.jpg); } .table-layout-2 ul li.industrial-8 dt { background-image: ; } .table-layout-2 ul li.industrial-9 dt { background-image: url(/uploads/image/pimg/img_automotive_10.jpg); } .table-layout-2 ul li.industrial-10 dt { background-image: url(/uploads/image/pimg/img_industrial_10.jpg); } .table-layout-2 ul li.industrial-11 dt { background-image: url(/uploads/image/pimg/img_industrial_11.jpg); } .table-layout-2 ul li.industrial-12 dt { background-image: url(/uploads/image/pimg/img_semiconductor_06.jpg); } .table-layout-2 ul li.industrial-13 dt { background-image: url(/uploads/image/pimg/img_industrial_13.jpg); } .table-layout-2 ul li.industrial-14 dt { background-image: url(/uploads/image/pimg/img_industrial_14.jpg); } .table-layout-2 ul li.industrial-15 dt { background-image: url(/uploads/image/pimg/img_industrial_15.jpg); } .table-layout-2 ul li.industrial-16 dt { background-image: url(/uploads/image/pimg/img_environment_02.jpg); } .table-layout-2 ul li.industrial-17 dt { background-image: url(/uploads/image/pimg/img_energy_04.jpg); } .industrial-link li.bnr-1 a { background-image: url(/uploads/image/pimg/bnr_industrial_01.jpg); } .industrial-link li.bnr-2 a { background-image: url(/uploads/image/pimg/bnr_industrial_02.jpg); } .industrial-link li.bnr-3 a { background-image: url(/uploads/image/pimg/bnr_industrial_03.jpg); }