/*base.css*/
@charset "UTF-8";

html,
body {
  min-width: 1230px;
}

* {
  word-break: break-all;
}

html,
body {
  padding: 0;
  margin: 0;
  background: #fff;
  font-size: 12px;
  line-height: 1.3;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
i,
td {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
}

body,
button,
input,
select,
textarea {
  color: #666;
  border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

address,
cite,
dfn,
em,
var {
  font-style: normal
}

ul,
ol,
dl {
  list-style: none
}

a {
  text-decoration: none !important;
  outline: none;
  font-family: "思源黑体";
  cursor: pointer;
  color: #666;
}

/*a:hover{color:#ff6905;}*/
img {
  border: 0
}

button,
input,
select,
textarea {
  outline: none;
  background: none;
}

table,
tr,
td {
  border-collapse: collapse;
  border-spacing: 0
}

.clear {
  *zoom: 1;
  clear: both;
}

input {
  border: none;
  background: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

img {
  vertical-align: middle;
}

.no-margin {
  margin: 0 !important;
}

label {
  display: inline-block;
}

a:hover {
  color: #ff6905;
}

input[type="submit"] {
  cursor: pointer;
}

button {
  cursor: pointer;
}

b {
  font-weight: normal;
}

select {
  background: none;
  color: #666;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

p.inline {
  display: inline-block;
}

table {
  border-collapse: collapse;
}

/*.noborder{border:none!important;}*/
.m20 {
  margin-bottom: 20px;
}

/*.m10{margin-bottom: 10px;}*/
.m25 {
  margin-bottom: 25px;
}

.m30 {
  margin-bottom: 30px;
}

.m40 {
  margin-bottom: 40px;
}

.mT20 {
  margin-top: 20px;
}

.mT30 {
  margin-top: 30px;
}

.mT40 {
  margin-top: 40px;
}

.text-fr {
  text-align: right;
}

.text-fl {
  text-align: left;
}

.text-c {
  text-align: center;
}

textarea {
  resize: none;
}

i {
  display: inline-block;
}

.clearfix:after {
  display: table;
  content: "";
  clear: both;
}

em.color {
  color: #ff6905;
}

.c333 {
  color: #333;
}

.c666 {
  color: #666;
}

.c999 {
  color: #999;
}

.cfff {
  color: #fff;
}

.f12 {
  font-size: 12px;
}

.no-content {
  text-align: center;
  height: 100px;
  line-height: 100px;
}

.diqu {
  float: left;
}

em.orange {
  color: #ff6905;
  display: inline;
}

.w1220 {
  width: 1220px;
  margin: 0 auto;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a9a9a9;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a9a9a9;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a9a9a9;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a9a9a9;
}

input,
textarea,
keygen,
select,
button {
  font-family: "思源黑体";
}

/*color:#ff6905;*/
body {
  font-family: "思源黑体"
}

.noborder {
  border: none !important;
}

em,
i {
  font-style: normal;
}

/*顶部栏*/
.site-nav {
  width: 100%;
  z-index: 1000;
  background: #f9f9f9;
  border-bottom: 1px solid #eeeeee;
}

.site-nav .site-nav-bd {
  width: 1220px;
  height: 35px;
  margin: 0 auto;
  line-height: 35px;
}

.site-nav .site-nav-bd .site-nav-bd-l {
  float: left;
  height: 35px;
}

.site-nav .site-nav-bd li {
  float: left;
  height: 35px;
}

.site-nav .site-nav-bd li a:hover {
  color: #ff6905;
}

.site-nav .site-nav-bd-l .site-nav-welome {
  color: #999;
  font-size: 12px;
  width: 94px;
  text-align: left;
}

.site-nav .site-nav-bd-l .site-nav-index a {
  display: inline-block;
  width: 53px;
  text-align: center;
  color: #ff6905;
}

.site-nav .site-nav-pile {
  color: #dedede;
}

.site-nav .site-nav-info-item {
  height: 35px;
}

.site-nav .site-nav-info-sign {
  height: 35px;
  position: relative;
}

/*.site-nav .site-nav-bd-l .site-nav-info{}*/
.site-nav .site-nav-bd-l .site-nav-info a {
  float: left;
  text-align: center;
  color: #ff6905;
}

.site-nav .site-nav-bd-l .site-nav-info a.login {
  margin-left: 10px;
}

.site-nav .site-nav-bd-l .site-nav-info a.regist {
  text-align: left;
}

.site-nav .site-nav-bd .site-nav-bd-r {
  float: right;
}

.site-nav .site-nav-bd .site-nav-bd-r a {
  padding: 0 10px;
  color: #999;
  display: inline-block;
}

.site-nav .site-nav-bd .site-nav-bd-r .server-call span {
  font-size: 14px;
  color: #ff6905;
  color: #ff6905;
  padding: 0 10px
}

.site-nav .site-nav-bd .quanwei {
  color: #999;
  padding-left: 15px;
}

/*底部和友情链接*/
div.footer-wrap {
  border-top: 1px solid #eee;
  margin-top: 20px;
}

div.yq {
  width: 100%;
  background: #383838;
  color: #666;
  padding-bottom: 30px;
}

div.yq div.yq-c {
  width: 1220px;
  margin: 0 auto;
  padding-top: 30px;
  position: relative;
}

div.yq div.yq-c-l {
  float: left;
  width: 1220px;
}

div.yq div.yq-c-l>div {
  padding-top: 16px;
  display: none;
}

div.yq div.yq-c-l>div.active {
  display: block
}

div.yq div.yq-c-l>div a {
  display: inline-block;
  margin-bottom: 16px;
  color: #999999;
  float: left;
  margin-right: 13px;
  line-height: 1.2;
}

div.yq div.yq-c-l>div a:hover {
  color: #ff6905;
}

/* div.yq div.yq-c-r{float:right;width: 194px;}
div.yq div.yq-c-r div.erwei-box{width: 108px;float: right;text-align: center;}
div.yq div.yq-c-r div.erwei-box p{margin-bottom: 10px;} */
div.yq div.yq-c p.title {
  border-bottom: 1px solid #424242;
  padding-bottom: 12px;
  position: relative;
  width: 100%;
}

div.yq div.yq-c p.title span {
  color: #fff;
  display: inline-block;
  padding-bottom: 12px;
  cursor: pointer;
}

div.yq div.yq-c p.title span.active {
  border-bottom: 2px solid #ff6905
}

div.footer {
  width: 100%;
  background: #333;
  border-top: 2px solid #424242;
  padding-top: 45px;
  text-align: center;
}

div.footer-c div.top {
  display: inline-block;
  height: 170px;
}

div.footer-c-f {
  float: left;
  padding: 0 35px;
  position: relative;
}

div.footer-c-f span {
  background: url("/static/index/images/N11-23.png") no-repeat -192px -104px;
  width: 1px;
  height: 96px;
  position: absolute;
  right: 0;
  top: 12px;
}

div.footer-c-f p.title {
  color: #fff;
  font-size: 16px;
  margin-bottom: 25px;
}

div.footer-c-f a {
  display: block;
  color: #999;
  margin-bottom: 14px;
  font-size: 12px;
}

div.footer-c-f a em {
  width: 16px;
  height: 16px;
  background: url("/static/base/images/N11-23.png") no-repeat -292px -1px;
  vertical-align: middle;
  margin-top: -1px;
  margin-right: 5px;
  float: left;
}

div.footer-c-f a.tenxun em {
  background-position: -313px -1px;
}

div.footer-c-f a:hover {
  color: #ff6905;
}

div.footer-c-f p {
  color: #999;
  margin-bottom: 14px;
}

div.footer-c-f p.dh {
  font-size: 14px;
}

div.footer-c-f p.dh em {
  width: 25px;
  height: 25px;
  background: url("/static/base/images/N11-23.png") no-repeat -181px -70px;
  margin-top: -5px;
  vertical-align: middle;
  margin-right: 5px;
  float: left;
}

div.footer div.mid {
  display: inline-block;
}

div.footer div.mid dl {
  color: #ccc;
  font-size: 12px;
  float: left;
  margin-left: 45px;
}

div.footer div.mid dl dt {
  float: left;
  width: 41px;
  height: 47px;
}

div.footer div.mid dl dt,
div.footer div.bottom dl dt,
.xy-club div.top-wrap div.search div.select-company a b {
  background: url("/static/xyj/images/N11-23.png") no-repeat -1px -1px;
}

div.footer div.mid dl dt.jin {
  background-position: -85px -1px;
}

div.footer div.mid dl dt.zhi {
  background-position: -169px -1px;
}

div.footer div.mid dl dt.chen {
  background-position: -43px -1px;
}

div.footer div.mid dl dt.jian {
  background-position: -211px -1px;
}

div.footer div.mid dl dt.bao {
  background-position: -127px -1px;
}

div.footer div.mid dl dd p.big {
  font-size: 18px;
  margin-bottom: 7px;
}

div.footer div.mid dl dd {
  margin-left: 48px;
  padding-top: 3px;
}

div.footer div.bottom {
  width: 100%;
  line-height: 1.7;
}

div.footer div.bottom div.lxwm {
  text-align: center;
  font-size: 0;
}

div.footer div.bottom div.lxwm a {
  color: #999;
  font-size: 12px;
}

div.footer div.bottom div.lxwm a em {
  padding: 0 7px;
}

div.footer div.bottom div.lxwm a:hover {
  color: #ff6905;
}

div.footer div.bottom p {
  text-align: center;
  color: #999;
  font-size: 12px;
}

div.footer div.bottom dl {
  float: left;
  margin-right: 40px;
  margin-top: 15px;
}

div.footer div.bottom .jinyin {
  margin-top: 10px;
  margin-right: 53px;
}

div.footer div.bottom .cx {
  margin-top: 13px;
}

div.footer div.bottom .cx dt {
  width: 114px;
  height: 41px;
}

div.footer div.bottom dl dt {
  float: left;
  background-position: -252px -1px;
  width: 34px;
  height: 40px;
  margin-top: 3px;
}

div.footer div.bottom dl dd {
  margin-left: 38px;
}

div.footer div.bottom dl dd p {
  text-align: left;
  color: #eaeaea;
}

/* // div.footer div.bottom dl.jinyin dt{background-position:-1px -244px;width: 112px;height: 40px;} */
div.footer div.bottom dl.jinyin dt {
  background: none;
  width: 124px;
  height: 47px;
}

div.footer div.bottom dl.jinyin dt a {
  display: inline-block;
  background: url("/static/base/images/aqkx.png") no-repeat;
  width: 134px;
  height: 47px;
}

div.footer div.bottom dl.jinyin dd {
  margin-left: 114px;
}

div.footer div.bottom dl.shadu dt {
  background-position: -43px -187px;
  width: 40px;
  height: 40px;
}

div.footer div.bottom dl.shadu dd {
  margin-left: 45px;
}

/* // div.footer div.bottom dl.jy dt{background-position:-100px -64px;width:32px;height: 40px;} */
div.footer div.bottom dl.hy dt {
  background: none;
  width: 124px;
  height: 47px;
}

div.footer div.bottom dl.hy dt a {
  display: inline-block;
  background: url("/static/base/images/hy.png") no-repeat;
  width: 124px;
  height: 47px;
}

div.footer div.bottom dl.hy dt {
  background-position: -1px -299px;
  width: 124px;
  height: 46px;
  margin-top: -5px;
}

div.footer div.bottom div.b-fo {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.footer-c {
  width: 1220px;
  margin: 0 auto;
}

/*base模块*/
div.footer-base {
  height: 301px;
}

div.footer-base div.footer-c div.top {
  height: 120px;
}

/*页码*/
div.page-box {
  width: 120px;
  height: 102px;
  background: #fff;
  width: 100%;
  padding-top: 60px;
  text-align: center;
  overflow: hidden;
}

div.page-wrap ul {
  font-size: 0;
  display: inline-block;
  vertical-align: middle;
}

div.page-wrap ul li.item {
  width: 48px !important;
  height: 38px;
  border: 1px solid #eee;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  border-left: none;
  margin-right: 0;
  margin-bottom: 0;
}

div.page-wrap ul li.item.prev {
  border-left: 1px solid #eee;
}

div.page-wrap ul li.item.first {
  border-left: none;
}

div.page-wrap ul li.prev,
div.page-wrap ul li.next {
  width: 90px;
}

div.page-wrap ul li a {
  color: #999;
  width: 100%;
  height: 100%;
  display: block;
}

div.page-wrap ul li a:hover {
  color: #ff6905;
}

div.page-wrap ul li.active {
  background: #ff6905;
  border: none;
  color: #fff;
  width: 40px;
  height: 40px;
}

div.page-wrap .total-page {
  margin-left: 18px;
  line-height: 38px;
  display: inline-block;
  vertical-align: middle;
}

/*左右按钮*/
.bannerbtn {
  width: 11px;
  height: 20px;
  background: url("/static/xyj/images/xgt.png") no-repeat -1px -307px;
  margin: 15px auto;
  z-index: 5;
}

/*错误事件*/
.msg-wrap {
  height: 22px;
  line-height: 22px;
  background: #ffebeb;
  position: absolute;
  width: 290px;
  left: 20px;
  text-align: left;
  padding-left: 10px;
  bottom: 4px;
  font-size: 12px;
  color: #e4393c;
}

.msg-wrap b {
  width: 16px;
  height: 16px;
  background: url("/static/base/images/form.png") no-repeat -104px -49px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -2px;
}

.success-page {
  border: 1px solid #eee;
  height: 160px;
  margin: 0 20px;
  padding: 33px 0 0 26px;
}

.success-page h5.wc b {
  width: 41px;
  height: 41px;
  background: url("/static/base/images/gou.png") no-repeat;
  vertical-align: middle;
  margin-right: 12px;
}

.success-page h5.wc {
  height: 41px;
  line-height: 41px;
  font-size: 22px;
  color: #333;
  margin-bottom: 20px;
}

.success-page p {
  margin-bottom: 10px;
  text-align: center;
}

/*顶部导航*/
.global-img {
  background: url("/static/base/images/global_icon.png") no-repeat;
}

.global-dh {
  height: 44px;
  width: 100%;
  background: #fafafa;
  border-bottom: 1px solid #eee;
}

.global-dh .global-nav {
  width: 1220px;
  height: 44px;
  margin: 0 auto;
}

.global-dh .global-nav ul {
  float: left;
  margin-top: 16px;
}

.global-dh .global-nav ul li {
  float: left;
}

.global-dh .global-nav ul li.zx-li {
  margin: 0 7px;
}

.global-dh .global-nav ul em.zx {
  background-position: -1px 0;
  width: 6px;
  height: 9px;
  vertical-align: middle;
}

.global-dh .global-nav ul li.active {
  color: #333;
}

/*侧边栏*/
.slide-down-con {
  width: 80px;
  position: fixed;
  z-index: 3000;
  right: 30px;
  bottom: 170px;
  border: 1px solid #eee;
  border-bottom: 0;
  background: #fff;
  height: 238px;
}

.slide-down-con .css3btn {
  position: absolute;
  top: -40px;
}

.slide-down-con .give-help {
  z-index: 20;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
}

.slide-down-con .give-help a {
  display: block;
  width: 80px;
  text-align: center;
  position: relative;
  color: #333;
  border-bottom: 1px solid #eee;
}

.slide-down-con .give-help a em {
  position: absolute;
}

.slide-down-con .give-help a i {
  display: block;
  width: 78px;
  height: 79px;
  margin: 0 auto;
}

.slide-down-con .give-help a.consult-n1 i {
  background: url("/static/base/images/kf.png") no-repeat center center;
}

/*.slide-down-con .give-help a.consult-n1:hover i{background: url("/static/base/images/global_icon.png") no-repeat -1px -54px;}*/
.slide-down-con .give-help a:hover {
  color: #ff6905;
}

.slide-down-con .give-help a i {
  background: url("/static/base/images/bj.png") no-repeat;
  background-position: center;
}

/*.slide-down-con .give-help a.bj:hover i{background-position: -1px -144px;}*/
.slide-down-con .give-help a.gz i {
  background: url("/static/base/images/gz.png") no-repeat;
}

.slide-down-con .give-help a.go-top {
  background: url("/static/base/images/top.png") no-repeat;
  height: 54px;
  margin-top: 2px;
}

.slide-down-con .give-help a.go-top i {
  width: 23px;
  height: 12px;
  background-position: -1px -241px;
}

.slide-down-con .gznr {
  width: 152px;
  height: 287px;
  background: url("/static/base/images/er_1.jpg") no-repeat;
  position: absolute;
  right: 65px;
  top: 100px;
  width: 0;
}

.slide-down-con .qq-box {
  position: absolute;
  right: 60px;
  top: 0;
  width: 202px;
  height: 118px;
  z-index: 30;
  background: #fff;
}

.slide-down-con .qq {
  height: 76px;
  border: 1px solid #eee;
  position: absolute;
  right: 10px;
  top: 0;
  padding: 20px 0;
  width: 190px;
  z-index: 30;
  -webkit-box-shadow: 1px 2px 2px rgba(210, 210, 210, 0.23);
  -moz-box-shadow: 1px 2px 2px rgba(210, 210, 210, 0.23);
  box-shadow: 1px 2px 2px rgba(210, 210, 210, 0.23);
}

.slide-down-con .qq a.qq-click {
  display: block;
  border-bottom: 1px solid #eee;
  padding: 0 20px 20px 20px;
}

.slide-down-con .qq a.qq-click span {
  width: 23px;
  height: 30px;
  background-position: -1px -288px;
  vertical-align: middle;
}

.slide-down-con .qq a.qq-click em {
  height: 22px;
  width: 106px;
  border: 1px solid #ff6905;
  line-height: 22px;
  text-align: center;
  margin-left: 15px;
  color: #ff6905;
  vertical-align: middle;
}

.slide-down-con .qq a.qq-click em:hover {
  color: #fff;
  background: #ff6905;
}

.slide-down-con .qq .rx {
  line-height: 44px;
  text-align: center;
  color: #999;
}

/*弹框*/
.transparent-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #000;
  opacity: .4;
  top: 0;
  left: 0;
  display: none;
  filter: alpha(opacity=60);
  display: block;
}

.global-tit-window {
  display: none;
}

.window-info-box {
  width: 516px;
  padding-top: 60px;
  position: fixed;
  z-index: 999;
  background: #fff;
  height: 480px;
  margin: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.window-info-box .box-title {
  font-size: 30px;
  color: #333;
  text-align: center;
  margin-bottom: 15px;
}

.window-info-box .small-box-title {
  font-size: 14px;
  text-align: center;
  margin-bottom: 40px;
}

.window-info-box .small-box-title em {
  color: #ff6905;
}

.window-info-box {
  display: none;
}

.global-commmon-form {
  padding: 0 68px;
}

.global-commmon-form div.shuru {
  margin-bottom: 10px;
}

.global-commmon-form div.shuru input {
  font-size: 14px;
  height: 48px;
  padding-left: 13px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.global-commmon-form div.down {
  padding: 0;
  border: 0;
  height: 44px;
}

.global-commmon-form div.shuru select {
  color: #999;
  width: 178px;
  border: 1px solid #ddd;
  height: 44px;
  font-size: 14px;
  padding-left: 9px;
  color: #999;
}

.global-commmon-form div.down-100 select {
  width: 100%;
}

.global-commmon-form div.submit {
  margin-top: 27px;
  margin-bottom: 14px;
}

.global-commmon-form div.submit input {
  font-size: 14px;
}

.global-commmon-form div.brief p {
  line-height: 1.5;
  margin-left: 24px;
  color: #999;
  padding-bottom: 56px;
}

.global-commmon-form .brief-icon {
  width: 15px;
  height: 14px;
  background-position: -1px -322px;
  margin-right: 5px;
  float: left;
  margin-top: 4px;
}

.window-info-box button.close {
  width: 22px;
  height: 22px;
  background-position: -1px -355px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 30;
  display: block;
}

.red {
  color: red;
}

/*@-webkit-keyframes circle{*/
/*0%{ transform:rotate(0deg); }*/
/*100%{ transform:rotate(360deg);}*/
/*}*/
/*.window-info-box  button.close:hover{-webkit-animation:circle 1000ms  linear;/!*匀速 }*/

/*正则错误信息*/
.user-lx .initmsg {
  color: #FF460A;
}

.initmsg {
  color: #FF460A;
  font-size: 13px;
  margin-left: 6px;
  line-height: 40px;
  height: 40px;
  vertical-align: middle;
  margin-top: -12px;
}

.error {
  padding-left: 20px;
  background: url(/static/base/images/error.png) no-repeat 0 center;
  background-size: 13px !important;
}

.ok {
  padding-left: 26px;
  background: url(/static/base/images/ok.png) no-repeat 0 center;
  background-size: 15px !important;
}

#tenders-form div.normal-div {
  position: relative;
  padding-bottom: 18px;
}

.designer-form div.normal-div {
  position: relative;
  padding-bottom: 18px;
}

span.msg-common {
  position: absolute;
  font-size: 12px;
  line-height: 1 !important;
}

span.msg-common i {
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -3px;
  margin-top: -2px;
}

span.msg-common em {
  font-size: 12px;
  vertical-align: top;
  color: red;
}

p.null,
div.null {
  padding: 15px !important;
  font-size: 14px !important;
  color: #666 !important;
}

.white-space {
  padding: 10px;
}

/*.inline{display:inline-block;}*/

/*jquery-validata 错误提示样式*/
#Form label.error {
  color: Red;
  font-size: 13px;
  margin-left: 5px;
  padding-left: 16px;
  margin-top: 10px;
  background: url(/static/base/images/error.png) no-repeat 0 center;
}

input[type="text"].cur,
input[type="password"].cur,
select.cur {
  border: 1px solid #ff6905;
}

.phoneLoginMsg {
  position: absolute;
  bottom: 3px;
  left: 5px;
  font-size: 13px;
  line-height: 13px;
}

.phoneLoginMsg.error {
  color: #ff6905;
  background: url(/static/base/images/error.png) no-repeat 0 center;
}

.login-drag {
  position: absolute;
  bottom: 3px;
  color: #ff6905;
  font-size: 13px;
}

.login-drag.error {
  background: url(/static/base/images/error.png) no-repeat 0 center;
}

/*select.errorMsg,input.errorMsg{border:1px solid #ff6905!important;}*/
label.errorMsg {
  background: url(/static/base/images/error.png) no-repeat 3px center;
  padding-left: 20px;
  background-size: 12px;
  color: red;
  vertical-align: middle;
}

/*select.errorMsgSelect{border:1px solid #e8e8e8!important;}*/
.grxx-kk .person-info div.mb label.errorMsg {
  margin-top: 8px;
}

input[name='logo'] {
  opacity: 0;
  filter: alpha(opacity=0);
}

.logo-div {
  position: relative;
  width: 185px;
  height: 36px;
  left: 237px;
}

.logo-div label {
  position: absolute;
  top: 20px;
  width: 100px;
  right: 9px;
}

input.opacity {
  opacity: 0;
  filter: alpha(opacity=0)
}

span.spilt-line {
  width: 1px;
  height: 12px !important;
  position: relative;
  padding: 0 6px 0 3px;
}

.site-nav-pile {
  background: #dedede;
  width: 1px;
  height: 12px !important;
  position: relative;
  top: 12px;
}

/*省略号*/
.x-ellipsis,
.x-ellipsis>a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
}

/*modify 客服*/
.overcome_m {
  width: 274px;
  height: 348px;
  position: absolute;
  left: -276px;
  top: -1px;
  border: 1px solid #ff6905;
  z-index: 500;
  background: #fff;
}

.overcome_m>h3 {
  height: 48px;
  line-height: 48px;
  background: #ff6905;
}

.overcome_m>h3>em {
  width: 31px;
  height: 28px;
  background: url("/static/base/images/icon_phone.png") no-repeat;
  margin-top: 10px;
  margin-left: 5px;
  font-size: 18px;
  color: #fff;
  margin-right: 7px;
}

.overcome_m>h3>span {
  color: #fff;
}

.overcome_m>h3>span>i {
  font-size: 18px;
  margin-left: 10px;
}

.overcome_m dl {
  margin: 0 1px;
  background: #fff;
}

.overcome_m dt {
  height: 48px;
  line-height: 48px;
  color: #fff;
  font-size: 12px;
}

.overcome_m dt em {
  width: 25px;
  height: 24px;
  display: inline-block;
  background: url(../../images/pub/icon.png?v=2) no-repeat -261px -793px;
  margin: 0 6px;
  position: relative;
  left: 0;
  top: 6px;
}

.overcome_m dt i {
  font-size: 18px;
  font-weight: bold;
  margin-left: 10px;
}

.overcome_m dd.bg_w {
  background-color: #fff;
}

.overcome_m dd i {
  width: 20px;
  height: 24px;
  background: url(../images/icon.png?v=2) no-repeat -290px -792px;
  position: relative;
  display: inline-block;
  left: -12px;
  top: 6px;
}

.sliderr_wrap ul li a {
  background-position: -606px -4px;
}

.overcome_m dd {
  line-height: 47px;
  text-align: center;
  color: #333;
  background: #fff;
}

.overcome_m dd.moblie_img {
  padding-top: 12px;
  line-height: 35px;
}

/*错误弹框*/
.mark {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #000;
  opacity: .6;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  padding: 0;
  margin: 0;
  display: none;
}

.require-alert {
  width: 498px;
  height: 248px;
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
  padding: 20px;
  padding-top: 5px;
  display: none;
}

.fail-require-alert {
  height: 200px;
}

.require-alert .require-con {
  position: relative;
}

.require-con span.delete {
  display: block;
  width: 18px;
  height: 18px;
  background: url("/static/xyj/images/delete.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
}

.require-con p.line {
  border-bottom: 1px solid #E4E4E4;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
}

.require-con h2 {
  color: #393939;
  font-family: "思源黑体";
  font-size: 24px;
  width: 264px;
  margin: 0 auto;
  margin-bottom: 14px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}

.fail-window h2 {
  margin-top: 30px;
  /*margin-bottom: 50px;*/
  margin-bottom: 40px;
}

.require-con h2 i {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url("/static/xyj/images/success.png") no-repeat center center;
  vertical-align: middle;
  margin-right: 10px;
}

.require-con p.require {
  color: #666;
  font-family: "思源黑体";
  font-size: 16px;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  line-height: 24px;
}

.require-con .btn {
  /*width: 132px;*/
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.require-con .btn input:focus {
  outline: none;
}

.require-con .btn input {
  width: 132px;
  height: 38px;
  background: #ff6905;
  color: #fff;
  font-size: 18px;
  margin-top: 24px;
  font-family: “思源黑体”;
  border: none;
  cursor: pointer;
}

.fail-window .btn input {
  margin-top: 0;
  border: none;
  cursor: pointer;

}

/*手机招标的弹框*/
.cover_apply {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9999;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.pop-box-design {
  width: 100%;
  position: fixed;
  z-index: 9999;
  border-radius: .25rem;
  height: 100%;
  margin: auto;
}

.pop-box-design .con {
  padding: .82rem .45rem 1.04rem .45rem;
  border-radius: .25rem;
  font-size: 0.3rem;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 5.5rem;
  margin: auto;
  position: absolute;
  height: 3rem;
}

.pop-box-design p.icon-success {
  margin-bottom: .2rem;
}

.tcenter {
  text-align: center;
}

.pop-box-design .success {
  padding: 0;
  font-size: .32rem;
  color: #333;
  font-weight: normal;
  margin: 0;
  text-align: center;
}

.pop-box-design p.text-indent {
  color: #8f8f8f;
  margin-top: .2rem;
  line-height: .48rem;
}

.text-indent {
  text-indent: .46rem;
}

.pop-box-design i {
  display: inline-block;
}

.pop-box-design .iconfont {
  font-size: 1rem;
  color: #ef6d1f;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
  background-size: 100%;
}

.icon-chenggong {
  background: url("/static/tg/iconImages/success.png") no-repeat;
}

.icon-shibai {
  background: url("/static/tg/iconImages/error.png") no-repeat;
}

.pop-box-design span {
  color: #ef6d1f;
}

.pop-box-design .close {
  position: absolute;
  line-height: 0.9;
  right: .15rem;
  top: -1.1rem;
  border-radius: .27rem;
  height: .54rem;
}

.pop-box-design .close a {
  vertical-align: top;
  height: 0.52rem;
  display: inline-block;
}

.pop-box-design .close .icon-close {
  width: 0.52rem;
  height: 0.52rem;
  background: url("/static/tg/iconImages/close.png") no-repeat;
  background-size: 100%
}

input[name='photo_fm'] {
  opacity: 0 !important;
  width: 0px !important;
  vertical-align: middle;
}

b.color {
  color: #ff6b06;
}

div.imgWrap .img-content-box {
  position: relative;
  margin: auto;
}

.imgWrap>.title {
  height: 70px;
  line-height: 90px;
  font-size: 22px;
  color: #252121;
}

a[title='站长统计'] {
  display: none;
}

.main-color {
  color: #ff6905 !important;
}

b.color {
  color: #ff6b06;
}

div.imgWrap .img-content-box {
  position: relative;
  margin: auto;
}

.imgWrap>.title {
  height: 70px;
  line-height: 90px;
  font-size: 22px;
  color: #252121;
}

.global-tit-window-delete {
  display: none;
}

.transparent-layer-delete {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #000;
  opacity: .4;
  top: 0;
  left: 0;
  display: none;
  filter: alpha(opacity=60);
}

.window-box-delete {
  width: 472px;
  padding-top: 20px;
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  background: #fff;
  min-height: 210px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.window-box-delete button {
  width: 22px;
  height: 22px;
  background-position: -1px -355px;
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 30;
  display: block;
}

.window-box-delete .del-img {
  text-align: center;
  margin-top: 64px;
}

.window-box-delete .del-title {
  text-align: center;
  font-size: 16px;
  color: #333;
  margin-top: 30px;
}

.window-box-delete .del-btn {
  margin: 35px 55px 0 55px
}

.window-box-delete input {
  display: inline-block;
  width: 118px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 16px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.window-box-delete .del-cancel {
  border: 1px solid #999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.window-box-delete .del-ok {
  background: #ff6905;
  color: #fff;
  float: right;
}

/*h1,h2,h3{display: inline-block;}*/
/*modify_nav*/
.site-nav-info-sign .user_mc {
  max-width: 68px;
  margin-right: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/*.site-nav-info-sign-email>a{padding: 0 15px!important;}*/
.site-nav-info-sign .user_mc>span {
  width: 19px;
  height: 14px;
  background: url("/static/base/images/images/email.png") no-repeat;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -1px;
}

.site-nav-info-sign .user_mc>span.active {
  background: url("/static/base/images/images/email02.png") no-repeat;
  display: inline-block;
  background-size: 19px 14px;
}

.site-nav-info-sign .user_mc em {
  position: absolute;
  width: 5px;
  height: 5px;
  background: #ff6905;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  right: 24px;
  top: 8px;
}

.site-nav-info-sign .triangle_down {
  display: inline-block;
  width: 7px;
  height: 4px;
  background: url("/static/base/images/images/down.png") no-repeat;
  position: relative;
  top: 18px;
}

.site-nav-info-sign .triangle_up {
  background: url("/static/base/images/images/up.png") no-repeat;
  top: 16px;
}

.site-nav-info-sign .user-content {
  display: none;
  border: 1px solid #eee;
  border-top: 0;
  z-index: 10000;
  min-width: 90px;
}

.site-nav-info-sign .user-content.active {
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
  background: #fff;
}

.site-nav-info-sign .user-content li {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.site-nav .site-nav-bd .site-nav-info {
  min-width: 56px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.site-nav-info-sign .user-content li a {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.site-nav-info-sign .user-content li a:hover {
  color: #999;
  background: #eee;
}

.site-nav-info-sign a.login:hover {
  color: #999;
}

.site-nav-info-sign .user-content span {
  color: #ff6905;
  margin-left: 5px;
}

/*common.css*/
/* @charset "utf-8"; */
/*效果模块*/
div.ef-bd-b {
  width: 100%;
  height: 400px;
  background: #c69f76;
  position: relative;
}

div.ef-bd-b .ef-bd-wrap {
  position: relative;
}

div.ef-bd-b .ef-bd-c {
  width: 1220px;
  height: 400px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

div.ef-bd-b .ef-bd-k {
  height: 350px;
  width: 226px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 25px;
  padding: 0 13px;
  z-index: 10;
}

div.ef-bd-b .ef-bd-t {
  height: 87px;
  border-bottom: 1px solid #eee;
}

div.ef-bd-b .ef-field {
  float: left
}

div.ef-bd-b .ef-bd-l {
  color: #666;
  text-align: center;
  padding-top: 30px;
  width: 62px;
}

div.ef-bd-b .ef-bd-r {
  padding: 14px 0 0;
  float: left;
  text-align: center;
  width: 164px;
}

div.ef-bd-b .ef-bd-l .zw {
  color: #333;
  margin-bottom: 5px;
}

div.ef-bd-b .xb-item {
  width: 100%;
  margin: 0 auto;
  height: 400px;
}

div.ef-bd-b .xb-item a.imgbanner {
  width: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 400px;
  display: none;
}

div.ef-bd-b .xb-item a.imgbanner img {
  width: 1220px;
  height: 400px;
}

div.ef-bd-b a {
  color: #6e6e6e;
  text-align: left;
  display: block;
  width: 41px;
  padding: 7px 3px;
  text-align: center;
}

div.ef-bd-b .lx {
  height: 55px;
  border-left: 1px dashed #eee;
  padding-left: 15px;
  padding-top: 6px;
}

div.ef-bd-b .ef-field {
  position: relative;
}

div.ef-bd-b .more {
  position: absolute;
  left: 164px;
  top: 0;
  background: #fff;
  width: 240px;
  height: 63px;
  padding: 19px 0 4px;
  display: none;
}

div.ef-bd-b div.ef-bd-t:hover .more {
  display: block
}

div.ef-bd-b .lx-item {
  margin-bottom: 24px;
}

div.ef-bd-b a:hover {
  color: #ff6905;
}

div.xb-slider {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

div.xg-db {
  position: absolute;
  height: 70px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 2;
}

div.xg-db .mark-layer {
  background: rgb(0, 0, 0);
  opacity: 0.6;
  filter: alpha(opacity=60);
  height: 70px;
}

div.xg-db-c {
  width: 922px;
  margin: 0 auto;
  height: 58px;
  padding: 12px 0 0 298px;
  position: absolute;
  left: 50%;
  margin-left: -610px;
  top: 0;
  z-index: 12;
}

div.xg-db-c ul li {
  position: absolute;
  left: 298px;
}

div.xg-db-c ul li h3 {
  font-size: 24px;
  color: #eee;
}

div.xg-db-c ul li p.ms {
  margin-top: 8px;
  font-size: 12px;
  color: #eee;
}

div.xg-db-c p.num-count {
  position: absolute;
  right: 136px;
  bottom: 12px;
  color: #eee;
}

div.xg-db-c p.num-count span {
  color: #ff6905;
}

div.xg-db-c a.xbtn {
  width: 61px;
  height: 56px;
  position: absolute;
  right: 0;
  top: 0;
  border-right: 1px solid #5c5345;
  text-align: center;
}

div.xg-db-c a.xleft {
  right: 61px;
  border-left: 1px solid #5c5345;
}

div.xg-db-c a.xbtn em {
  width: 17px;
  height: 31px;
  background: url("/static/xyj/images/xgt.png") no-repeat -1px -50px;
  float: left;
  margin: 20px 0 0 22px;
}

div.xg-db-c a.xleft.active em {
  background-position: 0px 0px;
}

div.xg-db-c a.xright em {
  background-position: -30px -51px;
}

div.xg-db-c a.xright.active em {
  background-position: -30px 0px;
}

div.mtzt {
  width: 1220px;
  height: 77px;
  border-bottom: 1px solid #ff6905;
  margin: 0 auto;
  font-size: 24px;
  color: #333;
}

div.mtzt .left {
  float: left;
  padding-top: 38px;
}

div.mtzt .left p {
  float: left;
  margin-right: 17px;
}

div.mtzt .left span {
  font-size: 12px;
  color: #999;
  vertical-align: bottom;
}

div.mtzt .left span em {
  color: #d6162d;
  vertical-align: bottom;
}

div.mtzt .aa {
  float: right;
  margin-top: 50px;
}

div.mtzt .aa a {
  font-size: 12px;
  color: #666;
  float: left;
  padding-left: 15px;
}

div.mtzt .aa a em {
  margin-right: 15px;
}

div.mtzt .aa a:hover {
  color: #ff6905;
}

div.mtzt .aa a.more {
  padding-left: 35px;
}

div.txbf {
  width: 1220px;
  height: 410px;
  margin: 20px auto 0;
  clear: both;
  position: relative;
}

div.big-xgt-N1 {
  position: absolute;
  left: 0;
  top: 0;
}

div.big-xgt-N1 img {
  width: 600px;
  height: 410px;
}

div.big-xgt-same {
  height: 202px;
  width: 304px;
}

div.big-xgt-N2 {
  position: absolute;
  left: 606px;
  top: 0;
  height: 202px;
}

div.big-xgt-N3 {
  position: absolute;
  left: 606px;
  top: 208px;
}

div.big-xgt-N4 {
  position: absolute;
  right: 0px;
  top: 0px;
}

div.big-xgt-N5 {
  position: absolute;
  right: 0px;
  top: 208px;
}

div.big-xgt-same img {
  width: 304px;
  height: 202px;
}

div.txbf div.mark-layer {
  height: 40px;
  width: 100%;
  opacity: 0.6;
  filter: alpha(opacity=60);
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
}

div.txbf .top {
  height: 410px;
  position: relative;
  width: 100%;
}

div.txbf .top a {
  overflow: hidden;
  display: block;
}

div.txbf .top .big-xgt-N1>a {
  display: block;
  position: relative;
  width: 600px;
  height: 410px;
  overflow: hidden;
}

div.txbf .top .btn {
  top: 180px;
}

div.txbf .top a p {
  position: absolute;
  z-index: 2;
  color: #eee;
  font-size: 14px;
  bottom: 0;
  text-align: center;
  line-height: 40px;
  width: 100%;
}

div.txbf .top a.fbtn {
  float: left;
  width: 46px;
  height: 80px;
}

div.txbf .mid {
  margin-top: 30px;
  height: 150px;
  padding: 30px 0;
}

div.txbf .mid li {
  float: left;
  margin-right: 20px;
}

div.txbf .mid li img {
  width: 290px;
  height: 150px;
}

div.txbf .fbtn {
  width: 46px;
  position: absolute;
  left: 0;
  top: 165px;
  background: url("../images/xgt.png") no-repeat 0 -85px;
  display: inline-block;
  height: 80px;
}

div.txbf .fright {
  background: url("../images/xgt.png") no-repeat -54px 0;
  left: 1175px;
}

div.x-ce {
  width: 100%;
  height: 150px;
  background: #f8f8f8;
  margin-top: 30px;
  padding: 30px 0;
}

div.x-ce ul {
  width: 1220px;
  height: 150px;
  margin: 0 auto;
}

div.x-ce ul li {
  float: left;
  margin-right: 20px;
  position: relative;
}

div.x-ce ul li img {
  width: 290px;
  height: 150px;
}

.img-hover {
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.img-hover:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

div.icon-img table td a:hover .img-hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

div.x-ce ul li a {
  overflow: hidden;
  display: block;
}

div.x-ce ul li a:hover .img-hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

div.x-ce .xu-mark {
  width: 100%;
  height: 150px;
  position: absolute;
  top: 0;
}

div.x-ce li p {
  font-size: 34px;
  color: #eee;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  height: 100%;
  line-height: 150px;
}

/*瀑布流块*/
#main {
  margin: 30px auto 0;
  width: 1220px;
  padding-bottom: 30px;
}

#main:after {
  content: "";
  display: table;
}

#tiles {
  list-style-type: none;
  position: relative;
  /** Needed to ensure items are laid out relative to this container **/
  margin: 0 auto;
  padding: 0;
}

/**
 * Grid items
 */
.fl-tiles li {
  width: 288px;
  background: #fff;
  overflow: hidden;
  margin: 15px 0 0 0;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
}

#tiles li>a {
  display: block;
  overflow: hidden;
}

#tiles li p {
  position: relative;
}

#tiles li button.collect {
  width: 70px;
  height: 34px;
  background: url("/static/base/images/tm.png");
  position: absolute;
  top: -35px;
  left: 0;
  color: #c9c9c9;
  line-height: 34px;
  display: none;
}

#tiles li button.bg_filter2 {
  background: rgb(242, 111, 32);
  opacity: .9;
  filter: alpha(opacity=90);
  color: #fff;
}

#tiles li button.collect i {
  width: 13px;
  height: 12px;
  background: url("/static/base/images/star-f.png") no-repeat;
  vertical-align: middle;
  margin: -4px 2px 0 0;
}

/*#tiles li button.collect i.white-star{width: 13px;height: 12px;background: url("/static/base/images/star.png") no-repeat;vertical-align: middle;background-size: cover;margin:-4px 2px 0 0;display: inline-block}*/
#tiles li a.metu-collection {
  width: 200px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  color: #fff;
  position: absolute;
  top: -35px;
  right: -1px;
  left: auto;
  z-index: 100;
  display: none;
}

#tiles li a.metu-collection.yellow {
  background-color: rgba(232, 112, 39, .9);
}

#tiles li a.metu-collection.green {
  background-color: rgba(20, 176, 106, .9);
}

#tiles li a.metu-collection b {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-weight: normal;
  font-size: 14px;
}

#tiles li img {
  width: 100%;
  overflow: hidden;
  min-height: 200px;
}

#tiles li.inactive {
  visibility: hidden;
  opacity: 0;
}

#tiles li img {
  display: block;
  background: #ccc;
}

#tiles li p {
  color: #666;
  font-size: 13px;
  line-height: 40px;
  text-align: left;
  padding: 0 14px;
  border: 1px solid #dedede;
  border-top: none;
}

#tiles li p>a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  padding-right: 2px;
}

#tiles li p em {
  float: right;
  color: #666;
}

.fa-tiles {
  margin-right: -20px;
}

.fa-tiles li {
  width: 290px;
  margin-bottom: 30px;
  margin-right: 20px;
}

.fa-tiles li img {
  display: block;
  background: #666;
  height: 200px;
}

.fa-tiles li p {
  color: #666;
  font-size: 13px;
  line-height: 40px;
  text-align: left;
  padding: 0 14px;
  border: 1px solid #dedede;
  border-top: none;
}

footer {
  text-align: center;
}

footer a {
  color: #435DC5;
  text-decoration: none;
}

.progress-bar {
  background-color: #0BC20B;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 0;
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
  -webkit-transition: width 0.3s ease-out;
  -moz-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}

.wookmark-placeholder {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  background-color: #eee;
  border: 1px solid #dedede;
  z-index: -1;
}

.example-tiles {
  position: relative;
  /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
}

.example-tiles li {
  display: block;
  opacity: 1;
  list-style-type: none;
  float: left;
  margin: 5px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.example-tiles a,
.example-tiles a:hover {
  color: #555;
  background-color: #eee;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  height: 200px;
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  padding: 5px 8px;
  border-radius: 3px;
}

.example-tiles a:hover {
  background-color: #ddd;
}

/*装修公司*/
div.zxgs-bd {
  width: 1220px;
  margin: 20px auto 0;
  overflow: hidden;
}

div.zxgs-l {
  float: left;
  width: 955px;
}

div.zxgs-type {
  border: 1px solid #eee;
}

div.zxgs-l h3.zxgs-nav {
  height: 20px;
  padding: 14px 20px 14px 20px;
  line-height: 20px;
}

div.zxgs-l a.nq {
  float: right;
  color: #999;
}

div.zxgs-l a.nq:hover {
  float: right;
  color: #ff6905;
}

div.zxgs-l h3.zxgs-nav li.zx-line a {
  font-size: 12px;
  color: #666;
  float: left;
}

.zxgs-nav ul li {
  float: left;
  margin-right: 12px;
  height: 20px;
  line-height: 20px;
}

.zxgs-nav li.zx-line {
  float: left;
}

.zxgs-nav li.zx-line a span {
  margin: 6px 0 0 0;
}

.zxgs-nav li.zx-line span {
  width: 5px;
  height: 10px;
  background: url("/static/xyj/images/zxgs.png") no-repeat -1px -1px;
  float: left;
  margin: 6px 0 0 14px;
}

.zxgs-nav li.tc-sj a {
  height: 18px;
  border: 1px solid #ff6905;
  color: #ff6905;
  padding: 0 5px;
  float: left;
  line-height: 18px;
  background: #fff;
}

.zxgs-nav li.tc-sj a span {
  width: 7px;
  height: 7px;
  background: url("/static/xyj/images/zxgs.png") no-repeat -1px -13px;
  vertical-align: middle;
  float: right;
  margin: 6px 0 0 8px;
}

.zxgs-nav .jg-total {
  color: #999;
  line-height: 20px;
  margin-left: 8px;
  float: left;
}

.zxgs-nav .jg-total span {
  color: #666;
}

div.zxgs-l dl {
  height: 100%;
  background: #f8f8f8;
  border-top: 1px dashed #dedede;
}

div.zxgs-l dl dt {
  float: left;
  width: 77px;
  height: 100%;
  background: #f8f8f8;
  color: #999;
  line-height: 40px;
  text-align: center;
}

div.zxgs-l dl dd {
  margin-left: 78px;
  background: #fff;
  padding-left: 32px;
}

div.zxgs-l dl.last dd {
  border-bottom: none;
}

div.zxgs-l dl dd a {
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-right: 20px;
}

div.zxgs-l dl dd a.active {
  color: #ff6905;
}

div.zxgs-l dl dd a:hover {
  color: #ff6905;
}

div.zxgs-rank {
  margin-top: 20px;
  background: #f8f8f8;
  border: 1px solid #eee;
  height: 38px;
}

div.zxgs-rank ul {
  width: 953px;
}

div.zxgs-rank ul li {
  float: left;
  width: 84px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  border-right: 1px solid #eee;
}

div.zxgs-rank ul li a {
  color: #333;
}

div.zxgs-rank ul li.active a {
  color: #ff6905;
}

div.zxgs-rank .zxgs-page {
  width: 117px;
  border-left: 1px solid #eee;
  height: 38px;
  line-height: 38px;
  position: relative;
}

div.zxgs-rank .zxgs-page a {
  position: absolute;
  width: 6px;
  height: 9px;
  background: url("/static/xyj/images/zxgs.png") no-repeat -1px -22px;
  left: 20px;
  top: 14px;
}

div.zxgs-rank .zxgs-page span {
  width: 100%;
  text-align: center;
  display: inline-block;
}

div.zxgs-rank .zxgs-page a.right {
  background: url("/static/xyj/images/zxgs.png") no-repeat -1px -35px;
  left: 91px;
}

div.sjs-mk {
  margin-top: 20px;
}

div.zxgs-list ul li a.z-img {
  padding: 9px;
  border: 1px solid #eeeeee;
  float: left;
  height: 90px;
  width: 180px;
  text-align: center;
}

div.zxgs-list ul li a img {
  height: 90px;
  width: 180px;
}

div.zxgs-list ul li {
  height: 170px;
}

div.zxgs-list {
  margin-top: 20px;
  border-bottom: 1px solid #eee;
}

div.zxgs-list .zxgs-box {
  padding: 30px;
  border: 1px solid #eee;
  height: 109px;
  border-bottom: none;
  overflow: hidden;
}

div.zxgs-list div.zxgs-jj {
  float: left;
  margin-left: 20px;
  font-size: 20px;
  color: #333;
  width: 500px;
}

div.zxgs-list .zxgs-box {
  padding: 30px;
  border: 1px solid #eee;
  height: 109px;
  border-bottom: none;
}

div.zxgs-list div.zxgs-jj {
  float: left;
  margin-left: 20px;
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
}

div.zxgs-list div.zxgs-jj h3 {
  line-height: 27px;
  float: left;
  width: 100%;
}

div.zxgs-list div.zxgs-jj h3 a {
  float: left;
  color: #333;
}

div.zxgs-list div.zxgs-jj h3 a:hover {
  color: #ff6905;
}

div.zxgs-list div.zxgs-jj h3 a i.icon_1 {
  display: inline-block;
  background: url("/static/xyj/images/icon_1.png") no-repeat center center;
  width: 25px;
  height: 24px;
  vertical-align: middle;
  margin-left: 30px;
  margin-top: -4px;
}

div.zxgs-list div.zxgs-jj h3 a i.icon_2 {
  display: inline-block;
  background: url("/static/xyj/images/icon_2.png") no-repeat center center;
  width: 25px;
  height: 24px;
  vertical-align: middle;
  margin-left: 14px;
  margin-top: -4px;
}

div.zxgs-list div.zxgs-jj h3 span {
  width: 25px;
  height: 25px;
  background: url("/static/xyj/images/zxgs.png") no-repeat -1px -48px;
  margin-left: 14px;
  float: left;
  vertical-align: middle;
  margin-top: 2px;
}

div.zxgs-list div.zxgs-jj h3 span.rz-n2 {
  background: url("/static/xyj/images/zxgs.png") no-repeat -1px -73px;
  margin-left: 14px;
}

div.zxgs-list div.zxgs-jj p span {
  margin-left: 10px;
  display: inline-block;
}

div.zxgs-list div.zxgs-jj p span em {
  width: 16px;
  height: 16px;
  background-position: -13px -1px;
  float: left;
}

div.zxgs-list div.zxgs-jj p span.rc em {
  background-position: -13px -23px;
  float: left;
}

div.zxgs-list div.zxgs-jj p span.tf em {
  background-position: -35px -1px;
  float: left;
}

div.zxgs-list div.zxgs-jj p span.lp em {
  background-position: -35px -23px;
  float: left;
}

div.zxgs-list div.zxgs-jj p span i {
  font-size: 12px;
  color: #666;
  margin-left: 6px;
  float: left;
  margin-top: 2px;
}

div.zxgs-list div.zxgs-jj .dz {
  font-size: 12px;
  margin-top: 20px;
  color: #999;
}

div.zxgs-list div.zxgs-jj .dz em {
  background: url("/static/xyj/images/zxgs.png") no-repeat -55px -1px;
  width: 12px;
  height: 16px;
  color: #999;
  vertical-align: middle;
  margin-right: 3px;
  float: left;
}

div.zxgs-list div.mf-btn {
  float: right;
  width: 134px;
  height: 34px;
  background: #ff6905;
}

div.zxgs-list div.mf-btn a {
  float: left;
  width: 100%;
  height: 34px;
  margin-bottom: 10px;
  color: #fff;
  line-height: 34px;
  text-align: center;
}

div.zxgs-list div.gsmf-btn {
  float: right;
  width: 134px;
}

div.zxgs-list div.gsmf-btn a {
  float: left;
  width: 100%;
  height: 34px;
  margin-bottom: 10px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  background: #ff6905
}

div.zxgs-list div.gsmf-btn a.mfyy {
  width: 132px;
  height: 32px;
  border: 1px solid #ff6905;
  color: #ff6905;
  background: #fff;
}

div.fbzb-normal-box {
  float: right;
  width: 246px;
  margin-bottom: 20px;
}

div.prograss-content .fbzz,
div.fbzb-normal-box .fbzz {
  min-height: 290px;
  border: 1px solid #eee;
  border-top: 2px solid #ff6905;
  padding: 0 15px 20px;
  margin-bottom: 20px;
}

div.prograss-content .fbzz p,
div.fbzb-normal-box .fbzz p {
  text-align: center;
  padding-top: 23px;
  font-size: 22px;
  color: #ff6905;
}

div.prograss-content .fbzz p.info,
div.fbzb-normal-box .fbzz p.info {
  font-size: 12px;
  color: #666;
  padding-top: 10px;
}

.fb-form {
  margin-top: 27px;
}

.fb-form .user-name,
.fb-form .phone-num {
  position: relative;
  margin-bottom: 20px;
}

.fb-form input[type='text'] {
  width: 100%;
  height: 38px;
  border: 1px solid #e8e8e8;
  padding-left: 12px;
}

.fb-form .user-name span.msg-common,
.fb-form .phone-num span.msg-common {
  bottom: -16px !important;
}

/*.fb-form .user input{ margin-bottom: 18px;}*/
.fb-form input.text {
  width: 198px;
}

.fb-form span.has {
  font-size: 12px;
  color: #666;
  padding: 0px 5px 15px;
  width: 100%;
  text-align: left;
  display: inline-block;
}

.fb-form span.gl-has {
  padding-top: 10px;
}

.fb-form input[type="submit"] {
  background: #ff6905;
  color: #fff;
  font-size: 14px;
  border: none;
}

div.zxgs-r .ys {
  margin-top: 20px;
  width: 244px;
  border: 1px solid #eee;
  min-height: 200px;
}

div.zxgs-r .ys h3 {
  padding: 10px 40px 0 10px;
  font-size: 14px;
  color: #333;
  line-height: 1.3;
}

div.zxgs-r .designer-ys div.top {
  padding: 22px 0 0 18px;
}

div.zxgs-r .designer-ys div.top h5 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}

div.zxgs-r .ys-js {
  padding: 25px 15px 17px;
}

div.zxgs-r .ys-js dl {
  margin-bottom: 38px;
  position: relative;
}

div.zxgs-r .ys-js dl dt {
  float: left;
  height: 100%;
  text-align: center;
}

.gs-sj-icon {
  background: url("/static/xyj/images/zxgs.png") no-repeat;
}

div.zxgs-r .ys-js dl dt em {
  width: 41px;
  height: 40px;
  background-position: -2px -195px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

div.zxgs-r .ys-js dl.jd dt em {
  float: left;
  width: 38px;
  height: 38px;
  background-position: -1px -105px;
  margin-top: -19px;
}

div.zxgs-r .ys-js dl.gw dt em {
  float: left;
  width: 33px;
  height: 34px;
  background-position: -1px -236px;
  margin-top: -17px;
}

div.zxgs-r .ys-js dl.xy {
  margin-bottom: 17px;
}

div.zxgs-r .ys-js dl.xy dt em {
  float: left;
  width: 31px;
  height: 35px;
  background-position: -1px -157px;
  margin-top: -17px;
}

div.zxgs-r .ys-js dl dd {
  padding-left: 50px;
}

div.zxgs-r .ys-js dl dd h5 {
  margin-bottom: 8px;
}

div.zxgs-r .ys-js dl dd p {
  line-height: 1.5;
  color: #999;
}

div.zxgs-r .ys-js a.lj-btn {
  width: 214px;
  height: 39px;
  background: #f26f20;
  display: block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 40px;
}

div.zxgs-r div.jsqy {
  height: 210px;
  background: #fff;
  line-height: 210px;
  text-align: center;
  margin-top: 76px;
}

div.zxgs-r .hyb {
  border: 1px solid #eee;
  padding-bottom: 15px;
}

div.zxgs-r .hyb h3 {
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
}

div.zxgs-r .hyb p.zm {
  color: #333;
  font-size: 12px;
  height: 25px;
  padding-left: 14px;
  background: #f8f8f8;
  line-height: 25px;
}

div.zxgs-r .hyb ul {
  padding: 0 10px;
}

div.zxgs-r .hyb ul li {
  min-height: 40px;
  border-bottom: 1px dashed #c0c0c0;
  cursor: pointer;
}

div.zxgs-r .hyb ul li a {
  height: 40px;
  display: block;
  line-height: 40px;
  color: #333;
  width: 218px;
}

div.zxgs-r .hyb ul li a:hover {
  color: #ff6905;
}

div.zxgs-r .hyb ul li a em {
  width: 15px;
  height: 15px;
  background: #ff9100;
  float: left;
  margin: 13px 9px 0 0;
  line-height: 15px;
  text-align: center;
  color: #fff;
}

div.zxgs-r .hyb ul li a em.active {
  background: #ff7295;
}

div.zxgs-r .hyb ul li div.zk {
  padding-bottom: 25px;
  display: none;
}

div.zxgs-r .hyb ul li:first-child div.zk {
  display: block;
}

div.zxgs-r .zxbj {
  margin-top: 20px;
  border: 1px solid #e8e8e8;
  border-bottom: none;
}

div.zxgs-r .zxbj-b {
  border-bottom: 1px solid #e8e8e8;
  padding: 19px 15px 0 14px;
}

div.zxgs-r .zxbj h3 {
  font-size: 14px;
  color: #333;
}

div.zxgs-r .zxbj-item {
  margin-top: 16px;
}

div.zxgs-r .zxbj-item i {
  margin-right: 3px;
  font-size: 14px;
  float: left;
  margin-top: -1px;
}

div.zxgs-r .zxbj-item a {
  display: block;
  color: #666;
  margin-bottom: 14px;
}

div.zxgs-r .zxbj-item a:hover {
  color: #ff6905;
}

div.zxgs-r .xmqd {
  margin-top: 20px;
  border: 1px solid #eee;
  padding: 22px 14px 15px 14px;
}

div.zxgs-r .xmqd h5 {
  margin-bottom: 18px;
  font-size: 14px;
  color: #333;
}

div.zxgs-r .xmqd table {
  width: 100%;
}

div.zxgs-r .xmqd table th {
  font-size: 12px;
  color: #999;
  width: 33%;
}

div.zxgs-r .xmqd table.title {
  margin-bottom: 10px;
}

div.zxgs-r .xmqd div.wordScroll {
  height: 90px;
  overflow: hidden;
}

div.zxgs-r .xmqd table.g-md td {
  height: 30px;
}

div.zxgs-r .xmqd table.g-md td.text-fl {
  width: 98px;
}

div.zxgs-r .xmqd table.g-md td.text-c {
  text-align: left;
}

div.zxgs-r .xmqd table.g-md td.gsmz {
  color: #ff6905;
}

/*装修攻略*/
/*攻略banner*/
.bread-nav {
  margin-bottom: 30px;
  margin: 0 auto;
  width: 1220px;
  padding-top: 20px;
}

.bread-nav ul .bread {
  float: left;
  overflow: hidden;
  width: 156px;
  padding: 5px 5px 5px 0;
}

.bread-nav ul {
  overflow: hidden;
}

.bread-nav ul li {
  overflow: hidden;
  float: left;
  width: 244px;
}

.bread-nav ul li .icon {
  float: left;
  width: 80px;
  text-align: center;
  line-height: 14px;
  height: 62px;
  padding: 3px 0;
}

.bread-nav ul li .icon a {
  color: #ff6905;
}

.bread-nav ul li .icon a i.i-01 {
  background-position: 0px 0px;
}

.bread-nav ul li .icon a i.i-02 {
  background-position: -44px 0px;
}

.bread-nav ul li .icon a i.i-03 {
  background-position: -132px 0px;
}

.bread-nav ul li .icon a i.i-04 {
  background-position: -88px 0px;
}

.bread-nav ul li .icon a i.i-05 {
  background-position: -176px 0px;
}

.bread-nav ul li .icon a i.i-06 {
  background-position: -9px -48px;
}

.bread-nav ul li .icon a i {
  display: block;
  height: 44px;
  width: 44px;
  margin: 0px auto 3px;
  background: url("/static/xyj/images/zxgl.png") no-repeat;
}

.bread-nav ul .bread a {
  font-size: 12px;
  display: block;
  float: left;
  height: 19px;
  line-height: 19px;
  margin-right: 8px;
  white-space: nowrap;
  padding: 1px 2px;
  color: #333;
  color: #666;
}

.bread-nav ul .bread a:hover {
  color: #ee1f1f;
}

.gl-banner {
  width: 1220px;
  height: 413px;
  margin: 0 auto;
  margin-top: 20px;
}

.gl-banner .carousel {
  width: 892px;
  height: 413px;
  position: relative;
  float: left;
}

.gl-banner .carousel .btn {
  top: 155px;
}

.gl-banner .carousel .imgFade img {
  width: 892px;
  height: 413px;
  position: absolute;
  left: 0;
}

.gl-banner .gl-btn {
  width: 46px;
  height: 80px;
  position: absolute;
  background: url("../images/xgt.png") no-repeat 0px -85px;
  top: 140px;
}

.gl-banner .right-btn {
  left: 846px;
  background-position: -54px 0;
}

.mfsq-sj {
  float: right;
  width: 268px;
  height: 385px;
  border: 1px solid #eee;
  border-top: 2px solid #ff6905;
  padding: 25px 19px 0px;
}

ul.mfsj-icon li {
  float: left;
  width: 33.33%;
  font-size: 12px;
  line-height: 22px;
  color: #333;
  margin-bottom: 8px;
}

.mfsq-sj h3 {
  font-size: 22px;
  color: #ff6905;
  text-align: left;
}

.mfsq-sj p.title {
  margin-top: 12px;
  text-align: left;
}

.mfsj-form {
  margin-top: 28px;
}

.mfsj-div input {
  width: 253px;
  height: 34px;
  border: 1px solid #ddd;
  padding-left: 12px;
  margin-bottom: 20px;
}

div.submit input {
  width: 100%;
  height: 42px;
  background: #ff6905;
  color: #fff;
  font-size: 14px;
}

div.mfsj-ct {
  margin-top: 16px;
}

div.mfsj-ct img {
  width: 100%;
}

div.xzx-bd {
  width: 1220px;
  margin: 0 auto;
}

div.xzx-bd .title {
  padding-bottom: 15px;
  border-bottom: 1px solid #ff6905;
  padding-top: 40px;
}

div.xzx-bd .title h1,
div.xzx-bd .title .bt {
  float: left;
  font-size: 24px;
  color: #333;
  line-height: 24px;
}

div.xzx-bd .title a {
  float: right;
  color: #666;
  font-size: 12px;
  margin-top: 6px;
}

div.xzx-bd .title a:hover {
  font-size: 12px;
  color: #ff6905;
}

div.xzx-l {
  float: left;
  width: 870px;
  min-height: 100px;
  padding-top: 22px;
}

div.xzx-item {
  width: 420px;
  float: left;
  margin-bottom: 46px;
}

div.xzx-item .titwrap {
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  line-height: 18px;
}

/* // div.xzx-item h5{color:#333;font-size:18px;padding-bottom: 10px;border-bottom: 1px solid #eee;line-height: 18px;} */
div.xzx-item h2 {
  color: #333;
  font-size: 18px;
  line-height: 18px;
  float: left;
}

/* // div.xzx-item h5 em{width: 40px;height: 14px;margin-left:10px; } */
div.xzx-item .titwrap .lx {
  float: right;
}

div.xzx-item .titwrap .lx a {
  font-size: 12px;
  color: #666;
}

div.xzx-item .titwrap .lx a.fr {
  margin-top: 0;
}

div.xzx-item h2 a {
  font-size: 12px;
  color: #666;
}

div.xzx-item h2 a:hover {
  color: #ff6905;
}

div.xzx-item .jj {
  margin-top: 20px;
}

div.xzx-item .jj dl dt {
  float: left;
}

div.xzx-item .jj dl dt img {
  width: 140px;
  height: 98px;
}

div.xzx-item .jj dl dd {
  padding-left: 156px;
  min-height: 98px;
}

div.xzx-item .jj dl dd a.title-a {
  font-size: 14px;
  color: #333;
}

div.xzx-item .jj dl dd a.small-title-a {
  font-size: 14px;
  color: #333;
  line-height: 20px;
}

div.xzx-item .jj dl dd a {
  color: #fc3d3d;
}

div.xzx-item .jj dl dd a:hover {
  color: #ff6905;
}

div.xzx-item .jj dl dd p {
  line-height: 2;
  margin-top: 8px;
  color: #999;
}

div.xzx-item .jj dl dd p.small-p {
  margin-top: 0;
}

div.xzx-item .how {
  margin-top: 14px;
  font-size: 14px;
  display: block;
}

div.xzx-item .how span {
  color: #999;
  margin-right: 5px;
}

div.xzx-item .how a {
  display: block;
  margin-bottom: 16px;
}

div.xzx-sc {
  float: right;
}

div.xzx-item .lx i {
  margin-right: 3px;
}

div.xzx-item div.zt-tu {
  margin-top: 20px;
}

div.xzx-item div.zt-tu img {
  width: 420px;
  height: 238px;
}

div.xzx-item .lx a {
  margin-left: 4px;
}

div.xzx-item .lx a.fr {
  margin-left: 20px;
  margin-top: 3px;
}

div.xzx-r {
  float: right;
  width: 320px;
  min-height: 50px
}

div.xzx-r div.xzx-item {
  width: 320px;
  margin-bottom: 0;
}

div.xzx-r div.jsq {
  height: 250px;
  margin-top: 131px;
}

div.xzx-r div.xzx-item .jj dl dt img {
  width: 120px;
  height: 100px;
}

div.xzx-r div.xzx-item .jj dl dd {
  padding-left: 130px;
  min-height: 95px;
  padding-top: 5px;
  background: #f5fbf9;
}

div.xzx-banner {
  margin: 40px auto 2px auto;
  width: 1220px;
}

div.zxlc {
  width: 1220px;
  margin: 0 auto;
}

div.zxlc .lc-bd {
  margin-top: 20px;
}

div.xqyx-al {
  clear: both;
}

div.xqyx-al ul:after {
  clear: both;
  display: table;
  content: "";
  padding-bottom: 60px;
}

div.xqyx-al ul li {
  float: left;
  margin-left: 20px;
  position: relative;
}

div.xqyx-al ul li a {
  width: 290px;
  height: 204px;
  color: #ccc;
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
}

div.xqyx-al ul li img {
  width: 290px;
  height: 204px;
}

div.xqyx-al ul li p {
  width: 260px;
  height: 40px;
  position: absolute;
  bottom: 0;
  background: url("/static/base/images/tm6.png");
  padding: 0 15px;
}

div.xqyx-al ul li p span {
  font-size: 13px;
  color: #fff;
  line-height: 40px;
}

div.xqyx-al ul li p em {
  float: right;
  margin-top: 14px;
  color: #999;
}

/*设计师*/
div.sjs-mk .sjs-box {
  height: 212px;
  border: 1px solid #eee;
  margin-top: 20px;
}

div.sjs-mk .sjs-box .tx {
  width: 172px;
  float: left;
  text-align: center;
  padding-top: 26px;
}

div.sjs-mk .tx a {
  display: inline-block;
  width: 112px;
  height: 112px;
  padding: 4px;
  overflow: hidden;
  border: 1px solid #efefef;
  border-radius: 50%;
}

div.sjs-mk .tx a img {
  width: 112px;
  height: 112px;
  border-radius: 50%;
}

div.zp-rq {
  margin: 10px auto 0;
  width: 97px;
}

div.zp-rq div {
  display: inline-block;
}

div.zp-rq div.left {
  border-right: 1px solid #e5e5e5;
  padding-right: 20px;
}

div.zp-rq div.right {
  padding-left: 20px;
}

div.zp-rq div p.key {
  margin-bottom: 5px;
  color: #999;
}

div.sjs-mk .sjs-jj {
  float: right;
  padding-top: 20px;
  width: 750px;
  padding-right: 28px;
}

div.sjs-mk .sjs-box:after {
  content: "";
  display: table;
}

div.sjs-mk .sjs-jj div.top span.title {
  font-size: 20px;
}

div.sjs-mk .sjs-jj div.top span {
  margin-right: 19px;
}

div.sjs-mk .sjs-jj div.top span.tu-n1,
div.sjs-mk .sjs-jj div.top span.tu-n2 {
  width: 42px;
  height: 17px;
  background: url("/static/xyj/images/zxgs.png") no-repeat -2px -286px;
}

div.sjs-mk .sjs-jj div.top span.tu-n2 {
  background-position: -2px -307px;
}

div.sjs-mk .sjs-jj div.mid {
  margin-top: 20px;
  position: relative;
}

div.sjs-mk .sjs-jj div.mid span.title {
  color: #999;
}

div.sjs-mk .sjs-jj div.mid em {
  margin-right: 25px;
}

div.sjs-mk .yy-sj {
  width: 134px;
  height: 34px;
  background: #ff6905;
  color: #fff;
  text-align: center;
  line-height: 34px;
  position: absolute;
  bottom: 0px;
  right: 5px;
}

div.sjs-mk .bottom {
  margin-top: 20px;
}

div.sjs-mk .bottom a {
  float: left;
  margin-right: 12px;
  width: 140px;
  height: 98px;
  display: block;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin-top: 20px;
}

div.sjs-mk .bottom a:nth-child(5) {
  margin-right: 0px;
}

div.sjs-mk .bottom a img {
  width: 140px;
  height: 98px;
  background: #ccc;
}

.hy-sjs {
  min-height: 450px;
  border: 1px solid #eee;
  padding-bottom: 20px;
}

.hy-sjs h3 {
  font-size: 14px;
  color: #333;
  line-height: 48px;
  padding-left: 19px;
  width: 100%;
}

.hy-sjs a {
  display: inline-block;
  margin-left: 19px;
  width: 94px;
  float: left;
}

.hy-sjs a span {
  border: 1px solid #efefef;
  border-radius: 50%;
  display: inline-block;
  padding: 3px;
  width: 86px;
  height: 86px;
  text-align: center;
}

.hy-sjs a p {
  height: 36px;
  line-height: 36px;
  color: #333;
  text-align: center;
  line-height: 36px;
}

.hy-sjs a img {
  width: 86px;
  height: 86px;
  border-radius: 50%;
}

/*装修步骤*/
.zx-bz-con {
  margin: 20px auto 0;
  width: 1220px;
}

.zx-bz-con div.left {
  width: 320px;
  float: left;
}

.zx-bz-con div.left div.zx-jd {
  text-align: left;
}

.zx-bz-con div.left .zx-jd>h3 {
  height: 44px;
  font-size: 16px;
  color: #333;
  line-height: 44px;
  background: #eee;
  padding-left: 20px;
}

.zx-bz-con .zx-jd-item {
  padding: 20px 0;
}

.zx-bz-con .zx-jd-item ul {}

.zx-bz-con .zx-jd-item li {
  float: left;
  width: 33.3%;
  text-align: left;
  margin-bottom: 18px;
  padding-left: 18px;
  box-sizing: border-box;
}

.zx-bz-con .zx-jd-item li span.yjt {
  width: 4px;
  height: 7px;
  background-position: -1px -11px;
  vertical-align: middle;
  margin: -4px 7px 0 0;
}

.zx-bz-con .zx-jd-item li a.active {
  color: #ff6905;
}

.zx-bz-con .zx-jd-wrap {
  border: 1px solid #f1f1f1;
}

.rmzx-wrap {
  margin-top: 20px;
  border: 1px solid #f1f1f1;
  padding: 0 9px 17px;
}

.rmzx-wrap div.rmzx-nav>h3 {
  height: 32px;
  padding-top: 14px;
  font-size: 20px;
  color: #333;
  border-bottom: 1px solid #f1f1f1;
}

.rmzx-wrap ul li {
  line-height: 42px;
}

.rmzx-wrap ul li.active {
  border-bottom: 1px solid #eee;
  padding: 15px 0;
}

.rmzx-wrap ul li.active span em {
  background: #ff6905;
}

.rmzx-wrap ul li span em {
  width: 16px;
  height: 16px;
  background: #cbcbcb;
  color: #fff;
  line-height: 16px;
  text-align: center;
  margin-right: 10px;
}

.rmzx-wrap ul li img {
  width: 70px;
  height: 90px;
  margin-right: 6px;
  display: none;
}

.rmzx-wrap div.rmzx-nav {
  position: relative;
}

.rmzx-wrap div.rmzx-nav div.rmzx-nav-item {
  position: absolute;
  right: 0;
  bottom: 0;
}

.rmzx-wrap div.rmzx-nav div.rmzx-nav-item span {
  float: left;
  width: 50px;
  ;
  text-align: center;
  height: 31px;
  line-height: 31px;
  cursor: pointer;
}

.rmzx-wrap div.rmzx-nav div.rmzx-nav-item span.active {
  border-bottom: 2px solid #ff6905;
}

.zx-bz-con div.right {
  width: 880px;
  float: right;
}

.zx-bz-con div.sort {
  height: 38px;
  width: 878px;
  border: 1px solid #eee;
  line-height: 38px;
  text-align: center;
}

.zx-bz-con div.sort span {
  width: 117px;
  height: 38px;
  float: left;
  color: #333;
  cursor: pointer;
}

.zx-bz-con div.sort span em {
  width: 7px;
  height: 9px;
  background-position: -1px -26px;
  margin-left: 6px;
}

.zx-bz-con div.sort span.active {
  color: #ff6905;
}

.zx-bz-con div.sort span.active em {
  background-position: -1px -40px;
}

.zx-bz-con div.sort span.time {
  border-left: 1px solid #eaeaea;
}

.global-item-list {
  position: relative;
}

.global-item-list dl dt img {
  width: 200px;
  height: 140px;
  float: left;
}

.global-item-list dl {
  padding: 30px 0;
  border-bottom: 1px solid #eee;
}

.global-item-list dl:hover {
  background: #fafafa;
}

.global-item-list dl dd {
  padding-top: 8px;
  margin-left: 232px;
  height: 140px;
  color: #999;
  line-height: 1.5;
}

.global-item-list dl dd a {
  color: #333;
  font-size: 18px;
  margin-bottom: 18px;
  display: block;
}

.global-item-list dl dd a:hover {
  color: #ff6905;
}

.global-item-list .dbl-ul {
  position: absolute;
  bottom: 36px;
}

.global-item-list .dbl-ul li {
  float: left;
  margin-right: 30px;
}

.common-border {
  border: 1px solid #eee;
}

.tcolor {
  color: #ff6905;
}

.zx-des {
  color: #888;
  margin-top: 6px;
  line-height: 1.6;
  display: none;
  font-size: 12px;
}

.zx-tit {
  color: #333;
}

div.xzx-item .how .zx-des span {
  color: #fc3d3d;
}

.xzx-item .jj a:nth-child(2) .zx-des {
  display: block;
}

.side-xgt-list {
  border: 1px solid #efefef;
  margin-bottom: 20px;
  padding: 22px 20px 12px;
}

.side-xgt-list .title {
  color: #666;
  font-size: 16px;
  padding-bottom: 8px;
}

.side-xgt-list li img {
  width: 220px;
  height: 150px;
  display: none;
}

.side-xgt-list li.current img {
  display: block;
}

.side-xgt-list li:first-child img {
  margin-top: 14px;
}

.side-xgt-list li a {
  display: block;
}

.side-xgt-list li .text {
  border-top: 1px dashed #cecece;
}

.side-xgt-list li:first-child .text {
  border: none;
}

.side-xgt-list li i {
  float: left;
  display: inline-block;
  width: 16px;
  height: 17px;
  line-height: 17px;
  background: #ff7826;
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 14px;
  margin-right: 5px;
}

.side-xgt-list li span {
  float: left;
  display: block;
  width: 197px;
  height: 46px;
  line-height: 46px;
}


/* 装修流程 */

.lc-wrapper {
  height: 386px;
  font-size: 0;
}

.lc-item {
  display: inline-block;
  width: 390px;
  height: 386px;
  vertical-align: middle;
  /* border: 1px solid #cccccc; */
}

.lc-second {
  margin: 0 23px;
}

.lc-header {
  height: 179px;
}

.lc-list-wrapper {
  border-left: 1px solid rgb(238, 238, 238);
}

.lc-list-ul {
  display: flex;
  height: 206px;
  flex-wrap: wrap;
}

.lc-list-ul li {
  flex: 1;
  border-right: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
}

.lc-list-ul li {
  cursor: pointer;
}

.lc-list-ul li a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.lc-list-ul li:hover {
  background-color: #f256188f;
}

.lc-ul-1 li {
  flex-basis: 186px;
}

.lc-ul-2 li {
  flex-basis: 93px;
}

.lc-ul-3 li {
  flex-basis: 124px;
}

/* 装修找我模块次导航 */
.cnav {
  background: #f8f8f8;
  height: 106px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -webkit--moz-box-pack: center;
  box-pack: center;
  align-items: center;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
}

.cnav .cnav_link {
  width: calc(33.33% - 1px);
  float: left;
  border-right: 1px solid #e2e2e2;
  z-index: 10;
  height: 106px;
  box-shadow: 8px 0px 10px rgba(0, 24, 33, .2);
  -moz-box-shadow: 8px 0px 10px rgba(0, 24, 33, .2);
  -webkit--box-shadow: 8px 0px 10px rgba(0, 24, 33, .2);
  height: 106px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -moz-box-pack: center;
  -webkit--moz-box-pack: center;
  box-pack: center;
  align-items: center;
  -webkit-align-items: center;
  box-align: center;
  -moz-box-align: center;
  -webkit-box-align: center;
}

.cnav .cnav_link:last-child {
  border-right: none;
}

.cnav .cnav_pic {
  width: 60px;
  height: 60px;
  display: block;
  margin-right: 20px;
}

.cnav .cnav_link:nth-child(1) .cnav_pic {
  background: url(/static/base/images/cnav_pic1.png) no-repeat center center;
  background-size: 100% 100%;
}

.cnav .cnav_link:nth-child(2) .cnav_pic {
  background: url(/static/base/images/cnav_pic2.png) no-repeat center center;
  background-size: 100% 100%;
}

.cnav .cnav_link:nth-child(3) .cnav_pic {
  background: url(/static/base/images/cnav_pic3.png) no-repeat center center;
  background-size: 100% 100%;
}

.cnav .cnav_t1 {
  font-size: 26px;
  color: #333;
}

.cnav .cnav_t2 {
  font-size: 16px;
  color: #333;
}

.cnav .cnav_link:nth-child(1).on {
  background: url(/static/base/images/cnav_link1.png) no-repeat center center;
  background-size: 100% 100%;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  z-index: 8;
}

.cnav .cnav_link:nth-child(1).on .cnav_pic {
  background: url(/static/base/images/cnav_pic1on.png) no-repeat center center;
  background-size: 100% 100%;
}

.cnav .cnav_link.on .cnav_t1,
.cnav .cnav_link.on .cnav_t2 {
  color: #fff;
}

.cnav .cnav_link:nth-child(1).on .cnav_t1,
.cnav .cnav_link:nth-child(1).on .cnav_t2 {
  color: #015a7a;
}

.cnav .cnav_link:nth-child(2).on {
  background: url(/static/base/images/cnav_link2.png) no-repeat center center;
  background-size: 100% 100%;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  z-index: 8;
}

.cnav .cnav_link:nth-child(2).on .cnav_pic {
  background: url(/static/base/images/cnav_pic2on.png) no-repeat center center;
  background-size: 100% 100%;
}

.cnav .cnav_link:nth-child(3).on {
  background: url(/static/base/images/cnav_link3.png) no-repeat center center;
  background-size: 100% 100%;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  z-index: 8;
}

.cnav .cnav_link:nth-child(3).on .cnav_pic {
  background: url(/static/base/images/cnav_pic3on.png) no-repeat center center;
  background-size: 100% 100%;
}

.cnav .cnav_link.box {
  box-shadow: -2px 1px 10px rgba(0, 24, 33, .2);
  -moz-box-shadow: -2px 1px 10px rgba(0, 24, 33, .2);
  -webkit--box-shadow: -2px 1px 10px rgba(0, 24, 33, .2);
}

.left {
  float: left;
}

.right {
  float: right;
}

.fixed_smbar {
  width: 142.1px;
  height: 120.4px;
  cursor: pointer;
  z-index: 999;
  position: fixed;
  left: 0;
  bottom: 0px;
  background-image: url(./images/slideBJ.png);
  background-size: 142.1px 120.4px;
}

.fixed_bigbar {
  width: 100%;
  position: fixed;
  left: -100%;
  bottom: 0px;
  z-index: 9999;
}

.fixed_bigbar .bjb {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 136px;
  position: absolute;
  bottom: 0;
  min-width: 1000px;
}

.foot-popup {
  width: 1000px;
  margin: 0 auto;
  padding: 18px 0 20px;
}

.foot-popup .zxImg {
  width: 360px;
  margin-left: 128px
}

.foot-popup .zxImg>img {
  position: absolute;
  bottom: -16px;
}

.foot-popup .form-wrap {
  margin-left: 310px;
  position: relative;
}

.input-top .phone {
  margin-right: 4px;
}

.input-bottom input[type="text"] {
  width: 150px;
  box-sizing: content-box;
  height: 38px;
  background: #fff;
  border-radius: 2px;
  padding-left: 10px;
  color: #666;
  font-size: 14px;
  font-family: "思源黑体";
}

.input-bottom p {
  margin-left: 15px;
  color: #fff;
  font-size: 14px;
  font-family: "思源黑体";
  line-height: 18px;
  width: 142px;
  text-align: center;
}

.input-bottom p b {
  font-weight: normal;
  color: #ff6905;
}

.input-bottom>span {
  display: inline-block;
  margin-left: 20px;
}

.input-bottom span.area-span {
  width: 160px;
  background-color: #fff;
  border-radius: 2px;
  min-height: 38px;
  box-sizing: content-box;
  position: absolute;
}

.input-bottom span.area-span select {
  border: none;
  width: 73px;
  height: 38px;
  margin-left: 5px;
  padding: 5px 0;
  line-height: 38px;
  box-sizing: border-box;
}

.input-bottom input[type="button"] {
  box-sizing: content-box;
  width: 160px;
  min-height: 38px;
  font-size: 14px;
  color: #fff;
  background: url("../img/footer_btnBottom.png") no-repeat center center;
  background-size: 166px 44px;
  border: none;
  line-height: 36px;
}

.input-bottom {
  margin-top: 10px;
  /*width: 442px;*/
}

.input-bottom>span:first-child {
  margin-left: 0;
}

.input-bottom span.getbj {
  /*position: absolute;*/
  /*bottom: 0px;*/
  /*left: 340px;*/
}

.erwima {
  position: absolute;
  right: 57px;
  top: 13px;
}

.erwima img {
  display: block;
  margin: 0 auto;
  width: 77px;
  height: 77px;
}

.erwima em {
  color: #fff;
  font-size: 12px;
  font-family: "思源黑体";
  display: inline-flex;
  margin-top: 3px;
}

div.xxx {
  width: 20px;
  height: 20px;
  background: url("./images/xx.png") no-repeat center center;
  position: absolute;
  right: -34px;
  top: 0px;
  cursor: pointer;
}

.zhaobiao-focus {
  background-color: #ffffcd !important;
  border: 1px solid #ff6905;
}

.input-top input:focus {
  background: #ffffcd;
}