﻿
.of{
    overflow: hidden;
}

.fl{float:left;}
.fr{float:right;}

/*头部内容 begin*/
/*header begin*/


.wide{
    width: 1200px;
    margin: 0 auto;
}

.topvipment ul li{
    float: left;
    margin: 0 14px;
    font-size: 12px;
}
.topvipment ul li, .topvipment ul li a{
    color: #888;
    padding-left: 30px;
}
.topvipment ul li a:hover, .topvipment ul li.blue, .fotter-menu ul li a:hover{
    color: #0091ff;
}

.officicon,.loginphone, .infoericon, .guideTop,.diverone,.divertwo,.diverthree,.diverfour,.diverfive,.diversix,.diverseven,.diverningt{
    background: url(../canguan/icon.png) no-repeat;
    display: inline-block;
}
.cupicon,.jewelicon,.constructicon,.filialeicon{
    width: 40px;
    height: 40px;
    position: absolute;
    top:-3px;
    margin-left: -46px;
}
.cupicon{
    background-position: -43px -1px ;
}
.jewelicon{
    background-position: -93px -1px ;
}
.constructicon{
    background-position: -145px -1px ;
}
.filialeicon{
    background-position: -198px -1px ;
}
.home{
    background-position: -198px -1px ;
}
.margin{
    margin-left:16px;
}
/*.nav{
    border-bottom: 1px solid #e6e6e6;

}*/
.navback {
    background: #fff;

}

/*******************************************************************************************/
/*   nav   */




/****************装修课堂**********************/


.login_box{width: 390px;height:560px;background: url("../canguan/bmbj.png") no-repeat;margin: 115px 20px 28px 0}
.sjybj_freeCheck .login_text{margin: 25px auto 17px;}
.login_text{width: 300px;margin: 25px auto 17px;color: #333;line-height: 18px;}
.login_text span,.login_text3 span{color: #f25618;}
.login_box .login_select{position: relative;width: 300px;margin: 0 auto 10px;}
.login_box input{display:block;width: 280px;padding:6px 10px;color: #333;border: 1px solid #ccc;}
.login_box .login_select span{position: absolute;top: 8px;left: 13px;color: #bbb;}
.login_box .select_list{margin:0 0 0 45px}
.ovh{overflow: hidden;}
.login_box select{display: block;width:280px;height: 34px;margin: 0 auto 10px;padding: 0 0 0 5px;color: #bbb;line-height: 34px;color: #333;border: 1px solid #ccc;}
.select_list select{float: left;display: inline;width: 145px;margin-right: 10px;}
.ielt8 .select_list .wrong_text{margin: -10px auto;}
.ielt7 .select_list .wrong_text{margin: -10px auto 5px;}
.login_text{width: 280px;margin: 130px auto 17px;color: #333;line-height: 18px;}
.login_text span,.login_text3 span{color: #f25618;}
.login_text3{width: 280px;margin: 10px auto 17px;color: #999;line-height: 18px;}
.login_box .btn_free{display: block;width:300px;height:40px;margin: 0 auto;font-size: 14px;line-height:40px;text-align: center;color: #fff;background: #f25618; border:0px; border-radius:0; cursor:pointer;}
.login_text2{width: 300px;margin: 20px auto 0;color: #999;line-height: 18px;}
.login_text2 span{color: #f25618;}
.login_text2 i{float: left;display: inline;width: 18px;height: 18px;margin-right: 1px;background-position: -348px -41px;}
.login_nav{width: 280px;margin: 15px auto 0;}
.login_nav li{width: 140px;float: left;}
.login_nav li a{display: block;padding: 10px 0;text-align: center;border-bottom: 2px solid #EEEEEE;color: #333;font-size: 18px;}
.vs_box{margin-bottom: 60px;background: #f8f8f8;}
.plot_select{position: relative;z-index: 1;}
.plot_list{display: none;position: absolute;width: 278px;border:1px solid #ccc;margin-top: -1px;*margin-top: -2px;overflow: auto;overflow-x:hidden;z-index: 2;}
.plot_list a{display: block;background-color: #FFF;padding:0 10px;height: 32px;line-height: 32px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #666;}
.plot_list a:hover{background-color: #F8F8F8;color: #333;}
.accept_service{
    margin-left:30px;
    padding-bottom:5px;
}
.safe_login input{vertical-align: text-bottom;  margin-bottom:1px;  width:auto;  display:inline-block; }
.new-modform .accept_service a {
    color: #01af63;
}
.index_xgt_gzxgt table,.index_xgt_gzxgt td,.index_xgt_gzxgt th
{
    border: 1px #cacaca solid;
    text-align: center;
    font-size: 18px;
    color: #282828;
    height: 115px;
}
.index_xgt_gzxgt td.apple{
    background:#fee1d7 url("../canguan/yes.png") no-repeat 40px center;
    padding-left: 80px;
    text-align: left;}
.index_xgt_gzxgt td.yes{
    background: url("../canguan/yes.png") no-repeat 40px center ;
    padding-left: 80px;
    text-align: left;
}
.index_xgt_gzxgt td.no{
    background: url("../canguan/no.png") no-repeat 40px center ;
    padding-left: 80px;
    text-align: left;
}
.index_xgt_gzxgt table { width:100%;}
.index_xgt_gzxgt th.apple{width: 31%;text-align: center}
.index_xgt_gzxgt th {width: 23%; height:90px; background-color: #4fb569;box-shadow: 0 10px 0 0 #52cc71 inset;color: #fff;font-size: 24px}
.index_xgt_gzxgt th.apple{background-color: #f25618;box-shadow: 0 10px 0 0 #c95834 inset;}
.pg-li-btn{display:block;width:440px;height:100%;background:#f25618 url(../canguan/xiazai.jpg) no-repeat center; margin-right: 30px;font-size: 30px;color: #fff;text-align: center;float: left}
.c-problems ul li{float: left;width: 380px;margin-right: 20px}
.yf-apply{position: relative;}
.yf-apply-right{float: left;margin-top:20px;}
.yf-apply-right span{font-size: 14px;color: #999999;padding-right: 85px}
.pg-sqbtn{display:block;background: url("../canguan/yfsq.png") no-repeat center; margin-right: 0;font-size: 30px;color: #fff;text-align: center;padding-top: 188px;float: left}
.pg-sqbtn button{width: 185px;height: 55px;background-color: #f25618;border: none;border-radius: 25px;font-size: 30px;color: #fff}
/*设计与报价内容切换 end*/

/*效果图 begin*/
.picture {  margin: 7px 30px;}
.picture .container{background: #f4f4f4;border-top: 1px solid #f4f4f4;}
.picture .container {  margin: auto;  z-index: 1;  background: #f4f4f4;  border-top: 1px solid #eee;  position: relative;  min-width:700px;  width:100%;}
.right_content {
    position: absolute;
    top: 0;
    right: 0;
    _right:30px;
    width: 380px;
   /* height: 100%;*/
    overflow: hidden;
    background: #fafafa;
    z-index: 0;
}
.new-container{
    border-radius:4px;
    -o-border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/*img_box*/
#bigImg {
    max-width: 100%;
}
.img_div_tag img {
    position: absolute;
    left: 0;
    top: 0;
}
.img_box {
    margin: 10px;
    position: relative;
    cursor: pointer;
}
.img_box .img_div {
    height: 100%;
    text-align: center;
}
.img_box .img_div .img_div_tag {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
}
.img_box .img_div .img_div_tag:hover .btn {
    display: block;
}
.img_box .img_div .img_div_tag:hover .share{
    top:0;
}
.img_box .img_div .img_div_tag:hover .btn_style {
    display: block;
}
.img_box .img_div .btn {
    display: none;
    position: absolute;
    left: 0px;
    _display:block;
    width: 100%;
    z-index: 1;
}
.img_box .img_div .btn.bj {
    left: 50%;
    bottom: -5px;
    margin-left: -144px;
}
.img_box .img_div .btn a {
    float: left;
    display: inline;
    transition: .3s opacity linear;
}
.img_box .img_div .btn .collect {
    width: 145px;
    height: 35px;
    background-position: 0 -115px;
}
.img_box .img_div .btn .design {
    width: 145px;
    height: 35px;
    background-position: 0 -152px;
}
.img_box .img_div .btn .collect:hover {
    background-position: 0 -115px;
}
.img_box .img_div .btn .collect.yet,.img_box .img_div .btn .collect.yet:hover {
    background-position: 0 -115px;;
}
.img_box .img_div .come_from {
    position: absolute;
    left: 0;
    bottom: -24px;
    color: #999;
}
.img_box .img_div .come_from .from_text {
    color: #666;
    text-decoration: underline;
}
.fq_description em,.icn_start {background: url(http://img.to8to.com/to8to_img/global.png) no-repeat;}
.icn_start {background-position: -66px -16px;width: 16px;height: 16px;display: inline-block;top: 5px;position: relative;margin-right: 6px;}
.img_box .img_div .btn a.bg_filter1,.img_box .img_div .btn a.bg_filter2{ display: block;  height: 34px;  line-height: 34px;  color: #fff;  padding: 0 12px;    text-align: left;   background: #000; opacity: .6; filter: alpha(opacity=60); float: right;}
.img_div > .prev{width: 50%;height: 100%;position: absolute;top: 0;left: 0;}
.img_div > .next{width: 50%;height: 100%;position: absolute;top: 0;right: 0;}
.cur-l{cursor: url(http://img.to8to.com/to8to_img/xgt/up_l.cur),auto !important;}
.cur-r{cursor: url(http://img.to8to.com/to8to_img/xgt/up_r.cur),auto !important;}
/*装修报价计算器*/
.zxbj-calc-wrap {
    width: 243px;
    border: 1px solid #e8e8e8;
    border-top: 2px solid #f26f20;
    background-color: #f4f4f4;
}
.zxbj-calc-wrap .top-img img {
    vertical-align: top;
}

.zxbj-calc-wrap .wrap-top,
.zxbj-calc-wrap .tab-nav {
    width: 213px;
    margin: 0 auto;
}
.zxbj-calc-wrap .wrap-top {
    padding-top: 18px;
}
.zxbj-calc-wrap .tab-nav {
    margin-top: 10px;
    border-bottom: 2px solid #e5e5e5;
    /*font-size: 0;*/
    text-align: center;
}
.zxbj-calc-wrap .tab-nav a {
    position: relative;
    bottom: -2px;
    display: inline-block;
    width: 103px;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    color: #333;
}
.zxbj-calc-wrap .tab-nav a.on {
    border-bottom: 2px solid #f26f1f;
    font-weight: bold;
    color: #f26f20;
}

.zxbj-calc-wrap.zxbj-calc-type2 {
    border-top: 2px solid #f25618;
}
/*.zxbj-calc-wrap.zxbj-calc-type2 .wrap-top {
	text-align: center;
}*/
.zxbj-calc-wrap.zxbj-calc-type2 .wrap-top p {
    font-size: 21px;
    color: #f25618;
}
.zxbj-calc-wrap.zxbj-calc-type2 .zxbj-content .element .submit-btn {
    background-color: #f25618;
    font-size: 15px;
    font-weight: bold;
}
.zxbj-calc-wrap .wrap-top p {
    padding-top: 13px;
    font-size: 16px;
    color: #f26f20;
    display: none;
}
.zxbj-calc-wrap .zxbj-content {
    margin-top: 18px;
    padding-bottom: 20px;
    width: 213px;
    margin: 18px auto 0 auto;
    display: none;
}
.zxbj-calc-wrap .zxbj-content .element {
    position: relative;
    margin-top: 18px;
    overflow: hidden;
    width: 100%;
}
.zxbj-calc-wrap .zxbj-content .element.height_auto {
    margin-bottom: -18px;
}
.zxbj-calc-wrap .zxbj-content .element em {
    position: absolute;
    top: 8px;
    left: 8px;
    color: #999;
}
.zxbj-calc-wrap .zxbj-content .element .unit {
    position: absolute;
    right: 8px;
    top: 8px;
    font-style: normal;
}
.zxbj-calc-wrap .zxbj-content .text {
    display: block;
    border: 1px solid #ccc;
    padding: 8px;
    width: 91%;
}
.zxbj-calc-wrap .zxbj .zxbj-content.step1 {
    *margin-top: 0;
}
.zxbj-calc-wrap .zxbj-content .element select {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 8px;
    width: 47%
}
.zxbj-calc-wrap .jcxj .zxbj-content.step1 select {
    display: inline-block;
    width: 52px;
    /*_width: 32px;*/
}
.zxbj-calc-wrap .zxbj-content .element select.province {
    float: left;
}
.zxbj-calc-wrap .zxbj-content .element select.city {
    float: right;
}
.zxbj-calc-wrap .zxbj-content .element label {
    display: inline-block;
    margin-right: 41px;
    *margin-right: 28px;
}
.zxbj-calc-wrap .jcxj .zxbj-content.step1 label {
    margin-right: 22px;
    *margin-right: 11px;
}
.zxbj-calc-wrap .zxbj-content .element label.last,
.zxbj-calc-wrap .jcxj .zxbj-content.step1 label.last {
    margin-right: 0;
}
.zxbj-calc-wrap .zxbj-content .element label input[type="radio"] {
    vertical-align: middle;
    margin-top: -2px;
}
.zxbj-calc-wrap .zxbj-content .element .submit-btn {
    display: block;
    height: 40px;
    width: 100%;
    line-height: 40px;
    border: 0;
    background-color: #f26f20;
    text-align: center;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.zxbj-calc-wrap .zxbj-content .tips {
    position: relative;
    padding-left: 20px;
    _width: 85%;
}
.zxbj-calc-wrap .jcxj .zxbj-content.step3 .tips {
    margin: 63px 0;
}
.zxbj-calc-wrap .zxbj-content .tips i {
    position: absolute;
    left: 0;
    top: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -36px -165px;
}
.zxbj-calc-wrap .zxbj-content .element .submit-btn span {
    margin-right: 8px;
    margin-top: -3px;
    vertical-align: middle;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: -237px -255px;
    _margin-top: 10px;
    _vertical-align: baseline;
}
.zxbj-calc-wrap .zxbj-content.step3 .tips i {
    background-position: -221px -255px;
}
.zxbj-calc-wrap .zxbj-content .text.yzm {
    float: left;
    width: 82px;
}
.zxbj-calc-wrap .zxbj-content .passport {
    float: right;
    width: 100px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #d6e6f5;
    background-color: #ebf5fc;
    text-align: center;
    color: #5489ba;
}
.zxbj-calc-wrap .zxbj-content .price-box {
    margin: 28px 0 46px 0;
    text-align: center;
}
.zxbj-calc-wrap .zxbj-content .price-box span {
    font-size: 18px;
    color: #f26f20;
}
.zxbj-calc-wrap .form_error {
    color: #ff6666;
}
.zxbj-calc-header {
    height: 112px;
    background: url(../canguan/header.png) no-repeat center;
}
.zxbj-calc-header h3 {
    height: 38px;
    line-height: 38px;
    color: #f26f2f;
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}

.calc-header-total em {
    float: right;
    height: 58px;
    padding: 0 10px;
    line-height: 80px;
}
.zxbj-calc-con .element select.province {
    float: left;
}
.zxbj-calc-con .element select.city {
    float: right;
}

.zxbj-calc-con .element b {
    position: absolute;
    top: 1px;
    left: 1px;
    height: 34px;
    padding: 0 10px;
    line-height: 34px;
    color: #999;
    font-weight: normal;
}
.zxbj-calc-con .element .unit {
    position: absolute;
    top: 0;
    right: 8px;
    height: 34px;
    line-height: 34px;
    font-style: normal;
}
.calc-explain {
    line-height: 18px;
    color: #0eaf63;
    font-size: 12px;
}
.zxbj-calc-result {
    width: 218px;
    margin: -8px 16px;
    margin-bottom:20px;
}
.new-num-tab{
    overflow: hidden;
    position: relative;
    top:26px;
}
.new-num-tab .new-calc-header-money{
    font-size: 16px;
    line-height: 66px;
}
.new-calc-header-total .new-tab-num1{
    float: none;
    position: absolute;
    top: 0px;
    right: 45px;
    line-height: 58px;
}
.new-calc-header-total .new-tab-num2{
    float: none;
    position: absolute;
    top: 50px;
    right: 45px;
    line-height: 58px;
}
.new-calc-header-total .new-calc-header-money{
    padding-left: 0;
    color: #333;
}
.new-calc-header-total .new-calc-header-number{
    padding-left: 0;
}
.stochastic-price-p2 .new-tab-num25{
    display: none;
    right: 45px;
}
.stochastic-price-p1 span{
    float: none;
    position: absolute;
    top: 0px;
    right: 45px;
    line-height: 58px;
}
.stochastic-price-p2 span{
    float: none;
    position: absolute;
    top: 50px;
    right: 45px;
    line-height: 58px;
}
.calc-header-total span {
    float: right;
    padding-left: 12px;
    line-height: 70px;
    font-weight: bold;
    color: #f26f2f;
    font-size: 30px;
}
.right_content{background: #206891;}
.img_content{border: 1px solid #f4f4f4;}
.img_list .marquee .album .album_con{margin:0;}
.img_list .marquee .album .album_con{width:auto;overflow: initial;}
.img_list .marquee .album .album_list{position: initial;}
.win-box-content .share-l{width: 20px;height: 10px;display: inline-block;background-position: 0px -295px;margin: 0px 4px 0px 4px;}
.win-box-content .share-r{width: 20px;height: 10px;display: inline-block;background-position: 0px -281px;margin: 0px 4px 0px 4px;}
.img_list .marquee .album_btn_style span{opacity:initial; filter:initial;}
.img_list .marquee .album_btn_style:hover span{opacity:initial; filter:initial;}
/*效果图详细页停留弹窗样式*/
.xgt-remind-pop {position: absolute;top: -15px;right: -15px;width: 412px;height: 241px;background: url("http://img.to8to.com/to8to_img/xgt/xgt_pop.png") no-repeat;z-index: 10;}
.xgt-remind-con {width: 180px;padding-top: 100px;padding-left: 125px;}
.xgt-remind-con h3 {height: 36px;padding-left: 20px;line-height: 36px;font-size: 20px;color: #f36713;font-weight: normal;}
.xgt-remind-con p {height: 24px;padding-left: 20px;line-height: 24px;font-size: 16px;color: #666;}
.xgt-remind-con a {display: block;width: 180px;height: 60px;background: url("http://img.to8to.com/to8to_img/xgt/xgt_remind_kown.png") no-repeat center;color: transparent;}
/*效果图装修风格预算弹框*/
.style-budget-box .style-budget-title{font-size: 28px;text-align: center;font-weight: 100;color: #333;position: relative;top: -15px;}
.itemlist .style-budget{cursor: pointer;position: relative;}
.itemlist .style-pointer{cursor: pointer;left: 23px;width: 27px;top: 265px;}
.style-budget-list{text-align: center;margin-top: 8px;height: 38px;line-height: 36px;font-size: 14px;position: relative;color: #666;margin-bottom: 15px;}
.style-budget-select{width: 283px;height: 38px;padding-left: 6px;font-size: 14px;color: #666;border: 1px solid #dddddd;vertical-align: middle;padding-bottom: 8px\0;*padding-left: 0px;*padding-top: 9px;*padding-bottom: 9px;*position: relative;*top: 8px;}
.style-budget-input{width: 281px;padding: 9px 9px 9px;border: 1px solid #dddddd;vertical-align: middle;}
.style-budget-font{position: absolute;left: 146px;*left: 144px;top: 0px;color: #999;}
.style-budget-sup{position: absolute;right: 75px;color: #333;}
.style-budget-buttom{width: 120px;height: 36px;background-color: #ff6000;display: block;margin: 0 auto;color: white;cursor: pointer;}
.style-budget-footer{font-size: 12px;color: #999;margin-top: 25px;margin-bottom: 13px;}
.style-budget-list .style-budget-em{width: 20px;height: 20px;display: inline-block;background-position: -2px -312px;vertical-align: middle;}
.style-result-titlenum{font-size: 36px;color: #ff6666;margin: 0 25px 0;}
.style-result-unit{font-size: 18px;}
.style-result-table{width: 360px;margin: 0 auto;border: 1px solid #ddd;font-size: 14px;}
.style-result-tr td{border-bottom: 1px solid #ddd;}
.style-result-td{width: 120px;text-align: center;padding: 12px 0 12px;border-right: 1px solid #dddddd;}
.style-result-td p{width: 80%;margin: 0 auto;text-align: right;}
.style-result-tabnum{margin-left: 20px;margin-right: 10px;}
.style-result-footer{width: 370px;margin: 0 auto;color: #48b78f;margin-top: 18px;margin-bottom: 35px;}
.style-result-footer li{padding-left: 10px;position: relative;}
.style-result-footer li:before{content: '*';position: absolute;left: 2px;}
.form_error{position: absolute;left: 135px;top: 28px;color: #ff6666;}
.form_error .ico_error{width: 13px;height: 13px;background: url(http://img.to8to.com/to8to_img/global.png?v=20160512) no-repeat;background-position: -51px -165px;margin-right: 5px;vertical-align: middle;}

/*shoplist*/
.itemlist{position:absolute;bottom:0;right: -65px;z-index:101;width:44px;padding:10px 10px 0;background-color:#fff;}
.itemlist_tit{position:relative;padding:4px;border:1px solid #dcdcdc;font-weight: normal;line-height: 16px;font-size:14px;background-color:#fff;}
.itemlist_tit .itemlist_ico{display: block;position:absolute;bottom: -8px;left: 34%;width:16px;height:8px;background:url(http://img.to8to.com/to8to_img/xgt/itemlist_ico_bot.png) no-repeat 0 0;}
.itemlist_box li{position:relative;width:44px;height: 44px;margin-top: 5px;border:1px solid #eaeaea;}
.itemlist_box li .shop_bot{display: none;position:absolute;bottom:0;right: -200px;background-color: #fff;width: 180px;height: 210px;padding: 4px;border: 1px solid #eaeaea;}
.shop_bot a{color:#333;}
.shop_bot h3{width:100%;height:30px;line-height:30px;font-weight:normal;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;}
.img_div_tag .shop_bot img{position:static;}
.itemlist_box .on .shop_bot{display:block;}
.itemlist_a{bottom:10px;right:10px;padding-bottom:10px;background-color:#000;background-color:rgba(0,0,0,.6);filter:Alpha(opacity=80);*zoom:1;}

/*img_list*/
.img_list {
    margin: 1000px 68px 0;
}
.img_list .marquee {
    font-size: 12px;
    top: 0;
    cursor: default;
    position: relative;
    margin: 0;
    zoom: 1;
}
.img_list .marquee .arrow_style {
    position: absolute;
    top: 14px;
    width: 20px;
    height: 80px;
    cursor: pointer;
    opacity: .8;
    filter: alpha(opacity=80);
}
.img_list .marquee .arrow_style span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -9px 0 0 -7px;
    width: 14px;
    height: 18px;
}
.img_list .marquee .arrow_style:hover {
    background: #fafafa;
    opacity: 1;
    filter: alpha(opacity=100);
}
.img_list .marquee .left_arrow {
    left: 0;
}
.img_list .marquee .left_arrow span {
    background-position: -50px -105px;
}
.img_list .marquee .right_arrow {
    right: 0;
}
.img_list .marquee .right_arrow span {
    background-position: -49px -82px;
}
.img_list .marquee .left_arrow.not span,
.img_list .marquee .right_arrow.not span {
    opacity: .5;
    filter: alpha(opacity=50);
}
.img_list .marquee .marquee_con {
    position: relative;
    height: 70px;
    padding: 5px 0px;
    border-left:10px solid #505050;
    border-right:10px solid #505050;
    overflow: hidden;
}
.img_list .marquee .list {
    position: absolute;
    left: 0;
}
.img_list .marquee .thumb {
    width: 70px;
    height: 70px;
    float: left;
    cursor: pointer;
    position: relative;
}
.img_list .marquee .thumb_con {
    overflow: hidden;
    position: absolute;
    height: 60px;
    width: 60px;
    background: #fff;
    border: 5px solid #f4f4f4;
    cursor: pointer;
}
.img_list .marquee img{
    width:60px;
    height: 60px;
}
.img_list .marquee a.thumb_con:hover{
    border: 2px solid #fff;
    margin: 3px;

}
.img_list .marquee .on_cur .thumb_con {
    border: 2px solid #fff;
    margin: 3px;
}
.img_list .marquee .thumb_info,
.img_list .marquee .album_info {
    display: none;
}
.img_list .marquee .img_set .thumb_info,
.img_list .marquee .album_thumb .album_info {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 5px;
    height: 12px;
    width: 35px;
    text-align: center;
    font-size:11px;
    line-height: 13px;
    color: #fff;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}
.img_list .marquee .album {
    display: none;
    position: relative;
    width: auto;
    height: 70px;
    background: #505050;
    zoom: 1;
}
.img_list .marquee .album .album_con {
    width: 280px;
    position: relative;
    overflow: hidden;
    margin: 0 70px;
    float: none;
    height: 70px;
}
.img_list .marquee .album .album_list {
    position: absolute;
    width: 1000px;
}
.img_list .marquee .album .album_thumb {
    width: 70px;
    height: 70px;
    cursor: pointer;
    position: relative;
    float: left;
}
.img_list .marquee .album .album_thumb a {
    overflow: hidden;
    position: absolute;
    height: 60px;
    width: 60px;
    border:5px solid #505050;
}
.img_list .marquee .album .album_thumb.select a {
    border: 2px solid #fff;
    margin: 3px;
}
.img_list .marquee .album .album_thumb a:hover{
    border: 2px solid #fff;
    margin: 3px;
}
.img_list .marquee .album .album_btn_style {
    position: absolute;
    top: 0;
    width: 50px;
    height: 58px;
    cursor: pointer;
}
.img_list .marquee  .album_btn_style span {
    display: block;
    position: absolute;
    width: 50px;
    height: 70px;
    opacity: .5;
    filter: alpha(opacity=50);
}
.img_list .marquee .album_btn_style:hover span {
    opacity: .8;
    filter: alpha(opacity=80);
}
.img_list .marquee .album .album_prev {
    left: 4px;
}
.img_list .marquee .album_btn_style
{
    display: block;
    position: absolute;
    width: 50px;
    height: 70px;
    background: #505050;
}
.img_list .marquee #right_Arrow {
    right: 0;
}
.img_list .marquee #left_Arrow {
    left: 0;
}
.img_list .marquee  .album_prev span {
    background-position: -152px 8px;
}
.img_list .marquee .album .album_next {
    right: 4px;
}
.img_list .marquee .album_next span {
    background-position: -202px 8px;
}
.img_list .marquee .album .not {
    opacity: .2;
    filter: alpha(opacity=20);
}
.img_list .marquee .img_set.on_cur {
    width: auto;
    _width: 70px;
}
.img_list .marquee .img_set.on_cur .thumb_con {
    display: none;
    _display: block;
}
.img_list .marquee .img_set.on_cur .thumb_info {
    display: none;
}
.img_list .marquee .img_set.on_cur .album {
    display: block;
}
.img_content.init .btn_style{
    display:none;
}
.img_content.init .img_list{
    margin:5px 0px 0px;
    background: #f4f4f4;
    position: relative;
}
.img_content .top_bar {
    height: 44px;
    overflow: hidden;
}
/*.img_list.close_thumb .list_sw {
  background-position: 0 -59px;
}*/
.img_list.close_thumb .marquee {
    visibility: hidden;
}
/******************************************
 *m by fidermo.hu 汪涵头像动画 2016/10/26
 ******************************************/
@keyframes shakeHeader{
    25%{
        transform-origin: center bottom 0;
        transform: rotate(3deg);
    }
    75%{
        transform-origin: center bottom 0;
        transform: rotate(-3deg);
    }
    100%{
        transform-origin: center bottom 0;
        transform: rotate(0deg);
    }
}
@-webkit-keyframes shakeHeader{
    25%{
        -webkit-transform-origin: center bottom 0;
        -webkit-transform: rotate(3deg);
    }
    75%{
        -webkit-transform-origin: center bottom 0;
        -webkit-transform: rotate(-3deg);
    }
    100%{
        -webkit-transform-origin: center bottom 0;
        -webkit-transform: rotate(0deg);
    }
}
@-o-keyframes shakeHeader{
    25%{
        -o-transform-origin: center bottom 0;
        -o-transform: rotate(3deg);
    }
    75%{
        -o-transform-origin: center bottom 0;
        -o-transform: rotate(-3deg);
    }
    100%{
        -o-transform-origin: center bottom 0;
        -o-transform: rotate(0deg);
    }
}
@-moz-keyframes shakeHeader{
    25%{
        -moz-transform-origin: center bottom 0;
        -moz-transform: rotate(3deg);
    }
    75%{
        -moz-transform-origin: center bottom 0;
        -moz-transform: rotate(-3deg);
    }
    100%{
        -moz-transform-origin: center bottom 0;
        -moz-transform: rotate(0deg);
    }
}
@-ms-keyframes shakeHeader{
    25%{
        -ms-transform-origin: center bottom 0;
        -ms-transform: rotate(3deg);
    }
    75%{
        -ms-transform-origin: center bottom 0;
        -ms-transform: rotate(-3deg);
    }
    100%{
        -ms-transform-origin: center bottom 0;
        -ms-transform: rotate(0deg);
    }
}
.shake-header{
    animation-name:shakeHeader;
    animation-duration:0.3s;
    animation-iteration-count:2;
    animation-delay:3s;
    -webkit-animation-name:shakeHeader;
    -webkit-animation-duration:0.3s;
    -webkit-animation-iteration-count:2;
    -webkit-animation-delay:3s;
    -ms-animation-name:shakeHeader;
    -ms-animation-duration:0.3s;
    -ms-animation-iteration-count:2;
    -ms-animation-delay:3s;
    -o-animation-name:shakeHeader;
    -o-animation-duration:0.3s;
    -o-animation-iteration-count:2;
    -o-animation-delay:3s;
    -moz-animation-name:shakeHeader;
    -moz-animation-duration:0.3s;
    -moz-animation-iteration-count:2;
    -moz-animation-delay:3s;
}

/*右侧*/
.right_part .right_title {
    display: block;
    color: #333;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    font-weight: normal;
}
.right_part .right_title_20 {
    display: block;
    color: #f25619;
    font-family: 'Microsoft YaHei';
    font-size: 20px;
    font-weight: normal;
}
.right_part .user_pic {
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 2px;
}
.right_part .user_info {
    margin: -34px 0 0 60px;
}
.right_part .user_info p {
    color: #999999;
}
.right_part .user_info p a:hover{
    color:#01a469;
}
.right_part .err_msg {
    display: none;
    overflow: hidden;
    clear: both;
    _height:16px;
    padding: 6px 0 0 36px;
}
.right_part .err_msg .err_ico {
    margin: 2px 5px 0 0;
    float: left;
    width: 14px;
    height: 14px;
    background-position: -165px -139px;

}
.right_part .err_msg span {
    float: left;
    color: #f77f80;
}
.right_part .apply_form {
    padding: 15px ;
    background: #fff;
    border: 1px solid #ddd;
    border-top:3px solid #f25717;
}
.right_part .apply_form .row {
    margin-top: 10px;
    padding: 5px;
    _height: 25px;
    overflow:hidden;
    _overflow: visible;
}
.right_part .apply_form .area{
    margin-top: 10px;
    overflow: hidden;
    _height:40px;
    _overflow:visible;
    position: relative;

}
.right_part .apply_form .row label {
    display: inline-block;
    float: left;
    height: 25px;
    width: 25px;
    background-position:-9px -3px;
}
.apply_form .row label.phone{
    background-position: -9px -32px;
}
.right_part .apply_form .row .input_text {
    float: left;
    padding: 1px 5px;
    width: 127px;
    color: #ccc;
    border: 0px solid #f8f8f8;
    height: 21px;
    line-height: 21px;
    background: #f8f8f8;
    font-family: "Microsoft Yahei";
}
.right_part .apply_form .apply_btn {
    width: 100%;
    *width:214px;
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    border: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-family: '宋体';
    background-position:0px -68px;
}

.right_part .apply_form .area .apply_btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.right_part .hot_search {
    padding: 15px;
    margin-top: 22px;
    _height:71px;
    _overflow:visible;
    border-bottom: 1px solid #eaeaea;
}
.right_part .nomargin{
    margin: 0px;
}
.right_part .hot_search .hot_tag {
    margin-left: -3px;
    padding-top: 5px;
    overflow: hidden;
}
.right_part .hot_search .hot_tag a {
    display: inline;
    float: left;
    color: #999;
    margin: 5px;
    padding: 10px;
    font-family: 'Microsoft YaHei';
    border: 1px #f4f4f4 solid;
    white-space: nowrap;

}
.right_part .hot_search .hot_tag a:hover {
    background: #e8e8e8;
    text-decoration:none;
}
.right_part .you_like {
    background: #fff;
    padding:15px;
    border-bottom: 1px solid #eaeaea;
}
.right_part .you_like .like_list {
    margin-left: -3px;
    _margin-left: 0;
    padding-top: 5px;
    width: 225px;
    overflow: hidden;
}
.right_part .you_like .like_list a {
    float: left;
    width: 68px;
    height: 68px;
    border: 3px solid #fafafa;
    overflow: hidden;
    position: relative;
    _display:block;
}
.right_part .you_like .like_list a span{
    width: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 11px;
    height: 13px;
    line-height: 13px;
    color: #fff;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}
.right_part .you_like .like_list a:hover {
    border: 3px solid #01a469;
}
.right_part .every_look {
    overflow: hidden;
    padding:  15px 15px 0px;
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}
.right_part .look_list {
    padding: 10px 0;
    overflow: hidden;
}
.right_part .look_list li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    color: #999999;
    overflow: hidden;
}
.right_part .look_list li .this_title {
    padding-left: 10px;
    float: left;
    width: 185px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'Microsoft Yahei';
    text-overflow: ellipsis;
}
.right_part .look_list li .this_title:hover {
    text-decoration: none;

    color:#f25618;
}
.right_part .look_list li .cur_num {
    float: left;
    width: 18px;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    text-align: center;
}
.right_part .look_list li .pic_num {
    float: right;
    font-family: \5B8B\4F53;
}
.right_part .look_list li.active .intro {
    display: none;
}

.custom_scroll {
    position: absolute;
    top: 0;
    right: -25px;
    _right:0;
    width: 5px;
    height: 100%;
    background: #fff;
    border-radius: 5px;
}
.custom_scroll_bar {
    position: absolute;
    left: 0;
    cursor: pointer;
    width: 100%;
    background: #666;
    border-radius: 5px;
    opacity: .6;
    filter: alpha(opacity=60);
    -webkit-transition: .3s opacity linear;
    -moz-transition: .3s opacity linear;
    transition: .3s opacity linear;
}
.custom_scroll_bar:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}
/*效果图 end*/
/*头部 begin*/
.home{background-position: -258px -7px}
.case{background-position: -300px -7px}
.model{background-position: -340px -7px}
.team{background-position: -379px -7px}
.quality{background-position: -415px -7px}
.finish{background-position: -5px -47px}
.activity{background-position:-45px -47px }
.regards{background-position:-88px -49px }
.home,.case,.model,.team,.quality,.finish,.activity,.regards,.ixm,.imj,.isj{ width: 28px;
    height: 28px;
    position: absolute;
    margin-left: -26px;}
.ixm{top: 7px;left: 35px;background-position: -185px -49px;}
.imj{top: 7px;left: 35px;background-position: -155px -49px;}
.isj{top: 7px;left: 35px;background-position: -122px -49px;}
/*头部 end*/
/*报价 begin*/
@media (min-width: 1200px) {
    .layer_free{width:900px;height: 160px; background-color: #fff; margin: 20px auto;position: relative}
    .layer_free_l{width: 300px;height: 160px;float: left; padding-left: 25px; box-sizing:initial;position: relative}
}
.layer_free{width:1200px;height: 160px; background-color: #fff; margin: 20px auto;position: relative}
.layer_free_l{width: 340px;height: 160px;float: left; padding-left: 25px; box-sizing:initial;position: relative}

.laye_left_l{position: absolute;left: 0; width: 40px;height: 100%;display: inline-block;float: left; z-index: 99999;}
.laye_left_l_bot,.laye_left_l_top{width: 321px; height: 150px; border-left: 3px solid #ff5f2e; text-align: center; box-sizing: border-box;padding-top: 50px; cursor: pointer; color: #fff; background-color: #ff5f2e;}
.laye_left_l_top{}
.laye_left_l_bot{}
.laye_left_r{display: inline-block; vertical-align:middle;width:100%}
.laye_left_r>.theheight{width:32%  }
.laye_left_r>.theheight span{color:#fff }
.laye_left_r h3{font-size: 22px; text-align: center;color: #fff;line-height: 64px }
.two_free_r h3{width: 90px;color: #f25618;font-size: 16px;text-align: left;border-bottom: 2px #939393 solid;line-height: 40px;margin-bottom: 15px;}
.laye_left_r p{font-size:12px;color: #373737;text-align: center; margin: 0 0 15px 0;}
.laye_left_r p i{font-style: normal;color: #ff5f2e;margin: 0 3px;}
.from_free{ margin-bottom: 12px;width:48%;display: inline-block; position:relative;text-align: center;font-size: 14px;color: #fff;}
.from_free:last-child{margin-bottom:0 ; border-right: none}
.theheight label,select,input{height: 30px;line-height: 30px;}
.from_free label{width: 75px;text-align: left;display: inline-block; color: #1b1b1b;}
.from_free select{-webkit-appearance: none; background: url(../canguan/jisuan.png) no-repeat scroll 97% 50%;}
.from_free input,.from_free select{width:100%; height:38px;border: 1px solid #c9c9c9; padding-left: 5px; box-sizing: border-box;font-size: 12px; color: #929292;text-indent: 32px}
.from_free input:focus{
    border-style:solid;
    border-color:#f38c6c;
    outline:none;
}
.width_select{}
.three_label label{vertical-align: top;}
.the_one{width: 57px !important; margin-bottom: 10px;}
.the_two{width: 87.5px !important;}
.layer_free_r{width: 375px;height: 100%;float: left; box-sizing: border-box; padding-left: 25px;}
.really_go{ font-size:20px; color: #1b1b1b;font-weight: bold; text-align: center; margin: 55px 0 20px 0;}
.really_go em{color: #ff5f2e;font-size: 22px;font-weight: normal;font-style: normal; margin: 0 10px 0 10px;}
.really_go span{font-size: 12px; color: #888888;font-weight: normal;}
.free_r_con{width: 258px;height: 208px; border: 2px solid #eaeaea; margin: 0 auto; text-align: center;padding-top: 15px; box-sizing: border-box;}
.free_r_con p{ color: #1b1b1b;font-size: 17px;}
.free_r_con p em{ font-style:normal; color: #ff5f2e; margin: 0 30px 0 25px;}
.free_r_con p span{font-size: 14px; color: #1b1b1b;}
.posi_scla{position:absolute;left: 100%;top: 25%;width: 108px;height: 108px;}
.posi_scla a{font-size: 12px; color: #fff;display: inline-block;width: 100%;height:100%; border-radius: 50%;text-align: center;}
.img_close{position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;display: block;}
/*滚动*/
.fw_news{width: 30%;position: absolute;bottom: 10px;right: 1.5%;border: 2px #b8b8b8 solid;font-size: 16px;}
.fw_new{width: 500px;}
#FontScroll{width:100%;height:180px;overflow:Hidden;}
#FontScroll .line{width:98%;}
#FontScroll li{width:100%;line-height:40px;height:40px;font-size:14px;margin-top: 6px;margin-left:-40px;}
#FontScroll li span{width:25%;text-align:center;display:block;float:left;color: #666666;padding-right: 0px}
#main_gdkh{top: 0;left: -5%; height:80px;width:300px;float: left}
#main_gdkh div{height:32px;line-height:32px;width:100%;text-align:center;font-size:14px;color:#4D4D4D}

.quote{background-position: -129px -47px}
.activity{background-position:-45px -47px }
.regards{background-position:-87px -47px }
.quote{ width: 51px;
    height: 52px;
    position: absolute;
    top: 20px;
    margin-left: -25px;}
/*报价 end*/
/* 专属 */
.index_zxlc:after {
    clear: both;
    content: "";
    display: table;
}
.index_zxlc .index_module_header {
    position: relative;
}
.index_zxlc .index_module_header_link {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #333;
}
.index_zxlc_link {
    width: 100px;
    height: 26px;
    background-position: -163px -32px;
}
.index_zxlc_list {
    width: 1200px;
    margin: 20px 0;
}
.index_zxlc_list li {
    float: left;
    width: 24%;
    height: auto;
    text-align: center;
    margin:0 0.5%;
    font-size: 14px;
    position: relative;
}
.index_zxlc_list li:last-child{margin-right:0}
.index_zxlc_list li a {
    display: block;
    width: 100%;
    height: 234px;
    padding-top: 10px;
    /*border: 1px solid #eee;*/
    background-color: #879187;
    transition: background-color 0.1s, color 0.1s;
    -webkit-transition: background-color 0.1s, color 0.1s;
    -moz-transition: background-color 0.1s, color 0.1s;
    -o-transition: background-color 0.1s, color 0.1s;
}
.index_zxlc_list li a:hover{
    color: #fff;
    background-color: #f25618;
}
.index_zxlc_list li a:hover p{
    color: #f25618;
}
.index_zxlc_list li a p span{padding-bottom: 5px;line-height: 20px;color: #282828;font-size: 24px}
.index_zxlc_list li a:hover p span{
    padding-bottom:5px;
 
}
.index_zxlc_list li a>div{
    display: inline-block;
    width: 100%;
    height: 180px;
    background-color: #FFFFFF;
    padding-top: 12px;
    position:relative;
    text-align: center;
    font-size: 14px;
    color: #282828;
}
.inspection{font-size: 24px;color:#666;/*line-height: 20px;*/padding-bottom: 7px}
.index_zxlc_list li i {
    width: 83px;
    height: 83px;
}
.index_zxlc_ico1 {
    background-position: -6px -80px;
}
.index_zxlc_ico2 {
    background-position: -94px -80px;
}
.index_zxlc_ico3 {
    background-position: -185px -80px;
}
.index_zxlc_ico4 {
    background-position: -272px -80px;
}
.index_zxlc_list li a:hover .index_zxlc_ico1 {
    background-position: -6px -165px;
}
.index_zxlc_list li a:hover .index_zxlc_ico2 {
    background-position: -94px -165px;
}
.index_zxlc_list li a:hover .index_zxlc_ico3 {
    background-position: -185px -165px;
}
.index_zxlc_list li a:hover .index_zxlc_ico4 {
    background-position: -272px -165px;
}
.index_zxlc_list li span div {width: 50px;height: 44px;background-color: #7a837a;position: absolute;right: 0;bottom: 0}
.index_zxlc_list li a:hover span div{
    background-color: #f25618;
}
.index_zxlc_list li span{line-height: 44px;color: #fff;font-size: 16px}
/*end*/
/* 效果图模块 */
.col_r{float: right;*display: inline;}
.index_module_header a{/*margin-right: 40px;*//*line-height: 36px;*/  color: #333;}
.index_module_header a:hover{ color: #f25618;}
.index_banner .banner_slider li {  width: 358px;  height: 399px;  overflow: hidden;  position: absolute;}
.index_zxxgt:after{clear:both; content: ""; display: table;}
.index_module_header{height:34px;}
.index_module_header span{/*float:left; height:34px; font-size: 32px; color: #333; font-weight: bold; line-height: 34px*/}
.index_module_header span a{color: #333}
.index_module_header span a:hover{ color: #333}
.index_module_header em{float:left; color: #929292; height:14px; margin:18px 0 0 10px; display: inline;font-style:normal;font-size: 14px}
.index_module_header em b{font-weight: 400;}

/*装修课堂*/
.index_course {
    width: 1210px;
    margin: 0 auto;
    overflow: hidden;
}

.index_course .title {
    width: 100%;
    height: 60px;
}

.index_course .title p {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #999999;
}

.main h2, .index_course h2, .index_flowpath h2, .index_module_header h2 {
    margin: 30px 0;
    height: 30px;
    line-height: 30px;
    font-size: 22px;
    color: #282828;
    font-weight: bolder;
    text-align: left
}

.index_module_header h2 span, .index_course h2 span {
    padding-left: 15px;
    font-size: 13px;
    color: #929292
}

.index_course .left {
    float: left;
    width: 853px;
    height: 270px;
    overflow: hidden;
}

.index_course .left .left_nav {
    float: left;
    display: inline;
    width: 250px;
}

.index_course .left .left_nav li {
    float: left;
    height: 274px;
    width: 100%; /*background-color:#0068b7;*/
}

.index_course .left .left_nav li:last-child {
    margin-top: 20px;
}

.index_course .left .left_nav li a p {
    color: #fff;
    text-align: center;
    width: 100%;
    padding-top: 10px;
    font-size: 22px;
}

.index_course .left .left_nav img {
    margin: 26px auto 0 0;
}

.index_course .left .left_nav li.active {
    background: #f25618;
    width:250px;
    height: 270px;
}

.index_course .left .right_nav {
    float: left;
    display: inline;
}

.left_1 .img {
    width: 179px;
    height: 168px;
}

.index_course .left dl {
    float: left;
    width: 100%;
    height: 168px;
}

.index_course .left dl dt {
    float: left;
    width: 176px;
    height: 168px;
}

.index_course .left dl dd {
    position: relative;
    float: left; /*width:290px;height:168px;*/
}

.index_course .left dl dd:first-child {
    margin-right: 19px;
}

.index_course .left dl dd p {
    line-height: 30px;
    color: #929292;
    text-align: left;
    font-size: 13px;
    float: left
}

.index_course .left .box {
    float: left;
    margin-top: 20px;
}

.index_course .left .box h4 {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-indent: 25px;
    color: #333333;
    font-size: 16px;
    font-weight: normal;
}

.index_course .left .box img {
    float: left;
    width: 106px;
    height: 108px;
    margin-left: 25px;
}

.index_course .left .box ul {
    float: left;
    width: 486px;
}

.index_course .left .box ul li {
    float: left;
    width: 530px;
    height: 70px;
    padding-left: 10px;
    margin-bottom: 30px;
    text-align: left
}

.index_course .left .box ul li a {
    float: left;
    width: 100%;
    height: 70px;
}

.index_course .left .box ul li a:hover p {
    color: #FF4900 !important;
    text-decoration: none;
}

.index_course .left .box ul li a span {
    float: left;
    width: 378px;
    overflow: hidden;
    color: #879187;
    font-size: 12px;
}

.index_course .left .box ul li a span:first-child {
    float: left;
    width: 80px;
    overflow: hidden;
    color: #666666;
    font-size: 12px;
    border-right: 2px #879187 solid;
    margin-right: 10px
}

.index_course .left .box ul li:last-child {
    margin-bottom: 0;
}

.index_course .left .box ul li a span em {
    display: inline-block;
    background-color: #666;
    width: 68px;
    height: 18px;
    line-height: 20px;
    color: #fff;
    font-style: normal;
    text-align: center
}

.index_course .left .box ul li a p {
    font-size: 16px;
    font-weight: bold;
    /*line-height: 30px*/
}

.index_course .right {
    text-align: left;
    /*padding-left: 20px;*/
    overflow: hidden;
}

.index_course .right span {
    font-size: 12px;
    color: #666666
}

.index_course .right p {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 34px
}

.index_course .right a {
    text-align: left;
    font-size: 16px;
    transition: all 0.5s ease;
    display: inline-block;
}

.index_course .right ul li a:hover p {
    color: #FF4900 !important;
    text-decoration: none;
}

/*最新活动*/
.clock{background-position: -214px -40px}
.eye{background-position: -250px -40px}
.clock,{  width: 28px;
    height: 28px;
    position: absolute;
    top: 182px;
    left: 25px;
    margin-left: -25px;}
.right_nav a:hover p{color:#FF4900 !important;text-decoration:none;}
/*倒计时*/

#note{
    color: #666666;
    font-size: 10px;
    margin: 0 auto;
    padding: 4px;
    text-align: center;
 /*   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);*/
    width: 400px;
}

.countdownHolder{
    margin:0 auto;
    font: 22px/1 'Open Sans Condensed',sans-serif;
    letter-spacing:-3px;
    float: right;
    padding-right: 30px;
}

.position{
    display: inline-block;
    height: 1em;
    overflow: hidden;
    position: relative;
    width: .9em;
}
.digit{
    position:absolute;
    display:block;
    width: .8em;
    background-color:#b4b4bd;
   /* border:1px #767783 solid;*/
    border-radius:0.1em;
    text-align:center;
    color:#fff;
    letter-spacing:-1px;
}

.digit.static{
    box-shadow:1px 1px 1px #b4b4bd;
    background-image: linear-gradient(bottom, #b4b4bd 50%, #b4b4bd 50%);
    background-image: -o-linear-gradient(bottom, #b4b4bd 50%, #b4b4bd 50%);
    background-image: -moz-linear-gradient(bottom, #b4b4bd 50%, #b4b4bd 50%);
    background-image: -webkit-linear-gradient(bottom, #b4b4bd 50%, #b4b4bd 50%);
    background-image: -ms-linear-gradient(bottom, #b4b4bd 50%, #b4b4bd 50%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.5, #b4b4bd)
    );
}
.countDiv{
    display:inline-block;
    width:16px;
    height: 1.3em;
    position:relative;
}
.countDiv:before,
.countDiv:after{
    position:absolute;
    width:5px;
    height:5px;
    background-color:#b4b4bd;
    border-radius:50%;
    left:50%;
    margin-left:-3px;
    top:0.5em;
    box-shadow:1px 1px 1px #b4b4bd;
    content:'';
}
.countDiv:after{
    top:0.9em;
}
/*服务流程*/
.service1{
    width: 155px;
    background-color:#fff;
    float: left;
    margin-right: 20px;
    position: relative;
    padding: 20px;
}
.service1 span{
    font-size: 60px;
    color: #a5a5a5;
}
.service_hidden{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 155px;
    height: 0px;
    background-color: #e6002d;
    color: white;
    opacity:0.85;
    overflow: hidden;
}
.service_hidden p{
    color:#fff;
}
.service-box {
    width: 1225px;
}
.service-box   .service_hiddenp{
    width: 90px;
    font-size: 14px;
    color:#fff;
}
.service1 .service-img1{
    margin:30px 0px 0px 30px;
}
.service .service-right{
    width: 155px;
    background-color:#f0f0f0;
    float: right;
    margin-right: 0px;
}
.service-box p{
    font-size: 18px;
    margin:20px 0;
}
.add-text-info{font-size: 14px;display: block;padding: 10px 10px;color: #999999;float: left;}
.add-left{float: left;}
.service1 i{width: 75px;height: 65px}
.index_zxlc_ico5{background-position:-365px -85px}
.index_zxlc_ico6{background-position:-365px -170px}
.index_zxlc_ico7{background-position:-0px -253px}
.index_zxlc_ico8{background-position:-84px -256px}
.index_zxlc_ico9{background-position:-199px -255px}
.index_zxlc_ico10{background-position:-290px -255px}
.index_zxlc_ico11{background-position:-366px -253px}

/*精品案例*/
.effect{ overflow:hidden;}
.effect .effect_focus{ float:left; /*width:424px; height:470px;*/}
.effect_con{height:540px;position: relative;overflow:hidden;width:590px;}
.effect_con .btns,.banner_pro .bBtn{position:absolute;top:230px;width:35px;height:35px;display:block; background:#494440; z-index:5; color:#fff; border-radius:35px; text-align:center; line-height:36px; font-size:26px;  opacity:0.5; filter:alpha(opacity=50);}
.effect_con .btn:hover,.banner_pro .bBtnr:hover{ background:#f6456b; color:#fff; text-decoration:none;}
.effect_con .btnPre,.banner_pro .bPre{left:10px;}
.effect_con .btnNext,.banner_pro .bNext{right:10px;}
.effect_con .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.effect_con .banner_wrap li{width:590px; height:540px; position:relative; float: left;}
.slides img{width:590px; height:440px;}
.slides i{ color:#fff;text-decoration: none;font-style: normal;
    line-height: 32px;
    display:block; position:absolute; right:20px; top:20px;; width:62px; height:32px;background:#474747; z-index:5; opacity:0.8; filter:alpha(opacity=80);border-radius: 5px}
.slides em{ display:block;  position:absolute;  right: 20px;; top: 3px; width:62px; height:32px; font-style:normal; font-size:14px; line-height:32px; color:#fff; text-align:center; z-index:6;border-radius: 5px}
.effect .effect_focus .indexBanner_num{width:1000px;margin: 0 auto;text-align: center; display:none}
.effect .effect_focus .indexBanner_num a{height: 8px;display: inline-block;_zoom:1;margin:0 1px;}
.effect .effect_focus .indexBanner_num a.on,.indexBanner_num a:hover{}
.effect .effect_list{ float:right; /*margin-top:10px;*/ width:600px;overflow:hidden; /*height:474px;*/}
.effect .effect_list ul{ /*width:736px;*/ overflow:hidden;/* height:474px;*/}
.effect .effect_list ul li{  margin:0 0 12px 10px;position:relative; overflow:hidden;border-bottom:none;width:287px;float: left}
.effect .effect_list ul li a{ display:block;/*width:230px; height:150px; */overflow:hidden}
.effect .effect_list ul li img{width:285px; height:212px; transition:all 0.3s;-webkit-transition:all 0.3s; -moz-transition:all 0.3s;-o-transition:all 0.3s;}
.effect .effect_list ul li img:hover{ /*transform:rotate(10deg) scale(1.2,1.2); -webkit-transform:rotate(10deg) scale(1.2,1.2); -moz-transform:rotate(10deg) scale(1.2,1.2); -o-transform:rotate(10deg) scale(1.2,1.2);*/}
.effect .effect_list ul li i{ display:block; position:absolute; right:20px; top:20px;; width:62px; height:32px;background:#474747; z-index:5; opacity:0.8; filter:alpha(opacity=80);border-radius: 5px}
.effect .effect_list ul li em{margin:18px 0 0 10px; display:block;  position:absolute; right:36px; top:5px;  height:26px; font-style:normal; line-height:26px; color:#fff; text-align:center; z-index:6;transition:bottom 0.2s; -webkit-transition:bottom 0.2s; -moz-transition:bottom 0.2s;-o-transition:bottom 0.2s;font-size: 14px}
.effect_list:hover .effect_list ul li i{background: #d66c41}

.effect_list .state{position: relative; width: 100%;
    height: 100%;
    left:0;
    top:0;
    border: 1px solid #fff;
    -webkit-transition: -webkit-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: -moz-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -ms-transition: -ms-transform .32s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: -o-transform .32s cubic-bezier(.51,1.1,.9,.95);
    transition: transform .32s cubic-bezier(.51,1.1,.9,.95);}
.effect_list .cover:hover{opacity: 0; border: 2px #fff solid;}
.effect_list .cover {
    /* visibility: hidden;*/
    position: absolute;
    width: 100%;
    height: 92%;
    left: 0px;
    top: 7px;
    text-align: center;
    line-height: 166.67px;
    border: 1px #fff solid;
    background-color: #000;
    opacity: 0.3;
    filter: alpha(opacity=0.3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.effect .effect_list ul li:hover .effect_list .state{
    -webkit-transform: scale(0.89);
    -moz-transform: scale(0.89);
    -ms-transform: scale(0.89);
    -o-transform: scale(0.89);
    transform: scale(0.89);
}
.effect_jian{margin-top: 30px;}
.effect_jian span{line-height: 55px}
.leftbox{ float:left; width:895px; overflow:hidden}
.leftcon{ width:865px; background:#fff; overflow:hidden; padding:15px; margin-top:10px;}
.rightbox{ float:right; width:270px;}
.rightcon{ width:240px; background:#fff; padding:15px; margin-top:10px;}
.rightcon ul.list{ width:240px; overflow:hidden; }
/*.rightcon ul.list li{ width:220px; height:26px; float:left; position:relative; line-height:26px; font-size:14px; padding:0 5px 0 12px; overflow:hidden; background:url(../canguan/ico.png) no-repeat -5px -315px}*/
.rightcon ul.list li em{ font-style:normal; font-size:12px; position:absolute; right:0; top:2px; color:#CCC}
.jiage{background-color: #f25618;line-height: 35px;margin:10px 0;color: #fff;display: inherit;width: 50%;border-top-right-radius: 30px;font-size: 16px;float: left}
.loupan{background-color: #ccc;line-height: 35px;margin:10px 0;color: #fff;display: inherit;width: 50%;border-bottom-left-radius: 20px;float: right;font-size: 15px}
.tag{float: right}
.tag a{margin-right: 25px;font-size: 13px;color: #929292;line-height: 34px}
.tag a:hover{color:#f25618;border-bottom: 1px #f25618 solid;border-top: 1px #f25618 solid;padding-top: 5px;padding-bottom: 5px}
/*vr begin*/
.yihua_tt{width:50px; height:225px; background:#033; float:left;}
.yihua_tt strong{display:block; width:20px; height:155px; padding:30px 0px 0px 15px; line-height: 24px; color: #fff; text-align:center; cursor:pointer; font-size:22px; font-family:'Microsoft Yahei',Arial; font-weight:normal;letter-spacing:5px;}
#B-fq { overflow:hidden; /*float:left;*/ /*width:805px;height: 417px*/}
#B-fq li {width:805px; height:458px; overflow:hidden; display:block; float:left;margin-right: 10px;cursor: pointer}
#B-fq li:hover, #B-fq li:hover dl dd strong{border-bottom-color: #879187}
#B-fq li.Fq-cur {width:800px; overflow:hidden;}
#B-fq li dl{ overflow:hidden; float:left; display:block;}
#B-fq li dl dd {width:193px; margin-right:0; height:458px; overflow:hidden; float:left; display:block; position:relative;background-color: #e3e3e3}
#B-fq li dl dd span {font-size: 14px;text-align: center;margin: 5px;display: block}
#B-fq li dl dd strong{background-color:#f25618;display:block; width:195px; height:60px; padding:50px 15px;  line-height: 18px; color: #fff; text-align:center; cursor:pointer; font-size:14px; font-family:'Microsoft Yahei',Arial; font-weight:normal;}
#B-fq li dl dt {width:582px; height:458px;float:left; overflow:hidden;border:3px #f25618 solid;padding: 12px}
#B-fq li dl dt a{}
#B-fq li dl dd p{font-size: 12px;color: #666;padding: 20px;line-height: 34px}
#B-fq li dl dd a{background-color: #333;display: block;width: 130px;height: 36px;color: #fff;margin: 0 auto;line-height: 34px;}
.museum .section em{ display:block; position:absolute; top:100px; left:50%; margin-left:-40px; width:80px; height:80px; background:url(..//image/bof.png) no-repeat; background-size:100%;}
/*浮动*/
.slide-help,.slide-help a{}
.slide-help-box{position:fixed;top: 1px}
.attention-code,.ielt7 .slide-help-box{position:absolute}
.narrow_980 .slide-help-box{margin-right:-534px}
.slide-help a{display:block;text-align:center;color:grey}
.slide-help a span{font-size:24px;color: #fff}
.slide-help i{display:block;width:60px;height:58px}
.slide-help .ico-consult:hover,.ico-feedback:hover{border:1px solid #f25618;background:#f25618;color:#fff}
.slide-help .ico-consult i{margin-left: 20px}
.slide-help .ico-consult:hover i{background-position: 0 -315px }
.ico-feedback,.slide-help .ico-attention{height: 170px;background-color: #52cc71;padding-top: 15px}
.ico-feedback p,.ico-attention p{font-size: 10px;color: #fff}
.ico-consults{background: url("../canguan/zuixin.jpg") no-repeat center;height: 172px}
.slide-help .ico-feedback i,.slide-help .ico-attention i,.ico-return i,.ico-shoucang i,.slide-help .ico-backtop i{width: 70px;height: 70px;margin-left: 15px;}
.slide-help .ico-feedback:hover i{}
.slide-help .ico-attention {background:#f25618}
.slide-help .ico-attention i{background-position: -135px -333px}
.slide-help .ico-backtop i{background-position: -328px -329px}
.slide-help .ico-backtop:hover i{}
.attention-code{top:-118px;right:60px;width:0;height:300px;overflow:hidden}
.attention-code-img{position:relative;width:138px;margin-right:6px;padding:10px 0;background:#fff;border:1px solid #eee}
.attention-code-img p.new-float-loadapp{color:#f25618}.attention-code-img img.new-float-loadapp{margin-top:0}
.attention-code-img img{display:block;width:100px;height:100px;margin:14px auto 4px}
.attention-code-img p{line-height:14px;text-align:center;background:#fff;color:#e7691e}
.attention-code-img:after{position:absolute;bottom:34px;right:-6px;width:6px;height:9px;}
.slide-help .ico-consult{height:113px}.ico-consult .consult-message{display:none;position:absolute;top:2px;right:5px;width:18px;height:18px;text-align:center;line-height:18px;color:#f25618;font-size:12px;}
.slide-help .ico-consult.mes{border:1px solid #ff4900;background:#ff4900;color:#fff}
.ico-return i{background-position: -208px -329px}
.ico-shoucang i{background-position: -270px -329px}
.map{background-position: 0 -315px}
.refer{background-position: -55px -325px}
/**/
.q-nav2{    width:88px;  height: 90px;  background: #fff;  position:absolute;  bottom:-90px;  text-align: center;  padding:0 11px;  right: 340px;  display: none;  z-index: 99;  }
/*mianfei*/
.thumbnail ul#sub-tab{background:none;width: 100%;top: 0;left: 0;overflow: hidden}
.thumbnail ul#sub-tab li{height: 80px; width: 25%; color: #333; background:#fff;box-shadow: 0 0px 15px #666;float: left}
.thumbnail ul#sub-tab li>a{ display: block; margin: 0; padding: 0; height: 80px; line-height: 80px; color: #666;outline: none;border: none; font-size: 20px;text-align: center}
.thumbnail ul#sub-tab li.active > a{color: #fff;background:none;outline: none;border: none}
.thumbnail ul#sub-tab li.active{background:transparent;box-shadow: none;outline: none;border: none}
@media (min-width: 991px) {
    ul#sub-tab > li{height: 80px; width: 30%; font-size: 20px; color: #999999; }
    ul#sub-tab > li > a.sub-tab-cell{ display: block; margin: 0; padding: 0; height: 80px; line-height: 80px; color: #999999; /*padding: 20px 0;*/ /*height: 86px; line-height: 60px;*/ }
    ul#sub-tab li.active > a.sub-tab-cell{ font-size: 20px;  line-height: 80px; color: #3990e9; }
}
@media (min-width: 769px) and (max-width: 990px){
    ul#sub-tab > li{ display: inline-block; height: 80px;  font-size: 20px; color: #999999; }
    ul#sub-tab > li > a.sub-tab-cell{ display: block; margin: 0; padding: 0; height: 80px; line-height: 80px; color: #999999; /*padding: 20px 0;*/ /*height: 86px; line-height: 60px;*/ }
    ul#sub-tab li.active > a.sub-tab-cell{ font-size: 20px;  line-height: 80px; color: #3990e9; }
}
@media (max-width: 768px) {
    ul#sub-tab { min-width: 750px;width: expression((documentElement.clientWidth <= 768) ? "750px" : "auto" ); }
    ul#sub-tab > li{ display: inline-block; height: 80px; width:30%; font-size: 20px; color: #999999; }
    ul#sub-tab > li > a.sub-tab-cell{ display: block; margin: 0; padding: 0; height: 80px; line-height: 80px; color: #999999; /*padding: 20px 0;*/ /*height: 86px; line-height: 60px;*/ }
    ul#sub-tab li.active > a.sub-tab-cell{ font-size: 20px;  line-height: 80px; color: #3990e9; }
    ul#sub-tab li.active > a.sub-tab-cell:hover{ }
}
@media (min-width:640px) {
    .content-font{ padding: 0 30px 40px 30px; line-height: 30px; font-size: 18px; color: #303030; }
    .col-xs-8{ width: 54%; padding-left: 15px; padding-right: 0; }
}
@media (min-width: 840px){
    .content-font{ padding: 0 5px 40px 0; line-height: 30px; font-size: 18px; color: #303030; }
    .col-xs-8{ padding-left: 0; padding-right: 0; width: 66.66666667%; }
}
@media (min-width: 990px){
    .content-font{ padding: 0 54px 40px 50px; line-height: 30px; font-size: 18px; color: #303030; }
    .col-xs-8 { width: 66.66666667%; }
}
.content-bottom{ margin-bottom: 60px; }

.font-white{ color: #fff; }
.width-1-3{ display: inline-block; width: 32%; width: calc(calc(100% - 60px)/3); }
.height-25{ margin: 0; line-height: 25px; font-size: 14px; color: #4e78bc; }
p.height-25{ padding-left: 5px; }

@media (min-width: 768px){
    .cell-top{ margin-top: 15px; }
    .p-r-base{ margin-top: 10px; font-size: 36px; text-align: left; padding-left: 20px;}
    .compare-with-base{ text-align: left; padding-left: 20px; }
    .cell-between{ margin-top: 25px;}
    .comb-detail-img{ padding: 5px 0; }
}
@media (min-width: 990px){
    .cell-top{ margin-top: 35px; }
    .p-r-base{ margin-top: 10px; font-size: 36px; text-align: left; padding-left: 30px;}
    .compare-with-base{ text-align: left; padding-left: 30px; }
    .cell-between{ margin-top: 25px;}
    .comb-detail-img{ padding: 10px 0; }
}
@media (min-width: 1200px){
    .cell-top{ margin-top: 45px; }
    .p-r-base{ margin-top: 24px; font-size: 36px; text-align: left; padding-left: 45px;}
    .compare-with-base{ text-align: left; padding-left: 45px; }
    .cell-between{ margin-top: 48px;}
    .comb-detail-img{ padding: 0; }
}
.profit-pic{ height: 25px; background: url(image/Homepage_Icon_LowRiskPofit.png) center right no-repeat; }
.volaty-pic{ height: 25px; background: url(image/Homepage_Icon_LowRiskPortfolio.png) center right no-repeat;}
.compare-with-base{ padding-right: 0; font-size: 14px; color: #999; }

@media (min-width: 992px) {
    .comb-detail-title{ padding: 0 40px; }
}
.comb-detail-title { padding-top: 30px; color: #999; font-size: 14px; margin: 0 36px; border-top: 1px solid #ddd; }
.color-999 { color: #999; }
.profit{ color: #f44941; }
.comb-detail-cell{}
.index_xgt_gzxgt{background: #f8f8f8; padding-top:14px;}
.index_xgt_gzxgt ul{ float: left;}
.index_xgt_gzxgt .container{margin-bottom: 40px;}
.index_xgt_gzxgt ul li{float:left;width: 190px;height: 80px;margin:20px auto 0;}
.c-problems{margin-top: 20px;}
.c-problems ul li{float:left;width: 380px;height: 300px;margin-right: 16px}
.c-problems ul li p{font-size: 16px;padding-top: 25px}
.index_xgt_gzxgt ul li a img{width:73px; height: 70px; margin-right: 20px}
.index_xgt_gzxgt ul li a span{font-size: 18px}
.index_xgt_gzxgt h2,.dh h2{font-size: 30px;text-align: center;line-height: 80px;color: #333;margin-bottom: 15px;}
.container h2{margin-top: 30px;}
.yf-item{float: left;width: 185px;height: 305px;border:6px #da5f39 solid ;margin: 0 20px 60px 0;background:#fff;}
.yf-item p{color: #f25618;font-size: 24px;text-align: center;padding-top: 10px;margin-top:25px;}
.yf-item span{font-size: 18px;color: #282828;border-bottom: 5px #da5f39 solid;margin-left: 10px}
.container .mflf-li{width: 33.33%;height: 380px;padding-right: 0px;margin-bottom: 20px}
.mflf-li span{display: block;text-align: center;font-size: 18px}
.mflf-li img{margin-bottom: 20px}
.yf-apply p{text-align: center;font-size: 18px;color: #282828;padding-bottom: 20px}
.lfsq{background-color: #fff;height: 325px;margin-bottom: 70px; overflow:hidden;margin-top: 10px;}
.container .lfsj{border:3px #c7c7c7 solid;text-align: center;padding: 10px 0 10px 0 }
.container .lfsj span{color: #26a377;font-size: 26px}
.container .lfsj-li{width: 350px;margin-right: 42px}
.container .lfsj-li img{width: 358px;margin: 5px 0}
.container .lfsl{ width: 23.5%;  height: 168px;  text-align: center;  margin-right: 15px;  font-size: 14px;  position: relative;}
.container .lfsl a{ width: 100%;  height: 168px;  padding-top: 3px;  background-color: #a2a2a2;}
.container .lfsl a>div{display: inline-block;  width: 100%;  height: 120px;  background-color: #FFFFFF;  padding-top: 0;  position:relative;  text-align: center;  font-size: 14px;  color: #282828;}
.container .lfsl a>div p{font-size:80px;color: #26a377;font-weight: bold;padding-top:20px;}
.container .lfsl a>div p span{border-bottom: none;color: #282828}
/*报价*/
.clearfix::after { clear: both; content: "";display: table;}
.decoration {margin-top:20px;position: relative;height: 635px}
.wrap {margin: 0 auto; width: 1200px;}
.add-text { float: left; width: 100%;}
.decoration .decoration-bigp, .service .service-bigp {font-size: 26px; margin-bottom: 20px;}
.add-left {float: left;}
.add-text-info { color: #999999; display: block; float: left;font-size: 14px; padding: 10px;}
.decoration-slide1 { float: left; height: 538px;overflow: hidden; position: relative; width: 820px;}
.decoration-banner1 {color: #ffffff;    height: 100%; position: absolute; width: 4100px;}
.decoration-left { color: #ffffff; float: left; height: 100%; width: 820px;}
.decoration-left img {width: 100%;height: 100%;}
.decoration-button-left { position: absolute; right: 0; top: 44%;}
.decoration-button-left .decoration-button1 { background:#bebebe; margin-right:1px; cursor: pointer; display: block;height: 49px;position: relative;width: 49px;text-align:center; line-height:49px;}
.decoration-button-left .decoration-button1 img{ vertical-align:middle;}

.decoration-slide2 {float: left;height: 538px;overflow: hidden; position: relative; width:380px;}
.decoration-banner2{ color: #ffffff; height: 100%; position: absolute; width: 99999px;}
.decoration-right {float: left; height: 100%;width: 335px;background-color: #d2d2d2;padding-left:45px}
.decoration-right h3{font-size: 50px;background-color: #ff9600;color: #e6ebe6;text-align: center;width: 170px;height: 125px;line-height: 125px;margin: 0 auto}
.decoration-right img { height: 538px; width: 100%;}
.decoration-right li{display: inline-block;width: 118px;height:48px;border:1px solid #ccc;background: white;margin: 20px;text-align: center; line-height: 48px;}
.decoration-right span{border: 1px #797979 solid;margin: 20px;background-color: #dcdcdc;width:112px;height: 40px;line-height: 40px;display: inline-block;text-align: center}
.decoration-right button{background-color: #ff9600;color: #e6ebe6;text-align: center;line-height: 48px;width: 260px;margin: 50px 20px;border: none;display: block;font-size: 24px}
.decoration-button-right { left: 0; position: absolute; top: 44%;}
.decoration-button-right, .decoration-button2 { background-color: #9dc815; cursor: pointer; display: block; height: 49px; position: relative; width: 49px;text-align:center; line-height:49px;}
.decoration-button2 img { vertical-align:middle;}
.decoration-slide3{height: 28px;background-color: #dcdcdc;text-align: center;padding: 20px}
.decoration-slide3 a{color: #282828;font-size: 20px;border-right: 1px #a6a6a6 solid;padding:0 15px;font-weight: bold}


.index_case {position:relative;width:1210px;height:450px;margin:0 auto;}
.index_case > div {width:100%;height:130px;}
.index_case > div h3 {float:left;width:100%;height:69px;line-height:100px;font-size:32px;}
.index_case > div p {float:left;width:100%;height:20px;line-height:20px;color:#999999;}
.index_case ul {float:left;width:100%;height:324px;}
.index_case ul li {float:left;width:385px;height:260px;overflow:hidden;}
.index_case ul li.center {margin:0 26px;}

.index_case ul li img {float:left;width:385px;height:260px;transition:all 0.6s ease-in-out;}
.index_case ul li:hover img {margin-top: -100%;}
.index_case ul li div {float: left;width: 385px;height: 260px;background: #9DC815;text-align: center;}
.index_case ul li div strong{float:left;width:100%;height:95px;line-height:135px;font-size:22px;color:#fff;}
.index_case ul li div span{float:left;width:100%;font-size:16px;color:#fff;}
.index_case ul li div a {display:inline-block;width:111px;height:35px;line-height:35px;border:1px solid #fff;color:#fff;margin-top:25px;cursor:pointer;}
.index_case ul li div a:hover{ text-decoration:underline; }

.index_case .more {position:absolute;width:97px;height:22px;line-height:22px;text-align:center;color:#afafaf;right:3px;top:84px;border:1px solid #AFAFAF;}
.more:hover{ color:#ff5f2f; border-color:#ff5f2f;}
.index_360box {width:100%;height:756px;background:#F2F4F5;}
.index_360 {position:relative; width:1210px;margin:0 auto;background:#F2F4F5;}
.index_360 > div {width:100%;height:120px;}
.index_360 > div h3 {float:left;width:100%;height:70px;line-height:100px;font-size:32px;}
.index_360 > div p {float:left;width:100%;height:20px;line-height:20px;color:#999999;}
.index_360 ul {float:left;width:100%;height:546px;}
.index_360 ul li {float:left;width:385px;height:576px;overflow:hidden; position:relative;}
.index_360 ul li.center {margin:0 26px;}

.index_360 ul li div {float: left;width: 385px;height: 576px;text-align:center;}
.index_360 ul li div.top {background:#FFFFFF;}
.index_360 ul li div.top img {float:left;width:385px;height:436px;}
.index_360 ul li div.top strong {float:left;width:100%;height:45px;line-height:50px;color:#333333;}
.index_360 ul li div.top strong a{ color:#333333;}
.index_360 ul li div.top span {float:left;width:80%;line-height:22px;font-size:13px;color:#999999; padding:0 10%;}
.index_360 ul li div.top .mask{ opacity:0; width:385px; background:rgba(0,0,0,0.3); height:436px; position:absolute; left:0; top:0; z-index:1; transition:all 0.2s linear 0s;}
.index_360 ul li div.top .mask em{ display:block; width:88px; height:88px; background:url(../canguan/3D/hall4.png) no-repeat; margin:175px auto; cursor:pointer;}
.index_360 ul li:hover div.mask{ visibility:visible; transition:opacity 0.4s linear 0s; opacity:1;}


.index_360 ul li div.bottom {position:absolute;background:rgba(157,200,21,0.5); z-index:1; top:-576px;}
.index_360 ul li div strong{float:left;width:100%;height:288px;line-height:460px;font-size:26px;color:#fff;}
.index_360 ul li div span{float:left;width:80%; padding:0 10%; font-size:13px;color:#fff;}
/*.index_360 ul li div a {position:absolute;display:inline-block;width:171px;height:46px;line-height:46px;border:1px solid #fff;left:105px;bottom:115px;color:#fff;cursor:pointer}
.index_360 ul li div a:hover {text-decoration:underline;}*/
.index_360 ul li:hover div.bottom{ top:0;}

.index_360 .more {position:absolute;width:97px;height:22px;line-height:22px;text-align:center;color:#afafaf;right:3px;top:84px;border:1px solid #afafaf;}
.index_360 .more:hover {color:#ff5f2f; border-color:#ff5f2f;}

.index_course {width:1210px;height:516px;margin: 0 auto;overflow: hidden;}
.index_course .title {width:100%;height:120px;}
.index_course .title h3 {float:left;width:100%;height:70px;line-height:100px;font-size:32px;}
.index_course .title p {float:left;width:100%;height:20px;line-height:20px;color:#999999;}

.index_course .left {float:left;width:798px;height:368px;overflow:hidden;}
.index_course .left .left_nav{ float:left; display:inline; width:179px;}
.index_course .left .left_nav li{ float:left; height:168px; width:100%;  background-color:#58c29a;}
.index_course .left .left_nav li:last-child{ margin-top:20px;}
.index_course .left .left_nav li a p{ color:#fff; text-align:center; width:100%;}
.index_course .left .left_nav img{ width:63px; height:63px; margin:46px auto 0 59px;}
.index_course .left .left_nav li.active {
    background: #f25618;
    width:250px;
    height: 270px;
}
.index_course .left .right_nav {
    float: left;
    display: inline;
    width: 540px;
}

.left_1 .img {
    width: 179px;
    height: 168px;
}

.index_course .left dl {
    float: left;
    width: 100%;
    height: 168px;
}

.index_course .left dl dt {
    float: left;
    width: 176px;
    height: 168px;
}

.index_course .left dl dd {
    position: relative;
    float: left;
    width: 290px;
    height: 168px;
}

.index_course .left dl dd:first-child {
    margin-right: 19px;
}

.index_course .left dl dd img {
    float: left;
    width: 290px;
    height: 168px;
}

.index_course .left dl dd p {
    position: absolute;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    text-align: center;
    left: 0;
    bottom: 17px;
    background: rgba(57, 64, 67, 0.8);
    color: #fff;
}


.index_course .left .box {float:left;width:598px;height:165px;border:1px solid #E3E1E1;border:1px solid #e3e1e1; margin-top:20px;}
.index_course .left .box h4 {float:left;width:100%;height:40px;line-height:40px;text-indent:25px;color:#333333;font-size:16px;font-weight:normal;}
.index_course .left .box img {float:left;width:106px;height:108px;margin-left:25px;}
.index_course .left .box ul{float:left;width:486px;height:108px;}
.index_course .left .box ul li {float:left;width:530px;height:20px;padding-left:60px;background:url(/style/201608/pc/image/ico/index_coursehot.png) no-repeat 18px 0;margin-bottom:10px;}
.index_course .left .box ul li a {float:left;width:100%;height:20px;}
.index_course .left .box ul li a:hover span {color:#FF4900 !important;text-decoration:underline;}
.index_course .left .box ul li a span {float:left;width:438px;height:18px;line-height:18px;overflow:hidden;color:#394043;font-size:13px;}
.index_course .left .box ul li a span:last-child {float:left;width:83px;overflow:hidden;color:#666666;font-size:14px;}
.index_course .left .box ul li:last-child {margin-bottom: 0;}

.index_course .right {float:left;width:390px;height:367px;color:#fffefe;text-align:center;background:#58C29A;margin-left:20px;overflow:hidden;}
.index_course .right strong {float:left;width:100%;height:150px;line-height:220px;font-size:36px;font-weight:normal;}
.index_course .right p {float:left;width:100%;height:108px;line-height:33px;font-size:18px;}
.index_course .right a {width:189px;height:44px;line-height:44px;text-align:center;border:1px solid #F0F1F3;font-size:16px;color:#fffefe;transition:all 0.5s ease;display:inline-block;}
.index_course .right a:hover { text-decoration:underline;}

.index_Journalismbox {width:100%;height:534px;background:#F2F4F5;}
.index_Journalism {position:relative;width:1210px;height:534px;overflow:hidden;margin:0 auto;}
.index_Journalism h3 {width: 100%;height:124px;line-height:124px;font-size:32px;color:#394043;}
.index_Journalism .left {float: left;width: 800px;height:350px;overflow: hidden;position:relative; }
.index_Journalism .left {float:left; display:inline;}
.index_Journalism .left li{ width:100%; height:70px; overflow:visible;}
.index_Journalism .left .signer_all { width:414px; height:347px; overflow:hidden; position:absolute; left:0; top:0;}
.index_Journalism .left .signer_all div{ width:195px; height:176px; background:rgba(88,194,154,0.95); padding:24px 20px 20px 20px; position:absolute;left:0; top:50px; z-index:10;}
.index_Journalism .left .signer_all div h4{ color:#fff; width:50px; background:url(../canguan/signer.png) no-repeat; padding: 0 60px 0 15px; font-size:24px; font-weight:normal; line-height:24px; }
.index_Journalism .left .signer_all div h5{ font-size:25px; color:#fff; margin-top:15px;}
.index_Journalism .left .signer_all div p{ font-size:12px; color:#fff; line-height:18px; height:36px; overflow:hidden;}
.index_Journalism .left .signer_all div a{ width:97px; height:25px; border:1px solid #fff; border-radius:5px; color:#fff; text-align:center; line-height:25px; display:block; margin-top:10px;}
.index_Journalism .left .signer_all img{ position:absolute; left:90px; top:0; z-index:1;}
.index_Journalism .left .signer_right{ display:inline; float:right; width:360px; height:57px; margin-bottom:15px; border-bottom:1px dashed #d9d9da;  margin-left:360px;}
.index_Journalism .left .title {height:25px;line-height:20px;color:#333333;font-size:16px; display:block;}
.index_Journalism .left .context {height:23px;line-height:30px;color:#999999;font-size:14px; display:block; width:360px; overflow:hidden;}
.index_Journalism .left a:hover {color:#FF5F2E;}

.index_Journalism .right {float:left;width:390px;height:350px;margin-left:20px;}
.index_Journalism .right img {float:left;width:390px;height:165px;}
.index_Journalism .right div {float:left;width:390px;height:165px;margin-top:20px;background:#FF5F2E;text-align:center;}
.index_Journalism .right strong {width:100%;height:75px;line-height:100px;font-size:26px;color:#fff;}
.index_Journalism .right p{width:100%;font-size:42px;line-height:25px;color:#fff;}

.index_Journalism .dh {position:absolute;width:238px;height:222px;left:0;top:179px;background:rgba(96,197,157,0.92) url(/style/201608/pc/image/ico/index_Journalismdh.png) no-repeat 19px 25px;}
.index_Journalism .dh strong{float:left;margin:90px 0 0 20px;width:210px;height:35px;line-height:35px;font-size:28px;color:#fff;}
.index_Journalism .dh span {float:left;margin-left:20px;width:210px;height:35px;line-height:20px;font-size:12px;color:#fff;}
.index_Journalism .dh a {float:left;width:97px;height:25px;line-height:25px;text-align:center;color:#fff;border-radius:3px;border:1px solid #fff;margin:20px 0 0 20px;}

.index_Journalism .more {position:absolute; padding:0 5px; height:22px;line-height:22px;text-align:center;color:#AFAFAF;right:412px;top:57px;border:1px solid #AFAFAF;}
.index_Journalism .more:hover {color:#ff5f2f; border-color:#ff5f2f;}

.index_flowpath {width:1210px;height:293px;margin:0 auto;background:#fff;}
.index_flowpath div {width:100%;height:120px;}
.index_flowpath div h3 {float:left;width:100%;height:70px;line-height:100px;font-size:32px;color:#394043;}
.index_flowpath div p {float:left;width:100%;height:20px;line-height:20px;color:#999999;}

.index_flowpath ol {float: left;width: 1210px;height: 130px;}
.index_flowpath ol li {float:left;width:126px;height:128px;line-height:190px;text-align:center;font-size:14px;border:1px solid #EEEEEE;border-radius:3px;background:url(/style/201608/pc/image/ico/index_liuchengbg.png) no-repeat;margin-left:26.5px;transition:border 0.3s ease-out;color:#666666;cursor:pointer;}
.index_flowpath ol li:first-child {margin-left:0px;}
.index_flowpath ol li a{ color:#666666; display:block; height:128px;}
.index_flowpath ol li:hover a{ color:#ff4900;}
.index_flowpath ol li.li1 {background-position:42px 28px;}
.index_flowpath ol li.li2 {background-position:-119px 28px;}
.index_flowpath ol li.li3 {background-position:-267px 28px;}
.index_flowpath ol li.li4 {background-position:-423px 28px;}
.index_flowpath ol li.li5 {background-position:-577px 28px;}
.index_flowpath ol li.li6 {background-position:-728px 28px;}
.index_flowpath ol li.li7 {background-position:-886px 28px;}
.index_flowpath ol li.li8 {background-position:-1038px 28px;}

.index_flowpath ol li:hover {background-image:url(/style/201608/pc/image/ico/index_liuchengbg2.png);border-color:#ff4900;color:#ff4900;}

.indextitle { font-size: 28px; overflow: hidden; height: 88px; line-height: 98px;}
.indextitle .moreA { font-size: 12px; color: #666; margin-left: 620px; line-height: 109px;}
/*vr*/
.museum { margin:0 28px;}
h6.position1{font-size:18px;font-weight:normal;text-indent:10px;line-height: 40px;height: 64px;color:#666;margin-top:20px;border: 1px #bcbcbc solid;padding: 11px 15px;position: relative}
h6.position1 a{ color:#666; }
.tags{text-align: center;margin-top: 20px}
.tags a{text-align: center;display:inline-block;width:55px;font-size: 14px;color: #6f6f6f;line-height: 26px;text-decoration: none;text-underline: none;}
.tags a:hover{color:#fff;background-color:#f25618;}
.museum .section{ width:550px; float:left; display:inline; padding:12px 0; margin:20px 0 20px 22px; border:3px solid #e1e1e1; box-shadow:1px 0px 3px #CCC; position:relative;}
.museum .section:nth-last-child(2n+0){margin:20px 0 20px 0;}
.museum .section:hover{border:3px solid #f25618;}
.museum .section:hover .hallTop{background: url("../canguan/text1.png") no-repeat;display: block}
.museum .section em{ display:block; position:absolute; top:165px; left:52%; margin-left:-40px; width:80px; height:80px; background:url("../canguan/bof.png") no-repeat; background-size:100%;}
.museum .section img{ width:520px; height:380px;}
.museum .section .hallH2_1{ color:#666; text-align:center; font-size:20px; font-weight:normal;}
.halls{display:block;width: 120px;height: 33px;background-color: #f25618;position: absolute;top: 20px;left: -2px;font-size: 14px;line-height: 33px;color: #f0f0f0;text-align: center}
.halls:hover{color: #fff}
.hallA{display:block;text-align: center;}
.hallTop{width:240px;height:76px;background: url("../canguan/text2.png") no-repeat;background-size:100% auto;position: absolute;bottom: 20px;right: 30px;display: block}
.ht-text{font-size: 20px;line-height: 43px;color: #e6ebe6;margin: 0}
.ht-texts{font-size: 12px;line-height: 33px;color: #f0f0f0}
/*分页*/
.Paging,{margin:0 4px; height:60px; text-align:center;}
.paging div{
    width: 500px;
    margin: auto;
    padding: 10px;
}
.paging span{
    display: inline-block;
    padding: 0 5px;
}
.paging a{
    padding: 0 5px;
    color:#666;
}
.paging select{
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    outline: none;
}
.paging a:hover{
   color: #f25618;
   text-underline: none;
    text-decoration: none;
}
/*.Paging p{ float:left; line-height:28px; font-size:14px; padding:0 120px 0 4px; color:#666;}*/
/*.Paging ul{display: inline-block;margin: auto;overflow: hidden}*/
/*.Paging li{border-radius: 5px;text-align:center; color:#666; margin-right:8px; padding:5px 10px;float: left;border:1px solid #e0dcd8;}*/
/*.Paging li a{color:#8c8c8c;}*/
/*.Paging li.paging_gd{ border:none;}*/
/*.Paging li .next,.Paging li .prev{ width:64px;}*/
/*.Paging li.Paging_total{ width:auto; border:none;}*/
/*.Paging li.paging_Jump{ border:none; width:auto;}*/
/*.Paging li.paging_Jump span{ padding:0 10px;}*/
/*.Paging li.paging_Jump input.paging_text{ border:1px solid #ccc;width:30px; text-align:center; line-height:28px; height:28px; color:#666}*/
/*.Paging li.paging_Jump input.paging_url{ border:1px solid #ccc; height:28px; background:#fff; color:#666; cursor:pointer;}*/
/*.Paging li.paging_Jump input:hover{ border:1px solid #ff7300; color:#ff7300;}*/
/*.Paging li:hover,.Paging li.current{ background-color:#dc6426;}*/
/*.Paging li:hover a,.Paging li.current a{ color:#fff;}*/
/*.Paging li a.prev{ background-image:url(../canguan/ico/page_go.png); background-repeat:no-repeat; background-position:8px 9px;}*/
/*.Paging li a.next{ background-image:url(../canguan/ico/page_go.png); background-repeat:no-repeat; background-position:-29px 9px;}*/

/*装修课堂*/
.zx-banner{border: 25px #52cc71 solid;height: 525px;}
.zx-banner-left{text-align: center;width: 500px;float: left;margin-top: 100px}
.zx-banner-left span{font-size: 36px;padding: 10px 20px}
.zx-banner-left ul li{line-height: 54px;font-size: 18px;color: #231f20;overflow: hidden}
.zx-banner-left ul li:hover a{color:#52cc71;border-bottom: 3px #52cc71 solid;width: 295px;display: block;text-align: left;float: right;cursor: pointer}
.zx-banner-right{float: right;width: 650px;height: 473px}
.theon{width: 1210px;margin: 0 auto;}
.main_top a{ font-size: 12px; color: #333333;line-height: 60px;}
.imgage img{display: block; margin-bottom: 10px;}
.leftright_all{padding: 30px 20px 60px 50px; word-spacing: -6px; box-sizing: border-box; background-color: #fff;box-shadow: 0 10px 3px #d4d9d4}
.mian_left{/*width: 792px;*/display: inline-block; vertical-align: top; overflow: hidden;}
.mian_left .main_top_p{display: inline-block;font-size: 14px; color: #666666; padding: 25px 0;}
.mian_left h3{font-size: 34px; color: #333333;font-weight: normal;}
.mian_left div.content{ line-height:25px;}
.mian_left div.content p{ margin-bottom:10px;}

.mian_left .ac{text-align: right; padding-bottom:15px;}
.mian_left .fen{padding-right: 15px;line-height: 19px; height: 19px;display: inline-block; float: right; font-size: 14px;}
.up_down{text-align: right; margin: 15px 0 25px 0;}
.up_down a{width:250px;height: 45px;line-height: 45px; border: 1px solid #b3b3b3; color: #4d4d4d; display:inline-block; margin-bottom:10px; text-align: center; margin-left: 15px; overflow:hidden;}
.up_down a.in{background-color: #ff4900; color: #Fff;text-decoration: underline;}
.main_botton{ padding-top:15px;}
.main_botton h3{ color: #333333;font-size: 26px; border-left:3px solid #ff4900; padding-left: 10px;margin-bottom: 20px;}
.reading{}

.reading ul li{border-bottom: 1px dashed #d9d9d9; background: url(../canguan/news/xiang9.jpg) no-repeat;background-size: cover; margin-bottom: 25px;}
.reading ul li div .head_title.cc{color: #ff4900;}
.reading ul li.cn{background: url(../canguan/news/xiang10.jpg) no-repeat; background-size: cover;}
.reading ul li img{display: block;float: left;width:240px;height:185px; padding: 10px;}

.reading ul li .reading_li_right{float: right;width: 530px; display:inline; margin-right:10px;}
.reading_li_right .head_title{width: 400px; font-size: 24px;color: #333333;padding:10px 0;display: block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.tabpag{font-size: 12px;color: #666666;}
.tabpag span{}
.tabpag a{display: inline-block;border:1px solid #dddddd;padding:3px 10px; background-color: #fafafa; margin-left: 15px; border-radius: 5px; color:#666666;}
.one_titie{}
.two_titie{}
.link_a{position: relative;}
.reading_li_right_p{color: #666666;font-size: 14px; padding: 10px 0 15px 0; }
.all_new{ float:right;  color: #ff4900;font-size: 14px;}
.span_time{font-size: 14px; background: url(../canguan/news/time1.jpg) no-repeat scroll 0% 50%; padding-left:30px; color: #666666; margin-right: 15px;}
.span_numb{font-size: 14px;background: url(../canguan/news/eye1.jpg) no-repeat scroll 0% 50%;padding-left:35px; color: #666666;}
.span_text{border:2px #ccc solid;margin-right: 8px;font-style: normal;padding: 5px;margin-top: 10px}
.mian_right{width: 290px;display: inline-block; margin-left: 35px;}
.mian_right h3{font-size: 18px;padding-bottom: 10px}
.mian_right_top{ border-left: 1px solid #d9d9d9; padding-left: 5px; margin-bottom: 20px;}
.mian_right_top h3{font-size: 24px; color: #333333;margin-bottom: 20px;font-weight: normal;}
.mian_right_top ul li{ margin-bottom: 10px;padding-bottom: 10px; border-bottom: 1px dashed #cccccc;}
.free_on{font-size: 16px;color: #666666}
.mian_right_top ul li a{color: #666666;}
.mian_right_top ul li:hover a{color: #ff5b26;}
.mian_right_top ul li img{display: block;float: left;width: 92px;height: 70px;}
.mian_right_top ul li p{width:170px; display: block;float: right; padding-top: 5px; line-height: 25px; height: 55px;}
.tab_form{ border-top: 1px solid #E6E6E6;padding-bottom: 20px;}
.tab_form h3{color: #333333;font-size: 16px;text-align: center; font-weight: normal; padding-top: 25px;}
.tab_form h3:after{content: '';display: inline-block;width: 40px;height: 1px;vertical-align: middle; background-color: #808080; margin-left: 20px;}
.tab_form h3:before{content: '';display: inline-block;width: 40px;height: 1px; background-color: #666666; background-color: #808080; margin-right: 20px; vertical-align: middle;}
/*.tab_form h3{font-weight: normal;}*/
.many a{height: 40px;line-height: 40px;display:inline-block; vertical-align: top; margin:0 7px; font-size: 16px; color: #333333;}
.many{ text-align: center; margin: 20px 0;}
.many span{background: url(../canguan/news/munber1.jpg) no-repeat;display: inline-block;width:31px;text-align: center;color: #fff;font-size: 32px;}
.center_form{width: 250px; margin: 0 auto;}
.the_height{position: relative; width: 250px;height: 35px;line-height: 35px; margin-bottom: 10px;font-size: 12px;display: inline-block;}
.pingfang{position: absolute;right:6px;bottom: 0; color: #b3b3b3;font-size: 12px;}
.the_height input{color: #b3b3b3;width: 250px;height: 35px; border: 1px solid #dadada; padding-left: 10px;box-sizing: border-box;}
.the_height select{color: #4d4d4d;width:121px;height: 35px; border:1px solid #dadada; display: inline-block;}
.select_one{margin-right: 8px;}
.select_two{}
.go_for{width: 250px;height: 40px;line-height: 40px; display: inline-block; color: #fff;background-color: #ff4900;font-size: 16px;text-align:center;}

.module{}
.module_top{height: 40px;line-height: 40px;}
.module_top h3{float: left;margin-left: 15px; color: #333333; font-size: 24px;font-weight: normal;}
.module_top a{float: right; margin-right: 15px;font-size: 14px; color: #ff7b4d;}
.more_pag{ padding: 20px 15px 0 5px;}
.more_pag ul li{float: left;}
.more_pag ul li a{/*color: #4d4d4d; border: 1px solid #dddddd;*/}
.more_pag ul li a{color: #4d4d4d; border: 1px solid #dddddd;border-radius: 20px; display: block;padding:5px 11px; margin-bottom: 10px; margin-left:10px;font-size: 14px;}
.more_pag ul li:hover a{color:#ff4900; border-color: #ff4900;}

/*精品案例 begin*/
.type{background: url("../canguan/jpal.jpg") no-repeat;height: 420px;}
.type-in{width: 1200px;margin:0 auto;padding-top:25px;position: relative}
.type-list{background-color: #f9faf9;}
.location{padding: 40px 0;color: #666666;font-size: 12px;}
.location a{color: #666666;}
.type-list-in-tit{height:50px;line-height:42px;text-align: center;color: #666666;font-size: 14px;float: left;padding:3px 0px;border-right: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;width: 105px;background-color: #dce1dc}
.type-list-in-con{float: left;/*border-bottom: 1px solid #dfdfdf;*/}
.type-list-in-con ul{padding: 0px 10px 0 10px;line-height: 50px;margin: 0}
.type-list-in-con ul li{float: left;}
.type-list-in-con ul li a{color: #666666;font-size: 14px;display: block;padding: 0 20px;}
.type-list-in-tit img{width: 34px;height: 30px;margin-right: 10px}
.type-list-in{font-size: 0; overflow:hidden;border-bottom:none;padding:15px;width: 846px;}
.type-list-in .this a{color:red}
.border-kuang{border-bottom: 1px #d3d8d3 solid;margin-bottom: 2px}
.border-kuang:first-child{border-top:1px #d3d8d3 solid;}
.height-nr{width: 1200px;margin: 35px auto 0 auto;border-bottom: 1px solid #DFDFDF;}
.height-nr-in{width: 1228px;margin: 30px auto;}

.height-nr-in .imgbox img {
    display:block;
    width: 381px;
    height: 283px;
}
.height-nr-in ul li{float: left;margin-right: 28px;margin-bottom: 45px;width: 381px;height: 333px;}
.height-nr-in ul li a{color: #666666;font-size: 14px;}
.height-nr-in .imgbox{width: 381px;height: 283px;}
.height-nr-info{padding: 25px 0; text-align:center;}
.fuwu-con .fuwu-img > img{transition: .1s transform;transform: translateZ(0);/* hack */}
.f-news-img img{transition: .1s transform;transform: translateZ(0);/* hack */}
.fuwu-img:hover ,.f-news-img:hover{z-index: 1;}
.fuwu-img:hover > img{transform: scale(1.2, 1.2);transition: .3s transform;-webkit-transform: scale(1.2, 1.2);-webkit-transition: .3s transform;-moz-transform: scale(1.2, 1.2);-moz-transition: .3s transform;-o-transform: scale(1.2, 1.2);-o-transition: .3s transform;}
.f-news-img:hover > img{transform: scale(1.1, 1.1);transition: .3s transform;-webkit-transform: scale(1.2, 1.2);-webkit-transition: .3s transform;-moz-transform: scale(1.2, 1.2);-moz-transition: .3s transform;-o-transform: scale(1.2, 1.2);-o-transition: .3s transform;}
.f-news-con h2 a:hover{color: #e6002e;}
.f-case1-nr ul li:hover .f-case1-com{color: #e6002e;}
.f-case1-nr ul li:hover .f-case1-num{background-color: #e6002e;}
.type-list-in-con ul li a:hover{color: #e6002e;}
.fuwu-car-name a:hover{background:#e6002e;color:#fff;transition: all 0.8s ease-in-out;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;}

.mengban{width: 381px;height: 283px;background-color: #000000\9;
.filter:alpha(opacity=80);background: rgba(0,0,0,0.6);position: absolute;top: 0;left: 0;display: none;}
.height-nr-in .imgbox{position: relative;}
.mengban-info{color: #fff;height: 85px;position:absolute;top:50%;margin-top: -43px;left: 0; text-align: center;width: 100%;}
.mengban-info p{margin-bottom: 15px;}
#baojia>form {
    background: url("../canguan/activity_logo.jpg") no-repeat 0 15px;
    padding-top: 75px;
    font-size: 14px;
}
#right>div {
    padding: 0 15px;
}
#baojia{
    border-top: 4px solid #f25618;
    width: 300px;
    padding:0 15px;
    background: #fff;
}
#baojia>form > select {
    height: 40px;
    line-height: 40px;
    width: 125px;
    padding-left: 25px;
    font-size: 14px;
    outline: none;
    border: 1px solid rgb(169, 169, 169);
    text-indent: 0px;
}
#baojia>form > input {
    width: 100%;
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 30px;
    border: 1px solid rgb(169, 169, 169);
    outline: none;
}
#baojia>form > input.input1 {
    width: 120px;
    padding-left: 10px;
    float: right;
}
#baojia>form > input.input2 {
    background:url("../canguan/activity_user.png") no-repeat;
}
#baojia>form > input.input3 {
    background: url("../canguan/activity_phone.png") no-repeat;
}
#baojia>form >#bj {
    width: 100%;
    height: 50px;
    background: #f25618;
    color: #fff;
    padding-left:0;
    border: none;
    border-radius: 5px;
    font-size: 18px;
}
#baojia>form >#bj:hover {
    border: 2px solid #f25618;
    color: #f25618;
    background: #fff;
    font-weight: bold;
}
.d-tab-title,
.d-product-main {
    display: box;
    display: -ms-box;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: inline-block;
    margin-bottom: 0;
}
.d-mod-nav-item {
    position: relative;
    display: block;
    flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    box-flex: 1;
    -ms-box-flex: 1;
    -webkit-box-flex: 1;
    text-align: center;
    line-height: 45px;
    height: 45px;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: -1px;
    border-bottom: 1px solid #e5e5e5;
}
.d-mod-nav-item:nth-child(1):before,
.d-mod-nav-item:nth-last-child(1):after {
    background: none;
}
.d-mod-nav-item:before,
.d-mod-nav-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #e5e5e5;
}
.d-mod-nav-item:after {
    left: auto;
    right: 0;
}
.d-mod-nav-cur {
    color: #c50000;
    border-bottom: 2px solid #c50000;
    z-index: 1;
}
.d-product-main li {
    display: table-cell;
   /* width: 31%;*/
   /* border-bottom: 1px solid #e5e5e5;*/
    position: relative;
}
.d-product-main li a {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
    position: relative;
}
.d-product-main li a span {
    background: url(../canguan/icon.png) no-repeat;
}
.d-product-main li a span.d-icon-down {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    background-position: -76px -535px;
    vertical-align: middle;
    margin-left: 5px;
}
.d-product-main li a span.d-icon-rdown {
    background-position: -60px -533px;
    vertical-align: 0;
}
.d-product-main li a span.d-icon-up {
    background-position: -95px -532px;
    vertical-align: 0;
}
.d-product-main li .cur {
    color: #c50000;border: 2px #f25618 solid;
}
/*案例 end*/
/*设计师团队 begin*/
.sjsb{background: url("../canguan/sjtdb.jpg") no-repeat;width: 100%;height: 107px;}
.sjsb .container>ul {width: 100%;height: auto}
.sjsb .container>ul li:first-child{background-color: #f25618;width: 162px;height: 83px;text-align: center;font-size: 24px;color: #fff;padding: 15px;margin-top: 25px;float: left}
.sjsb .container>ul li p{font-size: 9px;color: #fff}
.sjsb .container>ul li{background-color: #fff;width: 74px;height: 83px;text-align: center;float: left;margin-top: 25px;padding: 15px 0}
.fwiocn,.fwiocn2,.fwiocn3,.fwiocn4,.fwiocn5,.fwiocn6,.fwiocn7,.fa{width: 60px;height: 50px}
.fwiocn1{width:85px;height: 30px}
.fwiocn{background-position: 0 -475px}
.fwiocn1{background-position: -405px -420px}
.fwiocn2{background-position:-70px -475px }
.fwiocn3{background-position:-146px -475px }
.fwiocn4{background-position:-223px -475px }
.fwiocn5{background-position:-280px -470px }
.fwiocn6{background-position:-350px -470px }
.fwiocn7{background-position:-405px -470px }
.sjs{width: 1160px;height: 119px;background-color: #fff;margin: 20px}
.sjs ul{width: 100%;margin: auto;height: 420px;}
.sjs ul li{width: 33.3%;padding: 8px 0;float: left;font-size: 22px;text-align: center;border-left: 1px #dadada solid;margin-top: 10px;border-bottom: 3px #19181e solid;}
.sjs ul li:first-child{border-left:1px transparent solid}
.sjs ul li{color:#666;cursor: pointer}
.sjs ul li.sactive{background-color: #52cc71;}
.sjs ul li.sactive{color: #fff}
.w1200{width: 1200px;margin: 15px auto;background-color: #fff;box-shadow: 1px 0 3px 3px #d4d9d4;padding-bottom: 20px}
.fa_list{margin: 40px auto 0 20px;}
.fa_list li{margin-right: 20px;margin-bottom: 30px;margin-left: 0;width: 274px;height: auto;}
.fa_list li.last{margin-right: 0;}
.fa_list li .mxs_list_img{margin-bottom: 15px;position: relative;overflow: hidden;width:285px;height:416px}
.fa_list li .mxs_list_img>p{background: url("../canguan/sjsxk.png") no-repeat;width: 285px;height:416px;z-index: 999;position: absolute;top: 0;left: 0;display: none}
.fa_list li .mxs_list_img:hover>p{display: block}
.fa_list li .mxs_list_msg{width: 273px;}

.fa_img_msg{padding-top: 80px;}
.fa_img_m_dl{width: 215px;margin: 0 auto;text-align: left;}
.fa_img_m_dl dt{color: #d6b97b;font-weight: bold;margin: 23px auto 15px;}
.fa_img_m_dl dd{color: #999;line-height: 20px;}
.fa_list .fa_sjs_h3{font-size: 18px;margin-bottom: 10px}
.fa_list .fa_sjs_h3 span{color: #333;font-weight: bold;margin-right: 10px;}
.ml_mj_icon{width: 19px;height: 22px;vertical-align: middle; background: url(../canguan/milan_icon_bg.png) no-repeat;background-position: -99px -20px;margin-right: 8px;}
.mxs_arrow{content: '';width: 30px;height: 30px;display: block;position: absolute;bottom: -15px;left: 0;background: transparent url(../canguan/icon.png) no-repeat -411px -357px;transition: all 0.5s ease-out 0s;margin-top: -11px;}
.mxj_list li{position: relative;float: left;}
.mxj_list li .mxs_list_img img{border:transparent;display: block; width: 100%;min-height: 230px;height:416px;transition: 0.6s all;}
.anli_img_msg{display: none;position: absolute;width: 100%;height: 100%;left: 0;top:0;text-align: center;background-image: url(../canguan/opacity80_bg.png);color: #fff;}
.mxs_list_msg{z-index: 2; width: 370px;height: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.mxs_list_msg p{color: #b3b2b2;font-size: 12px;overflow: hidden;height: 14px;text-overflow: ellipsis;white-space: nowrap;width: 80%;text-indent: 30px}
.mxj_list li .mxs_list_img img:hover{background: url("../canguan/sjsxk.png") no-repeat;width: 285px;height: 430px;z-index: 999}
/*设计师详情*/
.sjsxq{border: 3px #19181e solid;float: right;width: 776px !important;background: none !important; }
.sjsxq li{border-right: 1px #a0a0a2;width: 135px !important;}
.sjsxq button{color: #f25618;border-left: 3px #19181e solid;border-bottom: 3px #19181e solid;border-right: none;border-top: none;font-size: 32px;height: 80px;width: 230px;float: right;outline: none;background-color: #fff}
.sjsxq h3{font-size:18px;width:75px;border-bottom: 3px #19181e solid;margin: 25px 0;line-height: 25px;font-weight: bold}
.sjsxx{margin: 30px}
.sjs ul li:nth-last-child(3n){margin-left: 0px}
.sjszl {width: 740px;height: 330px;background: #fff;overflow: auto;margin: 30px}
.sjszl p{line-height: 30px}
.sjszl span{font-weight: bold}
.efful ul{width:1138px;background: none;height: auto}
.efful ul li{width: 285px;margin: 40px !important;}
.sjsxx .effect .effect_list ul li .xin{opacity: 0.8;width: 35px;height: 30px;background-color: #333;border: 10px;position: absolute;right: 90px;top: 20px;}
/*end*/
/*参观轮播*/
.wrap{height: 603px;width: 1200px;overflow: hidden;position: relative;margin:20px auto;background: #fff;margin-bottom: 80px;box-shadow: 2px 3px #ced2ce;}
.wrap ul{position: absolute;padding-left: 45px;right:0;top: 0px;bottom: 20px}
.wrap ul li{height:440px;padding:20px}
.wrap ul li img{width:100%;height: 100%;margin: 0 auto}
.wrap ol{position: absolute;left: 2.5rem;bottom: 0;width: 215px;cursor: pointer}
.wrap ol li{height: 50px;width: 215px;  background:#dddddd;border: 1px #777777 solid; float:left;  text-align: center;line-height: 50px;margin-bottom:24px}
.wrap ol li.active{background: #f25618; color: #fff; border: 1px #f25618 solid;}
#banner{
    width: 100%;
    height: 107px;
    background:#000;
}
#banner>p{
    position: relative;
    width: 1200px;
    height: 107px;
    margin:0 auto 20px;
    background:url("../canguan/activity_bj.jpg") no-repeat ;
}
#banner>p>a{
    border: 2px solid #fff;
    border-radius:30px ;
    color: #fff;
    background:#f25618;
    position:absolute;
    right: 10px;
    top: 35px;
    padding: 5px 40px;
    font-size: 20px;
}
#banner>p>a:hover{
    border:2px solid #f25618;
    color: #f25618;
    background: #fff;
    font-weight: bold;
    /*text-underline: none;*/
    text-decoration: none;
}
/************************分页******************************/
/*#page{*/
    /*margin:0 auto;*/
    /*padding: 20px 30px;*/
    /*width: 780px;*/
/*}*/
/*#page>li{*/
    /*border: 1px solid #dadada;*/
    /*float: left;*/
    /*padding: 10px 20px;*/
    /*border-radius: 5px;*/
    /*margin: 5px;*/
    /*font-size: 14px;*/
    /*cursor: pointer;*/
/*}*/
/*#page>li.now{*/
    /*border:1px solid transparent;*/
    /*background: #da5f38;*/
    /*color: #ffffff;*/
/*}*/
/*#page>li:hover{*/
    /*border:1px solid transparent;*/
    /*background: #da5f38;*/
    /*color: #ffffff;*/
/*}*/

/**************************free******************************/
#sub_tab{
    top: 0;
    left: 0;
    width: 100%;

}
#banner{
    text-align: center;
    vertical-align: bottom;
    width: 100%;
    height: 107px;
    padding-top: 26px;
    background:url("../canguan/decoratedetail_banner.jpg") no-repeat;
}
#banner img{
    width: 1200px;
    margin:0 auto;
}
a{
    cursor: pointer;
}