/*======================
    company:www.qegzw.com
    author:qiushengwei
    e-mail:982537765@qq.com
    date:2017-5-26
======================*/
/*reset*/
body,p,h1,h2,h3,h4,h5,h6,dd,dl,dt,th,td,ul,li,ol,form,input,select,textarea,button,pre,legend{
    margin:0;
    padding:0;
    font:13px "微软雅黑",Arial,Helvetica,sans-serif;
    /*color:#333333;*/
}

button, input, textarea { vertical-align:middle; font-family:"微软雅黑",helvetica,arial; }
/*-webkit-appearance:none;*/
h1, h2, h3, h4, h5, h6 { font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img,fieldset{ border:0;}
address,cite,dfn,em,var,i{font-style:normal;}
ul,ol{list-style-type:none;}
sup{ vertical-align: text-top; }
sub{ vertical-align: text-bottom; }
img{
    margin:0;
    padding:0;
    border:0;
    vertical-align:middle;
}
a{ text-decoration:none !important; cursor:pointer;}
select,input,textarea{ outline:none;}

.cxj_i i{
    font-family: serif;
}
.textHide a{
	display:inline-block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cxj_detailsPag i,.cxj_newPhotoAlbum h3 i,.cxj_searchNav i,.cxj_straFiveLeft h3 a i{font-family: serif;}
/*浮动*/
.fl{float:left;}
.fr{float:right;}
.clear {clear: both;}
/*.clearfix:after {clear:both; content:'';display: block;font-size: 0;line-height: 0;visibility: hidden;  width: 0;height: 0;}*/
/*.clearfix {display: inline-block;}*/
* html .clearfix {height: 1%;}
@media screen and (max-width: 1600px) {
    .cxj_detailsSlide{
        width: 1000px !important
    }
    .cxj_detailsFiexd{
        right: 5px !important;
        margin-right: 0px !important;
    }
    .cxj_rightNav{
        right: 20px !important;
    }
    .cxj_isNone, .cxj_isNoneS{
        right:76px !important;
    }
    .cxj_Official,.cxj_kefu{
        right: 76px !important;
    }
}
@media screen and (max-width: 1366px) {
    #play .img_ul img{
        max-width: 800px !important;
        max-height: 400px !important;
    }
    #play .img_ul li {
        height: 400px !important;
        line-height:400px !important;
    }
    #play .img_ul {
        width: 930px !important;
        height: 400px !important;
    }
    .img_hd ul li img,.img_hd ul li  {
        width: 79px !important;
        height: 70px !important;
    }
    .img_hd {
        height: 80px !important;
    }
    .cxj_img_hd .next_a{
        right: 80px !important;
    }
    .cxj_headerMid {
        height:67px !important;
    }
    .cxj_headerMid h1{
        margin-top: 3px !important;
    }
    .cxj_dingw,.cxj_Seach{
        margin-top: 15px !important;
    }
    .cxj_MdSlide{
        margin-top: 7px !important;
    }
}
@media screen and (max-width: 1366px) {

}
@media screen and (min-width: 1366px) {

}
.cxj_demandS {
    bottom: 330px !important;
}
.cxj_returnTopS {
    bottom: 100px !important;
}
.cxj_kefuS{
    bottom: 210px !important;
}
.cxj_OfficialS{
    bottom: 132px !important;
}
.vhide{overflow: hidden;}
.cxj_firmAtan a,.cxj_headerRg a,.cxj_EffectA,.cxj_EffectImg img,.cxj_demoSpace a,.cxj_fCaseA a,.cxj_introduces a,.cxj_newPhotoAlbum ul a,.cxj_zhankai a,.cxj_yxCompany a,.cxj_LisA a,.cxj_straTop a,.cxj_straItem ul li a,.cxj_strategyTwo ul li a,.cxj_strategyTwo ul li i{
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.tran a,.cxj_registerVip{
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.tranHover a:hover,.strong:hover{
    color: #f89118 !important;
}
.tran a:hover{
    color: #f89118 !important;
}
.cxj_firmAtan a:hover,.cxj_EffectA:hover,.cxj_demoSpace a:hover,.cxj_fCaseA a:hover,.cxj_introduces a:hover,.cxj_newPhotoAlbum ul a:hover,.cxj_zhankai a:hover,.cxj_yxCompany a:hover,.cxj_LisA a:hover,.cxj_straTop a:hover,.cxj_straItem ul li:hover a,.cxj_strategyTwo ul li a:hover,.cxj_registerVip:hover{
    color: #f89118;
}
.ft114{
    font-size: 14px;
}
.cxj_img{
    -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;
}
.cxj_img:hover,.cxj_plotImgLf:hover img,#pretty-slide .cxj_img:hover,.cxj_beiouStyle:hover img,.cxj_photoAlbum a:hover img,.cxj_sh_BotFl:hover img{
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05)
}
.mb10{
    margin-bottom: 10px;
}
.mt10{
    margin-top: 10px;
}
.mr10{
    margin-right: 10px;
}
.ml10{
    margin-left: 10px;
}
.mr13{
    margin-right: 13px;
}
.mt20{
    margin-top: 20px;
}
.mb20{
    margin-bottom: 20px;
}
.pd26{
    padding: 26px 0;
}
.mt40{
    margin-top: 40px;
}
.mt60{
    margin-top: 60px;
}
 #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .post-wrap-main{
        background:#fff !important;
    }
    #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw{
        background:url(../images/post-btnS.jpg) no-repeat !important;
    }
    #SOHUCS #SOHU_MAIN .module-cmt-box .post-wrap-w .wrap-action-w .action-issue-w .issue-btn-w a .btn-fw:hover{
        background:url(../images/post-btnS.jpg) no-repeat !important;
    }
#cxj_bgli,#cxj_bgli2,#cxj_bgli3,#cxj_bgli4{
     position: absolute;
     height: 2px;
    z-index: 100;
    list-style-type: none;
}
#cxj_bgli {
    top: -1px;
    border-top:2px solid #f89118;
    width: 141px;
}
#cxj_bgli2 {
    bottom: -4px;
    border-top:2px solid #f89118;
    width: 208px;
}
#cxj_bgli3 {
    top: 0px;
    left: 0px;
    border-top:3px solid #f89118;
    width: 149px;
}
#cxj_bgli4 {
    bottom: -4px;
    left: 0px;
    border-top:2px solid #f89118;
    width: 182px;
}
.Page_totals{
    overflow: hidden;
/*  display: none; */
 float: left;
}
.pages {
    color: #aaa;
    font-size: 0;
    text-align: center;
    display: inline-block;
    float: left;
}

.pages em {margin-left: -1px;
width: 26px;height: 26px;
    display: inline-block;
    vertical-align: middle;
    line-height: 26px;
    font-size: 14px;
    color: #333333;
    border:1px solid #e1e1e1;
    cursor: pointer;
}
.pages em:hover{
    border:1px solid #f89118 !important;
  z-index: 99;
  position: relative;
}
.pages em.switchPage{
        margin-left: -1px;
    /*padding:0 15px;*/
}
.pages .prevPage, .pages .nextPage{
    color: #333333;
    font-size: 16px;
    margin-right: 10px;
    font-weight: bold;
    font-family: serif;
}
.pages .nextPage{
    color: #333333;
    font-size: 16px;
        font-family: serif;
    font-weight: bold;
    margin-left: 10px;
}

.prevPage,.nextPage{
width: 40px;height: 40px;
  text-align: center;
  line-height: 40px;
  border:1px solid #dfdfdf;
}
.pages em.disabled{
    cursor: default;
    background: 0 0;
    background: #fff;
    color: #ccc !important;
}
.pages em.disabled:hover{
    border:1px solid #e1e1e1 !important;
}

.pages em.selected{
border: 1px solid #f89118 !important;
    background: #f89118 !important;
    color: #fff;
}
.jx_total {
    float: left;
    font-size: 14px;
    margin-left: 10px;
}
.jx_forms {float: left;}
.jx_texts,.jx_total {color: #333;}
.jx_btns,.jx_inputs,.jx_texts {margin-left: 5px;}
.jx_texts,.jx_total {
    _display: inline;
    float: left;
    line-height: 30px;
}
.jx_inputs {
    width: 25px;
    border: solid 1px #ddd;
    height: 21px;
    margin-top: 2px;
    float: left;
    text-align: center;
}
.jx_btns{
    height: 23px;
    width: 43px;
    line-height:23px;
    border-radius: 2px;
    background: #f89118;
    cursor: pointer;
    margin-top: 2px;
    float: left;
    color:#fff;
}
@-webkit-keyframes searchTop{0%{top:-70px}
100%{top:0}}
@-moz-keyframes searchTop{0%{top:-70px}
100%{top:0}}
@keyframes searchTop{0%{top:-70px}
100%{top:0}}
@-webkit-keyframes bounce-up{25%{-webkit-transform: translateY(5px);} 50%, 100%{-webkit-transform: translateY(0);} 75%{-webkit-transform: translateY(-5px);}}
@keyframes bounce-up{25%{transform: translateY(5px);} 50%, 100%{transform: translateY(0);} 75%{transform: translateY(-5px);}}
.animated{-webkit-animation-duration:1.4s; animation-duration:1.4s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
@-webkit-keyframes bounceIn{0%{opacity:0; -webkit-transform:scale(.3); transform:scale(.3)}
50%{opacity:1; -webkit-transform:scale(1.05); transform:scale(1.05)}
70%{-webkit-transform:scale(.9); transform:scale(.9)}
100%{opacity:1; -webkit-transform:scale(1); transform:scale(1)}}
@keyframes bounceIn{0%{opacity:0; -webkit-transform:scale(.3); -ms-transform:scale(.3); transform:scale(.3)}
50%{opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05)}
70%{-webkit-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9)}
100%{opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1)}}
.bounceIn{-webkit-animation-name:bounceIn; animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);} 60%{opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px);} 80%{-webkit-transform: translateY(-10px); transform: translateY(-10px);} 100%{-webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes bounceInDown{0%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);} 60%{opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px);} 80%{-webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);} 100%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}
.bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);} 20%{opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px);}}
@keyframes bounceOutUp{0%{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} 20%{opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);} 100%{opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px);}}
.bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;}
@-webkit-keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);} 100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}}
@keyframes rollIn{0%{opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg);} 100%{opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg);}}
.rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;}
@-webkit-keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;} 40%{-webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);} 70%{-webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);} 100%{-webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}}
@keyframes flipInX{0%{-webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0;} 40%{-webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg);} 70%{-webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg);} 100%{-webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1;}}
.flipInX{-webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX;}
/*css3*/
.slow_emergeOn{
    opacity: 1 !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
}
.slow_emerge{
    opacity: 0;
    -webkit-transform: translate(0,20%);
    transform: translate(0,20%);
    -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;
}

/*
    头部新的城市选择横幅样式
*/
.cxj_cityDivBack{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=6);
    -ms-filter: alpha(opacity=6);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    z-index: 8888;
    display: none;
}

.cxj_cityDiv{
    background:#fff;
    width: 1000px;
    height: 450px;
    position: fixed;
    top: 40%;
    left: 50%;
    margin-top: -225px;
    margin-left: -500px;
    border-radius: 5px;
    z-index: 9999;
    display: none;
}
.cxj_cityDiv .city_index_wrap {
    background: url(../images/city_bg.png) no-repeat 2px
        -25px;
}
.citybannerS{margin: 5px auto; overflow: hidden;}
.citybannerS .cxj_cityBtn{width: 100%; height: 50px; line-height: 50px; text-align: center; margin: 25px 0;}
.citybannerS .select_btn b{font-size: 33px; padding-bottom: 5px; border-bottom: 1px solid #f89118; color: #f89118; cursor: pointer; font-weight: normal;}
.citybannerS .select_btn i{display: inline-block; background: url(../images/sw_cxj37.png) no-repeat; width: 25px; height: 30px; vertical-align: middle; margin-bottom:16px; margin-left: 7px;}
.citybannerS .hot_city{height: 32px; line-height:32px; overflow: hidden;}
.citybannerS .hot_city_left{/*margin-right: 136px;*/}
.citybannerS .hot_city_left span{margin-right: 30px; color: #797877; font-size: 16px;}
.citybannerS .hot_city_left>a{padding: 0 10px; color: #727272;}
.citybannerS .hot_city_left>a:hover{color: #ed6717;}
.citybannerS .hot_city_right{position: relative; margin-left: 50px; width: 234px; height: 30px; font-size: 16px; border: 1px solid #f89118; border-radius: 5px; overflow: hidden;}
.citybannerS .hot_city_right input{width: 160px; height: 30px; line-height: 30px; text-indent: 15px; border: none; float: left; font-size: 14px; color: #cfc4b9;}
.citybannerS .hot_city_right button{width: 60px; height: 100%; height: 30px; line-height: 30px; font-size: 12px; display: inline-block; background: #f89118; color: #fff; text-align: center; cursor: pointer; border: none; position: absolute; right: 0; top: 0;}
.citybannerS .select_by_letter .select_title{width: 100%; height: 34px; line-height: 34px; margin-top: 10px; background: #f89118; border: 1px solid #f89118;}
.citybannerS .select_by_letter .select_title>span{float: left; margin-left: 17px; color: #fff; font-size: 15px;}
.citybannerS .select_by_letter .select_title>p{float: right; margin-right: 40px; color: #333; font-size: 14px; line-height: 36px;}
.citybannerS .select_by_letter .select_title>p>span{padding: 2px 10px; /*margin: 0 3px;*/ cursor: pointer; color: #fff;}
.citybannerS .select_by_letter .select_title>p>span:hover{/*background: #f89118;*/ color: #fff;}
.citybannerS .select_by_letter .scrollBody{height: 251px; overflow: hidden; margin-top: 10px;}
.citybannerS .select_by_letter .scrollBody .city_letter_list{margin-left: 40px; width: 930px;}
.citybannerS .select_by_letter .scrollBody .city_letter_list li{height: auto; clear: both; overflow: hidden;}
.citybannerS .select_by_letter .scrollBody .city_letter_list li .letter{width: 65px; color: #5f5e5e; margin-bottom: 10px; line-height: 19px;}
.citybannerS .select_by_letter .scrollBody .city_letter_list li .letter>span{width: 21px; height: 25px; display: inline-block; text-align: center; background: url(../images/city_letter_bg1.png) no-repeat;}
.citybannerS .select_by_letter .scrollBody .city_letter_list li .letter>span.active{background: url(../images/city_letter_bg2.png) no-repeat; color: #fff !important;}
.citybannerS .select_by_letter .scrollBody .city_letter_list li .city_name{width: 830px; padding-bottom: 5px; line-height: 19px;}
.citybannerS .select_by_letter .scrollBody .city_letter_list li .city_name>a{padding: 0px 4px 2px 4px; margin: 0 6px; border-radius: 2px; font-size: 14px; display: inline-block; color: #727272;}
.citybannerS .select_by_letter .scrollBody .city_letter_list li .city_name>a:hover{background: #f89118; color: #fff;}
.citybannerS .scrollBody .scrollBar{width: 10px; height: 303px; margin-right: 10px; background: url(../images/city_scrollBar.png) repeat-y -10px 0;}
.citybannerS .scrollBody .scrollBar>span{width: 10px; height: 36px; display: inline-block; background: url(../images/city_scrollBar.png) no-repeat;}
#pf_index_search_city_tips{position: absolute; width: 174px; height: 30px; line-height: 30px; text-align: center; color: #ee7001; background: #fffde6; border:1px solid #f89118; border-top:none; display: none; font-size: 12px; left: 50px; top:137px;}
.cxj_City_close{background: url(../images/sw_cxj_close.png) no-repeat; width: 30px; height: 30px; display: block; position: absolute; right: 20px; top: 10px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
.cxj_City_close:hover{-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
/*美图专题*/
.cxj_prettySlide{position: relative;overflow: hidden;height: 409px;}
#pretty-slide{width: 1200px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
#pretty-slide ul.ck-slide-wrapper{width: 1200px;height: 100%;}
#pretty-slide .ck-prevs,#pretty-slide .ck-nexts{
    top: 162px;
}
/*攻略幻灯*/
.cxj_straSlide{margin-top: 22px;}
.cxj_strasSlide{position: relative;overflow: hidden;height: 360px;}
#strate_slide{width: 893px;position: absolute;top: 0;left: 50%;margin-left: -446.5px;}
#strate_slide ul.ck-slide-wrapper{width: 893px;height: 100%;}
#strate_slide .ck-prevs,#strate_slide .ck-nexts{
    top: 140px;
}
/*slide 公用*/
.cxj_prettyeBanner,.cxj_strasBanner{position: relative;overflow: hidden;height: 100%;}
#strate_slide ul.ck-slide-wrapper li,#pretty-slide ul.ck-slide-wrapper li,#strate_slide_sh ul.ck-slide-wrapper li{position: absolute;display: none;}
#strate_slide .ck-prevs,#strate_slide .ck-nexts,#pretty-slide .ck-prevs,#pretty-slide .ck-nexts,#strate_slide_sh .ck-prevs,#strate_slide_sh .ck-nexts{position: absolute;z-index: 2;width: 47px;height: 82px;border-radius: 3px;opacity: .15;background: red;text-indent: -9999px;background-repeat: no-repeat;transition: opacity .2s linear 0s;}

#strate_slide .ck-prevs,#pretty-slide .ck-prevs,#strate_slide_sh .ck-prevs{left: 0px;background: url(../images/arrow-left.png) #000 50% no-repeat;}
#strate_slide .ck-nexts,#pretty-slide .ck-nexts,#strate_slide_sh .ck-nexts{right: 0px;background: url(../images/arrow-right.png) #000 50% no-repeat;}
/*百科幻灯*/
.cxj_shSlide{position: relative;overflow: hidden;height: 422px;}
#strate_slide_sh{width: 1200px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
#strate_slide_sh ul.ck-slide-wrapper{width: 1200px;height: 100%;}
#strate_slide_sh .ck-prevs,#strate_slide_sh .ck-nexts{
    top: 160px;
}


/*装修公司空*/
.NullInfo{
    margin-top: 120px;
    width: 100%;
    text-align: center;
    display: none;
}
.NullInfo i{
    display: inline-block;
    background:url(../images/sw_cxj104.png) no-repeat;
    width: 61px;
    height: 68px;
    vertical-align: middle;
}
.NullInfo p{
    font-size: 14px;
    color: #666;
}
.NullInfo p b{
    color: #f89118 !important;
}