/* 未能缩小。正在返回未缩小的内容。 : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' */ 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, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; } html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; clear: both; } html { font-family: PingFangSC-Regular, 'PingFang SC', Microsoft Yahei, arial, verdana, helvetica, 'HanHei SC', STHeitiSC-Light, sans-serif !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { font-size: 14px; overflow-x: hidden; min-width: 320px; /*-webkit-overflow-scrolling: touch;*/ color: #1a1a1a; background: #f9f9f9; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #1a1a1a; } a:active { outline: 0; } a:active { color: #3990e6; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } svg:not(:root) { overflow: hidden; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; white-space: pre-wrap; word-wrap: break-word; } code, kbd, pre, samp { font-family: PingFangSC-Regular, 'PingFang SC', Microsoft Yahei, arial, verdana, helvetica, 'HanHei SC', STHeitiSC-Light, sans-serif !important; font-size: 1rem; } mark { background: #ff0; color: #1a1a1a; } dfn { font-style: italic; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } ul, ol { list-style: none outside none; } h1, h2, h3, strong { font-weight: 600; } img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: vertical; } button, input, select, textarea { font-family: PingFangSC-Regular, 'PingFang SC', Microsoft Yahei, arial, verdana, helvetica, 'HanHei SC', STHeitiSC-Light, sans-serif !important; } input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; } i, u, s { font-style: initial; } input, button { outline: none; } ::-webkit-scrollbar { width: 6px; height: 4px; } ::-webkit-scrollbar-thumb { display: block; border-radius: 20px; background-color: #d6d6d6; } /*commos*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fl { float: left; } .fr { float: right; } .hide { display: none!important; } .show { display: block!important; } .ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .break { word-break: break-all; word-wrap: break-word; } .clearfix:before, .clearfix:after { content: '\0020'; display: table; height: 0; clear: both; } .clearfix { *zoom: 1; } /* flex弹性盒布局兼容性写法样式文件 * 常用类 * display__flex * flex_direction__column * flex_wrap__wrap * justify_content__center * justify_content__space_between * justify_content__space_around * align_items__center * flex_grow__1 * flex_shrink__0 */ /* 设置在弹性容器上的属性 */ .display__flex { display: -webkit-box; display: -ms-flexbox; display: flex; } /*flex-direction属性决定主轴的方向(即项目的排列方向)。*/ .flex_direction__row_reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .flex_direction__column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex_direction__column_reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /*默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,如何换行。*/ .flex_wrap__nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex_wrap__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex_wrap__wrap_reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } /*justify-content属性定义了项目在主轴上的对齐方式。*/ .justify_content__flex_start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify_content__flex_end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify_content__center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify_content__space_between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify_content__space_around { -ms-flex-pack: distribute; justify-content: space-around; } /*align-items属性定义项目在交叉轴上如何对齐。*/ .align_items__flex_start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align_items__flex_end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .align_items__center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align_items__baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } /*align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。*/ .align_content__flex_start { -ms-flex-line-pack: start; align-content: flex-start; } .align_content__flex_end { -ms-flex-line-pack: end; align-content: flex-end; } .align_content__center { -ms-flex-line-pack: center; align-content: center; } .align_content__space_between { -ms-flex-line-pack: justify; align-content: space-between; } .align_content__space_around { -ms-flex-line-pack: distribute; align-content: space-around; } /* 设置在弹性项目上的属性 */ /* flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。 以下是兼容样式写法示例,可根据需要修改属性值。 */ .flex_basis__100px { -ms-flex-preferred-size: 100px; flex-basis: 100px; } /*align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认值为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。*/ .align_self__flex_start { -ms-flex-item-align: start; align-self: flex-start; } .align_self__flex_end { -ms-flex-item-align: end; align-self: flex-end; } .align_self__center { -ms-flex-item-align: center; align-self: center; } .align_self__baseline { -ms-flex-item-align: baseline; align-self: baseline; } /*noScript*/ .noScript { margin: 10px; text-align: center; background: #adb9c4; color: #fff; display: block; height: 40px; line-height: 40px; } /*×ÊÖʱê×¼¸Ä°æ2015.8.17*/ .zzbz { width:230px; background-color:#FFF; float:left; position:relative;} .zzbz b {font-size:20px; color:#000; height:50px; line-height:50px; border-bottom:1px solid #ececec; margin:0 10px; padding:8px 8px 0 16px;} .zzbz b span {color:#e1e1e1; font-size:14px; font-weight:normal; padding-left:10px;} .zzbz #zzbzcx {font-size:20px; color:#000; height:50px; line-height:50px; border-bottom:1px solid #ececec; margin:0 10px; padding:8px 8px 0 16px;} .zzbz #zzbzcx span {color:#E1E1E1;font-size:14px;font-weight:normal;padding-left:10px;} .zzbz span{padding:10px 0 40px;} .zzbz span p{display:block; padding:6px 15px; text-align:center;font-weight:normal;} .zzbz span p a:hover{ color:#FFF; background-color:#ff4400; border-radius:2px; display:block;} .zzbz span p a{line-height:34px; width:200px; height:34px; font-size:16px; color:#4c4c4c; text-align:center; display:block;} .xiala span h3{height:auto; padding-left:20px;background:url(../images/dot.jpg) no-repeat 40px 14px;display:block; padding:6px 15px; text-align:left;font-weight:normal;} .xiala span h3 a{font-size:13px;color:#666; line-height:22px; width:160px;height:34px; text-align:left;padding-left:35px;display:block;white-space:nowrap;} .xiala span h3 a:hover{ font-size:13px; line-height:22px; background:#fff; color:#cc0000; text-decoration:underline;} .xiala span h3.on1 a{ line-height:24px; width:170px; font-size:13px; text-align:left; display:block;color:#FF0000;padding-left:35px;} .zzbz span h2.on a {background-color: #ff4400;border-radius: 2px;color: #fff;display: block;} /*֪ʶ¿â*/ .zsbase{ background-color:#efeff1; width:100%; padding:20px 0 20px;} .zsbase-con{ width:1220px; margin:0 auto;} .zsbase-l{ width:230px; background-color:#FFF; float:left; position:relative;} .icon-knowl1,.icon-knowl2{background:url(../images/in1.gif) no-repeat; display:block;} .icon-knowl1{ position:absolute; background-position:-316px -2px; width:24px; height:31px; top:0; left:0px;} .icon-knowl2{ position:absolute; background-position:-312px -36px; width:31px; height:24px; bottom:0; right:0px;} .zsbase-r{ width:970px; float:right; background-color:#ffffff;} .zsbase-r a,p {white-space:normal; word-break:break-all;overflow:hidden; } .zsbase-l b{ font-size:20px; color:#000; height:50px; line-height:50px; border-bottom:1px solid #ececec; margin:0 10px; padding:8px 8px 0 16px;} .zsbase-l h1 span{ color:#e1e1e1; font-size:14px; font-weight:normal; padding-left:10px;} .zsbase-l ul { padding:10px 0 40px;} .zsbase-l ul li{ display:block; padding:6px 15px; text-align:center;} .zsbase-l ul li a{ line-height:34px; width:200px; height:34px; font-size:16px; color:#4c4c4c; text-align:center; display:block;} .zsbase-l ul li a:hover,.zsbase-l ul li a.know-hover{ color:#FFF; background-color:#ff4400; border-radius:2px; display:block;} .zsbase-l ul .on a{ color:#FFF; background-color:#ff4400; border-radius:2px; display:block;} /*֪ʶ¿â ¿ìËÙµ¼º½*/ .zsbase-l dl a {width: 75px;line-height: 25px;border: 1px solid #eee;border-radius: 20px;display: block;float: left;margin-right: 10px;margin-bottom: 15px;text-align: center;font-size: 13px;} .zsbase-l dl a.a1 {letter-spacing: 3px; } .zsbase-l dl a:hover {background: #f40;border: 1px solid #f40;color: #fff;} /*×ÊÖʱê×¼*/ .zsbase-l ul .xiala li{ height:auto; padding-left:20px;background:url(../images/dot.jpg) no-repeat 40px 14px} .zsbase-l ul .xiala li a{ font-size:13px; line-height:22px; width:160px; text-align:left;padding-left:35px;} .zsbase-l ul .xiala li a:hover{ font-size:13px; line-height:22px; background:#fff; color:#cc0000; text-decoration:underline;} .zsbase-l ul .xiala li.on1 a{ line-height:24px; width:170px; font-size:13px; text-align:left; display:block;color:#FF0000;padding-left:35px;} .zsbase-r ul li{margin:10px 0; padding:15px; border-bottom:1px dashed #d5d5d5;} .zsbase-r ul li div{ font-size:18px; height:36px; line-height:36px; font-weight:normal;} .zsbase-r ul li div.Payment_account{ height:auto;} .zsbase-r ul li div.order_Payment{ height:auto;} .zsbase-r ul li div a{ color:#666} .zsbase-r ul li div a:hover{ color:#f00; text-decoration:underline} .zsbase-r ul li .kn-time{ line-height:36px; height:36px;} .zsbase-r ul li .kn-time span{ display:block; height:36px; float:right; padding-left:20px; overflow:hidden;} .zsbase-r ul li .kn-time span i{ margin:12px 6px 0 0; overflow:hidden; display:block; float:left;background:url(../images/in1.gif) no-repeat; } .zsbase-r ul li .kn-time span i.icon-k1{ background-position:-346px -2px; width:15px; height:16px;} .zsbase-r ul li .kn-time span i.icon-k2{ background-position:-347px -19px; width:15px; height:16px;} .zsbase-r ul li .kn-time span i.icon-k3{ background-position:-347px -39px; width:15px; height:16px;} .zsbase-r ul li .kn-time strong{ font-size:13px; font-weight:normal;} .zsbase-r ul li .kn-time a{ text-decoration:underline; padding:0 5px; color:#878787;} .zsbase-r ul li .kn-time a:hover{ color:#ff9e01; text-decoration:none;} .zsbase-r ul li p a{ font-size:14px; color:#999999; line-height:24px;} /*ÏêÇé*/ .details-bg{ background-color:#efeff0; width:100%; } .details-bg-dis { background-color: #efeff0;width: 100%;/*-ms-user-select: none; -webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;user-select: none;*/} .details-nav{ width:1120px; margin:0px auto; display:block; height:38px;} /*.details-nav{ width:950px; margin:0px auto; display:block;}*/ .details-nav div{height:38px; font-size:14px;font-weight:normal;display:inline-block; position:relative;line-height:38px;} .details-nav div a {color:#666666;} .details-con{ background-color:#FFF; width:900px; float: left;} .details-con h2{ line-height:70px; height:70px; text-align:center; font-size:34px; font-weight:700; border-bottom:1px solid #eeeeee; position:relative;color:#333;margin-top:0px;} .details-con h1{ text-align:left; font-size:32px; font-weight:400; position:relative;color:#333} .details-con .details-tag{display: inline-block; padding:20px 0 30px; border-top:1px solid #FFF; text-align:left; color: #797979;} .details-con .details-tag span{ margin-right: 25px; height:24px; line-height:24px; background-color:#fff; font-size:13px;} .details-con .details-tag span a{ color:#888} .details-con p{ line-height:28px;margin-bottom:6px; font-size:14px;} /*.details-dt{ line-height:34px; font-size:14px; padding-top:25px; border-top:1px solid #eeeeee;}*/ .container .details-dt,.details-dt{ width: 820px; margin:0 auto; line-height:26px; font-size:15px; padding:0px 0 30px 0px; color:#797979;font-weight:normal;} /*.details-dt a{ font-size:14px;color:#333}*/ .details-dt span:first-child{ float: left; } .details-dt span { float: right; } .details-dt span a,.zzbz_details_con .details-dt span a{ font-size:15px;color:#797979 !important;} .details-dt a:hover{ color:#ff4400 !important;} /*.details-con .cont{padding:30px 20px;font-size: 14px;line-height:1.7em;font-family: 'Microsoft YaHei'}*/ .details-con .cont{padding:30px 20px;font-size:16px;line-height:1.7em;font-family: 'Microsoft YaHei';margin:0 20px; min-height: 300px;} /*.details-con .cont p{font-size: 14px;font-family: 'Microsoft YaHei'}*/ .details-con .cont p{font-size: 16px;font-family: 'Microsoft YaHei'; color:#555} .about_center_title {padding-bottom:5px;color:#bababa;font-size:22px;font-family:Microsoft Yahei;border-bottom: 1px solid #e8e8e8;} .about_center_title span{padding-left:10px;font-size:14px;} h5{ font-weight:400} .right {display: inline;float: left; margin-right:10px} .right1 {display: inline;float: right; margin-left:10px; margin-bottom:6px} #intor p{ line-height:28px;text-indent:25px; font-size:14px} #intor h3{ font-size:16px; font-weight:400; color:#FF6600; margin-bottom:5px} .details-nav h2 a:hover {color:black;} .details-conbd ul li{width:auto;background:url(/Images/xb.jpg) no-repeat; background-position:0 16px; background-size:5px 5px; background-position:left;} .details-conbd ul li span{ padding-left:20px; font-size: 12px;} .details-conbd li span i{display: inline-block; margin-right: 5px; background:url(/Images/zixun.png) no-repeat;} .details-conbd li span.read_num i{ width: 19px;height: 11px; background-position: -165px -19px; } .details-conbd li span.art_time i{ width: 14px; height:14px; background-position: -217px -17px; } /*¸ü¸Ä¼ÓµÄÑùʽ*/ .details-con .details-tag span a{ color:#3c72a3;} .details-nav{width:1232px;} .clear{clear:both;} .Keyword{ height:60px; color:#8a8a8a; padding:0 40px 10px 40px; font-size:16px;font-weight:normal;} .Keyword p{width:790px; height:30px; line-height:30px;font-size:16px} .Keyword p img{width:176px; height:28px; float:right;} .Keyword p span a{color:#6593d0;} .Keyword p span a:hover{color:#f00; text-decoration:underline;} .details-cons{width:320px; height:auto; float:left; padding-left:18px;margin-bottom: 10px; overflow: hidden;} .right-bd{width:300px;padding:15px 0 12px 10px; background:#fff; margin-bottom:0px;margin-top:10px;height: auto;} .right-bd-p{height:36px; line-height:30px; border-bottom:1px solid #b1b0b5; margin-bottom:5px;} .right-bd-p p{ width: 120px; height: 36px; /*border-bottom: 2px solid #ff4400;*/ font-size: 16px; font-weight: 600; color: #666666; float: left; cursor:pointer; } /*.on { border-bottom: 2px solid #ff4400; }*/ .right-bd-p span{width:40px; text-align:right; padding-right:5px; background:url(/Images/xtb001.png) no-repeat; background-position:left; float:right;} .right-bd-p .right-bd-span{margin-left: 18px;width: 25px;float:left;} .right-bd-p .right-bd-span:hover {color:#f00;cursor:pointer;} .right-bd-p .right-bd-span-on{color:#f00;} /*ÈÈÃÅÎÄÕ ͼÎÄ*/ .wpp-list .thumb-li {display: inline-block;margin-bottom: 10px;padding-bottom: 10px;line-height:28px;height:auto;} .wpp-list .thumb-a {float: left;line-height: 20px;max-height: 40px;overflow: hidden;width: 180px;} .wpp-list .wpp-thumbnail {border: medium none;float: left;height: 66px;margin: 0 10px 0 0;width: 90px;} .right-bd .wpp-list li span{background:none;float:none;} .right-bd .wpp-list li span a{text-decoration:underline !important;cursor:pointer;} .right-bd ul{width:300px;height: auto;} .right-bd ul li{width:285px; height:36px; line-height:36px; border-bottom:1px dotted #e3e3e3; font-size:14px; overflow:hidden;} .right-bd ul li span{width:22px; height:22px; line-height:22px; text-align:center; color:#fff; margin-top:7px; margin-right:5px; float:left; background:url(/Images/bj-c.png) no-repeat;} .right-bd ul li .span1{width:22px; height:22px; line-height:22px; text-align:center; color:#fff; margin-top:7px; margin-right:5px; float:left; background:url(/Images/bj-h.png) no-repeat;} .right-bd ul li a{color:#8a8a8a; text-decoration:none;width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;} .right-bd ul li a:hover{color:#f00; text-decoration:overline;} .details-conbd{width:820px; margin:0 auto; height:auto; margin-top:15px; padding-bottom:30px;border-bottom: 2px solid #eaeaea;font-weight:normal;} .details-conbd p{ height:43px; line-height:43px; background:white; font-size:16px;} .details-conbd p a{color:#2668c0;} .details-conbd ul{width:776px; height:auto;} .details-conbd ul li{ height:33px; line-height:33px; font-size:14px; color:#ccc;overflow:hidden; } .details-conbd ul li a{color:#333; margin-right:10px; color: #797979; font-size: 14px;} .details-conbd ul li a i{ color: #ff4400;font-size: 10px; margin-right: 8px;} .details-conbd ul li a:hover{color:#f00; text-decoration:underline;} .wypl{width:800px; height:370px;} .form_line input{width:257px; height:36px;} .select_l{width:120px; height:35px;} .select_r{width:120px; height:35px;} .form_btn{width:260px; height:45px; background:#f36d20; border:0; color:#fff; font-size:16px; margin-bottom:10px;} .details-dt1{line-height:34px; font-size:14px;} .details-dt1 a{font-size:14px;color:#333} .details-dt1 a:hover{font-size:14px; color:#ff4400} .index_form .form_hd{font-weight:500; margin-bottom:20px; margin-top:10px; text-align:center;} .error_p {height: 20px; color: #ff6666;line-height:inherit !important;} .error_bg{background:url("/Images/global.png") no-repeat scroll -252px 3px; display:inline-block; padding:0 15px;} /*新增样式20171102郭雅南——资讯详情页面修改*/ .details_Crumbs{ height: 60px; background-color: #ffffff; } .details_Crumbs ul{ float: left; padding-left: 20px; } .details_Crumbs ul li{ position: relative; float: left; margin-right: 8px; font-size: 14px; line-height: 60px; } .details_Crumbs ul li a{ color: #515151; display: inline-block; } .details_Crumbs ul li.details_Cru_index{ position: relative; top: 20px; width: 20px; height: 18px; background: url(/Images/zixun.png) no-repeat center; background-position: -13px -15px; } .details_Crumbs ul li a i{ display: inline-block; margin: 0 0 0 8px; width: 11px; height: 7px; background:url(/Images/zixun.png) no-repeat center; background-position: -69px -21px; } .details_Crumbs ul li a:hover{ color: #ff4400; } .details_Crumbs ul li div{ display: none; position: absolute; top:43px; left: -9px; z-index: 2; width: 90px; text-align: center; background-color: #dddddd; } .details_Crumbs li div a{ line-height:40px; } .details_Crumbs ul li strong{ font-weight: 400; } .details_CrumbsR_box{ float: right; } .details_CrumbsR_box a{ float: left; display: block; width: 120px; height: 30px; margin-right: 20px; margin-top: 14px; font-size: 14px; line-height: 30px; text-align: center; color: #ffffff !important; background-color: #ff4400; border:1px solid #ff4400; border-radius: 3px; } .details_CrumbsR_box a:first-child{ color: #ff4400 !important; background-color: #ffffff; } .details_head{ position: relative; width: 820px; margin:0 auto; padding-top: 40px; border-bottom: 4px solid #f2f2f2 } .details_Recommend_link{ width: 820px; margin:40px; margin-bottom:15px; font-weight:normal; } .details_Recommend_link .Article_tel{ float: left; } .Article_tel{ font-size: 16px; color: #515151; } .Article_tel i{ display: inline-block; width: 28px; height: 28px; margin-right: 10px; background: url(/Images/zixun.png) no-repeat center; background-position: -315px -10px; vertical-align: middle; } .details_Recommend_link .details_tuij{ float: right; } .details_tuij a{ position: relative; display: inline-block; width: 120px; height: 30px; padding-left: 38px; margin-left: 20px; line-height: 28px; } .details_tuij a i{ position: absolute; top: -1px; left: -1px; width: 30px; height: 30px; background: url(/Images/zixun.png) no-repeat center; } .details_tuij a.Article_zzbz{ font-size: 16px; color: #1cd68c; border:1px solid #01d07d; border-radius: 30px; } .details_tuij a.Article_zzbz i{ background-position: -8px -60px; } .details_tuij a.Article_zzbj{ font-size: 16px; color: #FF7524; border:1px solid #FF7524; border-radius: 30px; } .details_tuij a.Article_zzbj i{ background-position: -58px -60px; } .details_tuij a.Article_gszc{ font-size: 16px; color: #849CFF; border:1px solid #849CFF; border-radius: 30px; } .details_tuij a.Article_gszc i{ background-position: -108px -60px; } .art_baoj{ width: 300px; border-radius: 5px; background-color: #ffffff; box-shadow: 0 0 2px 2px #ddd; } .art_baoj .art_baoj_con{ width: 300px; border-radius: 5px; background-color: #ffffff; } .art_baoj_con .art_baoj_head{ width: 300px; height: 124px; padding-top: 55px; background: url(/Images/zixun.png) no-repeat; background-position: 0 -102px; border-radius: 5px; } .art_baoj_con .art_baoj_head_anquan { background-position: 0 -238px; } .art_baoj_head .art_baoj_num { width: 200px; height: 50px; padding: 0 0 0 20px; margin: 0 auto; overflow: hidden; animation: mycontinue 8s infinite; } @keyframes mycontinue { 0% { top:-0 } 12.5% { top:-50px } 25% { top:-100px } 37.5% { top:-150px } 50% { top:-200px } 62.5% { top:-250px } 75% { top:-300px } 87.5% { top:-350px } 100% { top:-400px } } .art_baoj_num span{ font-size: 28px; display: inline-block; height: 50px; line-height: 50px; color: #333; } .art_baoj_form{ width: 300px; margin-top: 8px; padding: 0 13px; padding-bottom: 20px; } .art_baoj_form ul li{ position: relative; margin-bottom: 15px; } .art_baoj_form li input,.art_baoj_form li select{ width: 274px; height: 34px; padding-left: 14px; font-size: 14px; line-height: 33px; color: #333333; background-color: #f2f2f2; border:0px; border-radius: 5px; } .art_baoj_form li select{ padding:3px 0 6px 14px; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .art_baoj_form li select option{ padding:3px 0; } .art_baoj_form li i.art_form_down{ display: block; position: absolute; top:16px; right: 10px; width: 11px; height: 7px; background:url(/Images/zixun.png) no-repeat; background-position: -69px -21px; } .art_baoj_form li.art_form_region input{ cursor: pointer; } .art_region{ width: 274px; } .art_region .district-select-box{ display: none; position: absolute; top:40px; z-index: 6; width: 100%; background-color: #fff; border: 1px solid #ccc; } .art_region .district-select-box .district-select { float: left; width: 136px; height: 300px; font-size: 13px; color: #666; overflow: hidden; } .district-select h3 { font-weight: 400; text-align: center; line-height: 34px; cursor: pointer; border-bottom: 1px solid #dedede; } .art_region .district-select h3.district-on { border-bottom: 1px solid #f40; } .art_region .district-select .district-select-on { color: #f40; } .district-select-box .district-select ul { margin-right: 10px; } .district-select-box ul { padding: 0; margin-top: 10px; height: 256px; overflow: auto; } ::-webkit-scrollbar{width:6px;height:4px} ::-webkit-scrollbar-thumb{display:block;border-radius:20px;background-color:rgba(214,214,214,1)} .art_baoj_form li.art_region_yzm span{ position: absolute; top:8px; right: 0; z-index: 2; width: 96px; height: 18px; text-align: center; color: #ff4400; border-left: 1px solid #333333; cursor: pointer; } .art_baoj_form li.art_region_sub input{ margin-top: 10px; padding: 0px; font-size: 14px; color: #ffffff; background-color: #ff4400; } .art_news{ width: 300px; margin-top: 15px; background-color: #ffffff; } .art_news .art_news_box,.artR_hotLable_box{ height: 48px; line-height: 48px; } .art_news .art_news_box li,.artR_hotLable_box li{ float: left; width: 150px; font-size: 16px; text-align: center; cursor: pointer; border-bottom: 2px solid #a1a1a1; } .artR_hotLable_box li a { float:right; margin-right:10px; color:#999999; font-size:14px; } .art_news_box li.art_news_on, .artR_hotLable_box li.artR_hotLable_on { color: #ff4400; border-bottom: 2px solid #ff4400; } .art_news_con,.artR_hotLable_con{ margin-top: 10px; padding:0 15px; } .art_news_con .art_latest_articles,.art_news_con .art_hot_news,.artR_hotLable_con{ padding-bottom: 20px; } .art_news_con .art_hot_news{ display: none; } .art_news_con .art_latest_articles p,.art_news_con .art_hot_news p{ margin-top: 15px; } .art_latest_articles p a,.art_hot_news p a{ display: inline-block; width: 118px; height: 28px; line-height: 26px; font-size: 13px; text-align: center; color: #ff4400; border:1px solid #ff4400; border-radius: 3px; } .art_news_con ul li,.artR_hotLable_con ul li{ padding:6px 0; clear:both; } .art_news_con li span.art_latest_txt,.artR_hotLable_con ul li span.art_latest_txt{ width: 190px; font-size:14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#666; } .art_news_con li span.art_latest_txt,.artR_hotLable_con li span.art_latest_txt{ float: left; } .art_news_con li span.art_latest_num,.artR_hotLable_con ul li span.art_hotLable_num{ margin-left:5px; color:#666; } .art_news_con li span.art_latest_num i{ display: inline-block; width: 19px; height: 11px; margin-right: 5px; background:url(/Images/zixun.png) no-repeat; background-position: -165px -19px; } .art_news_con li span.art_latest_txt em{ margin-right: 8px; font-size: 10px; color: #dddddd; } .art_news_con li.artR_news_Hot span.art_latest_txt em{ color: #ff4400; } .art_news_con li.artR_news_Hot span.art_latest_num i{ background-position: -113px -19px; } .art_news_con li a:hover{ color: #ff4400; } .artR_hot_lable{ width:300px; margin-top: 15px; background-color: #ffffff; } .artR_hotLable_con li span.art_latest_txt em{ margin-right: 8px; font-size: 10px; color: #dddddd; } .artR_hotLable_con li span.art_hotLable_num i{ display: inline-block; width: 13px; height: 19px; margin-right: 5px; vertical-align: middle; background:url(/Images/zixun.png) no-repeat; background-position: -269px -16px; } .details_QR{ position: absolute; top: 0; right: -40px; z-index: 2; } .details_QR .details_QR_ico{ display: inline-block; width: 38px; height: 38px; background: url(/Images/zixun.png) no-repeat; background-position:-159px -56px; cursor: pointer; } .details_QR .details_QR_img{ display: none; width: 188px; height: 188px; background: url(/Images/art_QR.jpg) no-repeat center; border:1px solid #e4e4e4; } .zzbz_details_con{ background-color:#FFF; width:970px; margin:0px auto 10px auto; float: right;} .zzbz_details_con h2{ line-height:70px; height:70px; text-align:center; font-size:34px; font-weight:700; border-bottom:1px solid #eeeeee; position:relative;color:#333;margin-top:0px;} .zzbz_details_con h1{ line-height:70px; height:70px; text-align:center; font-size:34px; font-weight:700; border-bottom:1px solid #eeeeee; position:relative;color:#333} .zzbz_details_con .details-tag{ height:30px; border-top:1px solid #FFF; text-align:center;} .zzbz_details_con .details-tag span{ display:inline-block;padding:10px 15px; background-color:#fff; font-size:14px;font-size: 12px;} .zzbz_details_con .details-tag span a{ color:#888} .zzbz_details_con p{ line-height:28px;margin-bottom:6px; font-size:14px;} /*资质标准样式修改20171117郭雅南*/ .zzbz_cont{ padding:0 40px; } .index{ position: relative; left: 40px; top: 3px; float: left; } .zzbz_details_con .details-dt{ width: 890px; margin-top: 20px; } .zzbz_share{ float: right; margin-right: 35px; } .zzbz_details_con .details-conbd{ width: 970px; margin-top: 25px; padding-top: 15px; padding-left: 40px; border-top: 1px solid #dddddd; font-weight:normal; } .zzbz_details_con .details-conbd p{ height: auto; font-size: 16px; } .zsbase-wenku-r{ width:100%;} .details-wenku-head {width:1100px;} /*推广服务页面新增样式*/ .orderBuyProcess{ width:100%; } .orderBuyProcess .orderBuy_title span{ font-size:16px; font-weight:400; } .orderBuyProcess ul li h2{ font-size:16px; font-weight:400; margin-bottom:10px; } /*行业资讯首页*/ .zs_left_wrap{ width:900px; overflow:hidden; } .zs_seaction_wrap{ width:440px; float:left; margin-right:20px; background:#fff; padding:0 15px; margin-bottom:20px; } .zs_left_wrap .zs_seaction_wrap:nth-child(2n){ margin-right:0; } .zs_seaction_wrap .title{ height:49px; border-bottom:1px solid #f0f0f0; line-height:48px; font-size:16px; color:#333; font-weight:bold; } .zs_seaction_wrap .title h2 { line-height: 48px; font-size: 16px; color: #333; font-weight: bold; float:left; } .zs_seaction_wrap .title a{ display:block; float:right; height:100%; color:#f40; } .zs_seaction_list{ width:100%; } .zs_seaction_list li{ height:34px; line-height:34px; font-size:14px; overflow:hidden; position:relative; } .zs_seaction_list li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 34px; color: #666666; font-size: 14px; padding-right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .zs_seaction_list li span{ float:right; } .zs_seaction_list .img_item { height:247px } .zs_seaction_list .img_item .img_wrap{ width:100%; height:100%; background:#fff; } .zs_seaction_list .img_item .img_wrap img{ width:100%; display:block; } .zs_seaction_list .img_item .img_a{ padding-top:250px; } .zs_seaction_list .img_item .text { position:absolute; width:100%; background:rgba(0,0,0,.5); height:34px; line-height:34px; color:#fff; bottom:0; overflow:hidden; } .zs_seaction_list .img_item .text span:first-child { float: left; width: 310px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .zs_seaction_list .img_item .text span:last-child { width: 100px; float: right; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:right; } .y_zsbase-b div.zsbase-l:first-child{ margin-top:0 !important; }.y_zsbase-b div.zsbase-l{ width:300px !important; } .left{ float:left !important; } .right { float: right !important; } .y_zsbase-b{ width:300px; } .w1220 { width: 1220px; margin: 0 auto; padding-bottom:10px; overflow:hidden; } .y_list_wrap { width: 900px; background: #fff; } .y_list_wrap .zsbase-r ul li p { overflow: hidden; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-indent: 0; } .y_list_wrap .zsbase-r ul li .kn-time span:first-child{ padding:0; } .y_zsbase-b .artR_hot_lable{ float:left; margin-top:10px; } @charset "utf-8"; .company_l { width: 900px; float: left; background: #fff } .company_r { float: right; width: 300px } .company_l .zgs_rank .zgsr_fy a, span.nav_arrow_right, span.nav_close { background: url(http://www.zizhiguanjia.net/Images/global.png) no-repeat } .company_r .zgs_clr_fc ul li span { background: url(../Images/zgs_index.gif) no-repeat; overflow: hidden } .zgs_select_type { width: 900px; padding: 20px 20px 15px 20px; background: #fff; border-bottom: 20px solid #f2f2f2 } .zgs_select_type dl { padding: 15px 0 5px; width: 860px; border-top: 1px solid #ddd } .zgs_select_type dl.zgs_st_dl_two { border-top: 1px solid #eaeaea } .zgs_select_type dl dt { float: left; width: 90px; height: 100%; font-size: 14px; color: #999 } .zgs_select_type dl dd { float: left; width: 770px } .zgs_select_type .height_40, .zgs_select_type dl.height_40 { height: 40px; position: relative; overflow: hidden } .zgs_select_type .height_auto, .zgs_select_type dl.height_auto { height: auto } .zgs_select_type dl dd a { display: inline-block; margin-right: 14px; margin-bottom: 10px; font-size: 14px; color: #666; cursor: pointer } .zgs_select_type dl dd a:hover { color: #f25618 } .zgs_select_type dl dd a.on { height: 20px; padding: 0 5px; line-height: 20px; color: #f40 } .zgs_meitu_nav { width: 100%; padding-bottom: 12px; } .zgs_meitu_nav .screen_nav { float: left; width: 110px; font-size: 14px; line-height: 24px; color: #666 } .zgs_meitu_nav .screen_nav b { margin-left: 5px; font-weight: 400; color: #999 } .zgs_meitu_nav ul { float: left } .zgs_meitu_nav ul li { float: left; margin-right: 10px; border: 1px solid #f40 } .zgs_meitu_nav ul li a { display: block; height: 22px; padding: 0 5px; font-size: 12px; line-height: 22px; color: #666 } .zgs_meitu_nav ul li span { display: inline-block } .zgs_meitu_nav ul li a i { display: inline-block; line-height: 20px; margin-left: 5px } .zgs_meitu_nav em { float: left; margin-left: 20px; line-height: 24px; font-size: 14px; color: #999 } .zgs_meitu_nav em i { color: #666 } .xdbc_nav ul li { float: left; margin-right: 5px; display: inline; height: 30px; line-height: 28px } .xdbc_nav ul li.has_arrow, .zgs_meitu_nav ul li.has_arrow { line-height: 28px } .xdbc_nav ul li.has_arrow a, .zgs_meitu_nav ul li.has_arrow a { color: #666; float: left } .zgs_meitu_nav ul li.nav_type_select a { margin-right: 0; color: #666; padding: 0 5px; font-size: 12px; cursor: pointer; border-radius: 1px } .zgs_meitu_nav ul li.nav_type_select a:hover { color: #f40 } .zgs_meitu_nav ul li.nav_type_select a em { height: 18px; line-height: 15px; padding: 0 7px; font-weight: 400 } .zgs_meitu_nav em.zgs_meitu_nav_total { float: left; height: 20px; line-height: 20px; color: #999 } .zgs_meitu_nav ul li.nav_type_select a span.nav_close { background-position: -49px 0; width: 7px; height: 8px; display: inline-block; margin: 6px 5px 0 5px; float: left; display: inline } .zgs_meitu_nav ul li.nav_type_select a:hover span.nav_close { background-position: -42px 0 } span.nav_arrow_right { margin: 6px 0 0 4px; font-size: 14px; background-position: -37px 0; width: 10px; height: 9px; float: left } .company_l .zgs_rank { width: 898px; height: 50px; border-top: 1px solid #f40; background: #fff; float: left; display: inline } .company_l .zgs_rank ul li { float: left; height: 50px; border-right: 1px solid #e6e6e6; line-height: 50px } .company_l .zgs_rank ul li a { padding: 0 18px; cursor: pointer; float: left } .company_l .zgs_rank ul li a p { float: left; font-weight: 400; font-size: 15px } .company_l .zgs_rank ul li.rz { position: absolute; right: 10px; border: 0; color: #f40 } .company_l .zgs_rank ul li.rz a { font-size: 14px; color: #f40 } .company_l .zgs_rank ul li.rz img { margin-right: 10px; vertical-align: sub } .company_l .zgs_rank ul li i { position: relative; top: 12px; float: left; margin-right: 3px; width: 22px; height: 20px; line-height: 50px; background: url(../Images/koubb_img.png) no-repeat } .company_l .zgs_rank ul li span { font-weight: 400 } .company_l .zgs_rank ul li .zr_hot { line-height: 38px; text-align: center } .company_l .zgs_rank ul li .has_arrow { font-size: 0 } .company_l .zgs_rank ul li .has_arrow a em { height: 24px; line-height: 24px; margin: 16px 0 0 0; display: inline; font-size: 12px } .company_l .zgs_rank .zgsr_sx { float: right; height: 38px } .company_l .zgs_rank .zgsr_sx label { height: 14px; margin: 11px 24px 0 0; float: left; display: inline; line-height: 16px } .company_l .zgs_rank .zgsr_sx label input { margin: 2px 5px 0 0; float: left; width: 13px; height: 13px; display: inline } .company_l .zgs_rank .zgsr_fy { float: right; width: 117px; height: 38px; position: relative; border-left: 1px solid #e8e8e8; text-align: center; line-height: 38px } .company_l .zgs_rank .zgsr_fy a { position: absolute; top: 15px; width: 8px; height: 16px } .company_l .zgs_rank .zgsr_fy a.zgsr_fy_left { left: 20px; background-position: -172px 0 } .company_l .zgs_rank .zgsr_fy a.zgsr_fy_right { right: 20px; background-position: -179px 0 } .company_l .zgs_rank .zgsr_fy span em { color: #666; font-weight: 700 } .company_list { width: 900px; display: inline; border: 1px solid #e8e8e8; border-bottom: 0; float: left; margin-bottom: 40px } .company_list ul li { border-bottom: 1px solid #f4f4f4; float: left; width: 100%; position: relative; padding-bottom: 23px } .company_list ul li div.zgscl_container { height: 140px; padding: 30px 0 5px 20px } .company_list ul li div.zgscl_container a.zgscl_logo { float: left; width: 118px; height: 118px; position: relative; border: 1px solid #eaeaea } .company_list ul li div.zgscl_container a.zgscl_logo img { width: 116px; height: 116px } .zgsclc_data { float: left; width: 500px; margin-left: 20px; display: inline; margin-top: 8px } .zgsclc_data span { float: left; width: 500px; white-space: nowrap; text-overflow: ellipsis } .zgsclc_data span.zd_one { height: 18px } .zgsclc_data span.zd_one div { font-weight: 400; float: left; width: auto; height: 18px; line-height: 18px; margin-right: 9px; display: inline } .zgsclc_data span.zd_one div a { font-size: 16px; color: #333; font-weight: 700; display: inline-block; float: left; font-family: "微软雅黑" } .zgsclc_data span.zd_one div a:hover { color: #f25618 } .zgsclc_data span.zd_one div span { float: left; display: inline-block; width: inherit; font-size: 12px; color: #fff } .zgsclc_data span.zd_one div .zizhi_yingyzz { margin-left: 8px; background: url(../Images/zzdb_tub.png) no-repeat; width: 25px; height: 32px; line-height: 32px; text-align: center; position: relative; top: -10px; background-position: -65px 0; } .zgsclc_data span.zd_one div .zizhi_chenggalrz { background: url(../Images/zzdb_tub.png) no-repeat; width: 28px; height: 32px; line-height: 32px; text-align: center; position: relative; top: -10px; background-position: -32px 0; margin-left: 8px } .zgscl_container .zgscl_left { width: 120px; display: inline-block; float: left; text-align: center } .zgscl_container .zgscl_left .zgscl_zix_num { font-size: 14px; color: #666; padding-top: 8px; display: inline-block } .zgscl_container .zgscl_left .zgscl_zix_num i { color: #f40; padding: 0 2px } .zgsclc_data span.zd_one div .zizhi_V { background: url(../Images/iconimg/member.png) no-repeat; width: 35px; height: 42px; line-height: 33px; text-align: center; position: relative; top: -18px; background-position: -34px -4px; margin-left: 8px } .zgsclc_data span.zd_one div .zizhi_V2 { background-position: 1px -48px; } .zgsclc_data span.zd_one div .zizhi_V3 { background-position: -34px -48px; } .zgsclc_data span.zd_one div .zizhi_V4 { background-position: -70px -46px; } .zgsclc_data span.zd_one div .zizhi_V5 { width: 25px; background-position: -110px -4px; } .zgsclc_data span.zd_one div .zizhi_V6 { width: 25px; background-position: -77px -4px; } .zgsclc_data span.zd_one div .zizhi_V7 { background-position: -70px -46px; } .company_list ul li div.zgscl_container div.zgsclc_koubei .zzdb_fuwcgqy { position: absolute; background: url(../Images/iconimg/member.png) no-repeat; background-position: -109px -48px; z-index: 1; top: 0; width: 34px; height: 46px; right: 15px } .zgsclc_data span.zd_two { height: 26px; margin-top: 5px } .zgsclc_data span.zd_two a { float: left; width: auto; height: 26px; line-height: 26px; color: #2d48e7; margin-right: 10px; display: block; text-decoration: underline; font-size: 14px } .zgsclc_data span.zd_two a:hover { color: #f25618 } .zgsclc_data span.zd_three { font-size: 18px; margin-top: 0; line-height: 24px; width: 450px; text-overflow: ellipsis; color: #999; display: inline-block } .zgsclc_data span.zd_four { margin-top: 15px } .zgsclc_data span.zd_four p, .zgsclc_data span.zd_three p { padding-right: 20px; float: left; color: #999; font-size: 14px; line-height: 24px } .zgsclc_data span.zd_four p a { color: #f25618; font-size: 12px; font-family: "宋体"; line-height: 22px; text-decoration: underline; background: #fff; padding: 0 8px; border: 1px #f7ab8a solid; margin-top: 3px; display: block } .zgsclc_data span.zd_four p a:hover { color: #333; font-size: 12px; font-family: "宋体"; line-height: 22px; text-decoration: underline; background: #f40; padding: 0 8px; border: 1px #f40 solid } .zgsclc_data span.zd_four .tel { font-size: 16px; color: #666; letter-spacing: .5px } .zgsclc_data span.zd_four p em { background: url(../Images/zizdb_tel_img.png) no-repeat 0 5px; height: 19px; width: 14px; float: left; margin-right: 8px } .company_list ul li div.zgscl_container div.zgsclc_koubei { float: right; width: 223px; height: 135px; border-left: 1px solid #f4f4f4; position: relative } .company_list ul li div.zgscl_container div.zgsclc_koubei span { float: left; width: 100%; height: 16px; line-height: 16px; text-align: center; font-size: 14px; color: #666; display: inline } .company_list ul li div.zgscl_container div.zgsclc_koubei a { float: left; width: 93%; height: 32px; line-height: 32px; color: #f26f20; font-family: Arial; text-align: center; font-size: 30px; margin-top: 10px; background-color: #ffae00; color: #fff; border-radius: 3px } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_hp { color: #999; text-align: left; margin-left: 20px; float: left; margin-top: 14px } .company_list ul li div.zgscl_container div.zgsclc_data .zd_four a { display: inline-block; width: 180px; height: 34px; color: #333; text-align: center; line-height: 34px; margin-right: 0; background-color: #fff; color: #f40; font-size: 14px; border: 1px solid #f40 } .company_list ul li div.zgscl_container div.zgsclc_data .zd_four a:hover { background-color: #f40; color: #fff } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_hp a.free_design:hover { background-color: #f40; color: #fff } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_rq { color: #999; font-size: 12px; text-align: center; margin-top: 15px } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_rq em { color: red } .company_list ul li.has_ss .special_service { margin-top: 7px; float: left; width: 100%; height: 37px; display: inline } .company_list ul li .special_service p { float: left; height: 37px; margin-left: 30px; line-height: 37px; color: #999; width: 129px; display: inline } .company_list ul li.on .special_service p { margin-left: 28px } .company_list ul li .special_service p em { color: #f26f20 } .company_r .zgs_clr_fc:after { clear: both; display: table; content: "" } .company_r .zgs_clr_fc, .company_r .zgs_clr_zsm, .zgs_clr_rank { padding: 10px 12px 4px 12px; width: 220px; margin-top: 20px } .company_r .zgs_clr_fc input { margin: 3px 0 0 3px; width: 214px; height: 40px; text-align: center; border: 0; background: #f26f20; color: #fff; font-size: 14px; margin-bottom: 15px; cursor: pointer } .company_r .zgs_clr_newOrder h2, .company_r span.zcf_title { float: left; width: 100%; height: 29px; line-height: 28px; font-size: 16px; color: #333; position: relative; z-index: 3; background: #fff; font-weight: 700 } .company_r span.zcf_title a { color: #333 } .company_r span.zcf_title_ext { color: #999 } .company_r .zgs_clr_fc ul { top: -1px; z-index: 2 } .company_r .zgs_clr_fc:after { clear: both; display: table; content: "" } .company_r .zgs_clr_fc { padding: 10px 15px 15px 0; width: 300px; margin-top: 20px; background: #FFF; } .company_r .zgs_clr_newOrder h2, .company_r span.zcf_title { float: left; width: 100%; height: 29px; padding-left: 15px; line-height: 28px; font-size: 16px; color: #666; position: relative; z-index: 3; background: #fff; margin-bottom: 5px } .company_r span.zcf_title a { color: #333 } .company_r span.zcf_title_ext { color: #999 } .company_r .zgs_clr_fc ul { top: -1px; z-index: 2 } .company_r .zgs_clr_fc ul li { float: left; width: 100%; height: 60px; border-top: 1px dotted #d9d9d9; position: relative } .company_r .zgs_clr_fc ul li:first-child { border-top: 1px solid #b1b0b5 } .company_r .zgs_clr_fc ul li span { position: absolute } .company_r .zgs_clr_fc ul li span.zcf_bbz { width: 40px; height: 37px; top: 11px; left: 18px; background-position: 0 -32px } .company_r .zgs_clr_fc ul li b { position: absolute; width: 180px; height: 18px; line-height: 18px; font-size: 16px; color: #f40; left: 70px; top: 9px; font-weight: 400; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .company_r .zgs_clr_fc ul li em { position: absolute; width: 180px; height: 16px; line-height: 16px; color: #999; left: 70px; top: 33px; font-weight: 400; font-size: 14px } .company_r .zgs_clr_fc ul li span.zcf_bbj { width: 43px; height: 35px; top: 15px; left: 17px; background-position: -42px -70px } .company_r .zgs_clr_fc ul li span.zcf_kxy { width: 41px; height: 38px; top: 11px; left: 14px; background-position: -41px -32px } .company_r .zgs_clr_fc ul li span.zcf_bfa { width: 40px; height: 37px; top: 13px; left: 14px; background-position: 0 -70px } .company_r .zgs_clr_fc input.zcz_btn { margin: 10px 0 0 3px; width: 250px; height: 40px; text-align: center; border: 0; background: #f26f20; color: #fff; font-size: 14px; margin-bottom: 10px; cursor: pointer } .company_r .zgs_clr_fc input.zcz_btn:hover { background-color: #e7691e } .pages { width: 100%; text-align: center; overflow: hidden; clear: both; overflow: hidden; margin: 50px auto } .pages a, .pages span { margin: 0 3px; display: inline-block; padding: 8px 10px; border-radius: 3px; overflow: hidden; color: #555 } .pages a { background: #E5E5E5 } .pages a:hover { background-color: #EDEDED } .pages span { background: #f40; color: #fff } .pages .point { background: 0 0; color: #555; padding: 8px 0 } .zgsclc_data span.zd_three p { width: 435px; height: 24px; overflow: hidden; margin-top: 5px; color: #333 } .zgsclc_data span.zd_three i { font-style: normal; height: 24px; background: url(../images/zb.png) left no-repeat; background-size: 10px 15px; padding-left: 22px; font-size: 12px } .zgsclc_data span.zd_four p a { color: #f25618; font-size: 12px; font-family: "宋体"; line-height: 22px; text-decoration: underline; margin-top: 3px; display: block } .container a:hover { color: #ff5400 } .zgsclc_data span.zd_one h3 img { margin-left: 10px } .zgsclc_data span.zd_three b { width: 10px; margin-left: -20px; height: 24px; margin-top: 15px; display: block; float: left; color: #333 } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_hp a { font-size: 14px; font-family: "微软雅黑","宋体" } .company_list ul li:hover { background: #f9f9f9 } .on { color: #f40 !important } .zgsclc_koubei_hp em { width: 15px; height: 15px; background: url(/Images/star_whole.png) no-repeat; display: inline-block } .zgsclc_koubei_hp em.star_half { width: 15px; height: 15px; background: url(/Images/star_half.png) no-repeat } .zgsclc_koubei_hp em.star_empty { width: 15px; height: 15px; background: url(/Images/star_empty.png) no-repeat } .zgsclc_koubei_hp em.em2 { width: 36px; background-position: 0 -18px } .zgsclc_koubei_hp em.em3 { width: 18px; background-position: 0 -35px } .zd_five { height: auto; margin-top: 10px; max-height: 52px; overflow: hidden } .zd_five i { float: left; background: url(../Images/zizhi_zhuyyw_img.png) no-repeat center; height: 16px; width: 15px; text-align: center; margin-right: 8px } .zd_five p em { float: left; font-size: 14px; line-height: 16px; color: #f40 } .zd_five p span { font-size: 13px; color: #666; display: inline-block; width: inherit; float: left; border-right: 1px solid #ccc; padding-right: 6px; margin-right: 8px; height: 16px; line-height: 16px; margin-bottom: 10px } .zgsclc_data span.zd_four .tel i { color: #01af63; font-size: 14px; font-style: normal; letter-spacing: 0; margin-left: 2px } .zgsclc_data span.zd_four .tel i b { cursor: pointer; padding: 0 2px; font: 13px/1.5 Arial,"宋体",simsun,sans-serif } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_hp span { height: 23px; line-height: 23px; color: #999; text-align: left; width: 160px; font-size: 14px; margin-bottom: 20px; letter-spacing: 5px } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_hp span i { color: #f40; font-style: normal; letter-spacing: 0 } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_hp .zzdb_koubz { letter-spacing: 5px } .company_list ul li div.zgscl_container div.zgsclc_koubei .zgsclc_koubei_hp .zzdb_koubz i { font-weight: 700; font-size: 16px; margin-top: 0 } .zgsclc_koubei_hp p { width: 180px; font-size: 15px } .zgsclc_koubei_hp p em:first-child { margin-left: 5px } .guanj_Recommend { width: 300px; overflow: hidden; margin-top: 25px; padding-top: 10px; background: #FFF; } .guanj_Recommend p { padding-left: 20px; font-size: 14px; padding-bottom: 5px; border-bottom: 1px solid #ccc } .guanj_Recommend .guanj_Recommend_list { padding-top: 15px } .guanj_Recommend .guanj_Recommend_list ul li { width: 260px; overflow: hidden; position: relative; float: left; margin-left: 20px; padding-bottom: 18px; } /*.guanj_Recommend .guanj_Recommend_list ul li:hover .guanjia_tuij_zhubyw{display:inline-block}*/ .guanj_Recommend_list ul li .guanjia_tuij_img { width: 98px; height: 84px; border: 1px solid #e8e8e8; float: left; } .guanj_Recommend_list ul li .guanjia_tuij_img img { width: 100%; height: 100%; } .guanj_Recommend_list ul li .guanj_tuij_name { display: block; font-size: 14px; color: #666666; position: relative; top: -2px; } .guanj_Recommend_list ul li .guanjia_tuij_zhubyw { width: 150px; margin-left: 10px; color: #333; float: left; } .guanj_Recommend .guanjia_tuij_zhubyw p { font-size: 12px; line-height: normal; border: none; color: #999999; padding: 0px; } .guanjia_tuij_zhubyw p a { display: inline-block; padding: 2px 10px; color: #f40; border-radius: 20px; margin-top: 6px; border: 1px solid #f40; } .guanjia_tuij_zhubyw p a:hover { background: #f40; color: #ffffff; } .tuij_diq { color: #f40 } .DbgsList_FwxxList { width: 300px; margin-top: 20px; background: #ffffff; border-radius: 3px; } .DbgsList_FwxxList .DbgsList_FwxxList_Tit { padding-left: 20px; padding-top: 10px; font-size: 16px; color: #666666; line-height: 28px; padding-bottom: 5px; border-bottom: 1px solid #ccc } .DbgsList_FwxxList .DbgsList_FwxxList_Tit a { float: right; margin-right: 10px; } .DbgsList_FwxxList ul li { padding: 15px 0 15px 18px; border-bottom: 1px dashed #cccccc; } .DbgsList_FwxxList ul li:hover { border-bottom: 1px dashed #ff4400; } .DbgsList_FwxxList ul li:hover span { color: #ff4400; } .DbgsList_FwxxList ul li a { display: block; } .DbgsList_FwxxList ul li span { display: block; width: 280px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; } .DbgsList_FwxxList ul li .main_FwxxCom { width: 297px; display: block; padding: 5px 0 0 0px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999999; } .main_FwxxCom i { display: inline-block; width: 15px; height: 15px; margin-top: 1px; margin-right: 5px; background: url(/Images/InfoList_ComIco.png) no-repeat; } .DbgsList_FwxxList ul li p { display: inline-block; padding: 5px 0 0 0px; font-size: 13px; color: #999999; } .DbgsList_FwxxList ul li:hover .main_FwxxCom i { background-position: 0 -15px; } @charset "utf-8";.zsbase-b{float:left;width:230px;height:auto} .zsbase-l{width:300px!important} .zsbase-l b{color:#666668!important;font-size:1pc!important} .zsbase-l ol{padding:10px 0 20px 15px!important;width:280px!important;height:auto!important;color:#444} .zsbase-l ol a {font-size:initial;color:#666;} .zsbase-l ol a:nth-child(1){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;} .zsbase-l ol a:nth-child(3){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;} .zsbase-l ol a:nth-child(9){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;} .zsbase-l ol a:nth-child(12){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;} .zsbase-l ol a:nth-child(13){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;} .zsbase-l ol a:nth-child(14){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;} .zsbase-l ol a:nth-child(15){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;} /*.zsbase-l ol a:hover{color:#ff5400;font-weight:700}*/ .zsbase-l ol .a1{font-size:26px} .zsbase-l ol .a2{font-size:20px} li.li1{font-size:15px} li.li2{font-size:24px} li.li3{font-size:20px} li.li4{font-size:1pc} li.li5{font-size:20px} .zsbase-r ul .li{padding-left:40px;color:#336caf;font-size:18px} .zsbase-r ul li a{color:#666} .zsbase-r ul li span.span{float:left;width:95px;color:#fff;font-size:14px} .zsbase-r ul li .kn-time span{font-size:9pt} .dada{width:920px;height:210px} .dada dt{float:left;width:290px;height:210px} .dada dt a img{width:286px;height:205px;border:1px solid #ccc} .dada dt a:hover img{position:relative;top:-20px;left:-10px;width:310px;height:250px} .dada dd{float:left;width:630px;font-size:14px;line-height:30px} .dada dd span{float:left;display:block;width:75pt;text-align:right} .dada dd p{line-height:25px} .zsbase-r ul li p{color:#999;text-indent:2em;font-size:14px;line-height:24px} .box01{z-index:1} .yiji_ul{list-style:none} .yiji_ul li{float:left;padding:0 7px;font-size: 14px;font-weight: normal;} .erji_ul li{float:none} .erji_ul{position:absolute;z-index:10000;display:none;background-color:#f3f2f1;text-align:center; top:30px;height:77px;} .erji_ul li{padding:0px; border-bottom:1px solid #ccc} .yiji_ul li:hover .erji_ul{display:block} /*.yiji_ul li:hover .yiji_class{border:1px solid #c6c6c6;border-bottom:0}*/ /*.yiji_ul li:hover .class2{border:1px solid #c6c6c6;border-top:0}*/ .yiji_ul li a {color:#666;} .details-nav .yiji_ul li a:hover{color:#f40;} #line_1{float:right;margin-top:-29px;margin-right:-1px;width:11px;height:28px;border-right:0;border-left:0} .img_trigon{float:right;padding-top:18px} .divSelect{width:81px} .yiji_class{width:70px} #div_option{width:5pc} .details-nav h2 a:hover{color:#000} .details-con .index{float:right;margin-top:-25px;font-size:14px} .details-con .desc{border:1px solid #eee; padding:15px;margin-top:30px; background-color:#F6F6F6;} .index a{color:#222} .index a:hover{color:#f40} .ewm {position:fixed;top:250px;border:1px solid #eee;box-shadow: 0 0 5px;background-color: #fff;} .ewm div {text-align:center; } .ewm span{background: url('/Images/global.png') -218px 0px; width: 18px; height: 18px; margin-left: 82px; cursor: pointer;} .btnewm{position: fixed; top: 280px; border: 1px solid #eee; box-shadow: 0 0 5px; background-color: #fff; word-wrap: break-word; width: 20px; text-align: center; line-height: 15px; display: none; cursor: pointer;} .link_list {width: 1220px;height: auto;background-color: #FFFFFF;padding-left: 110px;font-size: 14px;margin-top: 20px;float:left;} .link_list a {color: #666;margin-top: 12px;} .link_list a:hover {color: #e70;} /*资质标准左侧导航*/ .zzdb_xiangq_left{float:left;width:230px} .main .left-sider{float:left;width:221px} .left-sider .operate{border:1px solid #ddd;zoom:1;background-color:#fff;} .operate h3{font-family:"Microsoft YaHei",微软雅黑;font-size:16px;background:#f7f7f7;height:43px;line-height:43px;padding-left:35px;border-bottom:solid 1px #ddd;} .operate ul li{font-family:"微软雅黑","黑体",Arial;border-bottom:1px dotted #d2d2d2;display:inline-block;width:100%;position:relative;min-height:43px;z-index:10;zoom:1} .operate ul li.selected h4{border-bottom:1px dotted #d2d2d2;line-height:43px;padding-left:37px;text-decoration:none;font-size:14px;color:#555;display:block;font-weight:400} .operate ul li #bg{cursor:pointer;background:url(/Images/bg3.png) no-repeat 200px 18px} .operate ul li #bg1{cursor:pointer;background:url(/Images/bg3.png) no-repeat 200px -37px} .operate li .list-item{position:relative;zoom:1} .operate li .list-item a{background:0 0;border:none;color:#333;display:block;height:32px;line-height:32px;margin:0 -1px 0 1px;padding-left:60px;position:relative;text-decoration:none;font-size:14px} .operate ul li h4 a{color:#333} .left-sider .operate ul li .on{color:#ff4400;} .left-sider .operate ul li .on a{color:#ff4400;} .left-sider .operate ul li a:hover{color:#ff4400;} #zhizgj_left {float: none !important;background-color: #fff;} #juheweb p {overflow: hidden;height: 30px;} /*专题*/ .zsbase .seo_topicTag {background-color: #fff;padding-bottom:30px;} .zsbase .seo_topicTag .seo_topicTag_title { height: 40px;line-height: 50px;font-size: 14px; } .zsbase .seo_topicTag .seo_topicTag_title .word_left {float:left;margin-left:20px; } .zsbase .seo_topicTag .seo_topicTag_title .word_left .red{color:#f40; } .zsbase .seo_topicTag .seo_topicTag_title .word_right {float:right;margin-right:60px; } .zsbase .seo_topicTag .seo_topicTag_title ul li {float: left;width: 35px;} .zsbase .seo_topicTag .seo_topicTag_title ul li a{font-weight:bold; color:#000;} .zsbase .seo_topicTag .seo_topicTag_title ul li a:hover{color:#f40;} .zsbase .seo_topicTag .seo_topicTag_list {border-top: 3px solid #efeff1;} .zsbase .seo_topicTag .seo_topicTag_list ul{margin:0 20px;} .zsbase .seo_topicTag .seo_topicTag_list ul li {float: left;width: 235px;height: 35px;line-height: 35px;text-align: left;padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .zsbase .seo_topicTag .seo_topicTag_list ul .topic_bg {background-color:#efeff1; } .zsbase .seo_topicTag .seo_topicTag_list ul li a {color:#000;font-size:14px;} .zsbase .seo_topicTag .seo_topicTag_list ul li a:hover {color:#f40;} /* 修改资质标准左侧导航--尹强 */ .operate ul li .list-item .add001 { cursor: pointer; background: url(/Images/bg3.png) no-repeat 200px 18px } .operate ul li .list-item .sub001 { cursor: pointer; background: url(/Images/bg3.png) no-repeat 200px -37px } .operate h3,.operate ul li.selected h4{ padding-left: 10px; } .operate li .list-item>div { background: 0 0; border: none; color: #333; display: block; height: 32px; line-height: 32px; margin: 0 -1px 0 1px; padding-left: 25px; position: relative; text-decoration: none; font-size: 14px; overflow:hidden; } .operate li .list-item a { background-color: #fff } .operate li .list-item>div p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:20px; } .operate li .list-item>div a p{ padding-left:15px; } .operate li .list-item a{ padding-left:0; } .mfhqbj_jiagesz_box { display: block; width: 150px; font-size: 26px; color: #ff4400; text-align: center; position: relative; top: 0; animation: mycontinue 15s infinite; line-height: 50px; } a, img { border: 0 } .banner { width: 100%; overflow: hidden; height: 185px; position: relative; margin-bottom: 15px } .banList { position: absolute; left: 50%; margin-left: -150px; height: 185px } .banList li { height: 185px; opacity: 0; position: absolute; transform: scale(0); transition: transform 0.5s ease 0s,opacity 1.5s ease 0s; z-index: 1 } .banList li.active { opacity: 1; transform: scale(1); z-index: 2 } .fomW { position: absolute; bottom: 20px; left: 50%; height: 20px; z-index: 9; width: 1000px; margin-left: -500px } .jsNav { text-align: center } .jsNav a { display: inline-block; background: #fff; width: 15px; height: 15px; border-radius: 50%; margin: 0 5px } .jsNav a.current { background: #fc8f0f; cursor: pointer } .codeBtn { position: absolute; top: 8px; right: 0; z-index: 2; width: 96px !important; height: 18px !important; text-align: center; color: #ff4400 !important; cursor: pointer !important; display: inline; line-height: 16px !important; padding-left: 0px!important; border-radius: 0px!important; border-left: 1px solid #ccc !important; } .index_region_box { width: 100%; position: relative; display: inline-block; } .index_region_box i { position: absolute; top: 16px; right: 10px; display: inline-block; width: 8px; height: 7px; background: url(/images/down_baoj.png) center; } .index_region_box .district-select-box { top: auto; display: none; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ccc; } .district-select-box .district-select { float: left; width: 50%; height: 300px; font-size: 13px; color: #666; } .district-select strong.district-on { border-bottom: 1px solid #f40; display: block; } .district-select strong { font-weight: 400; text-align: center; line-height: 34px; cursor: pointer; border-bottom: 1px solid #dedede; display: block; } .district-select-box .district-select ul { margin-top: 10px; margin-right: 10px; padding: 0; width: 98%; height: 256px; overflow: auto; } .district-select-box .district-select ul li { float: none; margin: 0; width: auto; padding: 8px 0; cursor: pointer; text-align: center; } .district-select-box .district-city ul li { padding-left: 5px; } .district-select .district-select-on { color: #f40; } .district-select ul li:hover { color: #f40; } ::-webkit-scrollbar { width: 6px; height: 4px; } ::-webkit-scrollbar-thumb { display: block; border-radius: 20px; background-color: rgba(214,214,214,1); } /*资质标准UI升级20190103*/ .zzbz_banner{ width:100%; height:436px; background:url(../../Images/zzbz_bg.jpg) no-repeat center; } .zzbz_banner .zzbz_bannerCon{ position:relative; height:436px; width:1220px; margin: 0 auto; } .zzbz_bannerCon .zzbz_bannerTit{ width:1220px; padding-top:110px; font-size:40px; line-height:initial; text-align:center; color:#ffffff; } .zzbz_select{ position:absolute; left:50%; bottom:160px; width:850px; margin-left:-425px; /*background:#ffffff;*/ border-radius:8px; } .zzbz_select .zzbz_selectCon{ width:100%; } .zzbz_selectCon .zzbz_selectConL{ float:left; width:640px; padding:8px 0 8px 8px; background:url(../../Images/zzbz_selectCon_bg.png) repeat; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .zzbz_selectCon .zzbz_optionFl{ position:relative; float:left; width:180px; height:54px; /*padding:10px 0;*/ background:#ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .zzbz_selectCon .zzbz_optionFl:after{ position:absolute; right:0px; top:9px; content:""; display:block; height:36px; border-left:1px solid #cccccc; } .zzbz_optionFl select{ position:relative; z-index:3; width:175px; padding:12px 0 12px 40px; height:54px; line-height:30px; font-size:18px; border:0px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -webkit-appearance: textfield; background: none; } .zzbz_selectCon .zzbz_optionLx { float:left; width:452px; padding:0px 0 0px 30px; background:#ffffff; height:54px; } .zzbz_selectCon .zzbz_optionLx select{ padding:12px 10px 12px 0px; height:54px; width:392px; line-height:30px; font-size:16px; border:0px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -webkit-appearance: textfield; } .zzbz_optionFl i,.zzbz_optionLx i{ width: 18px; height: 11px; display: inline-block; background:url(../../images/zzbz_option_down.png); -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url(./btn.png) 0; background-repeat:no-repeat\9; background-image:none\9; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=true , sizingMethod=scale , src=../../images/zzbz_option_down.png); } .zzbz_optionFl i{ top:21px; right:30px; position:absolute; z-index:2; } .zzbz_optionLx i { top: 29px; position: absolute; z-index: 2; } .zzbz_selectBtn{ position:relative; float:left; width:210px; height:70px; background:#f40; border-top-right-radius:8px; border-bottom-right-radius:8px; } .zzbz_selectBtn input{ width:100%; height:100%; padding-left:50px; font-size:21px; color:#ffffff; background:none; border:none; } .zzbz_selectBtn i{ position:absolute; top: 24px; left: 56px; width: 24px; height:24px; background:url(../../Images/zzbz_ico.png); -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; -moz-border-image: url(./btn.png) 0; background-repeat:no-repeat\9; background-image:none\9; filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=true , sizingMethod=scale , src=../../Images/zzbz_ico.png); } .zzbz_banner_bottom{ position:absolute; bottom:115px; left:50%; margin-left:-425px; width:850px; } .zzbz_banner_bottom .zzbz_banner_hotZz{ float:left; font-size:16px; color:#ffffff; } .zzbz_banner_hotZz a{ margin-right:15px; color:#ffffff; } .zzbz_banner_hotZz a:hover,.zzbz_banner_bottom .zzbz_banner_qbzz:hover{ color:#ff8c4e; } .zzbz_banner_bottom .zzbz_banner_qbzz{ float:right; margin-right:20px; padding:3px 8px 4px; font-size:14px; color:#ffffff; border:1px solid #ffffff; } .zzbz_second{ width:1220px; margin:0 auto 20px auto; padding-top:20px; } .zzbz_second .zzbz_HotZz{ float:left; width:600px; background:#ffffff; padding-bottom:38px; } .zzbz_HotZz .zzbz_HotZz_tit{ width:565px; margin:0 auto; border-bottom: 1px solid #f40; padding:20px 0 0 15px; } .zzbz_HotZz .zzbz_HotZz_tit span{ background: url(/images/baik_zy-bh.png) no-repeat; color: #FFF; padding: 5px 0; font-size: 16px; display: block; width: 150px; text-align: center; } .zzbz_HotZz ul{ width:100%; } .zzbz_HotZz ul li { float:left; width:160px; padding-top:37px; margin-left:30px; } .zzbz_HotZz ul li a { display: block; font-size: 15px; color: #666666; } .zzbz_HotZz ul li a:hover{ color:#f40; } .zzbz_second .zzbz_secondR{ float:right; width:600px; } .zzbz_secondR .zzbz_second_FW{ float:left; width:289px; text-align:center; } .zzbz_second_FW .zzbz_second_box{ display:block; width:289px; height:180px; padding:30px 50px; margin-top:20px; background:#FFF; } .zzbz_second_FW .zzbz_second_box i{ display:block; width:55px; height:61px; margin:0 auto; background:url(../../Images/zzbz_ico3.png) no-repeat; } .zzbz_second_FW .zzbz_second_box:first-child { margin-top:0px; } .zzbz_second_FW .zzbz_second_box:first-child i{ width:57px; height:59px; background:url(../../Images/zzbz_ico2.png) no-repeat; } .zzbz_second_FW .zzbz_second_box b{ display: block; margin: 12px 0 8px 0; font-size: 18px; font-weight: bold; color: #333; } .zzbz_second_FW .zzbz_second_box p { height: 38px; text-align: center; font-size: 14px; color: #666; } /*下单样式*/ .index_zbOrder{ float: left; margin-left: 20px; width: 290px; height: 380px; background-color: #ff8c4e; } .index_zbOrder .zzbz_zb_title { width: 250px; margin: 0 auto; padding-top: 18px; padding-bottom: 15px; text-align: center; color: #fff; border-bottom: 1px solid #fcac80; } .zzbz_zb_title p { font-size: 22px; font-weight: 400; margin-bottom: 5px; } .index_zbOrder .index_zbOrder_box { padding-top: 10px; margin-bottom: 25px; } .index_zbOrder .index_zbOrder_box li { position: relative; width: 250px; height: 48px; margin: 0 auto; list-style: none; margin-top: 15px; text-align: center; border-radius: 5px; background-color: #fff; } .index_zbOrder_box .index_region_box { width: 100%; position: relative; display: inline-block; } .index_zbOrder_box li span { position: absolute; left: 0; top: 10px; width: 46px; height: 26px; border-right: 1px solid #ddd; } .index_region_box i { position: absolute; top: 16px; right: 10px; display: inline-block; width: 8px; height: 7px; background: url(/images/down_baoj.png) center; } .index_zbOrder_box i.index_ico { width: 20px; height: 26px; display: inline-block; background: url(/images/index_ico.png) no-repeat; background-position: -22px -571px; margin-top: -16px; } .index_zbOrder_box li input { width: 250px; height: 48px; line-height: 48px; padding-left: 60px; font-size: 14px; color: #333; border: 0; border-radius: 5px; outline:none; -webkit-outline:none; cursor: pointer } .index_zbOrder_box i.index_ico2{ width: 16px; height: 26px; margin:0px; background-position: 0 -572px; } .index_zbOrder .index_zbOrder_box li.index_zbOrder_btn{ margin: 20px auto 0 auto; } .index_zbOrder_box li.index_zbOrder_btn input { padding: 0; text-align: center; color: #fff; font-size: 16px; background-color: #f40; } .index_zbOrder_select .index_region_box .district-select-box { top: auto; display: none; position: absolute; z-index: 6; width: 100%; background-color: #fff; border: 1px solid #ccc; } .index_zbOrder_select .district-select-box .district-select { float: left; width: 124px; height: 300px; font-size: 13px; color: #666; overflow: hidden; } .district-select strong { font-weight: 400; text-align: center; line-height: 34px; cursor: pointer; border-bottom: 1px solid #dedede; display: block; } .district-select strong.district-on { border-bottom: 1px solid #f40; display: block; } .district-select-box .district-select ul { margin-top: 10px; margin-right: 10px; padding: 0; width: 98%; height: 256px; overflow: auto; } .index_zbOrder_select .district-select-box .district-select ul { margin-right: 10px; } .index_zbOrder .index_zbOrder_box li { position: relative; width: 250px; height: 48px; margin: 0 auto; list-style: none; margin-top: 15px; text-align: center; border-radius: 5px; background-color: #fff; } .index_zbOrder_select .district-select-box .district-select ul li { float: none; width: auto; margin: 0; padding: 8px 5px 8px 5px; cursor: pointer; } .index_zb_orderRoll { height:30px; text-align: center; font-size: 14px; color: #fff; border-top: 1px solid #fcac80; padding-top: 10px; overflow:hidden; } .bg { background-color: #000; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } .box { position: fixed; min-width: 400px; min-height: 150px; left: 50%; top: 40%; margin-left: -200px; margin-top: -75px; height: auto; z-index: 10000; background-color: #fff; border: solid 1px #dddddd; } .box_head { background-color: #f7f7f7; border-bottom: solid 1px #dddddd; padding: 10px; } .box_title { letter-spacing: 2px; font-size: 16px; font-weight: bold; } .box_close { background: url("/Images/global.png") no-repeat -218px 3px; float: right; width: 19px; height: 19px; cursor: pointer; } .box_content { min-width: 100px; min-height: 50px; color: #000000; font-size: 16px; padding: 20px; text-align: center; } /*1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- text-align等) 4.背景(background, border等) 5.其他(animation, transition等)*/ .bg-theme { background-color: #000; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; } .box-theme { position: fixed; left: 50%; top: 50%; z-index: 10000; background-color: #FF6633; min-width: 560px; min-height: 380px; margin-left: -280px; margin-top: -190px; border-radius: 2px; display: none; } .box-head { min-height: 70px; text-align: center; } .box-close { float: right; width: 20px; height: 20px; cursor: pointer; margin: 24px 24px 0 -44px; background: url(/Images/box/box-close.png) no-repeat; background-size: 20px 20px; } .box-title { padding: 20px; letter-spacing: 2px; font-size: 20px; color: #fff; display: inline-block; } .box-title i { margin-right: 20px; float: left; width: 28px; height: 28px; background: url(/Images/box/success-ico.png) no-repeat center center; background-size: 28px 28px; } .box-content { min-height: 260px; color: #AEAEAE; font-size: 12px; text-align: center; background-color: #FFF; } .box-content ul { padding: 10px 0; line-height: 50px; display: inline-block; } .box-content ul li { height: 50px; } .box-content ul li.code-li { display: inline-flex; display: -webkit-flex; padding-top: 11px; } .box-content ul li:first-child { height: 40px; } .box-content ul li:last-child { line-height: normal; display: inline-block; padding: 15px 0; } .box-content ul li input { width: 355px; height: 36px; padding-left: 20px; font-size: 14px; border-radius: 5px; border: 1px solid #E4E4E4; -moz-box-sizing: border-box; box-sizing: border-box; } .box-content ul li .ipt-code { width: 245px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: none; } .box-content ul li .btn-code { width: 110px; padding-left: 0; color: #FF4400; background: url(/Images/box/cut-line.png) no-repeat left center; background-size: 2px 19px; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .box-content ul li .btn-form { padding: 0; background-color: #FF4400; color: #fff; } .box-content ul .box-form-notice i { margin-right: 5px; float: left; width: 18px; height: 18px; background: url(/Images/chengg.png) no-repeat center center; background-size: 18px 18px; } .box-bottom { min-height: 50px; font-size: 16px; text-align: center; } .box-bottom span { line-height: 50px; color: #fff; font-size: 14px; } /*错误提示 begin*/ .box-tip { z-index: 10001; position: fixed; margin-left: -150px; margin-top: -20px; left: 50%; top: 50%; min-width: 320px; height: 41px; color: #fff; border-radius: 2px; font-size: 14px; text-align: center; background-color: #333333; } .box-tip span i { float: left; width: 20px; height: 20px; margin: 10px; background: url("/Images/box/tip.png") no-repeat; background-size: 20px 20px; } .box-tip .box-tip-img { float: left; width: 40px; height: 41px; background-color: #F7BA2C; } .box-tip .box-tip-msg { display: block; padding: 10px 0; font-size:14px; } /*错误提示 end*/ /*成功页弹窗 begin*/ .none { display: none; } #success-box .box-content { font-size: 14px; color: #666; } .box-title .success-ico { background: url(/Images/box/success-true.png) no-repeat center center; background-size: 37px 28px; } .box-content .phone-setting { border: 1px solid #E4E4E4; width: 167px; line-height: 30px; display: inline-block; border-radius: 5px; margin: 10px; } .box-content .setting-selected { border: 1px solid #FF6633; background: url(/Images/box/check.png) no-repeat 102% 3px; background-size: 30px 30px; } .box-content div.show-settings div { height: 35px; line-height: 35px; } .box-content div.show-settings p { display: inline; } .box-content div.hide-settings { width: 380px; line-height: normal; padding: 20px 0; } .box-content input[type="radio"] { width: auto; height: 17px; vertical-align: middle; margin: 0 8px; } .radio { display: inline-block; float: left; width: 18px; height: 16px; margin: 9.5px 0px; background: url(/Images/protectCon_btn.png) no-repeat; } .show-settings p { margin-left: 10px; } .radio-selected { background-position: 0px -16px; } /*成功也弹窗 end*/ /*弹框新增二维码*/ .box-content ul li.indexBoxAR{ height:auto; } .box-content ul li.indexBoxAR p{ font-size:18px; color:#ff6633; } .box-content ul li.indexBoxAR p i{ font-size:22px; font-style: normal; } /*账户中心弹框新增小程序码*/ .box-content ul li.Order_Xcx{ height:auto; padding:15px 0 10px 0; } .box-content ul li.Order_Xcx img{ float:left; padding-left:58px; } .box-content ul li.Order_Xcx .Order_XcxTxt{ float:left; padding-left:15px; padding-top:30px; text-align:left; } .Order_XcxTxt span{ display:block; font-size:18px; line-height:1.8em; color:#999999; } /*意见反馈弹框*/ .li-fd-content { padding: 10px 0px; height: 150px !important; } .fd-content { width: 335px; height: 100%; font-size: 14px; border: 1px solid #E4E4E4; border-radius: 5px; padding: 0px 10px; resize:none; } .li-fd-contact { height: 70px !important; padding: 10px 0px; } .fd-contact { height: 50px !important; padding-left: 10px !important; } .li-fd-submit { padding: 10px 0px; height: 70px !important; } .submit-fd { height: 50px !important; } .submit-fd { cursor: pointer; } #fd-content::-webkit-input-placeholder { color: #666 !important; line-height: 20px; } #fd-content:-moz-placeholder { color: #666 !important; line-height: 20px; } #fd-content::-moz-placeholder { color: #666 !important; line-height: 20px; } #fd-content:-ms-input-placeholder { color: #666 !important; line-height: 20px; } #zdyjg{ margin-top:-251px; } .box-themeCon{ width:100%; background:#fff; } .box-themeCon p{ text-align:center; } .box-themeCon p img { margin:20px 0 15px;; } .box-themeCon .zdybj_Barrage_tip{ font-size:14px; text-align:center; line-height:2em; color:#999999; } .zdybj_Barrage_tip i { color:#ff4400; } .box-themeCon .zdybj_Barrage_btn{ display:block; width:370px; padding-top:30px; padding-bottom:40px; margin:0 auto; } .zdybj_Barrage_btn span,.zdybj_Barrage_btn a{ float:right; width:150px; height:44px; font-size:15px; text-align:center; line-height:44px; color:#fff; background:#FF4400; border-radius:5px; cursor:pointer } .zdybj_Barrage_btn a{ float:left; } /* flex 兼容处理 设置在弹性容器上的属性 */ /*flex-direction属性决定主轴的方向(即项目的排列方向)。*/ /*默认情况下,项目都排在一条线(又称"轴线")上。flex-wrap属性定义,如果一条轴线排不下,如何换行。*/ /*justify-content属性定义了项目在主轴上的对齐方式。*/ /*align-items属性定义项目在交叉轴上如何对齐。*/ /*align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线,该属性不起作用。*/ /* 设置在弹性项目上的属性 */ /* flex-basis属性定义了在分配多余空间之前,项目占据的主轴空间(main size)。浏览器根据这个属性,计算主轴是否有多余空间。它的默认值为auto,即项目的本来大小。 以下是兼容样式写法示例,可根据需要修改属性值。 */ /*align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认值为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch。*/ /* 以上是对系统的样式做兼容处理函数 以下是自定义公共函数 */ /*order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。以下是兼容样式写法示例,可根据需要修改属性值。*/ /*flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。以下是兼容样式写法示例,可根据需要修改属性值。*/ /*flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。以下是兼容样式写法示例,可根据需要修改属性值。*/ .position_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } /* 自有版面常用类 */ /* 资质管家首页获取用户填写的地址和手机号板块 */ /* banner */ .zzdb_top_section_nav_wrap { height: 124px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 25px 0; } .zzdb_top_section_nav_wrap a { width: 362px; height: 76px; background: url('../../Images2021/home/bg1.png') no-repeat; color: #333; font-size: 18px; padding-left: 137px; line-height: 76px; position: relative; } .zzdb_top_section_nav_wrap a::after { content: ''; display: block; position: absolute; left: 83px; top: 18px; width: 38px; height: 38px; background: url('../../Images2021/home/jlt.png') no-repeat -20px -19px; } .zzdb_top_section_nav_wrap a:nth-child(2) { background: url('../../Images2021/home/bg2.png') no-repeat; } .zzdb_top_section_nav_wrap a:nth-child(2)::after { background: url('../../Images2021/home/jlt.png') no-repeat -18px -86px; } .zzdb_top_section_nav_wrap a:nth-child(3) { background: url('../../Images2021/home/bg3.png') no-repeat; } .zzdb_top_section_nav_wrap a:nth-child(3)::after { background: url('../../Images2021/home/jlt.png') no-repeat -18px -147px; } .zzdb_top_section_nav_wrap a:nth-child(4) { background: url('../../Images2021/home/bg4.png') no-repeat; } .zzdb_top_section_nav_wrap a:nth-child(4)::after { background: url('../../Images2021/home/jlt.png') no-repeat -17px -206px; } .zzdb_top_section_nav_wrap a:hover { background: url('../../Images2021/home/bg_hover.png') no-repeat; color: #fff; } .zzdb_top_section_nav_wrap a:hover::after { background-position-x: -85px; } @-moz-keyframes widthScroll { 0% { transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); } 100% { transform: translateX(-1600px); -ms-transform: translateX(-1600px); -moz-transform: translateX(-1600px); -webkit-transform: translateX(-1600px); -o-transform: translateX(-1600px); } } @-o-keyframes widthScroll { 0% { transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); } 100% { transform: translateX(-1600px); -ms-transform: translateX(-1600px); -moz-transform: translateX(-1600px); -webkit-transform: translateX(-1600px); -o-transform: translateX(-1600px); } } @-webkit-keyframes widthScroll { 0% { transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); } 100% { transform: translateX(-1600px); -ms-transform: translateX(-1600px); -moz-transform: translateX(-1600px); -webkit-transform: translateX(-1600px); -o-transform: translateX(-1600px); } } @keyframes widthScroll { 0% { transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); } 100% { transform: translateX(-1600px); -ms-transform: translateX(-1600px); -moz-transform: translateX(-1600px); -webkit-transform: translateX(-1600px); -o-transform: translateX(-1600px); } } .mask { position: fixed; top: 0; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 9998; transform: translateZ(99px); -ms-transform: translateZ(99px); -moz-transform: translateZ(99px); -webkit-transform: translateZ(99px); -o-transform: translateZ(99px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mask .box_modal { background-color: #fff; width: 570px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; border: 1px solid #E6E6E6; } .mask .box_modal .box_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #F8F8F8; padding: 0 26px; } .mask .box_modal .box_head .box_title { line-height: 52px; font-size: 18px; color: #333333; } .mask .box_modal .box_head svg { cursor: pointer; width: 19px; height: 19px; } .mask .box_modal .box_content { padding: 15px 70px 40px 75px; text-align: left; } .mask .box_modal .box_content .service_num { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; } .mask .box_modal .box_content .service_num span { color: #ff6a00; } .mask .box_modal .box_content .service_type_wrap { width: 320px; } .mask .box_modal .box_content .service_type_wrap p { margin-top: 7px; font-size: 20px; font-weight: 400; color: #000000; line-height: 28px; } .mask .box_modal .box_content .service_type_wrap input[type='radio'] { /* opacity: 0; */ display: none; } .mask .box_modal .box_content .service_type_wrap input[type='radio'] + label { margin-top: 11px; margin-right: 10px; display: inline-block; font-size: 16px; padding: 5px 12px; font-weight: 400; color: #515F7B; border: 1px solid #E7EBF4; cursor: pointer; } .mask .box_modal .box_content .service_type_wrap input[type='radio']:checked + label { color: #ff6a00; border-color: #ff6a00; } .mask .box_modal .box_content .input_wrap, .mask .box_modal .box_content .code_li { position: relative; } .mask .box_modal .box_content .input_wrap svg, .mask .box_modal .box_content .code_li svg { position: absolute; width: 16px; height: 16px; left: 15px; top: 11px; fill: #999; } .mask .box_modal .box_content .input_wrap > svg { top: 32px; } .mask .box_modal .box_content .phone_reg_form_input > svg { top: 45px; } .mask .box_modal .box_content .phone_reg_form_input .input_arrow_icon_wrap svg { fill: #999; top: 45px; right: 10px; left: auto; } .mask .box_modal .box_content .phone_reg_form_input .input_arrow_icon_wrap svg:last-child { display: none; } .mask .box_modal .box_content .district-select-box { background-color: #fff; position: absolute; left: 0; right: -1px; z-index: 1; border: 1px solid #e4e4e4; font-size: 14px; transition: all .3s; } .mask .box_modal .box_content .district-select-box > div { width: 50%; height: auto; text-align: center; } .mask .box_modal .box_content .district-select-box > div strong.district-on { border-bottom: 1px solid #ed6d00; } .mask .box_modal .box_content .district-select-box > div strong { display: block; line-height: 40px; border-bottom: 1px solid #dedede; } .mask .box_modal .box_content .district-select-box > div ul { height: 205px; overflow: scroll; } .mask .box_modal .box_content .district-select-box > div ul li { line-height: 34px; text-align: center; cursor: pointer; padding: 0; } .mask .box_modal .box_content .sms_phone, .mask .box_modal .box_content .sms_location { margin-top: 33px; width: 424px; height: 40px; background: #EFEFEF; border: 1px solid #e6e6e6; padding-left: 51px; color: #333; } .mask .box_modal .box_content .sms_phone { margin-top: 20px; } .mask .box_modal .box_content .sms_location { cursor: pointer; } .mask .box_modal .box_content .code_li { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .mask .box_modal .box_content .code_li .ipt_code { width: 270px; height: 40px; background: #EFEFEF; border: 1px solid #e6e6e6; padding-left: 51px; color: #333; } .mask .box_modal .box_content .code_li .btn_code { width: 138px; height: 40px; border: 1px solid #FF6A00; font-size: 14px; color: #FF6A00; background-color: #fff; } .mask .box_modal .box_content .code_li .btn_code:focus { outline: 1px solid #ff6a00; } .mask .box_modal .box_content .btn_form { margin-top: 32px; line-height: 44px; font-size: 16px; font-weight: 500; color: #FFFFFF; width: 424px; background: #FF6A00; border: none; } .mask .box_modal .box_content .btn_form:focus { outline: 1px solid #979797; } .mask .box_modal .box_content .form_tip { margin-top: 21px; } .mask .box_modal .box_content .form_tip p { font-size: 14px; font-weight: 400; color: #999999; line-height: 20px; margin-top: 5px; } .mask .box_modal .box_content_success .success_icon { display: block; width: 75px; height: 75px; margin: 74px auto 27px auto; } .mask .box_modal .box_content_success .success_txt { font-size: 18px; text-align: center; font-weight: 400; color: #000000; line-height: 25px; } .mask .box_modal .box_content_success .contact_soon { font-size: 16px; font-weight: 400; color: #999999; line-height: 22px; margin-top: 11px; text-align: center; margin-bottom: 95px; } .mask .box_modal .box_content_success .service_qr_wrap { border-top: 1px dashed #EAEAEA; padding: 61px 132px 61px 154px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mask .box_modal .box_content_success .service_qr_wrap .img_wrap { width: 77px; height: 77px; margin-right: 20px; background: #FFFFFF; box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.12); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mask .box_modal .box_content_success .service_qr_wrap .img_wrap img { width: 73px; height: 73px; } .mask .box_modal .box_content_success .service_qr_wrap p { font-size: 16px; font-weight: 400; color: #000000; line-height: 25px; } /*错误提示 begin*/ .box-tip { z-index: 10001; position: fixed; margin-left: -150px; margin-top: -20px; left: 50%; top: 50%; min-width: 320px; height: 41px; color: #fff; border-radius: 2px; font-size: 14px; text-align: center; background-color: #333333; transform: translateZ(110px); -ms-transform: translateZ(110px); -moz-transform: translateZ(110px); -webkit-transform: translateZ(110px); -o-transform: translateZ(110px); } .box-tip span i { float: left; width: 20px; height: 20px; margin: 10px; background: url("/Images/box/tip.png") no-repeat; background-size: 20px 20px; } .box-tip .box-tip-img { float: left; width: 40px; height: 41px; background-color: #F7BA2C; } .box-tip .box-tip-msg { display: block; padding: 10px 0; font-size: 14px; }