@charset "utf-8"; /* CSS Document */ input.normalInput { height:24px; line-height:24px; font-size:12px; color:#b2b2b2; border:none; padding:0 5px;} input.normalBotton { width:auto; height:40px; line-height:40px; font-size:14px; color:#fff; text-align:center; border:none; background:#ff3737; display:block; margin:0 auto; padding:0 10px; } /*缂栬緫鍣ㄧ殑榛樿鏍峰紡*/ .content { line-height:180%; font-size:1em; font-weight:normal; } .content pre { line-height:180%; border:none; padding-left:2em; } .content blockquote { line-height:180%; border:none; padding-left:2em; } .content p { max-width:100%; line-height:180%; font-size:1em; font-weight:normal; } .content img { max-width:90%; height:auto; margin-top:20px; margin-bottom:20px; } .content h1 { line-height:180%; font-size:3em; font-weight:bold; } .content h2 { line-height:180%; font-size:2em; font-weight:bold; } .content h3 { line-height:180%; font-size:1.5em; font-weight:bold; } .content h4 { line-height:180%; font-size:1.2em; font-weight:bold; } .content ul { font-size:1em; font-weight:normal; padding-left:20px; } .content ol { font-size:1em; font-weight:normal; padding-left:20px; } .content dl { font-size:1em; font-weight:normal; padding-left:20px; } .content u { font-size:1em; text-decoration:underline; font-weight:normal; } .content i { font-size:1em; font-style:italic; font-weight:normal; } .content strong { font-size:1em; font-weight:bold; } .content b { font-size:1em; font-weight:bold; } .content table { max-width:80%; font-size:1em; } .content table p { max-width:auto; width:auto; height:auto; } .content table span { max-width:auto; width:auto; height:auto; } .content table em { max-width:auto; width:auto; height:auto; } .content iframe { width:80%; display:block; margin:20px auto; } header { width:1200px; height:109px; margin:0 auto; } header .logo { width:233px; height:67px; margin:21px 0 0; display:inline-block; float:left; } header .language { width:170px; height:30px; display:inline-block; float:right; margin:40px 0 0; } header .language a { width:80px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#00cab6; display:inline-block; } header .language a:hover,header .language a.current { background:#00af9f; } menu { width:100%; height:40px; background:#00af9f; } menu ul { width:1200px; height:40px; margin:0 auto; } menu ul li { width:auto; height:40px; display:inline-block; float:left; position:relative; } menu ul li a { width:auto; height:40px; line-height:40px; font-size:16px; color:#fff; font-weight:bold; text-align:center; display:block; padding:0 34px; } menu ul li:last-child a { padding:0 15px; } menu ul li a:hover,menu ul li.current a { color:#fff; background:#00cab6; } menu ul li .subMenu { width:100%; height:auto; position:absolute; top:40px; left:0; right:0; z-index:99999; display:none; } menu ul li:hover .subMenu { display:block; } menu ul li:hover a { color:#fff; background:#00cab6; } menu ul li .subMenu a { width:auto; height:auto; line-height:40px; font-size:14px; color:#fff; background:#00cab6; font-weight:bold; text-align:center; display:block; padding:0 5px; } menu ul li .subMenu a:hover { color:#00cab6; background:#fff; } section.indexNews { width:100%; height:520px; background:#f7f7f7; padding:52px 0 0; } .indexNewsMain { width:1200px; height:468px; margin:0 auto; } .indexCompanyNews { width:720px; height:468px; display:inline-block; } .indexCompanyNews h3 { width:720px; height:37px; line-height:37px; font-size:30px; color:#000; margin:0 0 21px; } .indexCompanyNews h3 a { float:right; color:#999; font-size:12px; } .indexCompanyNewsLeft { width:270px; height:auto; display:inline-block; } .indexCompanyNewsLeftImg { width:270px; height:160px; } .indexCompanyNewsLeftImg img { width:270px; height:160px; } .indexCompanyNewsLeftTitle { width:270px; line-height:20px; font-size:16px; color:#000; font-weight:bold; margin:14px 0 8px; } .indexCompanyNewsLeftTitle a { font-size:16px; color:#000; font-weight:bold; } .indexCompanyNewsLeftTitle a:hover { color:#a50182; } .indexCompanyNewsLeftContent { width:270px; height:110px; line-height:21px; font-size:12px; color:#858585; overflow:hidden; } .indexCompanyNewsLeftContent a { font-size:12px; color:#858585; } .indexCompanyNewsLeftContent a:hover { color:#a50182; } .indexCompanyNewsLeftReadmore { width:120px; height:30px; margin:12px 0 0; } .indexCompanyNewsLeftReadmore a { width:120px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#a50182; display:block; } .indexCompanyNewsLeftReadmore a:hover { background:#c663b1; transition:ease-in-out 0.5s; } .indexCompanyNewsRight { width:432px; height:auto; display:inline-block; } .indexCompanyNewsRight dl { width:432px; height:auto; overflow:hidden; margin:0 0 24px; } .indexCompanyNewsRight dl dt { width:432px; line-height:22px; margin-bottom:5px;} .indexCompanyNewsRight dl dt a { font-size:16px; color:#00b3a1; } .indexCompanyNewsRight dl dt a:hover { color:#a50182; } .indexCompanyNewsRight dl dd { width:432px; height:80px; line-height:20px; overflow:hidden; } .indexCompanyNewsRight dl dd a { font-size:12px; color:#858585; } .indexCompanyNewsRight dl dd a:hover { color:#a50182; } .indexIndustryNews { width:420px; height:468px; display:inline-block; } .indexIndustryNews h3 { width:420px; height:37px; line-height:37px; font-size:30px; color:#000; margin:0 0 21px; } .indexIndustryNews h3 a { float:right; color:#999; font-size:12px; } .indexIndustryNews dl { width:420px; height:85px; margin:0 0 14px; } .indexIndustryNews dl dt { width:80px; height:80px; background:#fff; padding:10px 0 0; display:inline-block; float:left; } .indexIndustryNews dl dt span { width:80px; height:40px; line-height:40px; font-size:30px; color:#666; text-align:center; display:block; } .indexIndustryNews dl dt em { width:80px; height:20px; line-height:20px; font-size:14px; color:#666; text-align:center; display:block; } .indexIndustryNews dl dt a:hover span { color:#a50182; } .indexIndustryNews dl dt a:hover em { color:#a50182; } .indexIndustryNews dl dd { width:320px; height:82px; display:inline-block; float:right; overflow:hidden; } .indexIndustryNews dl dd h4 { width:320px; line-height:28px; font-size:16px; color:#00b3a1; margin-bottom:4px; } .indexIndustryNews dl dd p { width:320px; height:40px; line-height:20px; font-size:12px; color:#858585; overflow:hidden; } .indexIndustryNews dl dd a:hover h4 { color:#a50182; } .indexIndustryNews dl dd a:hover p { color:#a50182; } .indexHotTopic { width:1200px; height:auto; margin:0 auto; padding:37px 0 100px; } .indexHotTopic h3 { width:560px; height:37px; line-height:37px; font-size:30px; color:#000; margin:0 0 21px; } .indexHotTopic h3 a { float:right; color:#999; font-size:12px; } .indexHotTopicLi { width:270px; height:auto; display:inline-block; float:left; margin:0 19px 0 0; } .indexHotTopicLiImg { width:270px; height:160px; } .indexHotTopicLiImg img { width:270px; height:160px; } .indexHotTopicLiTitle { width:270px; height:auto; margin:0 0 14px; } .indexHotTopicLiTitle h3 { width:270px; height:44px; line-height:44px; font-size:16px; color:#000; font-weight:bold; margin:0; overflow:hidden; } .indexHotTopicLiTitle p { width:270px; height:60px; line-height:20px; font-size:12px; color:#858585; } .indexHotTopicLiTitle a:hover h3 { color:#a50182; } .indexHotTopicLiTitle a:hover p { color:#a50182; } .indexHotTopicLiReadmore { width:120px; height:30px; margin:12px 0 0; } .indexHotTopicLiReadmore a { width:120px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#a50182; display:block; } .indexHotTopicLiReadmore a:hover { background:#c663b1; transition:ease-in-out 0.5s; } ul.indexHotTopicRight { width:582px; height:300px; background:url(../home/bg_index_hottopic_right.jpg) no-repeat; display:inline-block; } ul.indexHotTopicRight li { width:194px; height:100px; background:url(../home/bg_index_hottopic_right_li.png) center 66px no-repeat; display:inline-block; float:left; } ul.indexHotTopicRight li.indexHotTopicRightTitle { width:194px; height:100px; line-height:100px; font-size:30px; color:#fff; text-align:center; background:#00b3a1; display:inline-block; float:left; } ul.indexHotTopicRight li a { width:194px; height:100px; font-size:20px; color:#333; text-align:center; display:block; padding:27px 0 0; } ul.indexHotTopicRight li.indexHotTopicRightMore { height:100px; line-height:100px; background:none; } ul.indexHotTopicRight li.indexHotTopicRightMore a { width:194px; height:100px; line-height:100px; font-size:20px; color:#00b2a0; padding:0; } ul.indexHotTopicRight li:hover { width:194px; height:100px; background:#00b3a1; transition:ease-in-out 0.5s; } ul.indexHotTopicRight li:hover a { color:#fff; padding:35px 0 0; transition:ease-in-out 0.5s; } ul.indexHotTopicRight li.indexHotTopicRightMore:hover a { color:#fff; padding:0; transition:ease-in-out 0.5s; } footer { width:100%; height:auto; background:#00b3a1; padding:35px 0 39px; } .footerMain { width:1200px; height:auto; margin:0 auto; padding:0 0 25px; border-bottom:1px dashed #fff; } .footerLeft { width:500px; height:auto; display:inline-block; float:left; }/* update 2023.06.05 */ .footerLeft h3 { width:700px; height:26px; line-height:26px; font-size:20px; color:#fff; margin:0 0 14px; overflow:hidden; } .footerLeft p { width:700px; line-height:22px; font-size:12px; color:#fff; } ul.footerShare { width:185px; height:33px; display:inline-block; float:left; } ul.footerShare li { width:33px; height:33px; display:inline-block; float:left; margin:0 12px 0 0; position:relative; } .footerShare li a { width:33px; height:33px; display:block; border-radius:50%; cursor:pointer; } .footerShare li img { width:120px; height:120px; position:absolute; top:50px; left:-40px; opacity:0;-moz-opacity:0;filter:alpha(opacity=0); } .footerShare li:hover img { opacity:1;-moz-opacity:1;filter:alpha(opacity=100); transition:ease-in-out 0.5s; } .footerShare a.footerShareIcon1 { background:rgba(255,255,255,0.5) url(../home/bg_footer_icon1.png) center center no-repeat; } .footerShare a.footerShareIcon1:hover { background:rgba(255,255,255,1) url(../home/bg_footer_icon1.png) center center no-repeat; } .footerShare a.footerShareIcon2 { background:rgba(255,255,255,0.5) url(../home/bg_footer_icon2.png) center center no-repeat; } .footerShare a.footerShareIcon2:hover { background:rgba(255,255,255,1) url(../home/bg_footer_icon2.png) center center no-repeat; } .footerShare a.footerShareIcon3 { background:rgba(255,255,255,0.5) url(../home/bg_footer_icon3.png) center center no-repeat; } .footerShare a.footerShareIcon3:hover { background:rgba(255,255,255,1) url(../home/bg_footer_icon3.png) center center no-repeat; } .footerShare a.footerShareIcon4 { background:rgba(255,255,255,0.5) url(../home/bg_footer_icon4.png) center center no-repeat; } .footerShare a.footerShareIcon4:hover { background:rgba(255,255,255,1) url(../home/bg_footer_icon4.png) center center no-repeat; } /*.footerRight { width:264px; height:auto; display:inline-block; float:right; }*/ .footerRight { width:700px; height:auto; display:inline-block; float:right; } .footerRight dl { width:120px; height:156px; display:inline-block; margin-left:20px; } .footerRight dl dt { width:120px; height:120px; } .footerRight dl dt img { width:120px; height:120px; } .footerRight dl dd { width:120px; height:120px; } .footerRight dl dd { width:120px; height:36px; line-height:36px; font-size:12px; color:#fff; text-align:center; } .footerCopyright { width:1200px; height:20px; font-size:12px; color:#fff; margin:23px auto 0; } .footerCopyright a { font-size:12px; color:#fff; } .footerCopyright a:hover { color:#a50182; } section.channelBanner { width:100%; height:auto; } section.channelBanner img { width:100%; height:auto; } section.channelBreadCrumbs { width:100%; height:60px; background:#eee; } .channelBreadCrumbsMain { width:1200px; height:60px; line-height:60px; font-size:12px; color:#666; text-align:right; margin:0 auto; } .channelBreadCrumbsMain a { font-size:12px; color:#666; } .channelBreadCrumbsMain a:hover { color:#a50182; } section.channelMain { width:1200px; height:auto; margin:43px auto 100px; } ul.channelLeft { width:200px; height:auto; display:inline-block; float:left; } ul.channelLeft li { width:200px; margin:5px 0; } ul.channelLeft li a { width:200px; height:auto; line-height:25px; font-size:14px; color:#000; text-align:right; display:block; padding:5px; } ul.channelLeft li.current a { color:#fff; background:#a50182; } ul.channelLeft li a:hover { color:#fff; background:#a50182; } .channelRight { width:900px; height:auto; display:inline-block; float:right; } .channelRightTitle { width:900px; height:37px; line-height:37px; font-size:30px; color:#009f8d; margin:0 0 40px; } .channelRightContent { width:900px; height:auto; line-height:25px; font-size:14px; color:#333; } .channelRightContent p { width:900px; height:auto; line-height:25px; font-size:14px; color:#333; text-indent:2em; margin:0 0 25px; } .channelRightContent p img { max-width:900px; height:auto; margin:0 auto; display:block; } ul.newsRightContent { width:900px; height:auto; } ul.newsRightContent li { width:900px; height:100px; margin:0 0 40px; } ul.newsRightContent li .newsRightContentLeft { width:100px; height:100px; background:#f7f7f7; display:inline-block; float:left; } ul.newsRightContent li .newsRightContentLeft span { width:100px; height:47px; line-height:47px; font-size:40px; color:#666; text-align:center; display:block; margin:19px 0 0; } ul.newsRightContent li .newsRightContentLeft em { width:100px; height:19px; line-height:19px; font-size:14px; color:#666; text-align:center; display:block; } ul.newsRightContent li .newsRightContentRight { width:800px; height:100px; display:inline-block; float:left; padding:0 0 0 20px; } ul.newsRightContent li .newsRightContentRight h3 { width:780px; height:46px; line-height:46px; font-size:20px; color:#000; } ul.newsRightContent li .newsRightContentRight p { width:780px; height:40px; line-height:20px; font-size:12px; color:#858585; } ul.newsRightContent li:hover .newsRightContentLeft { background:#009f8e; transition:ease-in-out 0.5s; } ul.newsRightContent li:hover .newsRightContentLeft span { color:#fff; } ul.newsRightContent li:hover .newsRightContentLeft em { color:#fff; } ul.newsRightContent li:hover .newsRightContentRight { background:#f7f7f7; transition:ease-in-out 0.5s; } .newsRightList { width:900px; height:auto; } .newsRightLi { width:900px; height:66px; border-bottom:1px solid #eee; } .newsRightLi a { width:900px; height:66px; display:block; } .newsRightLi a:hover { background:#f7f7f7; transition:ease-in-out 0.5s; } .newsRightLi a span { width:700px; height:66px; line-height:66px; font-size:14px; color:#000; display:inline-block; float:left; padding:0 0 0 20px; overflow:hidden; } .newsRightLi a em { width:100px; height:66px; line-height:66px; font-size:12px; color:#666; text-align:center; display:inline-block; float:right; overflow:hidden; } .newsPages { width:100%; height:auto; text-align:center; margin:60px 0; } .newsPages a { width:auto; height:33px; line-height:33px; font-size:14px; color:#666; text-align:center; display:inline-block; margin:0 2px; padding:0 12px; background:#f3f3f3; cursor:pointer; } .newsPages span { width:auto; height:33px; line-height:33px; font-size:14px; color:#666; text-align:center; display:inline-block; margin:0 2px; padding:0 12px; } .newsPages a.current,.newsPages a.page_cur { color:#fff; background:#009f8e; } .newsPages a:hover { color:#fff; background:#009f8e; } ul.productsLeft { width:200px; height:auto; display:inline-block; float:left; } ul.productsLeft li { width:200px; height:auto; } ul.productsLeft li p { width:200px; height:30px; line-height:30px; font-size:14px; color:#000; text-align:right; display:block; padding:0 12px 0 0; cursor:pointer; } ul.productsLeft li a { width:200px; height:30px; line-height:30px; font-size:14px; color:#000; text-align:right; display:block; padding:0 12px 0 0; } ul.productsLeft li.current a { color:#fff; background:#a50182; } ul.productsLeft li.current p { color:#fff; background:#a50182; } ul.productsLeft li:hover p { color:#fff; background:#a50182; } ul.productsLeft li a:hover { color:#fff; background:#a50182; } ul.productsLeft li .productsLeftSubmenu { width:200px; height:0; overflow:hidden; } ul.productsLeft li.current .productsLeftSubmenu { height:auto;} ul.productsLeft li .productsLeftSubmenu a { font-size:12px; color:#666; border-bottom:1px solid #eee; background:#fff; } ul.productsLeft li .productsLeftSubmenu a:hover { color:#fff; background:#a50182; } ul.productsLeft li .productsLeftSubmenu a.current { color:#a50182; font-weight:bold; } .certs-title { font-size:16px; color:#009f8d; padding-bottom:10px; border-bottom:1px solid #EEE; margin-bottom:10px; } .certs-title a { float:right; color:#999; font-size:14px; } ul.productsList { width:900px; height:auto; } ul.productsList li { width:300px; height:auto; display:inline-block; float:left; margin:0 0 45px; } ul.productsList li .productsLiImg { width:290px; height:200px; position:relative; border:1px solid #DDD; } ul.productsList li .productsLiImg img { max-width:290px; max-height:200px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } ul.productsList li p { width:290px; height:50px; font-size:14px; color:#333; text-align:center; padding:10px 0; } ul.productsList li a:hover p { color:#a50182; } dl.rdLi { width:900px; height:200px; margin:0 0 50px; } dl.rdLi dt { width:300px; height:200px; display:inline-block; float:left; } dl.rdLi dd { width:540px; height:200px; display:inline-block; float:right; } dl.rdLi dd h3 { width:540px; height:45px; line-height:45px; font-size:20px; color:#000; } dl.rdLi dd p { width:540px; height:135px; line-height:27px; font-size:14px; color:#858585; overflow:hidden; } .hrTitle { width:1200px; height:37px; font-size:30px; color:#009f8d; text-align:center; margin:0 0 62px; } ul.hrList { width:1200px; height:auto; } ul.hrList li { width:400px; height:auto; display:inline-block; float:left; margin:0 0 94px; } ul.hrList li h3 { width:330px; height:44px; line-height:44px; font-size:20px; color:#333; border-bottom:1px solid #ccc; display:inline-block; float:left; margin:0 0 11px; overflow:hidden; } ul.hrList li .hrLiContent { width:330px; height:90px; overflow:hidden; } ul.hrList li p { width:330px; height:auto; line-height:22px; font-size:12px; color:#878787; } ul.hrList li .hrLiReadmore { width:160px; height:30px; } ul.hrList li .hrLiReadmore a { width:160px; height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center; background:#a50182; display:block; } ul.hrList li .hrLiReadmore a:hover { background:#c663b1; transition:ease-in-out 0.5s; } .hrPages { width:1200px; height:auto; text-align:center; margin:60px 0 0; } .hrPages a { width:auto; height:33px; line-height:33px; font-size:14px; color:#666; text-align:center; display:inline-block; margin:0 2px; padding:0 12px; background:#f3f3f3; } .hrPages a.current { color:#fff; background:#009f8e; } .hrPages a:hover { color:#fff; background:#009f8e; } ul.magazineList { width:1200px; height:auto; margin:0 auto; } ul.magazineList li { width:300px; height:auto; display:inline-block; float:left; margin:0 0 80px; } ul.magazineList li a { width:236px; height:353px; border:1px solid #efefef; display:block; } ul.magazineList li a img { width:228px; height:308px; margin:4px 4px 0 4px; } ul.magazineList li a p { width:228px; height:40px; line-height:40px; font-size:14px; color:#000; text-align:center; margin:0 4px 0 4px; } ul.magazineList li a:hover p { color:#a50182; } .servicesMain { width:1200px; height:331px; margin:0 auto 50px; position:relative; } .servicesLeft { width:41px; height:67px; display:block; position:absolute; top:70px; left:15px; z-index:99999; } .servicesRight { width:41px; height:67px; display:block; position:absolute; top:70px; right:15px; z-index:99999; } dl.servicesFocusLi { width:280px; height:auto; display:inline-block; float:left; margin:0 10px; } dl.servicesFocusLi dt { width:280px; height:200px; } dl.servicesFocusLi dt img { width:280px; height:200px; } dl.servicesFocusLi dd { width:280px; height:auto; } dl.servicesFocusLi dd h3 { width:280px; height:43px; line-height:43px; font-size:14px; color:#000; overflow:hidden; } dl.servicesFocusLi dd p { width:280px; height:auto; line-height:22px; font-size:12px; color:#666666; overflow:hidden; } dl.servicesFocusLi dd a:hover h3 { color:#a50182; } dl.servicesFocusLi dd a:hover p { color:#a50182; } .servicesGuestbook { width:1200px; height:auto; margin:0 auto; } .servicesList { width:890px; height:auto; border:1px solid #eee; display:inline-block; float:left; } .servicesLi { width:850px; height:auto; border-bottom:1px solid #eee; margin:0 auto 10px; } .servicesLiName { width:850px; height:22px; line-height:22px; font-size:14px; color:#aaa; margin:18px 0 8px; } .servicesLiName em { width:auto; height:22px; line-height:22px; font-size:14px; color:#aaa; display:inline-block; float:right; } .servicesLiTitle { width:850px; height:auto; line-height:22px; font-size:14px; color:#000; margin:0 0 8px; } .servicesLiContent { width:850px; height:auto; line-height:22px; font-size:14px; color:#26ad9f; margin:0 0 19px; } .servicesSendMessage { width:280px; height:auto; background:#f7f7f7; display:inline-block; float:right; padding:20px 25px; } .servicesSendMessageTitle { width:230px; height:22px; line-height:22px; font-size:14px; color:#000; } .servicesName { width:230px; height:40px; margin:20px 0 28px; } .servicesName input { width:230px; height:40px; border:none; background:#fff; padding:0 0 0 5px; } .servicesContent { width:230px; height:200px; margin:10px 0 0; } .servicesContent textarea { width:230px; height:200px; border:none; background:#fff; padding:5px; } .servicesBtn { width:230px; height:40px; margin:26px 0 0; } .servicesBtn input { width:230px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; border:none; background:#a50182; } .servicesBtn input:hover { background:#c663b1; transition:ease-in-out 0.5s; } .servicesSendMessageMore { width:160px; height:30px; margin:40px auto 0; } .servicesSendMessageMore a { width:160px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:#00b3a1; display:block; } .servicesSendMessageMore a:hover { background:#7fd9d0; transition:ease-in-out 0.5s; } section.servicesMain { width:1345px; height:auto; margin:43px auto 100px; } .newsInfo { color:#999; padding-bottom:15px; } .indexLinks { width:1200px; height:auto; margin:0 auto; } .indexLinks h3 { width:560px; height:37px; line-height:37px; font-size:30px; color:#000; margin:0 0 21px; } .linklist { padding:0px 0 50px; } .linklist a { display:inline-block; padding-right:20px; }