/* 自定义模块样式 */ .w1000{ width:1000px; margin:0 auto;} .m_color{ color:#d11128;} .m_gray{ color:#8b8b8b;} #TopBack{ position:fixed; z-index:1000; right:5%; bottom:5%;} /* 顶部 */ #topO{ height:42px; line-height:42px; background:#f6f6f6; border-bottom:1px solid #e0e0e0;} #top{line-height:42px;} #top .lft{ width:180px; position:relative;} #top .lft .item{ position:relative; float:left; padding:0 22px;} #top .lft .item img{ position:absolute; top:14px; left:5px;} #top .lft .curr{ position:absolute; left:300px;} #top .rig{ width:480px;} #top .lft .tel{ width:172px; background:url(../images/TopIcoRig02.png) no-repeat left center; line-height:42px; text-indent:35px;} #top .rig .member{ width:110px; padding-top:5px;} /* 头部 */ #head{ height:103px;} #head .logo{ width:635px; padding-top:24px;} #head .search{ width:335px; margin-left:28px; margin-top:30px; background:url(../images/Search.jpg) no-repeat;} #head .search .txt{ width:290px; height:45px; line-height:45px; color:#bbbbbb;text-indent:10px; border:none; background:none;} #head .cart{ height:43px; width:135px; background:#f5f5f5 url(../images/Cart.jpg) no-repeat 18px center; line-height:43px;font-size:14px; margin-top:30px; padding-left:56px; border:1px solid #dadada;} /* 导航 */ #navO{ height:44px; line-height:44px; background:#d11128;} #nav{ height:44px;} #nav .item{ float:left;} #nav .item .n_one{ height:100%; line-height:100%;display:block;text-transform:uppercase; font-size:14px; line-height:44px; color:#fff; padding:0 35px; background:url(../images/NavLi.jpg) no-repeat left center; font-size:14px;} #nav .item .n_one.first{ background:none;} /* Ban */ #banO{ height:450px; background:#f0f0f0; border-bottom:1px solid #e0e0e0;} #ban{ height:400px; margin-top:27px;} #ban .lft{ width:735px; height:395px; position:relative;} #ban .lft .item{ width:735px; height:395px; position:absolute; top:0; right:0;} #ban .lft .dian{ position:absolute; z-index:20; bottom:18px; right:10px; width:100%; height:18px;} #ban .lft .dian .d{ height:18px; width:18px; background:url(/images/BDian.png) no-repeat; float:left; margin-right:5px;} #ban .lft .dian .d.cur{ background:url(/images/BDianH.png) no-repeat;} #ban .rig{ width:250px;} #ban .rig .s_ad{ width:243px; height:184px; border:3px solid #fff;} #ban .rig .letter{ width:243px; height:183px; border:3px solid #fff; background:url(../images/Letter.jpg) no-repeat;} #ban .rig .letter .txt{ margin-top:98px; margin-left:17px; border:none; background:none; height:27px; line-height:27px; width:210px; text-indent:10px; color:#8c8c8c;} #ban .rig .letter .sub{ margin-top:11px; margin-left:17px; height:30px; width:106px;} /* 尾部 */ #footO{ background:#1f1f1f; position:relative; } #foot{ overflow:hidden;} #foot .cont_list{ height:45px; overflow:hidden; padding:28px 10px;border-bottom:1px solid #363636;} #foot .cont_list .item{ width:33%; float:left; position:relative;} #foot .cont_list .item .img{ position:absolute; top:0; left:0;} #foot .cont_list .item .t{ font-size:16px; color:#777777; display:block;} #foot .cont_list .item span{ display:block; padding-left:58px; font-size:14px; color:#fff; line-height:20px;} #foot .cate_list{ min-height:150px; overflow:hidden; padding:25px 10px;border-bottom:1px solid #363636;} #foot .cate_list .item{ width:25%; float:left;} #foot .cate_list .item .t{ font-size:14px; color:#fff; height:35px; display:block; text-transform:uppercase;} #foot .cate_list .item .t:hover{ text-decoration:none;} #foot .cate_list .item .p{ color:#888888; height:25px; display:block; padding-left:20px; background:url(../images/icon01.png) no-repeat left 4px;} #foot .crt{ padding-left:7px; position:relative; height:50px;} #foot .crt .f_nav{ height:30px; color:#949494; line-height:28px;} #foot .crt .f_nav .item{ color:#949494;} #foot .crt .f_nav span{ padding:0 7px;} #foot .crt .copy{ color:#949494; line-height:28px;} #foot .crt .copy a{color:#949494; } #foot .crt .share{} #foot .crt .share a{ padding-right:6px;display: block;width: 30px;float: left;} #foot .crt .share a img{width: 30px;} #foot .crt .weixin{ height:110px; width:110px; position:absolute; right:9px; top:1px;} /* 首页分类 */ #in_pro_cateO{ height:465px;border-bottom:1px solid #dddddd;} #in_pro_cate{} #in_pro_cate .t{ height:35px; font-size:20px; text-align:center; text-transform:uppercase;} #in_pro_cate .p{ width:820px; margin:0 auto; line-height:25px; text-align:center; color:#888888; height:70px;} #in_pro_cate .list_cate{ padding:0 18px; width:105%;} #in_pro_cate .list_cate .item{ width:258px; height:258px; background:url(../images/CQuan.png) no-repeat; position:relative; float:left; margin-right:50px;} #in_pro_cate .list_cate .item .pro{ width:183px; height:194px; margin:0 auto;padding-top:35px; } #in_pro_cate .list_cate .item .name{ text-align:center; font-size:14px; line-height:25px;} #in_pro_cate .list_cate .item_copy{ width:258px; height:258px; background:url(../images/CQuanH.png) no-repeat; position:absolute; top:0; left:0; display:none;} #in_pro_cate .list_cate .item_copy .name_copy{ font-size:16px; margin-top:78px; text-align:center; color:#fff; height:35px; display:block;} #in_pro_cate .list_cate .item_copy .p_copy{ height:75px; color:#efefef; line-height:25px; text-align: center; width:220px; margin:0 auto;display:block;} #in_pro_cate .list_cate .item_copy .more{ height:32px; width:147px; text-align:center; line-height:32px; font-size:14px; color:#fff; background:url(../images/InCBut.png) no-repeat; margin:0 auto; display:block;} #in_pro_cate .list_cate .item:hover .item_copy{ display:block;} /* 首页产品 */ #in_proO{ height:547px; position:relative; background:#f0f0f0; border-bottom:1px solid #dddddd; z-index:10;} #in_pro{ height:100%; position:relative;} #in_pro .more{ position:absolute; bottom:-20px; left:394px;} #in_pro .tab{ height:55px; background:url(../images/DianTiao.jpg) no-repeat left bottom;} #in_pro .tab .item{ width:146px; text-align:center; font-size:16px;text-transform:uppercase; height:55px;position:relative; float:left;} #in_pro .tab .item .img{ position:absolute; top:36px; left:66px;} #in_pro .tab .item.one{ margin-left:429px; } #in_pro .tab .item.two{ margin-left:20px; width:180px;} #in_pro .tab .item.two .img{left:75px;} #in_pro .tab .item.three{ margin-left:4px; } #in_pro .tab .item.three .img{} #in_pro .pro_list{ width:100%; height:385px;} #in_pro .pro_list .item{ width:238px; height:360px; background:#fff; margin:19px 7px 6px 6px; float:left;} #in_pro .pro_list .item .pic{ height:190px; width:190px; margin:22px auto;} #in_pro .pro_list .item .price{ font-size:18px; text-align:center; line-height:30px;} #in_pro .pro_list .item .p{ height:28px; width:190px; margin:0 auto;} #in_pro .pro_list .item .in_cart{ width:151px; height:32px; margin-left:24px;display:block;background:url(../images/InCart.jpg) no-repeat;} #in_pro .pro_list .item .in_wish{ width:32px; height:32px; margin-right:24px; display:block;} #in_pro .pro_list .item:hover{ background:url(../images/InProListH.jpg) no-repeat; margin:3px 1px 0 0; padding:6px;} #in_pro .pro_list .item:hover .in_cart{ background:url(../images/InCartH.jpg) no-repeat;} ul,li{margin:0px; padding:0px;} /* 滚动 */ #in_pro .list{ position:relative; width:100%; height:385px;} #in_pro .pro_crt{width:10000000px; height:385px; position:absolute; left:0; top:0;} #scroll_list_1,#scroll_list_2{float:left; display:block;} /* 首页信息 */ #in_art{ height:465px;} #in_art .picList li{ width:298px; padding:0 12px;} #in_art .picList .name{ display:block; font-size:18px; height:30px; margin-top:18px;} #in_art .picList .p{ height:80px; line-height:22px; color:#8c8c8c; padding-left:5px;} #in_art .picList .pic{ width:223px; height:140px;} #in_art .picList .title{ line-height:40px; font-size:14px; display:block;} #in_art .lft{ width:1000px; border:1px solid #dddddd; height:364px;margin-right:14px;} #in_art .lft .t{ font-size:18px; height:30px; margin-top:18px; padding-left:12px;} #in_art .lft .p{ height:80px; color:#8c8c8c; padding-left:12px; line-height:20px;} #in_art .leftLoop{ overflow:hidden; position:relative; width:1000px; height:220px; } #in_art .leftLoop .hd{ overflow:hidden; height:35px; } #in_art .leftLoop .hd .prev,.leftLoop .hd .next{ display:block; width:22px; height:22px; line-height:22px; float:right; margin-right:10px; margin-top:10px; overflow:hidden; cursor:pointer; background:url(/images/AppL.jpg) no-repeat;} #in_art .leftLoop .hd .next{ background:url(/images/AppR.jpg) no-repeat; } #in_art .leftLoop .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;} #in_art .leftLoop .hd ul li{ position:relative; _display:inline; float:left; width:14px; height:14px; overflow:hidden; background:url(/images/AppDian.jpg) no-repeat; margin-right:5px; margin-top:5px;cursor:pointer;} #in_art .leftLoop .hd ul li.on{ background:url(/images/AppDianH.jpg) no-repeat; } #in_art .leftLoop .bd{ overflow:hidden; height:180px; position:relative;} #in_art .leftLoop .bd .tempWrap{margin: 0 auto;} #in_art .leftLoop .bd ul{ overflow:hidden; zoom:1; } #in_art .leftLoop .bd ul li{float:left;display:_inline; } #in_art .crt_info{ overflow:hidden; position:relative; border:1px solid #dddddd; width:298px; height:364px; padding:0 12px;} #in_art .crt_info .t{ font-size:18px; height:30px; margin-top:18px;} #in_art .crt_info .item{ height:147px;} #in_art .crt_info .item .p{ width:152px; line-height:22px;} #in_art .crt_info .item .c{ color:#8b8b8b;} #in_art .rig_art{ overflow:hidden; position:relative; border:1px solid #dddddd; width:278px; height:364px; padding:0 22px;} #in_art .rig_art .item{ margin-top:42px; height:40px; position:relative; padding-left:58px;} #in_art .rig_art .item img{ position:absolute; top:0 ; left:0;} #in_art .rig_art .item .title{ font-size:14px; color:#2d2d2d; height:22px;} /* 面包屑 */ #webO{ height:40px; background:#f3f3f3;} #web{ text-indent:8px; line-height:40px;} /* 主体 */ #main{ min-height:200px;} #lft{ width:300px;} #lft .c_t{ height:40px; line-height:40px; color:#fff; font-size:14px; padding-left:15px; background:#4d4d4d url(../images/CJian.jpg) no-repeat 277px center;} #lft .c_one{ font-size:14px; font-weight:bold; line-height:25px; padding-left:35px; background:url(../images/COne.jpg) no-repeat 15px center; display:block;} #lft .c_two{ line-height:25px; padding-left:60px;} #lft .c_two.cur{ background:url(../images/CTwo.jpg) no-repeat 42px center; color:#df1b33;} #lft .c_two:hover{ background:url(../images/CTwo.jpg) no-repeat 42px center; color:#df1b33;} #lft .c_three{ line-height:25px; padding-left:70px;} #lft .c_three.cur{ color:#df1b33;} #lft .c_three:hover{ color:#df1b33;} #lft .c_four{ line-height:25px; padding-left:80px;} #lft .c_four.cur{ color:#df1b33;} #lft .c_four:hover{ color:#df1b33;} #lft .sales_t{ height:40px; line-height:40px; font-size:14px; padding-left:15px; background:#e6e6e6;} #lft .item_p{ height:100px; padding-top:14px; border-bottom:1px solid #e9eaeb;} #lft .item_p .pic{ width:90px; height:90px;} #lft .item_p .p{ width:200px;} #lft .item_p .p .name{ line-height:90px; display:block;} #lft .item_p .p .price{ line-height:25px; font-size:14px;} #lft .art_t{ height:40px; line-height:40px; font-size:14px; padding-left:15px; background:url(../images/ArtTitle.jpg) repeat-x;} #lft .art_one{ line-height:25px; padding-left:30px; background:url(../images/COne.jpg) no-repeat 15px center; display:block;} #lft .art_one.cur{ color:#d11128; text-decoration:underline;} /* 产品列表 */ #rig{ width:738px;} #rig .this_name{ font-size:16px; height:33px; line-height:30px; padding-left:8px; border-bottom:1px solid #e9eaeb;} #rig .sort{ height:47px; line-height:47px; padding-left:8px; border-bottom:1px solid #e9eaeb;} #rig .sort .item{ padding-right:9px;} #rig .sort .item .order{ color:#4d4d4d; border:1px solid #bebebe; width:204px; text-indent:2px;} #rig .sort .item .show{ color:#4d4d4d; border:1px solid #bebebe; width:62px; text-indent:2px;} #rig .page{ height:45px; line-height:45px; padding-left:8px;border-bottom:1px solid #e9eaeb; } #rig .page.bor_t{ border-bottom:0;border-top:1px solid #e9eaeb; } #rig .pro_list{ width:100%; padding-left:10px;} #rig .pro_list .item{ width:33%; height:302px; background:#fff; margin:10px -2px 6px -2px; float:left; position:relative;} #rig .pro_list .item .item_side{ top:0; left:0; position:absolute; height:100%; width:100%; z-index:10;} #rig .pro_list .item .item_out{ top:-10px; left:-10px; position:absolute; height:100%; width:100%; z-index:5; width:251px; height:220px; display:none;} #rig .pro_list .item .pic{ height:190px; width:190px; margin:22px auto;} #rig .pro_list .item .price{ font-size:18px; text-align:center; line-height:30px;} #rig .pro_list .item .p{ height:28px; width:190px; margin:0 auto;} #rig .pro_list .item .in_cart{ width:151px; height:32px; margin-left:24px;display:block;background:url(../images/InCart.jpg) no-repeat;} #rig .pro_list .item .in_wish{ width:32px; height:32px; margin-right:24px; display:block;} #rig .pro_list .item:hover{ margin-top:0;} #rig .pro_list .item:hover .item_out{display:block;} #rig .pro_list .item:hover .in_cart{ background:url(../images/InCartH.jpg) no-repeat;} /* 产品详细 */ #rig .pro_desc .pic_all{width:305px; position:relative;} #rig .pro_desc .pic_all .pic_b{width:300px; height:300px;} #rig .pro_desc .pic_all .MagicZoom{display:block; margin:0 auto;} #rig .pro_desc .pic_all .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;} #rig .pro_desc .pic_all .MagicZoomBigImageCont{border:1px solid #999;} #rig .pro_desc .pic_all .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;} #rig .pro_desc .pic_all .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;} #rig .pro_desc .pic_all .MagicZoomLoading{border:1px solid #ddd; background:#fff url(/images/lib/product/zoomloader.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;} #rig .pro_desc .pic_all #zoom-big{position:absolute; top:0; z-index:100;} #rig .pro_desc .pic_l{ width:100%; height:98px; position:relative;} #rig .pro_desc .pic_l .item{width:96px;height:96px;border:1px solid #ececec;cursor:pointer;float:left;margin-right:4px} #rig .pro_desc .pic_l .item.cur{ border:1px solid #4d4d4d;} #rig .pro_desc .pic_l .obj{ position:absolute; top:0; left:0; width:1000px; z-index:100; height:98px;} #rig .pro_desc .pic_l .lft{ position:absolute; top:42px; left:3px; cursor:pointer; z-index:101;} #rig .pro_desc .pic_l .rig{ position:absolute; top:42px; right:3px; cursor:pointer; z-index:101;} #rig .pro_desc .par_list{width:410px;} .par_list .name{ height:35px; font-size:16px; padding-left:3px;} .par_list .stock{ height:26px; border-bottom:1px solid #eaeaea; padding-left:3px;} .par_list .brief{ padding:10px 0 10px 3px; border-bottom:1px solid #eaeaea; line-height:22px; color:#949393;} .par_list .price_list{ height:58px; line-height:58px; font-size:14px; padding-left:3px;} .par_list .price_list .price_1{ font-size:22px;} .par_list .qty_cart{ height:52px; border-bottom:1px solid #eaeaea; padding-left:3px;} .par_list .qty_cart .qty_t{ width:40px; line-height:35px;} .par_list .qty_cart .qty{ width:72px; height:35px;position:relative;} .par_list .qty_cart .qty .txt{ width:40px; height:32px; text-align:center; line-height:32px; border:1px solid #d7d7d7;} .par_list .qty_cart .qty .qty_add{ height:13px; width:13px; line-height:13px; text-align:center; font-weight:bold; color:#8f8f8f; border:1px solid #d7d7d7; display:block; font-size:16px; position:absolute; top:1px; left:49px;} .par_list .qty_cart .qty .qty_cut{ height:13px; width:13px; line-height:12px; text-align:center; font-weight:bold; color:#8f8f8f; border:1px solid #d7d7d7; display:block; font-size:18px; position:absolute; top:19px; left:49px;} .par_list .qty_cart .qty a:hover{ text-decoration:none;} .par_list .wish_write{ height:61px; border-bottom:1px solid #eaeaea;padding-left:3px; } .par_list .wish_write .item{ width:100px; height:100%;line-height:61px; padding-left:39px; position:relative;} .par_list .wish_write .img{ position:absolute; top:15px; left:0;} .par_list .share{ line-height:33px; margin-top:19px; padding-left:3px;} .pro_desc .title{ height:40px; line-height:40px; padding-left:15px; font-size:14px; text-transform:uppercase; background:#fbfbfb; border:1px solid #dddddd; cursor:pointer;} .pro_desc .title:hover{ text-decoration:none; color:#333;} .pro_desc .deatil{ line-height:25px;} .interested{ width:110%;} .interested .item{ width:235px; height:300px; background:#fff; margin:6px; float:left;} .interested .item .pic{ height:190px; width:190px; margin:22px auto;} .interested .item .price{ font-size:18px; text-align:center; line-height:30px;} .interested .item .p{ height:28px; width:190px; margin:0 auto;} /* 文章 */ .art_desc{ min-height:100px; line-height:25px;padding-left:8px;} /* 应用技术 */ .app_d{ color:#8c8c8c; line-height:25px;padding-left:12px;} .app_list{width:110%;} .app_list .item{ width:241px; height:200px; background:#fff; float:left; margin:10px 4px; position:relative;} .app_list .item .item_side{ top:0; left:0; position:absolute; height:100%; width:100%; z-index:10;} .app_list .item .item_out{ top:-10px; left:-10px; position:absolute; height:100%; width:100%; z-index:5; width:262px; height:220px; display:none;} .app_list .item .pic{ height:140px; width:224px; margin:12px auto;} .app_list .item .p{ line-height:20px; width:224px; margin:0 auto; color:#d11128;} .app_list .item:hover .item_out{ display:block;} .product_bg{ background:#ffffff; padding:10px 0 10px 10px; font-size:14px;} .pro_bg_r{float:right; width:680px; height:470px; position:relative;} .pro_bg_l{width:300px; height:470px; position:relative; overflow:hidden;} .pro_bg_r li{float:left; width:330px; height:230px; margin-bottom:10px; background:#06C; margin-right:10px; position:relative; overflow:hidden;} .pro_bg_l p{width:100%; height:40px; line-height:40px; background: url(../images/bg.png); position: absolute; bottom:-12px; z-index:999; color:#ffffff; text-align:center; } .pro_bg_r li p{width:100%; height:40px; line-height:40px; background: url(../images/bg.png); position: absolute; bottom:-12px; z-index:999; color:#ffffff; text-align:center; } .img2{ display: block; width: 100%; height: 100%; transition: all 1s; } .img2:hover{ transform: scale(1.2); } .index_news{width:280px; float:right; border:1px solid #dddddd; height:410px; padding:10px; } .news_t{float:right; width:220px;} .news_time{width:50px; text-align:center;} .news_time span{font-size:14px; font-weight:bold;} .index_news_list li{height:40px; font-size:14px; border-bottom:1px dotted #ddd; margin-bottom:5px;} .index_about{width:660px; border:1px solid #dddddd; height:410px; padding:10px; } .index_title{height:40px; line-height:40px; font-size:18px;} .more2{width:64px; height:21px; float:right; margin-top:5px;} .index_img{width:271px; height:370px;} .index_text{float:right; width:380px; font-size:14px; text-align:justify;} .index_text p{margin:0px ; line-height:24px;} #full-screen-slider { width:100%; height:450px; float:left; position:relative} #slides { display:block; width:100%; height:450px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; left:50%; top:400px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#d70303} .p_list li{width:200px; height:250px; float:left; margin-bottom:20px; margin-left:10px; margin-right:10px; border:1px solid #ddd; padding:10px;} .p_list li img{ width:200px; height:200px; } .p_list li p{text-align:center; height:20px; line-height:20px;} .produt_t{text-align:center; font-size:18px; background:#eee; height:40px; line-height:40px; border:1px solid #eeeeee; width:100%; margin-bottom:20px;} .page_p{font-size:14px; margin-top:20px; border-top:1px solid #dddddd; height:40px; line-height:40px;} .next_p{float:right;} .product_main{font-size:14px; line-height:24px;} .link a{ display:block; float:left; padding:5px 10px 0 10px; color:#888;} .link a:hover{ color:#fff;}