@charset "utf-8"; BODY { FONT-SIZE: 12px;background-position: center top; MARGIN: 0px auto; COLOR: #333; } body a{ transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; } .x_about{ width:100%; overflow:hidden; position: relative; padding-top:0px; } .x_about_1{ width:100%; overflow:hidden; z-index:10;height:100%; } .x_about_2{ background-color:rgba(255,192,0,0.8); position:absolute; top:0; z-index:80; width:26%; height:100%; } .x_about_3{ padding:60px; } .x_about_3 img{ text-align:right; margin-bottom:40px; margin-top:20px; } .x_about_3 p{ color:#fff; font-size:18px; padding:0px 0px 0px 8px; line-height:34px; margin-bottom:20px; } a.button_2:link,a.button_2:visited{ display:block; margin:36px auto 10px auto; width:180px; height:46px; line-height:46px; border:1px solid #fff; border-radius:0px; font-weight:normal; cursor:pointer; text-align: center; letter-spacing:0px; font-size:20px; color:#FFFFFF; } a.button_2:hover{ background-color:#ffc000;width:180px; border:0px solid #ffc000; color:#666;height:46px; line-height:46px; text-decoration: none; font-size:20px; text-align: center; } a.button_3:link,a.button_3:visited{ display:block; margin:40% 0px 10px ; width:140px; height:42px; line-height:42px; border:1px solid #000; background-color:#000; border-radius:0px; font-weight:normal; cursor:pointer; text-align: center; letter-spacing:0px; font-size:16px; color:#FFFFFF; } a.button_3:hover{ background-color:#ffc000;width:140px; border:0px solid #ffc000; color:#fff;height:42px; line-height:42px; text-decoration: none; text-align: center; } .x_main{ width:100%; max-width:1530px; margin:40px auto; overflow:hidden; } .x_about{ width:100%; margin:0px auto; overflow:hidden; } .x_about_right{ width:100%; margin:0px 0 0 5%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:20px; } .x_about_right h3{ font-weight:bold; color:#000; font-size:20px; } .x_about_right h4{ color:#666; font-size:14px; padding:10px 0px 40px 0px; } .x_about_right p{ color:#333; font-size:16px; padding:0 12% 0px 0px; line-height:24px; text-indent:30px; margin-bottom:16px; } .x_weizhi{ width:100%; padding:8px 0px; border-bottom:1px solid #ddd; font-size:16px; margin-top:20px; } .x_renzheng{ width:100%; margin:40px auto 0px auto; overflow:hidden; } .x_photo{ width:100%; margin:0px auto 0px auto; overflow:hidden; } .x_photo img{ padding:1% 7%; overflow:hidden; } .x_photo img:hover{ transform: scale(1.04,1.04);transition:transform 0.6s; } .x_photo p{ text-align:center; font-size:16px; padding:12px 0px; } .x_products_kuang{ width:100%; max-width:1400px; margin:0px auto; } .x_productall{ width:100%; background-color:#fff; margin:0px auto; overflow:hidden; padding:0 1% 30px 0px; } .x_productlist{ width:100%; background-color:#f6f6f6; margin:20px 0px 0px auto; overflow:hidden; padding:15px; } .x_productlist:hover{ width:100%; background-color:#ffc000; margin:20px 0px 0px auto; overflow:hidden; padding:15px; } .x_productlist p{ font-size:14px; padding:18px 0px 6px 0px; } .x_productlist p a{ font-size:14px; } .x_news{ padding:20px; } .x_news h3{ font-size:24px; font-weight:bold;padding:10px 0px 0px 0px; } .x_news h6{ font-size:14px; border-bottom:0px solid #ddd; color:#888;padding:40px 0px 20px 0px; } .x_news_desc{ font-size:14px; background-color:#f5f5f5; border-bottom:0px solid #ddd; color:#888;padding:40px; margin-bottom:20px;overflow:hidden; } .x_news_detail{ font-size:14px; border-bottom:0px solid #ddd; color:#888;padding:40px 0px 20px 0px; } .x_news_detail p{ font-size:16px; line-height:24px; border-bottom:0px solid #ddd; color:#888; margin-bottom:20px; } .x_contact{ width:100%; max-width:1280px; overflow:hidden; height:400px; margin:0px auto; } .x_contact_f{ background-color:#fff; position:absolute; width:100%; padding:10px 2%; max-width:1280px; top:22%; height:500px; } .x_contactlist{ margin-top:40px; } .x_contactlist_1{ background-color:#ffc000; overflow:hidden; width:32.5%; margin:0 0.6% 1% 0; float:left; padding:3%; color:#fff; } .x_contactlist_2{ background-color:#dc2128; overflow:hidden; margin:0 0.6% 1% 0; width:32.5%; float:left;padding:3%; color:#fff; } .x_gbook{ width:100%; height:810px; background-image:url(../images/2021081115372351fff9.jpg); overflow:hidden; } .x_gbook_2{ width:80%; margin:20px auto; } .x_gbook_1{ background-color:#fff; width:40%; float:right;margin-top:10%; padding:3% 5% 5% 5%; overflow:hidden; } .x_qiehuan{ width:100%; overflow:hidden; border:0px solid #f50; margin-left:6px; } #outer {width:100%;margin:0px auto;} #tab {overflow:hidden;zoom:1;background:#333;border:0px solid #000;} #tab li {float:left;color:#fff;height:50px; cursor:pointer; line-height:50px; width:16.666%; text-align:center; font-size:16px;border-right:3px solid #fff;} #tab li.current {color:#fff;background:#ffc000;} #content {border:0px solid #000; width:100%; max-width:970px;} #content ul {line-height:25px;display:none; margin:16px 0px 0px;padding:10px 10px; font-size:16px; overflow:hidden;} #content ul p{ margin-bottom:10px; color:#333;} .text_center { text-align: center; margin:0px auto;} .x_page a,.x_page span { display: inline-block; font-size: 15px; color:#fff; width:38px; height: 38px; line-height: 38px; text-align: center; margin:0 4px 30px auto; background: #ccc; border-radius: 6px; -moz-border-radius: 6px -webkit-border-radius: 6px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .x_page a:hover,.x_page span.current { background: #ff9d00; color:#fff; }