#footer{ padding:0px; clear:both; overflow:hidden; text-align:center; background:#f2f2f2; } .fnav{ display:none; overflow:hidden; margin:0 auto; padding:30px 0 30px 15px; zoom:1; overflow:hidden; position:relative; max-width:1644px; } .fnav_li{ width:12%; float:left; text-align:left; } .fnav_li a{ display:block; line-height:20px; color:#737373; padding-left:2px; } .fnav_li a:visited,.fnav_li a:hover{ color:#737373; } .fnav_li span a{ display:block; line-height:30px; height:30px; margin-bottom:5px; color:#212121; font-weight:bold; font-size:16px; padding:0px; } .fnav_li span a:visited,.fnav_li span a:hover{ color:#212121; } .fnav_ewm{ width:15%; text-align:center; float:right } .fnav_ewm img{ display:block; margin:0 auto; } .fnav_ewm2 {float: right; text-align: center; margin: 0 40px; width: 130px;} .fnav_ewm2 strong {display: inline-block; margin-bottom: 8px;} .fnav_ewm2 img {width: 100%;} .f{ margin:0 auto; text-align:left; padding-left:15px; line-height:40px; height:40px; overflow:hidden; max-width:1644px; } @media (min-width:950px) { .fnav{ display:block!important; } } /* SLIDE CHANGE */ .Div_clsRollArea div{ display: block; float: left; } .Div_clsRollArea div img{ width: 100%; } .TimeLine{ transition: all .72s linear; -moz-transition: all .72s linear; -webkit-transition: all .72s linear; -o-transition: all .72s linear; } #Div_RollWrap{ overflow: hidden; position: relative; width: 100%; } #Ul_TipsBtn{ bottom: 10px; position: absolute; } #Ul_TipsBtn li{ background: #9CF; border-radius: 100%; display: block; float: left; height: 7px; margin: 0 5px; text-align: center; width: 7px; } #Ul_TipsBtn .active{ background: #CFF; height: 10px; margin: -2px 3px 0; width: 10px; } /* 首页 */ .pro{ margin:5% auto 0; overflow:hidden; max-width:1644px; } .pro_t{ text-align:center; margin:40px 0; } .pro_tt{ margin:0 auto; text-align:center; overflow:hidden; clear:both; padding:30px 0; } .ilist{ width:50%; float:left; text-align:center; position:relative; } .ilist a{ display:block; overflow:hidden; border-left:1px solid #ddd; } .ilist img{ width:100%; display:block; } .ilist span.aimg{ display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; background:#000; filter:alpha(opacity=50); opacity:0.50; line-height:257px; text-align:center; color:#fff; font-size:18px; } .clear{ height:0px; overflow:hidden; clear:both; } @media (min-width:950px) { .ilist{ width:25%!important; } } #main{ text-align:center; overflow:hidden; padding:0 30px 50px; max-width:1644px; margin:0 auto; } @media (min-width:1644px) { #main{ text-align:center; overflow:hidden; padding:0 0 50px 0; max-width:1644px; margin:0 auto; } } .left_t{ display:none;text-align:left;margin:0 auto;background:#767676;height:36px;color:#fff;line-height:36px;font-size:16px;padding-left:25px;margin-bottom: 5px;} .left{clear:both;width:100%;} .left_c{overflow:hidden; padding-bottom:30px;} .left_c .li,.left_c .li1{ float:left;} .left_c .li a,.left_c .li1 a{ display:block; padding:0 15px; text-align:center; border:1px solid #ddd; margin-right:10px; margin-bottom:10px;} .left_c .li a:hover,.left_c .li1 a{ background:#0059ab; color:#fff;} .left_t{ display:none;} @media (min-width:950px) { .left{ display:inline; float:left; width:19%; overflow:hidden; padding-bottom:20px; } .right{ float:right; width:76%; overflow:hidden; } .left_c{overflow:hidden;border:1px solid #ddd;padding:5px;margin-bottom: 20px;} .left_t{ display:block;!important} .left_c .li,.left_c .li1{ clear:both;margin:2px auto;overflow:hidden;text-align:left;} .left_c .li a,.left_c .li1 a{display:block;line-height:16px;padding:5px 0;padding-left:25px;font-size:14px;border:none;margin-bottom:0;} .left_c .li a:hover,.left_c .li1 a{color:#0050a5; background:none;} } @media (min-width:1205px) { .left{width:14%;} .right{ width:81%;} } .p{ line-height:40px; width:100%; margin:0 auto; height:60px; margin-bottom:5px; overflow:hidden; font-family:'宋体'; background:url(main.jpg) repeat-x left 40px; } .right_c{ text-align:justify; text-justify:inter-ideograph; } #article img{ width:100%} .page{ text-align:center; padding:10px; clear:both; margin:0 auto; } .page a, .page span { display: inline-block; padding: 8px 15px; line-height: 20px; text-decoration: none; background-color: #fff; border: 1px solid #ddd; border-left-width: 0 } .page span.current, .page span.page_nowindex { background-color: #ddd; color: #333; } .page a:hover, .page a:focus { background-color: #f5f5f5 } .page a.page_nowindex { color: #999; cursor: default } .page a:first-child, .page span:first-child { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px } .page a:last-child, .page span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px } .plist{ float:left; width:50%; text-align:center;} .plist img{ display:block; width:92%; margin:0 auto; border:1px solid #ddd;} .plist span{ padding-bottom:15px; display:block;} @media (min-width:950px) { .plist{ width:25%;} .clear1{ display:none;} } /* news */ .news{ clear:both; overflow:hidden; margin-bottom:10px; width:100%; border-bottom:1px dashed #ccc; padding-bottom:10px; } .news_img{ width:20%; float:left; text-align:left; } .news_img img{ width:80%; margin-right:auto; margin-top:30px; border:1px solid #ddd; } .news_c{ float:left; width:79%; overflow:hidden; } .news_t{ color:#494949; font-size:18px; line-height:40px; white-space:nowrap; font-weight:bold; padding-top:20px; } .news_note{ font-size:14px; line-height:25px; max-height:50px; overflow:hidden; margin:10px 0; } .news_note a p{margin:0px;} a.news_c:hover,a.news_c:hover .news_t,a.news_c:hover .news_note{ color:#0059ab; } @media (min-width:950px) { .news{ padding-bottom:20px; margin-bottom:20px; } } /* 防伪页面 */ .security{ border:1px solid #ccc; width:80%; border-radius:5px; margin:20px auto; overflow:hidden; padding-bottom:20px; } .security_t{ border-radius:5px; margin:10px; margin-bottom:20px; height:50px; line-height:50px; text-align:center; font-size:30px; background:#3082d4; color:#fff; } .security_c{width:290px; margin:0 auto;} .security_font{ width:80px; text-align:right; font-size:16px; line-height:30px; } .se_input{ width:200px; height:25px; border:1px solid #e4e4e4; line-height:25px; overflow:hidden; padding-left:10px; float:left; } .se_go{ clear:both; display:block; width:70px; height:27px; overflow:hidden; border:none; background:#ff0100; text-align:center; cursor:pointer; color:#fff; text-align:center; line-height:27px; margin:0 auto; } @media (min-width:950px) { .security{ width:700px;} } .dis_img{ width:90%; } @media (min-width:950px) { .dis_img{ width:auto; max-width:800px; } } /* 产品页 */ .disp_l{ width:55%; float:left; border:1px solid #ddd; } .disp_l img{ width:100% } .disp_r{ width:40%; float:right; } .disp_c{ overflow:hidden; position:relative; width:100%; height:120px; margin-top:20%; } @media (min-width:950px) { .disp_c{ margin-top:28%; } } @media (min-width:1100px) { .disp_c{ margin-top:35%; } } @media (min-width:1205px) { .disp_c{ margin-top:42%; } } @media (min-width:1206px) { .disp_c{ margin-top:40%; } } @media (min-width:1250px) { .disp_c{ margin-top:46%; } } @media (min-width:1300px) { .disp_c{ margin-top:48%; } } @media (min-width:1350px) { .disp_c{ margin-top:53%; } } @media (min-width:1400px) { .disp_c{ margin-top:55%; } } .disp_cc{ position:absolute; width:90%; left:5%; overflow:hidden; } #Tab1 { width:98%; padding:0; margin:0 auto; overflow:hidden; } .Menubox { width:100%; height:29px; line-height:29px; overflow:hidden; border-bottom:1px solid #ccc; position:relative; } .Menubox ul { margin:0px; position:absolute; left:0px; top:0px; } .Menubox li { float:left; display:block; cursor:pointer; width:auto; height:30px; line-height:30px; padding:0 25px; text-align:center; font-size:14px; border-radius:5px 5px 0 0; } .Menubox li.hover { display:block; background:#005faf; color:#fff; } .Contentbox { clear:both; padding:15px 0; }