@charset "utf-8"; a {color:#333;} a:hover{color:#286dbb; } /* 头部 */ .topArea { background-color:#e9e9e9; font-size:12px; } .topArea .spot, .topArea span .wbst, .topArea span .wbst a { color:#333; } .topArea .r-arte .code, .topArea .r-arte .code a { color:#333; } .topArea .r-arte a { border-right:1px solid #999; } .topArea .r-arte .sCommon strong { padding-left:20px; background:url(topAreaTel.png) no-repeat 0 50%; color:#ff5e14; } .header { position:relative; background:#fff; overflow:initial; z-index:2; } /*============================ 导航 ============================*/ /* 通栏模式 */ #topNav { background:#eee; line-height:52px; } #topNav .nav>ul>li { height:52px; line-height:52px; } #topNav .nav>ul>li>a { color:#666; } #topNav .nav>ul>li>a:hover, #topNav .nav>ul>li>a.current { background:#286dbb; color:#fff; z-index:1; } /* 左右模式 */ .header #topNav.fr { min-height:90px; background:none; line-height:90px; } .header #topNav.fr .nav { width:auto; height:auto!important; } .header #topNav.fr .nav>ul>li { width:auto!important; height:auto!important; line-height:90px; } .header #topNav.fr .nav>ul>li>a { padding-left:25px; padding-right:25px; border-radius:0; color:#333; } .header #topNav.fr .nav>ul>li>a:hover, .header #topNav.fr .nav>ul>li>a.current { background:#286dbb; font-weight:bold; color:#fff; } /* 下拉固定模式 */ .header #topNav.nav_fixed { min-height:72px; box-shadow:0 3px 3px rgba(0, 0, 0, .1); background:#fff; z-index:99; } .header #topNav.nav_fixed .nav { width:1200px; padding-top:0; } .header #topNav.nav_fixed .nav>ul { text-align:center; } .header #topNav.nav_fixed .nav>ul>li { float:none; display:inline-block; vertical-align:top; } /* 下拉菜单 */ .nav>ul>li .shownav { top:90px; width:190px; left:50%; margin-left:-70px; padding:0; background:#fff; box-shadow:0 3px 3px rgba(0, 0, 0, .1); opacity:0; transition:all 0.3s ease-in-out; } .nav>ul>li .shownav a { margin:0; border-bottom:1px solid #e1e2e2; color:#333; } .nav>ul>li .shownav a:hover { border-bottom-color:#286dbb; background:#286dbb; color:#fff; } .nav>ul>li:hover .shownav { opacity:1; } /* 头部固定模式 */ .header.nav_fixed { position:fixed; top:0; left:0; right:0; width:100%; box-shadow:0 3px 3px rgba(0, 0, 0, .1); z-index:99; } /* Banner */ .picBox .hd { } .picBox .hd ul li, .picBox .hd li.on { background:#fff; color:#fff; } .picBox .next, .picBox .prev { background:url(icon_arr.png) no-repeat; } /* 热点 */ .HOT-KEYS { padding:27px 0; background:#f2f2f2; } .HOT-KEYS .keyleft { width:1200px; } .HOT-KEYS .keyleft .title .title_more { color:#6d6d6d; } .HOT-KEYS .keyleft .content { width:570px; } .HOT-KEYS .keyleft .content a { padding-left:18px; } .HOT-KEYS .keyleft .content a:after { position:absolute; left:3px; top:50%; width:6px; height:6px; margin-top:-3px; background:#286dbb; content:""; } .HOT-KEYS .keyleft .content a:hover { color:#286dbb; } /* 搜索 */ .searchformBox { margin-right:-600px; background:#fff; } .searchformBox form .serach_input { background:#fff; color:#666; } .searchformBox form .btn_serach { background:url(sbtn.png) no-repeat #286dbb center; color:#666; } /* placeholder 颜色 */ .searchformBox .serach_input::-webkit-input-placeholder { color:#999; } .searchformBox .serach_input:-moz-placeholder { color:#999; } .searchformBox .serach_input::-moz-placeholder { color:#999; } .searchformBox .serach_input:-ms-input-placeholder { color:#999; } .searchformBox:hover .serach_input::-webkit-input-placeholder { color:#999; } .searchformBox:hover .serach_input:-moz-placeholder { color:#999; } .searchformBox:hover .serach_input::-moz-placeholder { color:#999; } .searchformBox:hover .serach_input:-ms-input-placeholder { color:#999; } /************************************************** 框架 初始样式 **************************************************/ /* 图文内容_PC */ .TW_CONTENT { overflow:hidden; } .TW_CONTENT .m-pic { } .TW_CONTENT .m-intro { display:block; overflow:hidden; } .TW_CONTENT .m-intro .u-tt { position:relative; margin-bottom:15px; padding-top:27px; font-size:28px; font-weight:bold; line-height:45px; } .TW_CONTENT .m-intro .u-des { padding:0; } .TW_CONTENT .m-intro .u-more { margin-top:15px; } .TW_CONTENT .m-intro .u-more a { border:1px solid #286dbb; color:#286dbb; } .TW_CONTENT .m-intro .u-more a:hover { border:1px solid #286dbb; background:#286dbb; color:#fff; } /* 头条新闻_PC */ .TTXW_CONTENT { margin-bottom:20px; padding:0; border:0; overflow:hidden; } .TTXW_CONTENT .m-intro .u-more a { display:block; border-radius:3px; background-color:#0176d3; color:#fff; transition:all 0.3s ease-in-out; } .TTXW_CONTENT .m-intro:hover .u-more a { background-color:#088ae2; color:#fff; } .TTXW_CONTENT .m-intro .u-date { color:#b4b4b4 } /* 新闻列表_PC */ .TTXW_LIST { margin-bottom:20px; } .TTXW_LIST ul li { position:relative; padding:0 0 0 34px; color:#414141; font-size:14px; transition:all 0.3s ease-in-out; line-height:38px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .TTXW_LIST ul li::after { position:absolute; left:12px; top:50%; margin-top:-3px; width:6px; height:6px; display:block; background:#cecece; content:""; transition:all 0.3s ease-in-out; z-index:1; } .TTXW_LIST ul li a { color:#414141; } .TTXW_LIST ul li .u-date { color:#999; } /* 经过效果 */ .TTXW_LIST ul li:hover a { color:#286dbb; } .TTXW_LIST ul li:hover::after { background:#286dbb; } /* 图片列表_PC */ .iFCB-TPLB li .iFCB-rp { margin:0 5px 30px; padding:0; } .iFCB-TPLB li .iFCB-rp .m-pic { border:1px solid #e7e7e7; } .iFCB-TPLB li .iFCB-rp .m-pic a { display:block; overflow:hidden; } .iFCB-TPLB li .iFCB-rp .m-intro { padding:8px; border:1px solid #e7e7e7; border-top:0; background:#fff; } .iFCB-TPLB li .iFCB-rp .m-intro .u-tt { font-size:14px; } /* 经过效果 */ .iFCB-TPLB li:hover .iFCB-rp { box-shadow: 0 0 5px rgba(0,0,0,0.2); } .iFCB-TPLB li:hover .iFCB-rp .m-pic, .iFCB-TPLB li:hover .iFCB-rp .m-intro { border-color:#286dbb; } .iFCB-TPLB li:hover .iFCB-rp .m-intro { background:#286dbb; color:#fff; } .iFCB-TPLB li:hover .iFCB-rp .m-intro .u-tt a { color:#fff; } .iFCB-TPLB li:hover .iFCB-rp .m-intro .u-des { color:rgba(255,255,255,0.6); } /* .iFCB-TPLB li .iFCB-rp .m-pic a:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(eyes.png) no-repeat center 0 rgba(0,0,0,.7);opacity:0;transform-origin:50% 0;transition:all ease-out .3s;} .iFCB-TPLB li:hover .iFCB-rp .m-pic a:after{top:0;background:url(eyes.png) no-repeat center rgba(0,0,0,.7);opacity:1; transition:all .5s cubic-bezier(.23, 1, .38, 1) 0s;} */ /* 图文列表_PC */ .TWLB_LIST { margin:0; } .iFCB-TWLB li .iFCB-rp { padding:15px 8px; } .iFCB-TWLB li .iFCB-rp .m-pic { float:left; width:30%; margin-right:5%; border:1px solid #ddd; overflow:hidden; } .iFCB-TWLB li .iFCB-rp .m-intro { padding:0; } .iFCB-TWLB li .iFCB-rp .m-intro .u-tt { margin-bottom:0; font-size:18px; font-weight:bold; line-height:62px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .iFCB-TWLB li .iFCB-rp .m-intro .u-des, .iFCB-TWLB li .iFCB-rp .m-intro .u-date { color:#999; } .iFCB-TWLB li .iFCB-rp .m-intro .u-des { line-height:25px; } /* 经过效果 */ .iFCB-TWLB li:hover .iFCB-rp { } .iFCB-TWLB li:hover .iFCB-rp .m-intro .u-tt a { color:#286dbb; } .iFCB-TWLB li:hover .iFCB-rp .m-intro .u-des, .iFCB-TWLB li:hover .iFCB-rp .m-intro .u-date { color:#666; } .data { margin-bottom:10px; } .data .title_name { display:none; float:none; padding-bottom:10px; color:#333; font-size:18px; line-height:44px; } .data .input_option { position:relative; line-height:44px; } .data .input_option input[type="radio"], .data .input_option input[type="checkbox"]{ margin-top:14px; margin-right:5px; } .data .input_option .input { border:1px solid #e5e5e5; background:#fff; } .data .input_option .input:hover { border:1px solid #e4e4e4; /*background-color:#f9f9f9;*/ } .data .input_option #__ErrorMessagePanel { position:absolute; right:10px; top:0; display:inline-block; } /* .data:not(:nth-child(2)) { float:left; width:50%; } .data:not(:nth-child(2)) .title_name { display:none; } */ .btn-area { padding:10px 0 !important; clear:both; } .btn-area .btn-submit, .btn-area .reset { border-radius:0; color:#fff; } .btn-area .btn-submit { width:100%; background:#286dbb; background:linear-gradient(to right,#286dbb,#286dbb); margin-right:0; } .btn-area .reset { background:#e7e7e7; background:linear-gradient(to bottom,#e7e7e7,#e7e7e7); color:#333; display:none; } .module_field .middle .input { border:1px solid #e5e5e5; background:#fff; } .module_field .middle .input:hover { border:1px solid #e4e4e4; background-color:#f9f9f9; } /* 表单内容有误 */ .module_field .middle .input-validation-error { border:1px solid #ac2925; background:#ac2925; color:#fff; } .formitemlist .formInput { width:100% !important; border:1px solid #e5e5e5; background:#fff; } .formitemlist .formInput:hover { border:1px solid #e4e4e4; background-color:#f9f9f9; } .formitemlist .date { border:1px solid #e5e5e5; background:#fff; } .iFCB-Form { position:absolute; top:250px; right:50%; width:360px; height:438px; margin-right:-600px; padding:40px 30px 0; border-radius:10px; background:#fff; z-index:1; } .iFCB-Form .data { margin-bottom:16px; } .iFCB-Form .data .input_option .input { position:relative; width:100% !important; padding:12px 16px 12px 55px; border-radius:0; } .iFCB-Form .data .input_option::after { position:absolute; left:0; top:0; width:44px; height:44px; display:block; border-right:1px solid #e5e5e5; content:""; z-index:1; } .iFCB-Form .title { border: 0; padding-right: 0; text-align:center; } .iFCB-Form .title .title_more { padding-left: 0; border-left:0; } .iFCB-Form .data:nth-child(2) .input_option::after { background:url(form-input-1.jpg) no-repeat 50%; } .iFCB-Form .data:nth-child(3) .input_option::after { background:url(form-input-2.jpg) no-repeat 50%; } .iFCB-Form .data:nth-child(4) .input_option::after { background:url(form-input-3.jpg) no-repeat 50%; } /************************************************** iFCB 首页 **************************************************/ .title { padding:8px 12px 8px 0; border-bottom: 1px solid #ddd; background:none; } .title .title_more { padding-left:13px; border-left:5px solid #286dbb; font-size:24px; font-weight:bold; line-height:34px; } .title .title_more, .title .title_more a { color:#286dbb; } .title .more { float:right; padding-right:28px; background:url(more.png) no-repeat right 50%; font-size:14px; line-height:34px; } .title .more a { line-height:34px; } /* 标题 .iFCB-title |- .content |---- .ibw_intro |-------- .title-wp |------------ .title |---------------- h2 |-------- .ms */ .iFCB-title, .iFCB-title-dis { position:relative; margin-bottom:50px; text-align:center; clear:both; } .iFCB-title .content .title-wp, .iFCB-title-dis .content .title-wp, .pro_sort_box .title { position:relative; display:inline-block; margin-bottom:0; padding-left:0; vertical-align:top; } .iFCB-title .content .title-wp .title, .iFCB-title-dis .content .title-wp .title, .pro_sort_box .title .title_more { min-height:inherit; height:auto; margin-bottom:0; padding-right:0; padding:0; border-left:0; border: 0; line-height:inherit; } .iFCB-title .content .title-wp .title h2, .iFCB-title-dis .content .title-wp .title h2, .pro_sort_box .title .title_more a { display:inline-block; min-width:40px; height:70px; padding:0; font-size:32px; font-weight:bold; line-height:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top; } .iFCB-title .content .title-wp .title h2, .iFCB-title .content .title-wp .title h2 a, .iFCB-title-dis .content .title-wp .title h2, .iFCB-title-dis .content .title-wp .title h2 a, .pro_sort_box .title .title_more, .pro_sort_box .title .title_more a { color:#333; } .iFCB-title .ms, .iFCB-title-dis .ms { margin-bottom:0; line-height:30px; font-size:18px; } .iFCB-title .ms, .iFCB-title .ms a, .iFCB-title-dis .ms, .iFCB-title-dis .ms a { color:#666; } /* 深色块不同样式 */ .iFCB-title-dis .content .title-wp .title { background:none; } .iFCB-title-dis .content .title-wp .title h2, .iFCB-title-dis .content .title-wp .title h2 a { color:#333; } .iFCB-title-dis .ms, .iFCB-title-dis .ms a { color:#eee; } /* 产品 */ .tx .iFCB-TPLB li .iFCB-rp { margin:0 5px 5px; } .tx .iFCB-TPLB li .iFCB-rp .m-pic { padding:10px; border:1px solid #e7e7e7; border-bottom:0; } .tx .iFCB-TPLB li .iFCB-rp .m-intro { padding:0 8px 8px; border:1px solid #e7e7e7; border-top:0; } .tx .iFCB-TPLB li .iFCB-rp .m-intro .u-tt { font-size:16px; font-weight:bold; } /* 经过效果 */ .tx .iFCB-TPLB li:hover .iFCB-rp { } .tx .iFCB-TPLB li:hover .iFCB-rp .m-pic, .tx .iFCB-TPLB li:hover .iFCB-rp .m-intro { border-color:#286dbb; } .tx .iFCB-TPLB li:hover .iFCB-rp .m-intro { background:none; color:#286dbb; } .tx .iFCB-TPLB li:hover .iFCB-rp .m-intro .u-tt a { color:#286dbb; } .tx .iFCB-TPLB li:hover .iFCB-rp .m-intro .u-des { color:rgba(0,0,0,0.6); } /* 通栏居中 */ .m-center-wp { position:relative; left:50%; width:1920px; margin-left:-960px; text-align: center; } /************************************************** m9051-案例-PC **************************************************/ /* m9051-案例-PC-结构 */ .m9051-CASE .iFCB-B-DESIGN { height:auto; min-height:338px; margin-bottom:20px; } .m9051-CASE .iFCB-B-DESIGN .m-pic { float:left; width:600px; height:auto; min-height:338px; margin:0; /*border:1px solid #eee;*/ overflow:hidden; } .m9051-CASE .iFCB-B-DESIGN .m-pic img { width:100%; height:100%; transform:scale(1); transition:all 0.6s ease-in-out; } .m9051-CASE .iFCB-B-DESIGN .m-intro { display:block; padding:60px 50px 0; overflow:hidden; } .m9051-CASE .iFCB-B-DESIGN .m-intro .u-tt { height:50px; margin-bottom:14px; font-size:24px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .m9051-CASE .iFCB-B-DESIGN .m-intro .u-des { min-height:100px; margin-bottom:30px; font-size:14px; line-height:25px; overflow:hidden; } .m9051-CASE .iFCB-B-DESIGN .m-intro .u-more { text-align:center; overflow:hidden; } .m9051-CASE .iFCB-B-DESIGN .m-intro .u-more a { display:block; } .m9051-CASE .DESIGN_LIST { position:relative; padding:10px 0; } .m9051-CASE .DESIGN_LIST .hd { overflow:hidden; } .m9051-CASE .DESIGN_LIST .hd .DESIGN_LIST_WRAP { position:relative; width:10000%; font-size:0; } .m9051-CASE .iFCB-S-DESIGN li { position:relative; padding:0 8px; cursor:pointer; box-sizing:border-box; } .m9051-CASE .iFCB-S-DESIGN li div { border:1px solid #eee; overflow:hidden; } .m9051-CASE .iFCB-S-DESIGN li div img { width:100%; height:100%; transform:scale(1); transition:all 0.6s ease-in-out; } .m9051-CASE .iFCB-S-DESIGN li:after { position:absolute; left:8px; top:0; bottom:0; right:8px; opacity:0; z-index:1; content:"" } .m9051-CASE .iFCB-S-DESIGN li div span { position:absolute; top:50%; left:0; bottom:0; right:0; height:40px; margin-top:-20px; color:#fff; line-height:40px; text-align:center; font-size:16px; z-index:2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:none; } /* 经过效果 */ .m9051-CASE .iFCB-B-DESIGN:hover .m-pic img, .m9051-CASE .iFCB-S-DESIGN li:hover div img { transform:scale(1.1);} .m9051-CASE .iFCB-S-DESIGN li:hover div span { display:block; } .m9051-CASE .iFCB-S-DESIGN li.on:after { opacity:.5; } .m9051-CASE .iFCB-S-DESIGN li:hover:after { opacity:1; } /* m9051-案例-PC-皮肤 */ .m9051-CASE .iFCB-B-DESIGN { background:#eee; } .m9051-CASE .iFCB-B-DESIGN .m-intro { color:#666; } .m9051-CASE .iFCB-B-DESIGN .m-intro .u-tt a { color:#333; } .m9051-CASE .iFCB-B-DESIGN .m-intro .u-more a { color:#286dbb; } .m9051-CASE .iFCB-B-DESIGN .m-intro .u-more { width:140px; height:40px; border:1px solid #286dbb; font-size:14px; line-height:38px; } .m9051-CASE .iFCB-S-DESIGN li:hover:after, .m9051-CASE .iFCB-S-DESIGN li.on:after { background:rgba(74,74,74,0.8); } .m9051-CASE .DESIGN_LIST { margin-left:-8px; margin-right:-8px; padding:10px 0; } .m9051-CASE .DESIGN_LIST .prev, .m9051-CASE .DESIGN_LIST .next { position:absolute; top:50%; width:42px; height:42px; margin-top:-21px; cursor:pointer; z-index:3; } .m9051-CASE .DESIGN_LIST .prev { left:8px; background:url(m9051-FOCUS-prev.png) no-repeat center; } .m9051-CASE .DESIGN_LIST .next { right:8px; background:url(m9051-FOCUS-next.png) no-repeat center; } /************************************************** m9051-焦点图-PC **************************************************/ /* m9051-焦点图-PC-皮肤 */ .iFCB-FOCUS { position:relative; text-align:center; } .iFCB-FOCUS .bd { position:relative; } .iFCB-FOCUS .bd ul li { position:relative; background:#313131; overflow:hidden; } .iFCB-FOCUS .bd ul li img { width:100%; } .iFCB-FOCUS .bd ul li span { position:absolute; left:0; bottom:0; right:0; display:block; /*width:70%;*/ padding:12px 20px; background:rgba(0,0,0,0.5); color:#fff; transition:all 0.3s ease 0s; box-sizing:border-box; font-size:16px; line-height:30px; text-align:left; z-index:1; } .iFCB-FOCUS .bd ul li span a { display:block; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; } .iFCB-FOCUS .hd { position:absolute; right:14px; bottom:22px; height:10px; z-index:1; } .iFCB-FOCUS .hd ul { width:100%; height:10px; text-align:center; } .iFCB-FOCUS .hd ul li { display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 2px; border-radius:10px; background:#fff; opacity:.5; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; } .iFCB-FOCUS .hd ul .on { background:#fff; opacity:1; } .iFCB-FOCUS .prev, .iFCB-FOCUS .next { position:absolute; top:50%; width:42px; height:42px; margin-top:-21px; cursor:pointer; z-index:1; } .iFCB-FOCUS .prev { left:0; background:url(m9051-FOCUS-prev.png) no-repeat center; } .iFCB-FOCUS .next { right:0; background:url(m9051-FOCUS-next.png) no-repeat center; } .m9051-video-title { position:relative; width:328px; height:73px; padding-left:80px; background:#286dbb url(m9051-video-title.png) no-repeat 90% 50%; color:#fff; font-size:24px; line-height:73px; cursor:pointer; z-index:1; } .m9051-video-box {position:fixed;top:50%;left:50%;width:724px;height:434px;margin-top:-187px;margin-left:-332px;z-index:99;padding:30px;background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.3); display:none; } .m9051-video-box video { display:block; width:100%; height:100%; } .m9051-video-box .clear {position:absolute;right:-10px;top:-10px; display:block; width:30px;height:30px; border-radius:100%;background:#286dbb url(xx.png) no-repeat 50%;z-index:1;cursor:pointer;} .iFCB-about .TW_CONTENT .m-pic { float:right; width:573px; margin-left:138px; } .iFCB-about .TW_CONTENT .m-intro { display:block; overflow:hidden; padding:36px 0 0; } .iFCB-about .TW_CONTENT .m-intro .u-tt { position:relative; margin-bottom:45px; padding:27px 10px 0; font-size:28px; font-weight:bold; line-height:45px; } .iFCB-about .TW_CONTENT .m-intro .u-tt a { position: relative; display: inline-block; z-index: 2; } .iFCB-about .TW_CONTENT .m-intro .u-tt::after { position:absolute; left:0; top:0; display:block; color:#e5e5e5; font-size:90px; line-height:72px; content:"ABOUT"; z-index:1; } .iFCB-about .TW_CONTENT .m-intro .u-more { margin-top:45px; } .iFCB-about .TW_CONTENT .m-intro .u-des, .iFCB-about .TW_CONTENT .m-intro .u-more { margin-left:10px; } .iFCB-about .TW_CONTENT .m-intro .u-more a { border:1px solid #286dbb; color:#286dbb; } .iFCB-about .TW_CONTENT .m-intro .u-more a:hover { border:1px solid #286dbb; background:#286dbb; color:#fff; } .iFCB-news {} .iFCB-news .hd { min-height:auto; margin-bottom:24px; text-align:center; } .iFCB-news .hd li { float:left; margin-right:28px; border:1px solid #dcdcdc; font-size:16px; line-height:38px; } .iFCB-news .hd li a { display:block; padding:0 30px; } .iFCB-news .hd li.on { border-color:#fff; background:#286dbb; background:linear-gradient(to right,#286dbb,#286dbb); } .iFCB-news .hd li.on a { color:#fff; } /* 友情链接 */ .ftLinkWrap { background:#2f3033; } .ftLinkWrap .ftLink { padding-top:20px; padding-bottom:20px; background:none; color:#999; font-size:14px; } .ftLinkWrap .ftLink a { color:#999; } .ftLinkWrap .ftLink a:hover { color:#fff; } /* 底部导航 */ .navbox_foot { padding:40px 0 35px; background:#272727; } .navbox_foot .nav { position:relative; width:1200px !important; height:auto; border-bottom:1px solid #3d3e41; text-align:left; } .navbox_foot .nav>ul>li { display:inline-block; height:auto; padding-right:8px; font-size:14px; vertical-align:top; } .navbox_foot .nav>ul>li.line { width:0 !important; } .navbox_foot .nav>ul>li>a { margin-bottom:12px; padding:0; color:#fff; font-weight:bold; } .navbox_foot .nav>ul>li .shownav { position:relative; top:0; left:0; display:block; width:auto; margin-left:0; background:none; box-shadow:none; visibility:visible; height:205px; overflow-y:auto; opacity: 1; } .navbox_foot .nav>ul>li .shownav>a { display:block; padding:5px 0; border-bottom:0; color:#999; line-height:24px; text-align:left; } .navbox_foot .nav>ul>li .shownav>a:hover { background:none; color:rgba(255,255,255,1); } .navbox_foot .nav>ul>li .shownav::-webkit-scrollbar-thumb{min-height:50px;border-radius:3px;background-color:#666} .navbox_foot .nav>ul>li .shownav::-webkit-scrollbar-track{background:#000} .navbox_foot .nav>ul>li .shownav::-webkit-scrollbar-corner{background:transparent} .navbox_foot .nav>ul>li .shownav::-webkit-scrollbar{width:7px;height:7px} .footer { background-color:#272727; color:#999; } .footer .ft-wrap { } .footer .ft-wrap a { color:#999; } .footer .ft-wrap a:hover { color:rgba(255,255,255,1); } /* 首页默认模式 adver */ .adver { position:fixed; width:1200px; height:110px; left:50%; bottom:14px; margin-left:-600px; z-index:99; } .adver img { width:100%; height:100%; } .adver .adver_close { position:absolute; top:0; right:0; background:url(adver_close.png) no-repeat; display:inline-block; width:22px; height:22px; cursor:pointer; z-index:1; } .adver .adver_close img { display:none; } .mainbg { padding:20px 30px 20px; } /*内页样式*/ .pg_inside .main-home { padding-bottom:40px; background:url(iFCB_inner_bg.jpg); } /* 面包屑 */ .location { padding:0; margin:0 0 35px; border:1px solid #faf5f0; background:#f9f8f8; line-height:40px; } .location .ico { display:block; padding-left:95px; background:url(icon-home.png) no-repeat; } .location .ico a:hover,.location .ico a:last-child { color:#286dbb; } .location .ico span { padding:0 5px; font-family:"黑体" } /* 常规-菜单、相关推荐在左,主体内容在右 inner 左右-主体内容在左,菜单、相关推荐在右 inner1 通栏-菜单在上,主体内容、相关推荐在下 inner2 上左右-菜单在上,相关推荐在下左,主体内容在下右 inner3 下左右-菜单在上,主体内容下左,相关推荐在在下右 inner4 pro_sort_box title title_more a pro_sort div each_li name icon a third_box third_li name a 常规部分的栏目标题 */ .inner .pro_sort_box .title, .inner1 .pro_sort_box .title, .inner .box .title, .inner1 .box .title { display:block; margin-bottom:0; padding:4px; background:url(Pro_sort_title.jpg); font-size:22px; line-height:30px; text-align:center; } .inner .pro_sort_box .title .title_more, .inner1 .pro_sort_box .title .title_more, .inner .box .title .title_more, .inner1 .box .title .title_more { padding:23px 0; background:none; color:#fff; } .inner .pro_sort_box .title .title_more a, .inner1 .pro_sort_box .title .title_more a, .inner .box .title .title_more a, .inner1 .box .title .title_more a { display:inline; height:auto; padding:0; background:none; color:#fff; font:100 24px/36px "Microsoft Yahei","微软雅黑"; white-space:inherit; } .inner2 .pro_sort_box .title, .inner3 .pro_sort_box .title, .inner4 .pro_sort_box .title, .inner2 .box .title, .inner3 .box .title, .inner4 .box .title { display:none; } .inside_left .box, #leftObj .box, .pro_sort_box { margin-bottom:20px; text-align:center; } /* 默认左右栏目样式 */ .each_li>.name, .menu dl dt { position:relative; border:1px solid #e2e2e2; border-top:0; background:url(third_box.png) no-repeat 227px 18px #fff; font-size:16px; text-align:left; line-height:20px; overflow:hidden; } .each_li>.name>div { position:relative; } .each_li>.name>div>a, .menu dl dt a { position:relative; display:block; padding:14px 30px; color:#333; text-indent:-1.2em; } .each_li>.name>.icon:after { position:absolute; top:50%; right:12px; display:block; width:30px; height:30px; padding:0; margin-top:-15px; background:url(third_box.png) no-repeat 11px 9px; cursor:pointer; content:""; z-index:2; } .each_li.active>.name>.icon:after { background:url(third_box.png) no-repeat 11px -78px; } .each_li:hover>.name,.each_li.current>.name,.each_li.active>.name, .menu dl dt:hover,.menu dl dt a.current { border-bottom:1px solid #286dbb; background:#f1f1f1; background:linear-gradient(to bottom,#f9f8f8,#f1f1f1); } .each_li:hover>.name a,.each_li.current>.name a,.each_li.active>.name a { color:#286dbb; font-weight:bold; } .each_li .third_box { border:1px solid #eeefee; border-bottom:0; } .each_li .third_box .third_li, .menu dl dd { border-bottom:1px solid #ececec; background:#f9f9f9; } .each_li .third_box .third_li:hover { border-bottom:1px solid #286dbb; } .each_li .third_box .third_li .name { font-size:14px; text-align:left; line-height:20px; } .each_li .third_box .third_li .name a, .menu dl dd a { display:block; padding:12px 40px; background:url(iFCB_sort_ico4.gif) no-repeat 30px 20px; color:#666; } .each_li .third_box .third_li.current, .menu dl dd a.current {border-bottom: 1px solid #286dbb;background: #286dbb;} .each_li .third_box .third_li.current .active { background:url(iFCB_sort_ico5.gif) no-repeat 30px 20px; color:#fff; } /* 更多按钮隐藏 */ .pro_sort .promore { display:none; border-bottom:1px solid #2b69c5; background:#2280f4; background:linear-gradient(to bottom,#2280f4,#1b62cb); text-align:center; } .pro_sort .promore a { position:relative; display:block; padding:12px 40px; color:#fff; overflow:hidden; } .pro_sort .promore a::after { position:absolute; bottom:0; right:20%; width:47px; height:47px; content:"+"; font-size:14px; display:block; line-height:47px; } .pro_sort .promore:hover { border-bottom:1px solid #54c549; background:#54c549; background:linear-gradient(to bottom,#54c549,#39a52e); } .pg_inside .pro_sort>div{border-bottom:0;} .pg_inside .inner2 .pro_sort > div, .pg_inside .inner3 .pro_sort > div, .pg_inside .inner4 .pro_sort > div {border-bottom:none;} /* 默认通栏栏目样式 */ .inner2 .pro_sort, .inner3 .pro_sort, .inner4 .pro_sort { min-height:30px; padding:0 0 15px; text-align:center; } .inner2 .pro_sort>div, .inner3 .pro_sort>div, .inner4 .pro_sort>div { height:auto!important; } .inner2 .each_li, .inner3 .each_li, .inner4 .each_li { display:inline-block; height:32px; vertical-align:top; } .inner2 .each_li>.name, .inner3 .each_li>.name, .inner4 .each_li>.name { border:1px solid transparent; background:none; line-height:30px; } .inner2 .each_li>.name>div>a, .inner3 .each_li>.name>div>a, .inner4 .each_li>.name>div>a { padding:0 10px; color:#333; } .inner2 .each_li>.name>.icon>a, .inner3 .each_li>.name>.icon>a, .inner4 .each_li>.name>.icon>a { /*padding-right:30px;*/ } .inner2 .each_li>.name>.icon:after, .inner3 .each_li>.name>.icon:after, .inner4 .each_li>.name>.icon:after { right:10px; display:none; } .inner2 .each_li .third_box, .inner3 .each_li .third_box, .inner4 .each_li .third_box { display:none!important; } .inner2 .each_li:hover>.name, .inner2 .each_li.current>.name, .inner3 .each_li:hover>.name, .inner3 .each_li.current>.name, .inner4 .each_li:hover>.name, .inner4 .each_li.current>.name { border:1px solid #286dbb; } .inner2 .each_li:hover>.name>div>a, .inner2 .each_li.current>.name>div>a, .inner3 .each_li:hover>.name>div>a, .inner3 .each_li.current>.name>div>a, .inner4 .each_li:hover>.name>div>a, .inner4 .each_li.current>.name>div>a { color:#286dbb; } /* 首页分类 */ .iFCB-category { position:relative; padding:42px 0; background:#fff; } .iFCB-category .title { margin-bottom:23px; text-align:center; } .iFCB-category .pro_sort { text-align:center ; } .iFCB-category .pro_sort>div { height:auto!important; vertical-align:top; } .iFCB-category .pro_sort .each_li { display:block; line-height:20px; vertical-align:top; } .iFCB-category .pro_sort .each_li>.name { border-bottom:0; background:none; } .iFCB-category .pro_sort .each_li>.name>div {} .iFCB-category .pro_sort .each_li>.name>div>a { padding:8px 0; text-indent:0; } .iFCB-category .pro_sort .each_li>.name>.icon>a {} .iFCB-category .pro_sort .each_li>.name>.icon:after {left:0; display:none;} .iFCB-category .pro_sort .each_li .third_box {} .iFCB-category .pro_sort .each_li:hover>.name {} .iFCB-category .pro_sort .each_li.current>.name {} .iFCB-category .pro_sort .each_li:hover>.name>div { } .iFCB-category .pro_sort .each_li.current>.name>div {} .iFCB-category .pro_sort .each_li:hover>.name>div>a { background:none; color:#286dbb; } .iFCB-category .pro_sort .each_li.current>.name>div>a {} .iFCB-category .pro_sort .promore { border:0; background:none; display:inline-block;line-height:20px; } .iFCB-category .pro_sort .promore a { color:#333; padding:6px 20px; } .iFCB-category .pro_sort .promore a::after {display:none;} .iFCB-category .pro_sort .promore a:hover { background:#2374d5; color:#fff; } .iFCB-category ::-webkit-scrollbar-thumb {min-height:50px;border-radius:3px;background-color:#666} .iFCB-category ::-webkit-scrollbar-track {background:#eee} .iFCB-category ::-webkit-scrollbar-corner {background:transparent} .iFCB-category ::-webkit-scrollbar {width:7px;height:7px} /* 内页推荐信息标题 */ .iFCB-inside-title .title { min-height:40px; background:url(location.jpg) repeat-x; line-height:40px; } .iFCB-inside-title .title .title_more { position:relative; float:left; min-width:140px; padding:0 40px 0 20px; background:url(iFCB_lt_news.png) no-repeat right top; color:#fff; font-size:14px; text-align:center; } .iFCB-inside-title .title .title_more:before { position:absolute; bottom:5px; left:9px; display:block; width:1px; height:9px; background:#fff; transform:skew(-45deg); content:""; opacity:1; } .iFCB-inside-title .title .more { float:right; margin-right:15px; padding-right:10px; background:url(iFCB_sort_ico.png) no-repeat right 45%; } .iFCB-inside-news .title { margin-top:38px; } .iFCB-inside-design .title { margin-bottom:30px; } #leftObj .iFCB-inside-design { display:none; } .inner1 .inside_content, .inner2 .inside_content { display:none; } .inner1 .inside_content .content, .inner2 .inside_content .content { padding-top:20px; } /* 分页 */ .paging { padding:50px 10px 30px; text-align:center; } .paging a,.paging span { display:inline-block; *display:inline; zoom:1; margin:0; padding:3px 8px; border:1px solid #d9d9d9; background:#fff; line-height:20px; vertical-align:top;} .paging span { background:#41414e; border-color:#41414e; color:#fff; } .paging select { min-height:28px; line-height:28px; } /* 默认模式 相册模式 */ .main-case{padding:15px 0 35px;background:#fff} .main-case .topic{font-size:20px;font-weight:bold;text-align:center;color:#111;margin:0 0 15px;} .slider-box-img{ width:100%; min-width:980px;position:relative; overflow:hidden;text-align:center;border-top:1px solid #E8E8E8;} .slider_box_bd{height:480px;position:relative; background:#fff;border:0!important} .slider-box-img .bd{ width:980px; position:absolute; left:50%; margin-left:-490px } .slider-box-img .bd li{ width:980px;line-height:480px;overflow:hidden;text-align:center;position:relative;} .slider-box-img .bd li img{max-width:900px;max-height:400px} .slider-box-img .bd li .theme{position:absolute;bottom:10px;left:0;width:100%;line-height:26px;height:26px;overflow:hidden;background-color:transparent;text-align:center;} .slider-box-img .bd li .theme .w{padding:0 10px;color:#111} .slider-box-img .bd li .theme .c{padding:0 10px;color:#666;line-height:22px;} .slider-box-img .tempWrap{ overflow:visible !important } .slider-box-img .tempWrap ul{ margin-left:-980px !important; /*强制位置*/ } .slider-box-img .bd li p{/position:absolute;/top:50%} .slider-box-img .bd li p img{/position:relative;/top:-50%;/left:-50%;vertical-align:middle} .slider-box-img .bd li p:after{content:".";font-size:1px;overflow:hidden} .slider_box_hd{border-top:1px solid #E8E8E8;padding:15px 0 0;} .slider-box-img .hd{ position:relative;margin:0 auto;height:95px;overflow:hidden;width:882px; left:0;z-index:1;text-align:center; } .slider-box-img .hd .wrap{width:10000%;position:relative;font-size:0} .slider-box-img .hd .wrap ul{position:relative} .slider-box-img .hd li{ float:left;overflow:hidden; margin:0; cursor:pointer;border:3px solid #f9f9f9;filter:alpha(opacity=50);opacity:0.5;} .slider-box-img .hd li.on{border-color:#f60;filter:alpha(opacity=100);opacity:1;} .slider-box-img .pnBtn{ position:absolute; z-index:1; top:0; width:100%; height:480px; cursor:pointer;} .slider-box-img .pnBtn:hover{background-color:#ddd; filter:alpha(opacity=85);opacity:0.85;} .slider-box-img .prev{ left:-50%; margin-left:-490px;border-right:1px solid #E8E8E8;} .slider-box-img .next{ left:50%; margin-left:490px;border-left:1px solid #E8E8E8;} .slider-box-img .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:480px; background:#fff; filter:alpha(opacity=85);opacity:0.85; } .slider-box-img .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:60px; height:480px; } .slider-box-img .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:0.6; } .slider-box-img .prev .arrow{ right:0; background:url(slider-arrow.png) -150px 45% no-repeat; } .slider-box-img .next .arrow{ left:0; background:url(slider-arrow.png) -45px 45% no-repeat; } .PageNum{position:absolute;right:15px;top:15px;background:url(Digital_box.png) no-repeat;width:36px;height:36px;z-index:2} .PageNum .curNum{font-size:26px;color:#f30;position:absolute;margin:-10px 0 0 -20px;text-align:right;width:30px} .PageNum .allNum{color:#cfcfcf;margin:20px 0 0 10px} /* 首页默认模式 在线客服 */ .online-qq-lx { position:absolute; top:380px; width:55px; z-index:100; } .online-qq-lx .qq_content-lx dd { position:relative; width:55px; margin-bottom:2px; font-size:12px; } .mbar-ico { position:relative; background:#286dbb; font-size:14px; } .mbar-ico i { position:relative; display:block; width:55px; height:40px; background:url(online_lx.png) no-repeat #286dbb; cursor:pointer; z-index:2; } .mbar-ico .mbar-tip { position:absolute; top:0; background:#286dbb; color:#fff; opacity:0; transition:all 0.3s ease 0s; text-align:left; white-space:nowrap; visibility:hidden; } .mbar-ico .mbar-tip a { display:block; color:#fff; } .mbar-ico .mbar-tip a:hover { color:#ff0; } .mbar-ico:hover .mbar-tip { opacity:1; z-index:1; visibility:visible; } /* QQ */ .mbar-qq i { background-position:0 0; } .mbar-qq .mbar-tip { min-height:40px; padding:5px 24px 5px 14px; line-height:30px; } .mbar-qq .mbar-tip img { margin-right:8px; margin-top:-3px; vertical-align:middle; } /* 咨询 */ .mbar-tel i { background-position:0 -40px; } .mbar-tel .mbar-tip { padding:9px 15px; font-size:14px; line-height:22px; } /* 二维码 */ .mbar-micro .mbar-tip { top:-100px; min-width:110px; padding:5px; background:#fff; color:#000; box-shadow:0 0 10px #ccc; text-align:center; line-height:20px; } .mbar-micro .mbar-tip span { display:block; } .mbar-micro-sj i { background-position:0 -200px; } .mbar-micro-wx i { background-position:0 -120px; } .mbar-micro-hc i { background-position:0 -160px; } /* 返回顶部 */ .mbar-top { display:none; } .mbar-top i { background-position:0 -240px; } .mbar-top .mbar-tip { right:0; height:40px; line-height:40px; } .mbar-top .mbar-tip a { padding:0px 15px; } .online-qq-left { left:10px; right:auto; } .online-qq-left .mbar-ico .mbar-tip { left:100px; right:auto; } .online-qq-left .mbar-ico:hover .mbar-tip { left:55px; right:auto; } .online-qq-left .mbar-top .mbar-tip { left:100px; right:auto; } .online-qq-left .mbar-top:hover .mbar-tip { left:55px; right:auto; } .online-qq-right { right:10px; left:auto; } .online-qq-right .mbar-ico .mbar-tip { right:100px; left:auto; } .online-qq-right .mbar-ico:hover .mbar-tip { right:55px; left:auto; } .online-qq-right .mbar-top .mbar-tip { right:100px; left:auto; } .online-qq-right .mbar-top:hover .mbar-tip { right:55px; left:auto; } /*在线客服*/ .online-qq{width:135px;z-index:500;padding:12px 0 0;text-align:center} .qq_content{background:#fff;font-weight:normal;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} .qq_content .dt{font-size:14px;font-weight:bold;color:#fff;cursor:pointer;padding:10px 20px;text-align:left} .qq_content dd{padding:12px;font-size:12px} .qq_content dd a{line-height:22px;display:block;margin:0 0 5px;border:1px solid #d2d2d2;} .qq_content dd a:hover{color:#fff;text-decoration:none} .qq_content dd img{margin:0 3px -3px 0} .qq_content .tel{background:#eee;font-size:14px} .qq_content .tel strong{font-weight:bold;color:#f00} .qq_content .qr{background:#fff} .qq_content .qr img{margin:0} .qq_content dd p{padding:.3em 0} .qq_content dd p a{padding:0 0 0 18px} .online-qq{} .qq_content .dt{background:#1a7bb5;} .qq_content dd a{background:url(tab_bg.jpg) repeat-x} .qq_content dd a:hover{background:#062f7e;border-color:#062f7e;} .qq_content dd p a{background:url(icon_qq.png) no-repeat 0 50%;} /* 首页默认模式 向上 */ .pageTop { z-index:100; } .pageTop { background:url(backtop_icon.png) no-repeat;width:44px;height:44px;position:fixed;margin-right:-650px;right:50%;top:85%;overflow:hidden;text-indent:-999px} .pageTop a { width:100%;height:100%;display:block;} /* 产品多图模式 */ .preview { width:422px !important; margin:0 0 20px !important; } .preview .bigImg { width:422px !important; height:422px !important; } .preview .bigImg .mimg p { width:420px !important; height:420px !important; line-height:420px !important; font-size:0 !important; text-align:center !important; overflow:hidden !important; } .preview .bigImg .mimg p img { vertical-align:middle !important; width:auto !important; height:auto !important; max-width:420px !important; max-height:420px !important; } .preview .smallImg #imageMenu {} .preview .smallImg #imageMenu ul { height:60px !important; line-height:60px !important; font-size:0 !important; text-align:center !important; overflow:hidden !important; } .preview .smallImg #imageMenu ul li { height:60px!important; } .preview .smallImg #imageMenu ul li img { vertical-align:middle !important; width:auto !important; height:auto !important; max-width:60px !important; max-height:60px !important; } /* 放大镜 */ .smallImg { width: 422px!important; height:80px!important; } .smallImg #imageMenu { height:60px!important; } #cboxLoadedContent { margin-bottom:35px!important; } #cboxCurrent { left:110px!important; bottom:0!important; } /* 产品详细页 多图模式 */ .IMGVIEW .display_title .btn { line-height:50px!important; } .IMGVIEW .display_title .btn a { background-image:url(btn_img.jpg)!important; } /* 详细页面样式 标题、文字大小、分享、打印、上一条下一条 */ .display_title { padding:0 0 20px;text-align:center;color:#999} .display_title h1 { margin:0 0 20px;padding:20px 0;border-bottom:1px dotted #ccc;color:#333} .display_title .info { min-height:28px; line-height:26px; } .display_title .info span { display:inline-block; } .m_intro { margin:10px 20px 15px; padding:20px; background:#fafafa; } .display_article, .ke-content { line-height:2.2;color:#444} .display_article { padding:0 20px; font-size:14px; } .display_article h3{color:#333} .display_article img { max-width:100%; height:auto; } .display_title .info .font_size { padding:0 20px;} .display_title .info .font_size a { padding:0 3px; } .display_title .info .mobile_qr { padding-right:20px; background:url(cd.png) no-repeat right center; cursor:pointer; } .display_title .info .mobile_qr .qrimg { display:none; top:20px; } .display_title .info .mobile_qr:hover .qrimg { display:block; } .display_title .info .share_box { padding:0; position:relative; display:inline-block; text-align:center; width:102px; margin:0; cursor:pointer; } .display_title .info .share_box .share_name { background:url(share_name.png) no-repeat; width:102px; height:26px; border-radius:3px; margin-bottom:5px; border:1px solid #ececec; line-height:26px;color:#333;text-indent:20px;} .display_title .info .share_box .share_content { position:absolute; background:#fff!important; width:300px; } .diplay_foot { display:none; } .page_up_dn { padding:20px;overflow:hidden;zoom:1;} .page_up_dn li { float:left; width:50%; } .display_title .info, .display_title .others, .display_title .others_online { display:inline-block; vertical-align:top;} .display_title .others_online { background:url(others_online.png) no-repeat; width:102px; height:26px; border-radius:3px; border:1px solid #ececec; line-height:26px;color:#333;text-indent:20px; } .inner2 .inside_display_left { display:none; } /* 产品详细页底部在线咨询 */ .PRO-I { height:40px; margin-bottom:10px; background:url(location.jpg) repeat-x; font-size:12px; line-height:40px; } .PRO-I .TITLE-LEAD { position:relative; float:left; min-width:120px; padding:0 20px; background:url(iFCB_lt_news.png) no-repeat right top; color:#fff; text-align:center; } .PRO-I .TITLE-LEAD:before { position:absolute; bottom:5px; left:9px; display:block; width:1px; height:9px; background:#fff; transform:skew(-45deg); content:""; opacity:1; } /* 网站地图 */ .map { padding:0 20px; } .sitemap_title a { margin: 0 10px; } .sitemap{padding:0;border:1px solid #e5e5e5;margin:0;overflow:hidden;zoom:1;margin:10px 0} .sitemap dt{padding:0;background:url(redian.png) no-repeat right top;height:50px;line-height:50px;color:#000;font-weight:bold;text-align:center;width:10%;float:left;color:#669934} .sitemap dt a{color:#111} .sitemap dd{ padding: 11px 0; line-height:30px; display: block; overflow: hidden; } .sitemap dd a { display: inline-block; padding:0 1em 0 0; } .pg_inside .main-home .TW_CONTENT .m-pic { display:none; } /* 最热评论 */ .commentbox {} .commentbox .comments_title { margin-bottom:20px; color:#141516; font-size:26px; line-height:60px; font-weight:bold; text-align:center; } .commentbox .comments { padding:0 20px; } .commentbox .comments .comment_item { position:relative; margin-bottom:20px; padding:5px 10px; border-radius:3px; border:1px solid #e1e1e1; } .commentbox .comments .comment_item .comment_username { padding:0 10px; line-height:40px; } .commentbox .comments .comment_item .comment_title { padding:15px 10px; border-top:1px solid #e1e1e1; font-size:16px; font-weight:bold; line-height:24px; } .commentbox .comments .comment_item .comment_content { padding:15px 10px; border-top:1px solid #e1e1e1; color:#666; line-height:24px; } .commentbox .comments .comment_item .comment_bottom { position:absolute; right:12px; top:5px; color:#999; line-height:40px; }