锘緻charset "utf-8"; /* CSS Document */ ::-webkit-scrollbar-track-piece { background-color: #f1f1f1; } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-thumb { background-color: #c1c1c1; background-clip: padding-box; min-height: 28px; } ::-webkit-scrollbar-thumb:hover { background-color: #a8a8a8; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } input::-webkit-input-placeholder { color: rgba(204, 204, 204, 1); } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(204, 204, 204, 1); } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(204, 204, 204, 1); } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(204, 204, 204, 1); } textarea::-webkit-input-placeholder { color: rgba(204, 204, 204, 1); } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgba(204, 204, 204, 1); } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgba(204, 204, 204, 1); } textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgba(204, 204, 204, 1); } /* 鍩烘湰鏍峰紡璁剧疆 */ * { padding: 0; margin: 0; box-sizing: border-box; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, section, summary, time, mark, audio, video, input, select { margin: 0; padding: 0; } body { min-width: 1300px; font: 14px Microsoft YaHei,SimSun,"Arial Narrow",HELVETICA; -webkit-text-size-adjust: 100%; color: #666; background-color: #f6f6f6; } .txtArea dt, .txtArea h3 { line-height: 26px; font-size: 14px; } a { color: #666; text-decoration: none; } a:hover { color: #1f81f8; text-decoration: underline; } em { font-style: normal; } li { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } p { word-wrap: break-word; } img { vertical-align: top; border: 0; } .fl { float: left; } .fr { float: right; } .cl { clear: both; } .warp { width: 1200px; margin: 0 auto; clear: both; display: block; content: ""; } .po_r { position: relative; } .db { display: block !important; } .bg_color { background-color: #fff; } /*娓呴櫎娴姩*/ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .fy-mt-10 { margin-top: 10px !important; } .fy-mt-20 { margin-top: 20px !important; } .fy-mt-30 { margin-top: 30px !important; } .fy-mt-40 { margin-top: 40px !important; } .fy-mb-10 { margin-bottom: 10px !important; } .fy-mb-20 { margin-bottom: 20px !important; } .fy-mb-30 { margin-bottom: 30px !important; } .fy-mb-40 { margin-bottom: 40px !important; } .pr { position: relative; } /*寮圭獥*/ .tips-warp { z-index: 501; display: none; position: absolute; left: -70px; top: 29px; width: 210px; height: 40px; padding: 10px; border-radius: 2px; line-height: 1.5714285714; font-weight: 400; text-align: left; color: #333; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); box-shadow: 0 2px 10px 0 rgba(0,0,0,.2); background-color: #fff; } .tips-warp { width: 210px; padding: 8px 12px 9px; left: -100px; } .tips-warp .triangle { display: block; width: 30px; height: 16px; position: absolute; overflow: hidden; -webkit-box-shadow: 0 16px 10px -17px #e0e0e0; box-shadow: 0 16px 10px -17px #e0e0e0; z-index: 120; top: -15px; left: 65px; } .tips-warp .triangle:after { display: block; content: " "; position: absolute; width: 15px; height: 15px; top: 10px; left: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); background: #fff; -webkit-box-shadow: -1px -1px 10px -2px #e0e0e0; box-shadow: -1px -1px 10px -2px #e0e0e0; } .btn_claim { color: #1f81f8; } /*寮圭獥2*/ .btn_upsj { z-index: 501; display: none; position: absolute; right: -125px; top: -36px; width: 270px; height: 34px; line-height: 20px; font-size: 12px; color: #fff; font-weight: 400; text-align: left; background-color: #484848; padding: 7px 20px; border-radius: 4px; } .btn_upsj .triangle { display: block; width: 30px; height: 16px; position: absolute; overflow: hidden; z-index: 120; bottom: -15px; left: 50%; margin-left: -15px; } .btn_upsj .triangle:after { display: block; content: " "; position: absolute; width: 15px; height: 15px; top: -10px; left: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); background: #484848; } /*澶撮儴*/ .fy-top-taitou { width: 100%; height: 60px; background-color: #292929; } /*logo*/ .fy-top-taitou .logo { float: left; padding: 0; margin: 0; } .fy-top-taitou .logo .logo-img { width: 200px; height: 60px; line-height: 60px; font-size: 0; text-align: left; float: left; } .fy-top-taitou .logo .logo-img a { display: block; } .fy-top-taitou .logo .logo-img img { width: 136px; height: 32px; vertical-align: middle; } /*娉ㄥ唽鐧诲綍*/ .login-account-box { height: 30px; line-height: 28px; padding: 0 5px; border-radius: 4px; margin-top: 15px; float: right; color: #1f81f8; } .login-account-box a { color: #1f81f8; cursor: pointer; } .login-account-box .btn_a_quit { margin-left: 5px; } .login-account-box .btn_a_manage { margin-right: 5px; } .fy-top-taitou .log-box { height: 30px; line-height: 28px; padding: 0 5px; border: 1px solid #1f81f8; border-radius: 4px; margin-top: 15px; float: right; } .fy-top-taitou .log-box a { cursor: pointer; color: #1f81f8; float: left; padding: 0 10px; } .fy-top-taitou .log-box .btn_a_register { position: relative; } .fy-top-taitou .log-box .btn_a_register::after { content: ""; width: 1px; height: 14px; background-color: #1f81f8; position: absolute; left: 0; top: 50%; margin-top: -7px; } /*鎼滅储*/ .hd_search { position: absolute; top: 15px; left: 50%; margin-left: -222px; } .hd_search .fy_search { border: 1px solid #666; width: 444px; height: 30px; border-radius: 4px; box-sizing: border-box; overflow: hidden; } .hd_search .search_input { float: left; width: 410px; padding: 0 10px; height: 28px; line-height: 28px; font-size: 14px; color: #878787; border: 0; outline: 0; background-color: #292929; box-sizing: border-box; } .hd_search .search_btn { float: left; display: block; width: 28px; height: 28px; line-height: 28px; font-size: 14px; color: #fff; text-align: center; background: url(/img/search_btn.png) center center no-repeat; background-size: 22px; cursor: pointer; border: 0; outline: 0; } .hd_search .search_key { margin-top: 2px; line-height: 16px; font-size: 12px; } .hd_search .search_key span { margin-right: 5px; color: #1f81f8; } .hd_search .search_key a { color: #999; margin-right: 10px; } .hd_search .search_key a:hover { color: #1f81f8; } /*澶撮儴涓讳綋淇℃伅*/ .fy-top { width: 100%; height: auto; background-color: #191919; padding: 32px 0; } .fy-head { width: 1200px; height: auto; margin: 0 auto; } .fy-head-info { width: 100%; } .fy-head-info .fy-logo-text { width: 90px; height: 90px; line-height: 30px; font-size: 26px; color: #ffffff; background: url(/img/fy-gs.png) center center no-repeat; text-align: justify; padding: 15px; /*background-color: #d38fdf;*/ border-radius: 4px; overflow: hidden; } .fy-head-info .fy-logo-text::after { content: ""; width: 100%; display: inline-block; } .fy-head-info .fy-info-box { width: 1090px; height: 90px; } .fy-head-info .fy-info-box .company-name { height: 30px; } .fy-head-info .fy-info-box .company-name h1 { max-width: 750px; height: 30px; line-height: 30px; font-size: 28px; color: #ffffff; float: left; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .fy-head-info .fy-info-box .company-name .claim-box { position: relative; width: 102px; height: 32px; float: left; margin-left: 10px; } .fy-head-info .fy-info-box .company-name .claim-btn { width: 95px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-decoration: none; font-weight: normal; text-align: center; display: block; background-color: #1f81f8; border-radius: 4px; } .fy-head-info .fy-info-box .company-name .claim-btn:hover { color: #fff; text-decoration: underline; } .fy-head-info .fy-info-box .company-name .fy-activity { height: 30px; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-follow, .fy-head-info .fy-info-box .company-name .fy-activity .fy-share span.share-txt, .fy-head-info .fy-info-box .company-name .fy-activity .fy-share2 { height: 30px; line-height: 30px; font-size: 14px; color: #fff; padding: 0 15px 0 40px; background-color: #3d3d3d; background-position: 15px center; background-repeat: no-repeat; border-radius: 4px; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-follow { background-image: url(/img/icon/ico-v5-gz.png); background-size: 16px 14px; margin-left: 15px; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-follow-on { background-color: #1f81f8; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-share { position: relative; height: 30px; margin-left: 15px; cursor: pointer; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-share span.share-txt { display: block; background-image: url(/img/icon/ico-v5-fx.png) !important; background-size: 15px; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-share .share_info { z-index: 501; display: none; position: absolute; left: -50px; top: 40px; width: 134px; height: 134px; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-share .share_info .i { display: block; width: 30px; height: 16px; position: absolute; overflow: hidden; z-index: 120; top: -15px; left: 80%; margin-left: -15px; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-share .share_info .i:after { display: block; content: " "; position: absolute; width: 15px; height: 15px; top: 10px; left: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); background: #fff; } .fy-head-info .fy-info-box .company-name .fy-activity .fy-share .share_con { width: 134px; height: 50px; padding: 5px 10px; background-color: #fff; overflow: hidden; border-radius: 10px; } .fy-share .bdsharebuttonbox a { display: inline-block; margin-top: 7px; width: 28px; height: 28px; line-height: 28px; margin-left: 5px; margin-right: 5px; background-repeat: no-repeat; background-position: center center !important; background-size: 28px; } .fy-share .bdsharebuttonbox .bds_sqq { background-image: url(/img/icon/ico-v5-qq.png); } .fy-share .bdsharebuttonbox .bds_tsina { background-image: url(/img/icon/ico-v5-wb.png); } .fy-share .bdsharebuttonbox .bds_weixin { background-image: url(/img/icon/ico-v5-wx.png); } /*鍒嗕韩*/ /*.fy-head-info .fy-info-box .company-name .fy-activity .fy-share { background-image: url(/img/icon/ico-v5-fx.png) !important; background-size: 15px; } .bdsharebuttonbox { margin-left: 15px; height: 30px; line-height: 30px; background-color: #3d3d3d; } .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { display: block; float: initial !important; height: 30px !important; line-height: 30px !important; font-size: 14px !important; color: #fff !important; padding-left: 0 15px 0 40px !important; margin: 0 !important; } .bdshare-button-style0-16 a:hover { opacity: 1 !important; color: #fff !important; }*/ /*浜岀淮鐮?/ .fy-tel-qrcode { width: 20px; height: 30px; position: relative; cursor: pointer; } .fy-tel-qrcode .ico-img { display: block; width: 20px; height: 30px; line-height: 30px; background: url(/img/icon/ico-v5-tel.png) center center no-repeat; background-size: 13px 19px; } .fy-tel-qrcode .qrcode_img { z-index: 501; display: none; position: absolute; left: -95px; top: 36px; width: 134px; height: 134px; } .fy-tel-qrcode .qrcode_img .i { display: block; width: 30px; height: 16px; position: absolute; overflow: hidden; z-index: 120; top: -15px; left: 80%; margin-left: -15px; } .fy-tel-qrcode .qrcode_img .i:after { display: block; content: " "; position: absolute; width: 15px; height: 15px; top: 10px; left: 5px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); background: #fff; } .fy-tel-qrcode .erwm { width: 134px; height: 164px; background-color: #fff; overflow: hidden; border-radius: 10px; } .fy-tel-qrcode .erwm .erwm-img { width: 134px; height: 134px; } .fy-tel-qrcode .erwm .erwm-img img { max-width: 100%; max-height: 100%; } .fy-tel-qrcode .erwm span { width: 100%; height: 14px; line-height: 14px; font-size: 14px; color: #333; text-align: center; display: block; } /*.fy-tel-qrcode:hover .qrcode_img { display:block; }*/ .fy-head-info .fy-info-box .company-name .fy-activity .fy-follow:hover, .fy-head-info .fy-info-box .company-name .fy-activity .fy-share span.share-txt:hover, .fy-head-info .fy-info-box .company-name .fy-activity .fy-share span.sp-bg, .fy-head-info .fy-info-box .company-name .fy-activity .fy-share2:hover { background-color: #1f81f8; } /**/ .fy-head-info .fy-info-box .company-info { width: 100%; height: 28px; margin-top: 25px; } .fy-head-info .fy-info-box .company-info span { height: 28px; line-height: 28px; float: left; font-size: 13px; color: #fff; padding: 0 15px; margin-right: 15px; display: block; border-radius: 4px; } .fy-head-info .fy-info-box .company-info span.color-100, .fy-head-info .fy-info-box .company-info span.color-102 { background-color: #339933; } .fy-head-info .fy-info-box .company-info span.color-200, .fy-head-info .fy-info-box .company-info span.color-301, .fy-head-info .fy-info-box .company-info span.color-302, .fy-head-info .fy-info-box .company-info span.color-306, .fy-head-info .fy-info-box .company-info span.color-401, .fy-head-info .fy-info-box .company-info span.color-402, .fy-head-info .fy-info-box .company-info span.color-501, .fy-head-info .fy-info-box .company-info span.color-601 { background-color: #FF6600; } .fy-head-info .fy-info-box .company-info span.color-300 { background-color: #666666; } .fy-head-info .fy-info-box .company-info span.color200 { background-color: #3d3d3d; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } .fy-head-info .fy-info-box .company-info span.fy-sp-update { position: relative; float: right; font-size: 12px; color: #1f81f8; margin: 0; padding: 0 0 0 22px; cursor: pointer; } /*.fy-head-info .fy-info-box .company-info span.fy-sp-update::after { position: absolute; left: 0; top: 0; content: ""; width: 17px; height: 28px; background: url(/img/icon/ico-v5-gx.png) left center no-repeat; background-size: 17px 13px; transition-property: transform; transition-duration: 8s; animation: rotate 4s linear infinite; }*/ .fy-head-info .fy-info-box .company-info span.fy-sp-time { float: right; font-size: 12px; padding: 0; } .fy-head-info .company-zx { width: 90px; float: left; padding: 0 7px; } .fy-head-info .company-zx .fy-xinxi { width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #fff; padding-left: 5px; margin-bottom: 5px; } .fy-head-info .company-zx .fy-xinxi span { float: left; margin-right: 5px; } .fy-head-info .company-zx .fy-renz { width: 76px; height: 27px; line-height: 26px; font-size: 12px; color: #fff; text-align: right; padding: 0 10px 0 28px; border-radius: 4px; } .fy-head-info .company-zx .fy-renz.color-100 { background: #ffcc33 url(/img/icon/ico-v5-rz.png) 5px center no-repeat; background-size: 19px; } .fy-head-info .company-zx .fy-renz.color-200 { color: #cccccc; background: #666666 url(/img/icon/ico-v5-frz.png) 5px center no-repeat; background-size: 19px; } .fy-head-info .company-Brief { width: 1090px; height: auto; line-height: 30px; font-size: 14px; color: #999; padding: 15px; background-color: #292929; } .fy-head-info .company-Brief a { font-size: 12px; color: #1f81f8; cursor: pointer; margin-right: 5px; } /*涓讳綋鍐呭*/ .fy-mainbody { width: 100%; height: auto; } .main-body { width: 1200px; margin: 0 auto; /*display: flex;*/ } .main-info { width: 1200px; margin-right: 20px; float: left; } .main-adv { width: 300px; float: left; } .adv-baidu { width: 300px;float: left; background: #fff; text-align: center; } .adv-baidu iframe { } /*涓讳綋骞垮憡*/ .main-adv .fy-adv-qrcode { width: 100%; height: 270px; background: url(/img/v5-adv-bg.png) top center no-repeat; background-size: cover; padding: 20px 22px; } .main-adv .fy-adv-qrcode h3 { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #3399ff; font-weight: normal; text-align: justify; } .main-adv .fy-adv-qrcode h3::after { content: ""; width: 100%; display: inline-block; } /*.main-adv .qrcode-info { width: 190px; height: 110px; background: url(/img/v5-adv-sj.png) right center no-repeat; background-size: 58px 110px; margin: 25px auto 30px; } .main-adv .qrcode-info .qrcode-img { width: 110px; height: 110px; float: left; }*/ .main-adv .qrcode-img { width: 138px; height: 138px; margin: 23px auto 15px; } .main-adv .qrcode-img img { width: 138px; height: 138px; } .main-adv .fy-adv-qrcode .qrcode-txt { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #3399ff; font-weight: bold; text-align: center; } .main-adv .fy-adv-img { width: 100%; text-align: center; } .main-adv .fy-adv-img a { display: block; } .main-adv .fy-adv-img img { max-width: 100%; } /*鍙宠竟*/ .side-item { width: 300px; margin-bottom: 20px; background-color: #fff; box-sizing: border-box; } .side-item .title { width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #333333; padding-left: 20px; border-bottom: 1px solid #dfdfdf; } .side-item .side-bot { width: 100%; padding: 10px 20px; } .side-item .side-bot li { width: 100%; height: 36px; } .side-item .side-bot li a { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .side-item .side-bot li a:hover { color: #1f81f8; } /*涓讳綋姝f枃*/ .info-box { width: 100%; background-color: #fff; margin-bottom: 20px; } .info-box .title { height: 68px; padding: 19px 15px; } .info-box .title h4 { height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: normal; padding-left: 15px; float: left; position: relative; } .info-box .title h4::after { position: absolute; left: 0; bottom: 6px; content: ""; width: 3px; height: 14px; background-color: #1f81f8; display: block; } .info-box .title .num { font-size: 20px; color: #1f81f8; margin-left: 5px; font-weight: 500; } .info-box .box-bot { padding: 0 15px; } /*鑿滃崟鏍?/ .mian-nav { width: 100%; height: 62px; padding: 21px 0; background-color: #ffffff; margin-bottom: 20px; } .mian-nav ul { } .mian-nav li { float: left; height: 20px; padding: 0 15px; position: relative; } .mian-nav li::after { content: ""; width: 1px; height: 20px; display: block; background-color: #f6f6f6; position: absolute; top: 0; right: 0; } .mian-nav li:last-child::after { display: none; } .mian-nav li a { display: block; height: 20px; line-height: 20px; font-size: 16px; color: #333333; -webkit-transition: all .5s; transition: all .5s; } .mian-nav li a span { color: #faad14; margin-left: 5px; } .mian-nav li a:hover { color: #1f81f8; text-decoration: none; } /*涓昏惀涓氬姟*/ .info-box .d-list { width: 100%; padding-bottom: 10px; } .info-box .d-list ul { margin-left: -15px; overflow: hidden; } .info-box .d-list li { width: 200px; float: left; margin-left: 16px; margin-bottom: 10px; } .info-box .d-list li .fy-img { width: 100%; height: 150px; line-height: 150px; font-size: 0; text-align: center; overflow: hidden; } .info-box .d-list li .fy-img img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; vertical-align: middle; object-fit: cover; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; } .info-box .d-list li .fy-name { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333; text-align: left; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s; transition: all .5s; } .info-box .d-list li:hover .fy-img img { transform: scale(1.05); } .info-box .d-list li:hover .fy-name { color: #1f81f8; } .vip_product #origin-img { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; overflow: hidden; } .vip_product .origin-img-bg { background: rgba(0,0,0,.5); width: 100%; height: 100%; } .vip_product .fy-cc { width: 580px; height: 550px; border-radius: 10px; position: absolute; left: 50%; top: 45%; margin-left: -290px; margin-top: -250px; } .vip_product .fy-bginfo { width: 580px; height: 550px; background-color: #fff; margin: 0 auto; box-sizing: border-box; padding: 30px; border-radius: 10px; } .vip_product .fy-info { width: 100%; height: 100%; overflow: hidden; overflow-y: auto !important; } .vip_product .fy-infoimg { width: 500px; height: 375px; line-height: 375px; text-align: center; font-size: 0; margin-bottom: 13px; } .vip_product .fy-infoimg img { max-width: 100%; max-height: 100%; vertical-align: middle; object-fit: cover; } .vip_product .fy-name { min-height: 0; line-height: 24px; font-size: 16px; color: #666; font-weight: bold; text-align: left; word-break: break-all; } .vip_product .fy-txt { min-height: 0; line-height: 24px; font-size: 14px; color: #666; text-align: left; word-break: break-all; } .vip_product .fy-close { width: 32px; height: 32px; margin: 20px auto 0; background: url(https://appimg1.fy35.com/v2/d-t-close.png) center center no-repeat; background-size: 32px; -webkit-transition: all .5s; transition: all .5s; cursor: pointer; } .vip_product .fy-close:hover, .vip_product .fy-close:active { background-image: url(https://appimg1.fy35.com/v2/d-t-close-h.png) } .vip_product .fy-close img { width: 100%; height: 100%; display: block; } .vip_product .fy-tabqh { width: 580px; position: relative; margin: 0 auto; } .vip_product .fy-tabqh .swiper-button-next, .vip_product .fy-tabqh .swiper-button-prev { top: -295px; background-size: 32px; background-position: center; background-repeat: no-repeat; outline: none; -webkit-transition: all .5s; transition: all .5s; } .vip_product .fy-tabqh .swiper-button-prev { left: 0; background-image: url("/img/ico-l.png"); } .vip_product .fy-tabqh .swiper-button-next { right: 0; background-image: url("/img/ico-r.png"); } .vip_product .fy-tabqh .swiper-button-prev:hover { background-image: url("/img/ico-l-h.png"); } .vip_product .fy-tabqh .swiper-button-next:hover { background-image: url("/img/ico-r-h.png"); } /*宸ュ晢淇℃伅*/ .info-box .business { width: 100%; padding-bottom: 35px; } .info-box .business table { width: 100%; } .info-box .business table td { border: 1px solid #dddddd; padding: 10px 10px; line-height: 30px; color: #333; font-size: 14px; } .info-box .business .td-bg { background: #ecf7f9; width: 165px; color: #999; } /*鑲′笢淇℃伅*/ .info-box .shareholder { padding-bottom: 10px; } .info-box .shareholder ul { margin-left: -20px; overflow: hidden; } .info-box .shareholder li { width: 270px; height: 140px; border: 1px solid #dfdfdf; padding: 30px 20px; margin: 0 0 20px 20px; float: left; transition: 0.5s; box-sizing: border-box; } .info-box .shareholder li:hover { border: 1px solid #1f81f8; } .info-box .shareholder .con { height: 26px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .info-box .shareholder .name { font-size: 14px; color: #333; float: left; } .info-box .shareholder .capital { line-height: 26px; color: #999; } .info-box .shareholder .capital p { display: flex; } .info-box .shareholder .capital span.fy-spn { float: left; flex-shrink: 0; } /*鎴愬憳淇℃伅*/ .info-box .member { padding-bottom: 10px; } .info-box .member ul { margin-left: -20px; overflow: hidden; } .info-box .member li { width: 270px; height: 140px; border: 1px solid #dfdfdf; padding: 40px 20px; margin: 0 0 20px 20px; float: left; text-align: left; transition: 0.5s; box-sizing: border-box; } .info-box .member li span { width: 36px; height: 36px; display: block; margin-top: 10px; margin-right: 25px; background: url(/img/icon/member.png) 0 0 no-repeat; float: left; } .info-box .member li .m-name { font-size: 14px; color: #333; height: 30px; line-height: 30px; } .info-box .member li .m-location { font-size: 14px; color: #999; } .info-box .member li:hover { border: 1px solid #1f81f8; } .info-box .member li:hover span { background-position: 0 -36px; } /*宸ュ晢鍙樻洿*/ .info-box .fy-change { width: 100%; padding-bottom: 20px; } .info-box .fy-change .fy-ch-more { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #1f81f8; text-align: center; margin-top: 15px; } .info-box .fy-change .fy-ch-more a { font-size: 14px; color: #1890FF; } .info-box .fy-change .change-tabe { width: 100%; height: 52px; background-color: #ecf7f9; border: 1px solid #dddddd; box-sizing: border-box; } .info-box .fy-change .change-tabe div { float: left; height: 50px; line-height: 50px; font-size: 14px; color: #999999; text-align: left; padding-left: 10px; box-sizing: border-box; } .info-box .fy-change .change-xh { width: 60px; border-right: 1px solid #dddddd; text-align: center !important; padding: 0 !important; } .info-box .fy-change .change-rq { width: 135px; border-right: 1px solid #dddddd; } .info-box .fy-change .change-xm { width: 185px; border-right: 1px solid #dddddd; } .info-box .fy-change .change-qian { width: 215px; border-right: 1px solid #dddddd; } .info-box .fy-change .change-hou { width: 245px; display: initial !important; } .info-box .fy-change .change-list { width: 100%; border: 1px solid #dddddd; box-sizing: border-box; margin-top: -1px; display: flex; } .info-box .fy-change .change-list div { float: left; line-height: 20px; font-size: 14px; color: #333333; padding: 15px 10px; box-sizing: border-box; display: flex; -webkit-display: flex; flex-direction: column; justify-content: center; } .info-box .fy-change .change-list .change-xh { text-align: center; } .info-box .fy-change .change-list .change-nr .em-red { color: #ff0000; } .info-box .fy-change .change-nr { display: initial !important; padding: 0 !important; } /*鑱旂郴淇℃伅*/ .info-box .contact { width: 100%; padding-bottom: 35px; } .info-box .contact table { width: 100%; } .info-box .contact table td { border: 1px solid #dddddd; padding: 10px 10px; line-height: 30px; color: #333; font-size: 14px; } .info-box .contact .td-bg { background: #ecf7f9; width: 165px; color: #999; } .info-box .mess-btn { height: 30px; line-height: 30px; font-size: 14px; color: #ffffff; background-color: #1f81f8; padding: 0 15px; border-radius: 4px; float: right; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; } .info-box .mess-btn:hover { background-color: #1f81f8; } /*鐣欒█*/ .fy-mess-fixed { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; overflow: hidden; } .fy-mess-fixed .mess-bg { background: rgba(0,0,0,.47); width: 100%; height: 100%; } .fy-mess-fixed .fy-mess { width: 510px; height: 500px; background-color: #fff; position: absolute; left: 50%; top: 45%; margin-left: -255px; margin-top: -250px; } .fy-mess-fixed .mess-title { height: 68px; padding: 21px 15px; border-bottom: 1px solid #ebebeb; } .fy-mess-fixed .mess-title h4 { height: 30px; line-height: 30px; font-size: 16px; color: #333333; font-weight: normal; padding-left: 15px; float: left; position: relative; } .fy-mess-fixed .mess-title h4::after { position: absolute; left: 0; bottom: 6px; content: ""; width: 3px; height: 14px; background-color: #1f81f8; display: block; } .fy-mess-fixed .mess-title .mess-close { float: right; width: 26px; height: 30px; background-image: url(/img/icon/mess-close.png); background-position: center center; background-repeat: no-repeat; background-size: 13px; cursor: pointer; } .fy-mess-fixed .mess-title .mess-close:hover { background-image: url(/img/icon/mess-close-h.png); } .fy-mess-from { width: 100%; padding: 20px 40px; } .fy-mess-from ul { } .fy-mess-from li { margin-bottom: 20px; clear: both; overflow: hidden; } .fy-mess-from li:last-child { margin-bottom: 0; } .fy-mess-from .l_name { display: block; width: 55px; height: 40px; line-height: 40px; font-size: 14px; color: #333333; text-align: right; float: left; margin-right: 15px; } .fy-mess-from .r_input { width: 358px; height: 40px; padding: 3px 5px; border: 1px solid #dfdfdf; outline: 0; border-radius: 4px; } .fy-mess-from .r_input:focus { border: 1px solid #1f81f8; /*box-shadow: 0 0 10px rgba(31,129,248,0.3);*/ } .fy-mess-from .yzm_input { width: 275px; } .fy-mess-from .r_textarea { width: 358px; height: 140px; float: left; padding: 3px 5px; line-height: 30px; border: 1px solid #dfdfdf; outline: 0; border-radius: 3px; } .fy-mess-from .r_textarea:focus { border: 1px solid #1f81f8; } .fy-mess-from .yzm_input { width: 270px; float: left; margin-right: 10px; } .fy-mess-from .yzm_img { width: 80px; height: 40px; float: left; } .fy-mess-from .yzm_img a { display: block; } .fy-mess-from .sub_btn { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background: #1f81f8; border-radius: 3px; border: 0; cursor: pointer; outline: 0; -webkit-transition: all .5s; transition: all .5s; } .fy-mess-from .sub_btn:hover { background: #0099ff; } /*鍦板浘浣嶇疆*/ .box-map { margin-bottom: 25px; width: 100%; height: 360px; } /*鎺ㄨ崘浜у搧*/ .product-gs { width: 100%; margin-bottom: 15px; } .product-gs ul { margin-left: -15px; overflow: hidden; } .product-gs li { width: 270px; height: 65px; float: left; margin: 0 0 15px 15px; } .product-gs li .text-logo { width: 65px; height: 65px; line-height: 20px; font-size: 18px; color: #ffffff; text-align: justify; padding: 12px; background-color: #d38fdf; border-radius: 4px; overflow: hidden; margin-right: 15px; } .product-gs li .text-logo::after { content: ""; width: 100%; display: inline-block; } .product-gs li .text-logo.color-1 { background-color: #88c9ad; } .product-gs li .text-logo.color-2 { background-color: #c9aebb; } .product-gs li .text-logo.color-3 { background-color: #c98c72; } .product-gs li .text-logo.color-4 { background-color: #c998b7; } .product-gs li .text-logo.color-5 { background-color: #c9af79; } .product-gs li .text-logo.color-6 { background-color: #88c9ad; } .product-gs li .text-logo.color-7 { background-color: #c9bcb8; } .product-gs li .text-logo.color-8 { background-color: #5fbbc9; } .product-gs li .text-logo.color-9 { background-color: #adb3c9; } .product-gs li .text-info { width: 190px; height: 65px; } .product-gs li .text-info h3 { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #000000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .product-gs li .text-info .text-con { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*搴曢儴*/ .fy-de-bottom { width: 100%; min-height: 100px; background-color: #181818; } .fy-footer { width: 1200px; margin: 0 auto; padding: 65px 0; } .fy-footer p { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #999999; text-align: center; } .fy-footer p a { font-size: 14px; color: #999999; } .fy-footer p a.fy-jb { color: #3399ff; margin-left: 15px; } .fy-footer p a.fy-jc { color: #3399ff; } .fy-footer p a:hover { color: #3399ff; } /*娌℃湁淇℃伅*/ .no-off { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #999999; text-align: center; } /**鍒嗛〉**/ .fy-page { clear: both; text-align: center; padding: 20px 0 40px; font-size: 14px; } .fy-page a { height: 32px; line-height: 30px; font-size: 14px; color: #666; border: 1px solid #1f81f8; background: #fff; padding: 0 20px; margin-right: 10px; display: inline-block; } .fy-page a:hover { text-decoration: none; background-color: #1f81f8; color: #fff; border-color: #1f81f8; } .fy-page span a { border: 1px solid #1f81f8; background: #fff; padding: 2px 7px; margin: 1px; display: inline-block; color: #1f81f8; border-radius: 5px; } .fy-page span a:hover { text-decoration: none; background-color: #0482da; } .fy-page .currentpage { background-color: #1f81f8; color: #fff; border: 1px solid #1f81f8; } /***** 鍙充晶瀵艰埅鏍 *****/ #RNav { position: fixed; z-index: 1042; top: 0px; right: 0px; width: 280px; height: 100%; /*background:white;*/ /*box-shadow: -2px 0px 3px #ddd;*/ transition: right .5s ease-in-out; display: none; /* border-left: 1px solid #efefef;*/ } #RNav.i_hide { right: -232px; } /*鑿滃崟*/ #RNav .i_menu { position: absolute; top: 0px; left: 0px; width: 48px; height: 100%; border-right: #E5E5E5 1px solid; } #RNav .i_bts-outer { position: absolute; width: 100%; padding: 0px; margin-left: 0px; background: white; border-left: 1px solid #efefef; border-top: 1px solid #efefef; border-top-left-radius: 2px; border-bottom-left-radius: 2px; border-bottom: solid 1px #efefef; } #RNav .i_bts-outer li { width: 100%; float: left; padding: 34px 0 5px 0px; cursor: pointer; } #RNav .i_bts-outer li i { background-image: url(../img/leftnav/icon_new.png?v=2); background-size: 210px 60px; display: inline-block; width: 30px; height: 30px; position: absolute; margin-top: -28px; margin-left: 8px; } #RNav .i_bt_sm { position: relative; float: left; } #RNav .i_bt_sm label { width: 100%; font-size: 10px; text-align: center; transform: scale(0.9); cursor: pointer; display: inline-block; } #RNav .i_bt_sm.active, #RNav .i_bt_sm:hover { background-color: #0482da; } #RNav .i_bt_sm.active label, #RNav .i_bt_sm:hover label { color: white; background-color: #0482da; } #RNav .i_bt_sm { background-position-y: 4px; } #RNav .i_bt_sm label { margin-top: 2px; margin-bottom: 0px; } #RNav .i_bt_sm img { position: absolute; top: -70px; z-index: 999999; width: 0px; height: 0px; left: -250px; opacity: 0; transition: left .5s ease,opacity .5s ease-in; } #RNav .i_bt_sm:hover img { width: 195px; height: 178px; opacity: 1; left: -200px; } #RNav .i_bt_sm img.applets { left: -364px; } #RNav .i_bt_sm:hover img.applets { width: 309px; height: 178px; opacity: 1; left: -314px; } #RNav .i_bt_top i { background-position: -150px -30px; } #RNav .i_bt_top.active i, #RNav .i_bt_top:hover i { background-position: -150px 0px; } /*ie8 鍏煎*/ #RNav .i_bt_sm { background-image: url(../img/leftnav/icon-foc-gray.png)\9; }