@charset "utf-8"; /*avaible_vi [ {"vicolor":"#ff2db2"}, {"vicolor":"#abc327"}, {"vicolor":"#ff9500"}, {"vicolor":"#07a1b1"} ] avaible_vi*/ .message .message_button input, .message .mess_su_sub { background-color: #fd7202; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button, input, textarea, th, td { /* table elements 表格元素 */ margin: 0; padding: 0; } input, textarea { border: none; box-shadow: none; outline: none; } /* 设置默认字体 */ body, button, input, select, textarea { font: 14px/22px "microsoft yahei"; color: #666; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } * h1, * h2, * h3, * h4, * h5, * h6 { margin: 0px; font-weight: normal; } /* 重置列表元素 */ ul, ol, li { list-style: none; } /* 重置文本格式元素 */ a { text-decoration: none; color: #666; word-wrap: break-word; outline: none; } /*英文换行*/ a:hover { text-decoration: none; color: #fd7202; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */ } i, em { font-style: normal; } /* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0; } /* 让非ie浏览器默认也显示垂直滚动条,防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } /*手机预览居中*/ body { min-width: 1200px; width: 100%; overflow: hidden; } /*设置浮动*/ .fl { float: left; } .fr { float: right; } .pr { position: relative; } .pa { position: absolute; } /*清除浮动*/ .clear { clear: both; height: 0; } .blk-main .clearlist, .blk-main .listclear { clear: both; height: 0; padding: 0; margin: 0; border: 0; width: 100% ; float: none; } .b-main .clearlist, .b-main .listclear { clear: both; height: 0; padding: 0; margin: 0; border: 0; width: 100% ; float: none; } .clearafter:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } /*全局背景色1*/ .body-color { background: #f7f7f7; } .bark-body-color { background: #181818; } .header, .content, .footer { width: 1200px; margin: 0 auto; } /*css_delete_start*/ /*头部*/ .g_top { height: 160px; background-image: url(/uploads/image/fimages/tb_bg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 160px; } .g_top h1 { float: left; padding: 10px 0; height: 140px; font-size: 0; line-height: 0; text-align: center; display: table; } .g_top h1 span { display: table-cell; vertical-align: middle; } .g_top h1 img { max-width: 300px; max-height: 140px; display: inline-block; } .top_rt { float: right; width: 880px; height: 160px; } .top_rt h2 { float: left; width: 600px; padding-top: 40px; } .top_rt h2 em { display: block; height: 30px; line-height: 30px; font-size: 20px; color: #333; overflow: hidden; } .top_rt h2 span { display: block; height: 40px; line-height: 40px; font-size: 28px; color: #fd7202; overflow: hidden; } .top_rt p { float: right; width: 200px; padding-left: 50px; background-image: url(/uploads/image/fimages/pc-xc-icon2.png); background-repeat: no-repeat; background-position: center top; background-size: 41px 41px; background-position: left center; margin: 50px 0 0; } .top_rt p em { display: block; height: 24px; line-height: 24px; font-size: 14px; overflow: hidden; } .top_rt p span { display: block; height: 30px; line-height: 30px; font-weight: bold; font-size: 24px; overflow: hidden; color: #000; } /*底部*/ .g_ft { height: 180px; background-image: url(/uploads/image/fimages/ftbg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 200px; padding-top: 20px; } .g_ft h3 { float: left; padding: 20px 0; height: 140px; font-size: 0; line-height: 0; text-align: center; display: table; } .g_ft h3 span { display: table-cell; vertical-align: middle; } .g_ft h3 img { max-width: 300px; max-height: 140px; display: inline-block; } .ft_con { float: left; width: 500px; height: 180px; color: #fff; margin-left: 60px; overflow: hidden; } .g_ft .ft_con p { font-size: 14px; line-height: 30px; margin: 0; } .ft_con p a { color: #fff; display: inline-block; } .record { height: 40px; background-image: url(/uploads/image/fimages/recbg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 40px; line-height: 40px; font-size: 14px; color: #5f5f5f; overflow: hidden; } .record a { color: #5f5f5f; } .code { float: right; width: 105px; padding: 20px 50px 0 0; } .g_ft .code p { height: 133px; background-image: url(/uploads/image/fimages/codebg.jpg); background-repeat: no-repeat; background-position: center top; background-size: 105px 133px; margin: 0; } .code p img { width: 82px; height: 82px; display: block; margin: 0 auto; padding: 9px 0; } .code p em { display: block; height: 32px; line-height: 32px; text-align: center; font-size: 14px; color: #fff; overflow: hidden; } /*广告*/ .ty-banner-1 { height: 400px; background-image: url(/uploads/image/fimages/fcc60cba3170413e8b0b1fab3c82d839_73.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 400px; overflow: hidden; } /*css_delete_end*/ /*产品橱窗*/ .cpcc-ts-01 { position: relative; padding: 60px 0 20px; background-image: url(/uploads/image/fimages/cp_bg1.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 352px; } .cpcc-ts-01-left { position: relative; width: 480px; float: left; overflow: hidden; border: 1px solid #e7e7e7; margin-left: 20px; } .cpcc-ts-01-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .cpcc-ts-01-left-prev { left: 10px; } .cpcc-ts-01-left-next { right: 10px; } .cpcc-ts-01-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 26px; font-size: 14px; line-height: 16px; color: #333; letter-spacing: 3px; } .cpcc-ts-01-left-size em { font-style: normal; } .cpcc-ts-01-left-pic { width: 100%; position: relative; text-align: center; } .cpcc-ts-01-left-pic li { width: 100%; float: left; } .cpcc-ts-01-left-pic img { width: 480px; height: 270px; margin: 0 auto; display: block; } .cpcc-ts-01-right { width: 580px; float: right; margin-right: 60px; } .cpcc-ts-01-right-tit { height: 48px; font-size: 24px; line-height: 48px; color: #4a4a4a; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; overflow: hidden; padding: 10px 0; } .cpcc-ts-01-right-tit span { display: block; height: 48px; overflow: hidden; } .cpcc-ts-01-right-con { overflow: hidden; } .cpcc-ts-01-right-con ul { height: 184px; overflow: hidden; } .cpcc-ts-01-right-con li { line-height: 30px; font-size: 14px; } /*tit*/ .tit { text-align: center; font-weight: normal; } .tit span { display: block; height: 44px; line-height: 44px; font-size: 30px; color: #fd7202; font-family: msungprc; overflow: hidden; } .tit em { display: block; height: 32px; line-height: 32px; text-transform: uppercase; font-size: 20px; font-family: arial; color: #b4b4b4; overflow: hidden; } /*产品效果*/ .cpxq-01 { padding: 60px 0 20px; background-image: url(/uploads/image/fimages/cp_bg2.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 540px; } .prog { padding: 40px 0 0; } .prog .til01 { line-height: 60px; height: 98px; margin-bottom: 14px; } .prog_cp { width: 1200px; top: 0; left: 0; height: 342px; text-align: center; } .prog_cp img { width: 382px; height: 342px; border-radius: 30px 30px; } .prog_cl { width: 365px; position: relative; z-index: 1; } .prog_cl li { width: 365px; padding-bottom: 30px; } .prog_cl li h4 { height: 40px; font-weight: normal; } .prog_cl li i { float: left; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 24px; background-color: #fd7202; border-radius: 100%; overflow: hidden; } .prog_cl li em { float: left; width: 310px; height: 40px; line-height: 40px; font-size: 24px; overflow: hidden; margin-left: 15px; color: #fd7202; } .prog_cl li p { width: 365px; height: 90px; font-size: 16px; color: #666; line-height: 30px; overflow: hidden; padding-top: 12px; margin: 0; } /*产品特色*/ .cpts { padding: 60px 0 20px; background-image: url(/uploads/image/fimages/cp_bg3.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 556px; } .ml02 { padding: 40px 0 10px; } .ml02 dt { float: left; width: 450px; height: 350px; box-shadow: 0 0 5px; } .ml02 dt img { width: 450px; height: 350px; } .ml02 dd { float: right; width: 650px; padding-top: 10px; overflow: hidden; } .ml02 dd p { padding: 10px 30px 10px 10px; border-bottom: 1px dashed #fd7202; margin: 0; } .ml02 dd span { display: block; line-height: 28px; max-height: 56px; font-size: 15px; color: #505050; overflow: hidden; vertical-align: top; } /*产品成份*/ .cpcf { padding: 60px 0 20px; background-image: url(/uploads/image/fimages/cp_bg4.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 934px; } .ddl dl { padding-top: 50px; } .ddl dt { width: 522px; } .dlp1 dt img { width: 522px; height: 264px; display: block; } .dlp2 dt img { width: 522px; height: 414px; display: block; } .ddl dd { width: 580px; font-size: 14px; padding-top: 40px; } .ddl dd span { display: block; font-size: 24px; color: #fd7202; line-height: 30px; } .ddl dd p { font-size: 14px; line-height: 30px; padding-top: 20px; overflow: hidden; margin: 0; } .dlp1 dd p { height: 120px; } .dlp2 dd p { height: 270px; } /*选择标准*/ .xzbz { padding: 60px 0 20px; background-image: url(/uploads/image/fimages/cp_bg5.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 514px; } .xzbz ul { padding: 30px 0 0; } .xzbz ul li { float: left; width: 480px; height: 40px; padding: 10px 25px 10px 70px; border: 1px solid #fd7202; border-radius: 20px; margin-bottom: 20px; position: relative; } .xzbz ul li:nth-child(2n) { margin-left: 46px; } .xzbz li span { position: absolute; width: 50px; height: 42px; z-index: 2; left: 15px; top: 10px; line-height: 42px; font-size: 30px; color: #fd7202; text-align: center; overflow: hidden; } .xzbz li p { height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; color: #333; margin: 0; } /*热品推荐*/ .xgcp-zs-01 { padding: 50px 0 20px; background-image: url(/uploads/image/fimages/cp_bg6.jpg); background-repeat: no-repeat; background-position: center top; background-size: 1920px 418px; } .xgcp-zs-01-list { padding: 30px 0; } .xgcp-zs-01-list li { float: left; width: 282px; margin-right: 24px; } .xgcp-zs-01-list li:last-child { margin-right: 0; } .xgcp-zs-01-list li span { display: block; height: 160px; border: 1px solid #b4b4b4; } .xgcp-zs-01-list li img { width: 280px; height: 160px; } .xgcp-zs-01-list li em { display: block; height: 40px; line-height: 40px; overflow: hidden; text-align: center; padding: 10px 10px 0; } /*返回首页*/ .sidebar { position: fixed; bottom: 50px; right: 20px; z-index: 99; width: 50px; } .sidebar-itme { width: 50px; height: 68px; margin-bottom: 5px; position: relative; } .sidebar-itme:hover span { display: block; } .sidebar-itme span { display: none; width: 66px; height: 24px; font-size: 12px; color: #666; text-align: center; line-height: 24px; border-radius: 4px; background-color: #eee; position: absolute; right: 54px; top: 50%; margin-top: -12px; } .sidebar img { width: 50px; height: 68px; cursor: pointer; background-color: #fd7202; } .sidebar .fh { display: none; }