/*avaible_vi [ {"vicolor":"#ffa441"}, {"vicolor":"#82a6f5"}, {"vicolor":"#410a07"}, {"vicolor":"#4c9da0"} ] avaible_vi*/ .message .message_button input, .message .mess_su_sub { background-color: #ffa441; } /*可删除样式*/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; } input, textarea { border: 2 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; } ul, ol, li { list-style: none; } a { text-decoration: none; color: #666; word-wrap: break-word; } a:hover { text-decoration: none; color: #010101; } legend { color: #000; } fieldset, img { border: none; } button, input, select, textarea { font-size: 100%; } /*可删除样式*/ body { min-width: 1200px; width: 100%; overflow: hidden; } table { border-collapse: collapse; border-spacing: 0; } html { overflow-y: scroll; } /*设置浮动*/ .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; } .content { margin: 0 auto; width: 1200px; } em, i { font-style: normal; } /*css_delete_start*/ /*头部开始*/ .topwrap { height: 184px; overflow: hidden; background-image: ; background-repeat: no-repeat; background-position: center top; background-size: 1920px 184px; } .topwrap .header { width: 1200px; margin: 0 auto; } .topwrap h5 { height: 35px; font-size: 12px; line-height: 35px; overflow: hidden; color: #a1a1a1; padding-right: 10px; font-weight: 400; } .topc { height: 148px; overflow: hidden; } .topwrap h2 { float: left; height: 135px; overflow: hidden; padding: 6px 0; margin-right: 10px; display: table; font-size: 0; line-height: 0; } .topwrap h2 span { display: table-cell; vertical-align: middle; } .topwrap h2 img { display: inline-block; max-height: 135px; max-width: 300px; } .topwrap h3 { margin: 48px 0 0 2px; padding: 0 0 0 40px; width: 410px; overflow: hidden; float: left; font-size: 20px; color: #222; line-height: 32px; position: relative; } .topwrap h3::before { position: absolute; content: ''; top: 8px; left: 0; width: 1px; height: 46px; background: #dedbd8; } .topwrap h3 span { display: block; height: 32px; overflow: hidden; } .topc .tel { width: 220px; margin-top: 20px; padding-left: 36px; background-image: ; background-repeat: no-repeat; background-position: left 10px; background-size: 22px 22px; overflow: hidden; float: right; font-size: 18px; color: #222; line-height: 40px; } .topc .tel span { display: block; height: 40px; overflow: hidden; } .topc .tel b { height: 32px; font-size: 30px; color: #000; display: block; font-family: arial; line-height: 32px; overflow: hidden; } /*头部结束*/ /*广告*/ .jy-banner { height: 400px; background-image: ; background-repeat: no-repeat; background-position: center top; background-size: 1920px 400px; margin-bottom: 30px; } /*底部*/ .footwrap { background-image: ; background-repeat: no-repeat; background-position: center top; background-size: 1920px 535px; height: 535px; overflow: hidden; } .footer { width: 1200px; margin: 0 auto; overflow: hidden; } .code { width: 175px; overflow: hidden; float: left; margin: 196px 200px 0 65px; } .code img { display: block; width: 135px; height: 135px; margin: 0 auto; } .code span { display: block; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 14px; overflow: hidden; } .code .nomar { margin-right: 0; } .flogo { width: 255px; height: 370px; margin-top: 39px; padding-top: 62px; float: left; line-height: 26px; background-image: ; background-repeat: no-repeat; background-position: center top; background-size: 254px 367px; text-align: center; } .flogo h2 { width: 255px; height: 168px; display: table; font-size: 0; line-height: 0; margin: 0 auto 20px; } .flogo h2 span { display: table-cell; vertical-align: middle; } .flogo h2 img { max-width: 255px; max-height: 168px; display: inline-block; } .flogo em { display: block; height: 26px; font-size: 18px; color: #fff; overflow: hidden; } .flogo i { display: block; height: 26px; font-size: 12px; color: #585858; font-family: arial; overflow: hidden; } .f_add { padding: 185px 0 0; width: 410px; overflow: hidden; float: right; font-size: 14px; color: #fff; line-height: 42px; } .f_add li { max-height: 84px; overflow: hidden; position: relative; padding-left: 32px; } .f_add a { color: #fff; } .f_add span { max-width: 380px; margin-right: 10px; display: inline-block; } .f_add img { position: absolute; top: 8px; left: 0; width: 26px; height: 26px; } .fwz { height: 54px; text-align: center; font-size: 14px; line-height: 54px; color: #b8b8b8; overflow: hidden; } .fwz a { color: #b8b8b8; } .fwz span { padding: 0 10px; } /*底部*/ /*工具栏*/ .sidebar { position: fixed; bottom: 50px; right: 20px; z-index: 99; width: 50px; } .sidebar-itme { width: 50px; height: 50px; margin-bottom: 20px; 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: 50px; border-radius: 5px; cursor: pointer; background-color: #ffa441; overflow: hidden; } .sidebar .fh { display: none; } /*css_delete_end*/ /*产品橱窗开始*/ .jy-showcase { position: relative; padding: 12px 18px 16px 20px; margin-bottom: 30px; background: #fff; border: 1px solid #eee; } .jy-showcase-left { position: relative; width: 464px; float: left; line-height: 0; overflow: hidden; border: 1px solid #e7e7e7; margin-right: 5%; } .jy-showcase-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .jy-showcase-left-jt img { width: 11px; height: 23px; } .jy-showcase-left-prev { left: 10px; } .jy-showcase-left-next { right: 10px; } .jy-showcase-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 24px; font-size: 14px; line-height: 16px; letter-spacing: 3px; } .jy-showcase-left-size em { font-style: normal; } .jy-showcase-left-pic { width: 464px; text-align: center; } .jy-showcase-left-pic li { float: left; } .jy-showcase-left-pic img { width: 464px; height: 348px; display: block; } .jy-showcase-right { width: 534px; float: left; } .jy-showcase-right-tit { height: 40px; font-size: 24px; line-height: 40px; color: #454545; margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jy-showcase-right-con { line-height: 24px; font-size: 15px; max-height: 168px; margin-bottom: 86px; overflow: hidden; } .pc-cx-tel-1 { width: 46%; height: 56px; border-top: 2px solid #e6e6e6; padding-top: 10px; position: absolute; bottom: 16px; right: 9.2%; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #010101; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; overflow: hidden; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 70px; background-image: ; background-repeat: no-repeat; background-position: 10px top; background-size: 42px 42px; font-size: 18px; line-height: 24px; color: #454545; } .pc-cx-tel-1-t2 span, .pc-cx-tel-1-t2 em { display: block; height: 24px; overflow: hidden; } /*产品橱窗结束*/ .jy-prodcontent-1 { background: #fff; padding: 32px 0 42px; margin-bottom: 30px; } .jy-prodcontent-1-tit { height: 40px; font-size: 24px; line-height: 40px; border-bottom: 2px solid #d4d4d4; margin-bottom: 40px; } .jy-prodcontent-1-tit span { display: inline-block; max-width: 45%; height: 40px; color: #464646; border-bottom: 2px solid #ffa441; padding-left: 10px; overflow: hidden; } .jy-prodcontent-1-tit em { display: inline-block; max-width: 45%; height: 40px; font-size: 18px; font-family: arial; font-style: normal; text-transform: uppercase; color: #c2c2c1; overflow: hidden; } /*版块标题*/ .jypro_title1 { font-size: 30px; line-height: 34px; text-align: center; margin-bottom: 35px; } .jypro_title1 i { display: block; width: 30px; height: 2px; background-color: #333; margin: 0 auto; } .jypro_title1 span { display: block; height: 34px; overflow: hidden; margin-bottom: 20px; } .jypro_title2 { margin-bottom: 30px; } .jypro_title2_t1 { height: 34px; font-size: 24px; font-weight: bold; text-align: center; line-height: 34px; color: #1d1d1d; overflow: hidden; } .jypro_title2_t1 span { color: #ffa441; } .jypro_title2 em { display: block; height: 34px; font-size: 14px; line-height: 34px; color: #221815; text-align: center; overflow: hidden; } /*版块标题*/ /*产品设计开始*/ .jypro_design { margin-bottom: 60px; } .jypro_design_con { width: 430px; font-size: 15px; line-height: 55px; text-align: center; } .jypro_design_con h3 { height: 58px; font-size: 20px; line-height: 58px; overflow: hidden; } .jypro_design_con ul { height: 330px; overflow: hidden; } .jypro_design_img, .jypro_design_img img { width: 750px; height: 372px; } /*产品设计结束*/ /*产品展示开始*/ .jypro_show { margin-bottom: 70px; } .jypro_show_list ul { font-size: 0; line-height: 0; text-align: center; } .jypro_show_list li { display: inline-block; width: 578px; height: 426px; margin: 0 6px 15px; } .jypro_show_list img { width: 578px; height: 426px; } /*产品设计结束*/ /*产品展示开始*/ .jypro_adv { margin-bottom: 65px; } .jypro_adv_list { padding-left: 18px; } .jypro_adv dl { float: left; width: 225px; padding: 20px 20px 0 20px; height: 225px; border: 1px solid #dedede; text-align: center; margin-right: 30px; border-radius: 10px; } .jypro_adv dl.jypro_adv_clear { margin-right: 0; } .jypro_adv dt img { display: block; width: 50px; height: 50px; margin: 0 auto; } .jypro_adv dt span { display: block; height: 38px; font-size: 14px; color: #dadada; font-style: normal; line-height: 38px; text-transform: uppercase; overflow: hidden; } .jypro_adv dd span { display: block; height: 32px; font-size: 24px; color: #191919; line-height: 32px; overflow: hidden; margin-bottom: 15px; } .jypro_adv_desc { max-height: 84px; font-size: 14px; line-height: 28px; overflow: hidden; } .jypro_adv_desc span { display: block; } /*产品设计优势结束*/ /*产品服务开始*/ .jypro_serve { margin-bottom: 40px; } .jypro_serve_list { margin: 0 15px; } .jypro_serve_list dl { float: left; width: 290px; overflow: hidden; border-bottom: 2px solid #262830; } .jypro_serve_list dt img { display: block; width: 290px; height: 275px; } .jypro_serve_list dd { height: 185px ; background: #f3f3f4; padding: 5px 16px 0; position: relative; } .jypro_serve_list dd:after { position: absolute; content: ''; top: -10px; left: 48%; width: 0; height: 0; border-bottom: 10px solid #f3f3f4; border-left: 8px solid transparent; border-right: 8px solid transparent; } .jypro_serve_list .jypro_serve_dl2 dd:after { top: 190px; border-top: 10px solid #f3f3f4; border-bottom: 0; } .jypro_serve_list h3 { height: 76px; line-height: 28px; color: #373f54; position: relative; margin-bottom: 6px; } .jypro_serve_list h3 span { display: block; height: 28px; font-size: 20px; line-height: 28px; overflow: hidden; margin-bottom: 4px; } .jypro_serve_list h3 em { display: block; height: 28px; font-size: 16px; overflow: hidden; } .jypro_serve_list h3:after { position: absolute; content: ""; width: 31px; height: 2px; background: #7e8391; bottom: 0; left: 0; } .jypro_serve_desc { height: 96px; font-size: 14px; line-height: 24px; color: #262830; overflow: hidden; } .jypro_serve_desc span { display: block; } /*产品设计结束*/ /*产品服务开始*/ .jy-prodcontent-1-desc { padding-left: 15px; padding-right: 15px; } .jyp14-product-2 { margin-bottom: 30px; } .jyp14-product-2-tit { height: 46px; line-height: 46px; border-bottom: 2px solid #dfdfdf; margin-bottom: 30px; padding-top: 26px; } .jyp14-product-2-tit b { display: inline-block; max-width: 45%; height: 46px; font-size: 24px; font-weight: 400; color: #464646; padding: 0 10px; border-bottom: 2px solid #ffa441; overflow: hidden; } .jyp14-product-2-tit span { display: inline-block; max-width: 45%; height: 46px; margin-left: 10px; font-size: 18px; font-family: arial; color: #c2c2c1; text-transform: uppercase; overflow: hidden; } .jyp14-product-2-list dl { float: left; width: 264px; border: 1px solid #dfdfdf; margin-right: 45px; } .jyp14-product-2-list dl.jyp14-product-clear { margin-right: 0; margin-left: -1px; } .jyp14-product-2-list dl:hover { border-color: #ffa441; } .jyp14-product-2-list dl img { display: block; width: 264px; height: 198px; } .jyp14-product-2-list dd { height: 102px; padding: 10px 28px 10px 10px; margin-right: 2px; position: relative; } .jyp14-product-2-list h3 { height: 30px; font-size: 16px; font-weight: 400; line-height: 30px; color: #191919; overflow: hidden; } .jyp14-product-2-list h3 a { color: #191919; } .jyp14-product-2-desc { max-height: 72px; font-size: 14px; line-height: 24px; color: #666; overflow: hidden; } .jyp15-product-2-date { width: 25px; height: 27px; background-image: ; background-repeat: no-repeat; background-position: center top; background-size: 25px 26px; position: absolute; top: 20px; right: 4px; z-index: 33; cursor: pointer; } .jyp15-product-2-date a { display: block; width: 25px; height: 27px; } /*推荐产品结束*/